@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@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, ion-checkbox[grd-checkbox] page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box 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-employee-list .check-subsection .checkbox-icon ion-checkbox[grd-checkbox] .checkbox-inner, ion-checkbox[grd-checkbox] page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon ion-checkbox[grd-checkbox] .checkbox-inner, page-login-session .check-subsection .checkbox-icon ion-checkbox[grd-checkbox] .checkbox-inner, page-shift-daily-setting-add .check .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, ion-checkbox[gdx-checkbox] page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box 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-employee-list .check-subsection .checkbox-icon ion-checkbox[gdx-checkbox] .checkbox-inner, ion-checkbox[gdx-checkbox] page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon ion-checkbox[gdx-checkbox] .checkbox-inner, page-login-session .check-subsection .checkbox-icon ion-checkbox[gdx-checkbox] .checkbox-inner, page-shift-daily-setting-add .check .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-claim-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-claim-component .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

approval-claim-component ion-input {
  font-size: 1.4rem !important;
}

approval-claim-component ion-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1.4rem !important;
}

approval-claim-component ion-input ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1.4rem !important;
}

approval-claim-component ion-input :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1.4rem !important;
}

approval-claim-component ion-input :-moz-placeholder {
  /* Firefox 18- */
  font-size: 1.4rem !important;
}

approval-claim-component .icon-input-search2:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

approval-claim-component .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

approval-claim-component .input-map-icon:after {
  content: "\e93e";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

approval-claim-component ion-list {
  padding: 0px 16px 16px 16px;
}

approval-claim-component .div-date-time {
  padding: 16px 16px 0px 16px;
}

approval-claim-component #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

approval-claim-component #currency-text {
  width: 25%;
  float: left;
}

approval-claim-component .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

approval-claim-component .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

approval-claim-component .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

approval-claim-component #cur-item {
  float: left;
  width: 100%;
}

approval-claim-component #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

approval-claim-component .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

approval-claim-component #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

approval-claim-component #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

approval-claim-component .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

approval-claim-component .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

approval-claim-component .item-select {
  margin-top: 20px !important;
}

approval-claim-component .list-ios > .item-block:first-child {
  border-top: none !important;
}

approval-detail-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-detail-component .detail-list-request-comp ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

approval-detail-component .detail-list-request-comp ion-item .item-inner {
  border: none !important;
}

approval-detail-component .col-right-component {
  text-align: right;
}

approval-detail-component .list-waiting-approval-component ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

approval-detail-component .text-ellipsis-component {
  width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

@media screen and (max-width: 360px) {
  approval-detail-component .text-ellipsis-component {
    width: 180px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
  }
}

approval-detail-component .text-reject-note-component {
  white-space: normal !important;
  padding: 5px;
}

approval-detail-component .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

approval-detail-component .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

approval-detail-component .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

approval-detail-component .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

approval-detail-component .container .list-box .list-section ion-select button {
  padding-left: 0;
}

approval-detail-component .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

approval-detail-component .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

approval-detail-component .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

approval-detail-component .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

approval-detail-component .container .factory-box .factory-section .content-container button {
  width: 140px;
}

approval-detail-component .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

approval-detail-component .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

approval-detail-component .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;
}

approval-detail-component-gd .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-detail-component-gd .lbl-multibank {
  text-transform: capitalize;
}

approval-detail-component-gd .detail-list-request-comp ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

approval-detail-component-gd .detail-list-request-comp ion-item .item-inner {
  border: none !important;
}

approval-detail-component-gd .col-right-component {
  text-align: right;
}

approval-detail-component-gd .list-waiting-approval-component ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

approval-detail-component-gd .text-ellipsis-component {
  width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

@media screen and (max-width: 360px) {
  approval-detail-component-gd .text-ellipsis-component {
    width: 180px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
  }
}

approval-detail-component-gd .text-reject-note-component {
  white-space: normal !important;
  padding: 5px;
}

approval-detail-component-gd .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

approval-detail-component-gd .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

approval-detail-component-gd .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

approval-detail-component-gd .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

approval-detail-component-gd .container .list-box .list-section ion-select button {
  padding-left: 0;
}

approval-detail-component-gd .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

approval-detail-component-gd .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

approval-detail-component-gd .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

approval-detail-component-gd .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

approval-detail-component-gd .container .factory-box .factory-section .content-container button {
  width: 140px;
}

approval-detail-component-gd .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

approval-detail-component-gd .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

approval-detail-component-gd .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;
}

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-calendar-new-schedule .calandro {
  width: 49em;
}

page-calendar-new-schedule .calios {
  width: 200em;
}

page-calendar-new-schedule .shift-block {
  overflow: auto;
}

page-calendar-new-schedule .shift-block .header-right ion-col.holiday h2 {
  color: #c00;
}

page-calendar-new-schedule .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  border-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  max-width: 2em;
  min-height: 2em;
  text-align: center;
}

page-calendar-new-schedule .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
}

page-calendar-new-schedule .shift-block .header-right ion-col p {
  margin: 0;
}

page-calendar-new-schedule .shift-block .header-right ion-col h6 {
  color: #F68A22 !important;
  font-size: 0.9em !important;
}

page-calendar-new-schedule .shift-block div.body-right ion-col.holiday {
  background-color: #fef3f4;
}

page-calendar-new-schedule .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  border-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  min-height: 5em;
  max-width: 2em;
  padding: 0 5px;
  text-align: center;
  line-height: 2.3em;
}

page-calendar-new-schedule .shift-block div.body-right ion-col p {
  margin: 0;
}

page-calendar-new-schedule .shift-block div.body-right ion-col p:first-child {
  width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-calendar-new-schedule .shift-block div.body-right .unshift-area {
  background: #f3f3f3 !important;
}

page-calendar-new-schedule .shift-user .header-left ion-col {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  min-height: 2em;
}

page-calendar-new-schedule .shift-user .header-left ion-col h2 {
  margin: 0;
  color: #F68A22;
}

page-calendar-new-schedule .shift-user .header-left ion-col h6 {
  font-size: 0.9em !important;
}

page-calendar-new-schedule .shift-user .header-left ion-col p {
  margin: 0;
}

page-calendar-new-schedule .shift-user .header-left ion-col ion-icon {
  display: none;
}

page-calendar-new-schedule .shift-user div.body-left ion-col {
  min-height: 5em;
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

page-calendar-new-schedule .shift-user div.body-left ion-col ion-item {
  padding-top: 0.5em;
}

page-calendar-new-schedule .shift-user div.body-left ion-col ion-item ion-avatar, page-calendar-new-schedule .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

page-calendar-new-schedule .shift-user div.body-left ion-col ion-item .item-inner {
  border-bottom: 0 !important;
}

page-calendar-new-schedule .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

page-calendar-new-schedule .shift-user div.body-left ion-col ion-item ion-label h2 {
  color: #F68A22;
}

page-calendar-new-schedule .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-right: 1px solid #ccc;
}

page-calendar-new-schedule .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  overflow: auto;
}

page-calendar-new-schedule .compactview {
  border-top: 1px solid #dedede !important;
}

page-calendar-new-schedule .compactview .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-right: 1px solid #ccc;
}

page-calendar-new-schedule .compactview .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  overflow: auto;
}

page-calendar-new-schedule .compactview .shift-user .header-left ion-col ion-icon {
  display: block;
  color: #F68A22;
}

page-calendar-new-schedule .compactview .shift-user .header-left ion-col h6 {
  color: #F68A22 !important;
}

page-calendar-new-schedule .compactview .shift-user ion-item h2 {
  color: #F68A22;
}

page-calendar-new-schedule .event-bar {
  background: #77D6F7;
  border-radius: 14px;
  height: 1.2em;
  position: absolute;
  top: 2em;
}

page-calendar-new-schedule .event-bar-busy {
  background: #FCB39F;
  border-radius: 14px;
  height: 1.2em;
  top: 2em;
  position: absolute;
}

page-calendar-new-schedule col {
  padding: 0px !important;
}

color-picker .color-picker-box {
  -webkit-box-shadow: 0px 0px 26px -6px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 26px -6px rgba(0, 0, 0, 0.75);
  background-color: white;
  width: 100%;
  border-radius: 15px 15px 15px 15px;
  height: 150px;
  bottom: 0;
  margin: auto;
  padding: 10px;
}

color-picker .color-picker-box .title-box {
  padding-bottom: 15px;
}

color-picker .color-picker-box .palette-box .color-section {
  position: relative;
}

color-picker .color-picker-box .palette-box .color-section .box-section {
  position: absolute;
  width: 90px;
  height: 90px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: red;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)), -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
  background-image: linear-gradient(to top, #000 0%, transparent 100%), linear-gradient(to right, #fff 0%, transparent 100%);
  border: 0.5px solid #DEDEDE;
}

color-picker .color-picker-box .palette-box .color-section .wheel-section {
  width: 150px;
  height: 150px;
}

color-picker .color-picker-box .palette-box .color-section .box-picker {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: red;
  border: 1px solid #dbdbe1;
  border-radius: 50%;
  top: 0;
  left: 0;
}

color-picker .color-picker-box .palette-box .color-section .wheel-picker {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: blue;
  border: 1px solid #dbdbe1;
  border-radius: 50%;
  top: 0;
  right: 0;
}

color-picker .color-picker-box .hex-box .text-input {
  padding: 0px 10px 5px 0px;
  border-bottom: 1px solid #DEDEDE;
}

color-picker .color-picker-box .hex-box .ok-button {
  margin-top: 5px;
  border-radius: 5px;
}

.ios content-drawer, .md content-drawer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10 !important;
  -webkit-box-shadow: 0px -4px 22px -8px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -4px 22px -8px rgba(0, 0, 0, 0.75);
}

.ios content-drawer .header-md::after, .md content-drawer .header-md::after {
  background-image: none !important;
}

.ios content-drawer .div-swipe, .md content-drawer .div-swipe {
  text-align: center !important;
  margin: 0px !important;
  font-size: 1.1em !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 15px;
}

.ios content-drawer .sficon-top, .md content-drawer .sficon-top {
  text-align: center !important;
  margin: 0px !important;
  font-size: 1.2em !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 18px;
  font-weight: 900;
}

.ios content-drawer .scroll-content, .md content-drawer .scroll-content {
  margin-top: 0px !important;
}

feature-feedback ion-icon {
  color: white;
  font-size: 20px !important;
}

feature-feedback ion-icon[name="thumbs-up"] {
  padding-bottom: 6px;
}

feature-feedback ion-icon[name="thumbs-down"] {
  padding-top: 4px;
}

feature-feedback button {
  color: white !important;
  text-transform: unset !important;
  font-size: 12px !important;
}

feature-feedback button .button-inner {
  opacity: .5;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

feature-feedback button.isliked .button-inner {
  opacity: 1;
}

feature-feedback button.isdisliked .button-inner {
  opacity: 1;
}

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,
gd-avatar page-activity-list-subordinate .avatar ion-avatar lazy-img img, page-activity-list-subordinate
gd-avatar .avatar ion-avatar lazy-img img,
gd-avatar page-activity-list-subordinate .avatar lazy-img ion-avatar img, page-activity-list-subordinate
gd-avatar .avatar lazy-img ion-avatar 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, gd-avatar page-activity-list-subordinate .avatar ion-avatar lazy-img img, page-activity-list-subordinate gd-avatar .avatar ion-avatar lazy-img img, gd-avatar page-activity-list-subordinate .avatar lazy-img ion-avatar img, page-activity-list-subordinate gd-avatar .avatar lazy-img ion-avatar 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,
gd-avatar page-activity-list-subordinate .avatar .popover lazy-img img, page-activity-list-subordinate
gd-avatar .avatar .popover lazy-img img,
gd-avatar page-activity-list-subordinate .avatar lazy-img .popover img, page-activity-list-subordinate
gd-avatar .avatar lazy-img .popover img {
  width: 20px;
  height: 20px;
}

gd-avatar .avatar .popover lazy-img, gd-avatar page-activity-list-subordinate .avatar .popover lazy-img img, page-activity-list-subordinate gd-avatar .avatar .popover lazy-img img, gd-avatar page-activity-list-subordinate .avatar lazy-img .popover img, page-activity-list-subordinate gd-avatar .avatar lazy-img .popover 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-autocomplete {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

grd-autocomplete .relative {
  position: relative;
}

grd-autocomplete .absolute {
  z-index: 10;
  position: absolute;
  top: 0;
  width: 100%;
}

grd-autocomplete .active {
  opacity: 1;
  z-index: 10;
  pointer-events: unset;
}

grd-autocomplete .no-active {
  opacity: 0;
  z-index: 5;
  pointer-events: none;
}

grd-autocomplete .searchbar-ios {
  background: white !important;
}

grd-autocomplete ion-searchbar .searchbar-search-icon {
  display: none;
}

grd-autocomplete ion-searchbar .searchbar-input {
  border-radius: 5px !important;
  padding-left: 15px !important;
  padding-top: 2.3px !important;
  padding-bottom: 2.3px !important;
  border: 1px solid #dbdbe1;
  font-size: 1em !important;
  color: #808080 !important;
}

grd-autocomplete ion-input {
  display: none;
}

grd-autocomplete .search-result {
  z-index: 10;
  width: 100%;
  border-radius: 0 0 4px 4px;
  padding: 2px 0 6px;
  background-color: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}

@media (max-width: 768px) {
  grd-autocomplete .search-result {
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
}

grd-autocomplete .result-item {
  padding: 10px 16px;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}

grd-autocomplete .result-item:hover {
  background-color: #eff2f4;
}

grd-autocomplete-custom {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

grd-autocomplete-custom .relative {
  position: relative;
}

grd-autocomplete-custom .absolute {
  z-index: 10;
  position: absolute;
  top: 0;
  width: 100%;
}

grd-autocomplete-custom .active {
  opacity: 1;
  z-index: 10;
  pointer-events: unset;
}

grd-autocomplete-custom .no-active {
  opacity: 0;
  z-index: 5;
  pointer-events: none;
}

grd-autocomplete-custom ion-searchbar .searchbar-search-icon {
  display: none;
}

grd-autocomplete-custom ion-searchbar .searchbar-input {
  border-radius: 5px !important;
  padding-left: 15px !important;
  padding-top: 2.3px !important;
  padding-bottom: 2.3px !important;
  border: 1px solid #dbdbe1;
  font-size: 1em !important;
  color: #808080 !important;
}

grd-autocomplete-custom ion-input {
  display: none;
}

grd-autocomplete-custom .search-result {
  z-index: 10;
  width: 100%;
  border-radius: 0 0 4px 4px;
  padding: 2px 0 6px;
  background-color: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
}

@media (max-width: 768px) {
  grd-autocomplete-custom .search-result {
    -webkit-box-shadow: unset;
    box-shadow: unset;
  }
}

grd-autocomplete-custom .result-item {
  padding: 10px 16px;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}

grd-autocomplete-custom .result-item:hover {
  background-color: #eff2f4;
}

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-pagination {
  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;
  width: 100%;
  border: 0.5px solid #dbdbe1;
  color: #222;
  border-radius: 10px;
  margin-top: 10px;
}

.grd-pagination div {
  margin: 5px 10px;
  padding: 5px 10px;
  background-color: transparent;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  border-radius: 5px;
}

.grd-pagination [tappable]:hover {
  background-color: #dddddd;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.grd-pagination div.page-no {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border: none;
}

.grd-pagination div.label-showing {
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.grd-pagination .active {
  background-color: #eff2f4 !important;
}

.grd-pagination .disabled {
  opacity: .4;
  cursor: default;
  pointer-events: none;
}

.grd-pagination .previous-page {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.grd-pagination .previous-page ion-icon {
  padding-right: 5px;
}

.grd-pagination .next-page {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.grd-pagination .next-page ion-icon {
  padding-left: 5px;
}

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;
}

id-card .card-temp {
  width: 401px;
  min-width: 401px;
  height: 639px;
  position: relative;
  background: #fff;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 15px;
  overflow: hidden;
}

id-card .card-temp .identity {
  position: relative;
}

id-card .card-temp .identity .box-avatar {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 168px;
  position: relative;
  text-align: center;
  z-index: 2;
}

id-card .card-temp .identity .box-avatar img {
  width: 168px;
  height: 168px;
  border-radius: 100px;
  border: 1px solid #dbdbe1;
  -o-object-fit: cover;
  object-fit: cover;
  background: #fff;
  padding: 8px;
  -o-object-position: top;
  object-position: top;
}

id-card .card-temp .identity .box-name {
  z-index: 2;
  text-align: center;
  padding: 0 25px 60px 25px;
  min-height: 230px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
}

id-card .card-temp .identity .box-name h1 {
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "light", Arial;
  line-height: 1.3;
  width: 300px;
  margin: 0 auto;
}

id-card .card-temp .identity .box-name h1::first-line {
  font-family: "regular", Arial;
}

id-card .card-temp .identity .box-name p {
  font-size: 26px;
  text-transform: uppercase;
  margin: 0 auto;
  width: 275px;
}

id-card .card-temp .identity .box-name .job-pos {
  font-size: 18px !important;
}

id-card .card-temp .identity .box-barcode {
  background: transparent;
  width: 100%;
  height: 90px;
  position: relative;
  margin-bottom: 33px;
  z-index: 3;
}

id-card .card-temp .identity .box-barcode .barcode-id {
  min-width: 130px;
  -webkit-transform: translate(20px, -50px);
  transform: translate(20px, -50px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 0 0 10px;
}

id-card .card-temp .identity .box-barcode .barcode-id ion-label {
  color: black !important;
  font-weight: 600 !important;
  margin: 0 !important;
  text-align: center;
}

id-card .card-temp .identity .box-barcode .barcode-id img {
  width: 100%;
}

id-card .card-temp .identity .box-barcode .box-logo {
  width: 100%;
  padding-right: 27.4px;
  height: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  min-width: 170px;
  position: relative;
}

id-card .card-temp .identity .box-barcode .box-logo image-component {
  width: 100%;
  position: relative;
}

id-card .card-temp .identity .box-barcode .box-logo img {
  height: auto;
  max-height: 120px;
  max-width: 170px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

id-card .card-temp .box-company {
  width: 100%;
  padding: 7px 5px;
  text-align: center;
  background: black;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-family: "light", Arial;
  min-height: 40px;
  white-space: pre-line;
}

id-card .temp-1 {
  position: relative;
}

id-card .temp-1 h1 {
  color: #fff;
}

id-card .temp-1 p {
  color: #fff;
  opacity: 0.8;
}

id-card .temp-1 .bg-temp {
  background: #A5B0B7;
  height: 261px;
  width: 100%;
  bottom: 149px;
  position: absolute;
  z-index: 0;
}

id-card .temp-2 {
  position: relative;
}

id-card .temp-2 h1 {
  color: #fff;
}

id-card .temp-2 p {
  color: #fff;
  opacity: 0.8;
}

id-card .temp-2 .bg-temp {
  background: #A5B0B7;
  height: 460px;
  width: 100%;
  bottom: 149px;
  position: absolute;
  z-index: 0;
}

id-card .temp-2 .box-avatar {
  margin-bottom: 20px;
}

id-card .temp-3 {
  position: relative;
}

id-card .temp-3 h1 {
  color: #333333;
}

id-card .temp-3 p {
  color: #333333;
  opacity: 0.8;
}

id-card .temp-3 .bg-temp {
  background: #A5B0B7;
  height: 170px;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 0;
}

id-card .temp-3 .box-avatar {
  margin-bottom: 20px;
}

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, page-activity-list-subordinate .avatar lazy-img img {
  display: block;
  width: 100%;
  height: 100%;
}

lazy-img img, page-activity-list-subordinate .avatar lazy-img 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;
}

/* @import '~video.js/dist/video-js.css';
@import '~videojs-record/dist/css/videojs.record.css'; */
app-video-recorder .vjs-record .vjs-record-button.vjs-control {
  display: none !important;
}

app-video-recorder .vjs-record .vjs-pip-button.vjs-control {
  display: none !important;
}

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-activity-recording-report h2 {
  color: #F68A22;
}

page-activity-recording-report .upd-stat {
  color: #F68A22;
}

page-activity-recording-report .del-stat {
  color: #F0624D;
}

page-activity-recording-report .col-right {
  text-align: right;
}

page-activity-recording-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-activity-recording-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-activity-recording-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-activity-recording-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-activity-recording-report .list-md > .item-block:last-child {
  border: none !important;
}

page-activity-recording-report .list-md > .item-block:first-child {
  border: none !important;
}

page-activity-recording-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-activity-recording-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-activity-recording-report ion-select {
  margin-top: 10px !important;
}

page-activity-recording-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-activity-recording-report .btn-tag span {
  font-size: 1.2em !important;
}

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-appraisal ion-header .back-button {
  display: none !important;
}

@media screen and (max-width: 768px) {
  page-appraisal ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-appraisal h2 {
  color: #F68A22 !important;
}

page-appraisal .upd-stat {
  color: #F68A22 !important;
}

page-appraisal .del-stat {
  color: #F0624D !important;
}

page-appraisal .col-right {
  text-align: right;
}

page-appraisal .col-left {
  text-align: left;
}

page-appraisal ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-appraisal .item-md.item-block .item-inner {
  padding-right: 0px;
}

page-appraisal-add .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-appraisal-add .form-icon:after {
  content: "\e97a";
  font-family: sficon;
  font-size: 29px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-appraisal-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-appraisal-add ion-input ::-webkit-input-placeholder {
  color: #cecece !important;
}

page-appraisal-add ion-input ::-moz-placeholder {
  color: #cecece !important;
}

page-appraisal-add ion-input ::-ms-input-placeholder {
  color: #cecece !important;
}

page-appraisal-add ion-input ::placeholder {
  color: #cecece !important;
}

page-appraisal-add .row-period {
  padding-bottom: 12px !important;
  margin-bottom: 5px !important;
  border-bottom: 1px solid #dedede;
}

page-appraisal-add .row-period ion-item .item-inner {
  padding: 0px;
}

page-appraisal-add .row-period ion-item .datetime-text {
  padding-top: 5px;
}

page-appraisal-add .no-padding {
  padding: 0px;
}

page-appraisal-form {
  /* HTML ----------------------------------------------------------------------- */
  /* end of HTML ---------------------------------------------------------------- */
  /* CUSTOM --------------------------------------------------------------------- */
  /* end of CUSTOM -------------------------------------------------------------- */
}

page-appraisal-form .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-appraisal-form .data-list-request ion-item .item-inner {
  border: none !important;
}

page-appraisal-form .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin: 10px 0px !important;
  padding: 8px 0px !important;
}

page-appraisal-form .fb-content, page-appraisal-form .tk-content {
  background: #f3f5ff;
  margin: 0px 16px 10px 16px;
  border-radius: 5px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

page-appraisal-form .title-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-appraisal-form .title-item {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  font-size: 1.1em;
  font-weight: bold;
  margin: 16px 16px 8px 16px;
}

page-appraisal-form .title-item span {
  font-weight: normal;
}

page-appraisal-form .fb-weight, page-appraisal-form .tk-weight {
  font-weight: normal !important;
  font-size: 1em !important;
  padding-right: 5px;
  text-align: right;
}

page-appraisal-form .fb-head, page-appraisal-form .tk-head {
  border-radius: 5px 5px 0px 0px;
  background: #ced6ff;
}

page-appraisal-form .fb-head ion-row, page-appraisal-form .tk-head ion-row, page-appraisal-form .fb-body ion-row, page-appraisal-form .tk-body ion-row {
  padding: 0px;
}

page-appraisal-form .fb-head ion-col, page-appraisal-form .tk-head ion-col, page-appraisal-form .fb-body ion-col, page-appraisal-form .tk-body ion-col {
  padding: 10px;
}

page-appraisal-form .fb-head ion-col:first-child, page-appraisal-form .tk-head ion-col:first-child, page-appraisal-form .fb-body ion-col:first-child, page-appraisal-form .tk-body ion-col:first-child {
  border-right: 1px solid #dedede;
}

page-appraisal-form .fb-head p, page-appraisal-form .tk-head p, page-appraisal-form .fb-body p, page-appraisal-form .tk-body p {
  margin: 0px;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
  page-appraisal-form .fb-head p, page-appraisal-form .tk-head p, page-appraisal-form .fb-body p, page-appraisal-form .tk-body p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

page-appraisal-form .fb-body ion-row, page-appraisal-form .tk-body ion-row {
  border-bottom: 1px solid #dedede;
  height: 80px;
}

page-appraisal-form .tk-name {
  padding: 10px;
  border-bottom: 1px #dedede solid;
  height: 60px;
}

page-appraisal-form .tk-name p {
  margin: 0px;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
}

@supports (-webkit-line-clamp: 2) {
  page-appraisal-form .tk-name p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

page-appraisal-form .tk-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-appraisal-form .tk-date p {
  font-size: 0.9em;
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  margin: 1px 0px 2px 0px;
}

page-appraisal-form .tk-score, page-appraisal-form .fb-score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #dedede solid 1px;
}

page-appraisal-form .tk-score p, page-appraisal-form .fb-score p {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  margin: 0px;
  padding: 10px 10px;
  border-radius: 5px;
}

page-appraisal-form .tk-score div, page-appraisal-form .fb-score div {
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
  -ms-flex: 10%;
  flex: 10%;
  margin: 0px;
  height: 37px;
  position: relative;
}

page-appraisal-form .tk-score div ion-icon, page-appraisal-form .fb-score div ion-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #a8a8a8;
  font-size: 1.6em;
}

page-appraisal-form .tk-score:last-child, page-appraisal-form .fb-score:last-child {
  border-radius: 5px;
}

page-appraisal-form .gauge-content {
  margin: 0px 16px;
  height: 200px;
  position: relative;
}

page-appraisal-form .gauge-content .gauge-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-appraisal-form .gauge-content .gauge-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.5em;
  color: #000;
}

page-appraisal-form .weight-wrapper-item, page-appraisal-form .weighted-wrapper-item-header, page-appraisal-form .weighted-wrapper-item-footer {
  background: #f3f5ff;
  margin: 0px 16px;
}

page-appraisal-form .weight-wrapper-item ion-item, page-appraisal-form .weighted-wrapper-item-header ion-item, page-appraisal-form .weighted-wrapper-item-footer ion-item {
  background: #f3f5ff;
  border-radius: 5px;
}

page-appraisal-form .weighted-wrapper-item-header, page-appraisal-form .weighted-wrapper-item-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

page-appraisal-form .weighted-wrapper-item-header {
  border-radius: 5px 5px 0 0;
  border: 1px solid #dedede;
  border-bottom: none !important;
}

page-appraisal-form .weighted-wrapper-item-footer {
  border-radius: 0 0 5px 5px;
  border: 1px solid #dedede;
  border-top: none !important;
}

page-appraisal-form .weight-wrapper-item {
  border: 1px solid #dedede;
}

page-appraisal-form .wrapper-weight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  background: #ced6ff;
}

page-appraisal-form .wrapper-weight .text-weight {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  margin: 0px;
  padding: 9px;
  font-weight: bold;
}

page-appraisal-form .weighted-task, page-appraisal-form .weighted-feedback {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

page-appraisal-form .weighted-task p, page-appraisal-form .weighted-feedback p {
  padding: 10px 16px;
  margin: 0px;
}

page-appraisal-form .weighted-task .title, page-appraisal-form .weighted-feedback .title {
  font-weight: bold;
  background: #ced6ff;
  border-bottom: 1px solid #dedede;
}

page-appraisal-form .weighted-task .total, page-appraisal-form .weighted-feedback .total {
  font-size: 2.8em;
  padding: 8px 16px 16px 16px;
  color: #F68A22;
}

page-appraisal-form .weighted-task .score, page-appraisal-form .weighted-feedback .score {
  font-size: 1.2em;
  padding: 3px 16px 12px 16px;
  color: #F68A22;
}

page-appraisal-form .weighted-task .note, page-appraisal-form .weighted-feedback .note {
  font-size: 1em;
  padding: 12px 16px 3px 16px;
}

page-appraisal-form .weighted-task {
  border-right: 1px solid #dedede;
}

page-appraisal-form .selected {
  color: #dbc93e !important;
}

page-appraisal-form .col-right {
  text-align: right;
}

page-appraisal-form .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-appraisal-form .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-appraisal-form ion-label {
  font-family: inherit !important;
}

page-appraisal-form .swiper-slide {
  font-size: 14px !important;
}

page-appraisal-form .slide-zoom {
  text-align: left !important;
}

page-appraisal-form .swiper-pagination-bullet-active {
  background: #999999 !important;
}

page-appraisal-form .swiper-pagination-bullet {
  border-radius: 100%;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #d8d8d8;
  opacity: 1 !important;
  pointer-events: auto;
}

page-appraisal-form .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -3px;
}

page-appraisal-form .range-md, page-appraisal-form .range-ios {
  padding: 0px 16px;
  background: #f3f5ff;
}

page-appraisal-form .range-md .range-bar, page-appraisal-form .range-md .range-bar-active, page-appraisal-form .range-ios .range-bar, page-appraisal-form .range-ios .range-bar-active {
  background: #ced6ff;
}

page-appraisal-form .range-md .range-knob {
  background: #F68A22;
}

page-appraisal-form .range-ios .range-knob {
  top: 15px;
  left: 15px;
  width: 13px;
  height: 13px;
  background: #F68A22;
}

page-appraisal-form .range-md .range-knob-min.range-knob-min .range-knob {
  border: none !important;
  background: #F68A22;
}

page-appraisal-form .range-md.range-disabled .range-bar-active, page-appraisal-form .range-ios.range-disabled .range-bar-active {
  background-color: #ced6ff;
}

page-appraisal-form .range-md.range-disabled .range-knob, page-appraisal-form .range-ios.range-disabled .range-knob {
  outline: none !important;
  background-color: #bdbdbd;
}

page-appraisal-form .item-md.item-block .item-inner, page-appraisal-form .item-ios.item-block .item-inner {
  padding-right: 0px;
}

page-appraisal-form .list-ios {
  margin: -1px 0 20px;
}

page-appraisal-form .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-appraisal-form .list-ios > .item-block:last-child, page-appraisal-form .list-ios > .item-wrapper:last-child .item-block {
  border-bottom: none !important;
}

page-appraisal-list .title {
  color: #F68A22;
  font-size: 1em;
  margin-bottom: 5px;
}

page-appraisal-list .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-appraisal-setting {
  color: #808080 !important;
}

page-appraisal-setting .list-ios > .item-block:last-child {
  border: none !important;
}

page-appraisal-setting .list-ios > .item-block:first-child {
  border: none !important;
}

page-appraisal-setting .list-md > .item-block:last-child {
  border: none !important;
}

page-appraisal-setting .list-md > .item-block:first-child {
  border: none !important;
}

page-appraisal-setting-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-appraisal-setting-add .add-content {
  margin: 0px !important;
}

page-appraisal-setting-add .add-content ion-item .item-inner {
  padding-bottom: 7px;
}

page-appraisal-setting-add .row-period {
  padding-bottom: 12px !important;
  border-bottom: 1px solid #dedede;
}

page-appraisal-setting-add .row-period ion-item .item-inner {
  padding: 0px;
}

page-appraisal-setting-add .row-period ion-item .datetime-text {
  padding-top: 5px;
}

page-appraisal-setting-add .on-select {
  background: #F68A22;
}

page-appraisal-setting-add .on-select p {
  color: #fff;
}

page-appraisal-setting-add .title-period {
  margin: 16px 0px 7px 0px;
  color: #58595b !important;
  font-size: 1.18em !important;
}

page-appraisal-setting-add .wrapper-self {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  position: relative;
}

page-appraisal-setting-add .wrapper-self .title-self {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}

page-appraisal-setting-add .wrapper-self .title-self p {
  margin: 0px;
  color: #58595b;
  font-size: 1.18em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

page-appraisal-setting-add .wrapper-self .select-self-wrapper {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  border: #dedede solid 1px;
}

page-appraisal-setting-add .wrapper-self .select-self-wrapper .select-self {
  -webkit-box-flex: 15%;
  -webkit-flex: 15%;
  -ms-flex: 15%;
  flex: 15%;
  position: relative;
}

page-appraisal-setting-add .wrapper-self .select-self-wrapper .select-self p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0px;
}

page-appraisal-setting-add .border-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

page-appraisal-setting-add .no-padding {
  padding: 0px;
}

page-appraisal-setting-edit .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-appraisal-setting-edit .add-content {
  margin: 0px !important;
}

page-appraisal-setting-edit .add-content ion-item .item-inner {
  padding-bottom: 7px;
}

page-appraisal-setting-edit .row-period {
  padding-bottom: 12px !important;
  border-bottom: 1px solid #dedede;
}

page-appraisal-setting-edit .row-period ion-item .item-inner {
  padding: 0px;
}

page-appraisal-setting-edit .row-period ion-item .datetime-text {
  padding-top: 5px;
}

page-appraisal-setting-edit .on-select {
  background: #F68A22;
}

page-appraisal-setting-edit .on-select p {
  color: #fff;
}

page-appraisal-setting-edit .title-period {
  margin: 16px 0px 7px 0px;
  color: #58595b !important;
  font-size: 1.18em !important;
}

page-appraisal-setting-edit .wrapper-self {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  position: relative;
}

page-appraisal-setting-edit .wrapper-self .title-self {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}

page-appraisal-setting-edit .wrapper-self .title-self p {
  margin: 0px;
  color: #58595b;
  font-size: 1.18em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

page-appraisal-setting-edit .wrapper-self .select-self-wrapper {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  border: #dedede solid 1px;
}

page-appraisal-setting-edit .wrapper-self .select-self-wrapper .select-self {
  -webkit-box-flex: 15%;
  -webkit-flex: 15%;
  -ms-flex: 15%;
  flex: 15%;
  position: relative;
}

page-appraisal-setting-edit .wrapper-self .select-self-wrapper .select-self p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0px;
}

page-appraisal-setting-edit .border-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

page-appraisal-setting-edit .no-padding {
  padding: 0px;
}

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-actual-detail-modal .budget-name {
  color: #00A9BE;
  font-size: 22px;
  margin-top: -3px;
}

page-actual-detail-modal .budget-type {
  font-size: 11px;
  margin-left: 1px;
}

page-actual-detail-modal .budget-amount {
  font-size: 17.8px !important;
}

page-actual-detail-modal .memo-divider {
  margin-top: 4em;
  font-size: 11px;
  color: #00A9BE;
  position: relative;
}

page-actual-detail-modal .memo-divider > :first-child {
  background-color: white;
  padding: 0 5px;
  margin-left: 13px;
}

page-actual-detail-modal .memo-divider::before {
  content: '';
  border-bottom: 1px solid #DEDEDE;
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
}

page-actual-detail-modal ion-slides {
  height: 100px;
  width: 120px;
}

page-actual-expense ion-header {
  background-color: white;
}

page-actual-expense .wallet-card {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 28px;
  top: 72px;
  z-index: 11;
}

page-actual-expense .wallet-card img {
  background-color: #6191d8;
  border-radius: 4px;
}

page-actual-expense .wallet-card .wallet-name {
  position: absolute;
  top: 8px;
  right: 6px;
  font-family: bold;
  color: white;
}

page-actual-expense .month-list {
  height: unset;
}

page-actual-expense .month-list button {
  width: 100%;
  height: 2.5em;
  border-radius: 8px;
}

page-actual-expense .header-group {
  padding-bottom: 8px;
  border-bottom: 1px solid #DEDEDE;
}

page-actual-expense .header-group .date-text {
  font-size: 2.9rem;
}

page-actual-expense .header-group .day-text {
  font-size: 1.4rem;
}

page-actual-expense .header-group .month-year-text {
  font-size: 1.2rem;
  opacity: 0.7;
}

page-actual-expense .actual-card {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}

page-add-actual-modal {
  background-color: white;
}

page-add-actual-modal .photo-memo {
  max-height: 130px;
  min-height: 130px;
}

page-add-actual-modal ion-content .scroll-content {
  padding: 0 !important;
}

page-add-actual-modal ion-content .hilight-item {
  left: 0;
}

page-add-actual-modal ion-content .type-switch {
  margin-bottom: 15px;
  margin-top: 15px;
}

page-add-actual-modal ion-content .p-ct {
  padding: 0 20px;
  min-height: 6.4rem;
}

page-add-actual-modal ion-content .p-ct .capict {
  margin: 10px 0;
}

page-add-actual-modal ion-slides {
  height: 100px;
  width: 120px;
}

page-add-actual-modal ion-footer button {
  min-width: 108px;
}

page-add-budget-modal {
  background-color: white;
}

page-add-budget-modal ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-add-budget-modal ion-content .scroll-content {
  padding: 0 !important;
}

page-add-budget-modal ion-content .hilight-item {
  left: 0;
}

page-add-budget-modal ion-content .type-switch {
  margin-bottom: 15px;
  margin-top: 15px;
}

page-add-budget-modal ion-content .p-ct {
  padding: 0 20px;
  min-height: 6.4rem;
}

page-add-budget-modal ion-footer button {
  min-width: 108px;
}

page-budget-category-modal ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-budget-detail-modal .budget-type {
  font-size: 11px;
  margin-left: 1px;
}

page-budget-detail-modal .budget-name {
  color: #00A9BE;
  font-size: 22px;
  margin-top: -3px;
}

page-budget-detail-modal .budget-amount {
  font-size: 17.8px !important;
}

page-budget-detail-modal .expense-divider {
  margin-top: 4em;
  font-size: 11px;
  color: #00A9BE;
  position: relative;
}

page-budget-detail-modal .expense-divider > :first-child {
  background-color: white;
  padding: 0 5px;
  margin-left: 13px;
}

page-budget-detail-modal .expense-divider::before {
  content: '';
  border-bottom: 1px solid #DEDEDE;
  width: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 50%;
}

page-budget-header {
  display: block;
  background-color: white;
  padding-top: 8px;
  padding-bottom: 10px;
}

page-budget-header .header-wrapper {
  height: 100%;
  overflow-x: hidden;
}

page-budget-header .this-month {
  font-size: 1.4em;
  padding: 0.5em;
  height: 1.85em;
}

page-budget-header .month-wrapper {
  overflow: hidden;
}

page-budget-header .month-wrapper .month-list {
  height: unset;
  width: 100%;
}

page-budget-header .month-wrapper .month-list button {
  width: 100%;
  height: 2.5em;
  border-radius: 8px;
}

page-budget-header .date-time ion-datetime {
  padding-left: 5px;
}

page-budget-header .summary-separator {
  content: '';
  border-left: 1px solid #DEDEDE;
  height: 23px;
  margin: 0 8px;
}

page-budget-header .summary-box .label-saving {
  font-size: 12px !important;
  color: #BBBCBC !important;
  margin-bottom: -1px;
}

page-budget-header .summary-box .amount-text {
  font-size: 17px !important;
  color: #00A9BE !important;
}

.ios page-budget-header {
  border-bottom: 1px solid #DEDEDE;
}

page-budget-plan ion-card {
  width: 100% !important;
  border-radius: 0 0 10px 10px !important;
  border-top: 1px solid #DEDEDE !important;
}

page-budget-plan .wallet-card {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 28px;
  top: 72px;
  z-index: 11;
}

page-budget-plan .wallet-card img {
  background-color: #ccc366;
  border-radius: 4px;
}

page-budget-plan .wallet-card .wallet-name {
  position: absolute;
  top: 8px;
  right: 6px;
  font-family: bold;
  color: white;
}

page-budget-plan .month-list {
  height: unset;
}

page-budget-plan .month-list button {
  width: 100%;
  height: 2.5em;
  border-radius: 8px;
}

page-budget-plan .image-cover {
  background-color: rgba(250, 250, 250, 0.94);
  height: 108px;
  overflow: hidden;
  margin: 10px 10px 0px 10px;
  border-radius: 12px 12px 2px 2px;
  height: auto;
}

page-budget-plan .list-card {
  margin-top: 0px;
}

page-budget-plan .budget-item .item-inner {
  border-bottom: 1px solid #DEDEDE !important;
}

page-budget-plan .budget-item .budget-content {
  width: 100%;
}

page-budget-plan .budget-item .budget-content .text-current {
  font-size: 0.8em !important;
  opacity: 0;
}

page-budget-plan .empty-state {
  padding: 15vh 0;
}

page-budget-plan .system-text {
  color: #00A9BE;
}

.ios .ion-page.show-page ~ .nav-decor {
  background-color: transparent !important;
}

page-budget-tabs {
  background-color: #EFF2F4 !important;
}

@media screen and (max-width: 768px) {
  page-budget-tabs ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-budget-tabs .nav-decor {
  background-color: #EFF2F4 !important;
}

page-budget-tabs ion-content {
  background-color: transparent !important;
}

page-budget-tabs ion-card,
page-budget-tabs .sf-card {
  border: 1px solid #DEDEDE !important;
  opacity: 0.96;
}

page-budget-tabs ion-item-sliding {
  margin: 1px 0;
}

page-budget-tabs .absolute-top {
  position: absolute;
  z-index: 2;
}

page-budget-tabs .absolute-bottom {
  position: absolute;
  bottom: 58px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  z-index: 1;
}

page-budget-tabs .absolute-bottom > * {
  margin-bottom: 8px !important;
  -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2) !important;
}

page-budget-tabs .scroll-space {
  height: 4.4rem;
}

page-budget-tabs .action-button {
  min-width: 156px;
  height: 38px;
}

page-budget-tabs [icon-start] ion-icon {
  padding-right: 8px !important;
}

page-budget-tabs .decorator img {
  width: 100%;
  height: 235.64px;
  -o-object-fit: unset;
  object-fit: unset;
}

page-budget-tabs .tabbar ion-icon:not([class^='ion-md-sficon-']):not([class*=' ion-md-sficon-']) {
  font-size: 2.8rem !important;
}

page-budget-tabs .tabbar .tab-button-text {
  font-size: 1.1rem !important;
}

/* type-switch */
.type-switch {
  height: 36px;
  width: 260px;
  margin: auto;
  border-radius: 5px;
  border: 1px solid #DEDEDE;
  overflow: hidden;
  position: relative;
}

.type-switch .type-option {
  -webkit-transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

.type-switch .selected-type {
  color: white;
}

.type-switch .ink-background {
  background-color: #00A9BE;
  position: absolute;
  z-index: -1;
  height: 100%;
  -webkit-transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* category-icon */
.category-icon {
  width: calc(4.2rem - 8px) !important;
  height: calc(4.2rem - 8px) !important;
  min-height: unset !important;
  min-width: unset !important;
  margin-right: 8px !important;
  background-color: transparent;
  opacity: 0.8;
}

.category-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  background-color: unset !important;
}

/* budget chart-bar */
.chart-bar {
  width: 100%;
  height: 10px;
  margin-top: 4px;
  background-color: #DEDEDE;
  border-radius: 100px;
}

.chart-bar .fill {
  height: 100%;
  background-color: #00A9BE;
  border-radius: 100px;
}

/* form */
.sf-form ion-item .input-wrapper > ion-label:first-child {
  font-size: 0.85em !important;
  color: #BBBCBC !important;
}

/* important form item */
.hilight-item {
  padding: 0 16px;
  left: -16px;
  width: 100vw;
  border-left: 4px solid #00A9BE;
  border-right: 4px solid #00A9BE;
}

.hilight-item .item-inner .input-wrapper > ion-label:first-child {
  color: #00A9BE !important;
}

page-wallets .total-wallet {
  background-color: rgba(255, 255, 255, 0.85);
}

page-wallets .total-wallet .text-amount {
  color: #00A9BE !important;
}

page-wallets .card-list .card {
  height: 100px;
  width: unset;
  overflow: visible;
  background-color: unset;
  margin-top: 14px;
  margin-bottom: 14px;
}

page-wallets .card-list .card ion-item {
  height: 100%;
  border-radius: 10px;
}

page-wallets .card-list .card ion-item-options {
  border-radius: 10px;
  background-color: #F0624D;
  overflow: hidden;
}

page-comparison-report gdx-modal {
  height: 400px;
}

page-comparison-report .body {
  height: 100%;
}

page-comparison-report .body .top {
  width: 100%;
  border-bottom: 1px solid #dbdbe1;
  padding: 5px 26px;
  background: #f4f4f4;
}

page-comparison-report .body .top h3 {
  margin-bottom: 0 !important;
}

page-comparison-report .body .content {
  width: 100%;
  padding: 0px 26px;
}

page-comparison-report .body .content .box ion-label {
  color: #A5B0B7 !important;
}

page-comparison-report .body .content .box .date {
  border: 1px solid #dbdbe1;
  border-radius: 8px;
  padding: 0px 15px;
  background: #f4f4f4;
}

page-comparison-report .body .content .box .date ion-item {
  background: none !important;
}

page-comparison-report .body .content .box .date .item-inner {
  border: none !important;
}

page-comparison-report .body .content .box .date ion-datetime.datetime.datetime-md,
page-comparison-report .body .content .box .date ion-datetime.datetime.datetime-ios {
  padding: 0 8px 0 0 !important;
}

page-comparison-report .body .bottom {
  width: 100%;
  padding: 0px 26px;
}

page-arap-adjustment-approval h2 {
  color: #F68A22 !important;
}

page-arap-adjustment-approval .upd-stat {
  color: #F68A22 !important;
}

page-arap-adjustment-approval .del-stat {
  color: #F0624D !important;
}

page-arap-adjustment-approval .col-right {
  text-align: right;
}

page-arap-adjustment-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-arap-adjustment-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-arap-adjustment-approval .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-arap-adjustment-approval .leave-status {
  color: #bdc3c7 !important;
}

page-arap-adjustment-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-arap-adjustment-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-arap-adjustment-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-arap-adjustment-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-arap-adjustment-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-arap-adjustment-approval .list-ios > .item-block:last-child {
  border: none;
}

page-arap-adjustment-approval .align-right {
  float: right !important;
}

page-arap-adjustment-approval .align-left {
  float: left !important;
}

page-arap-adjustment-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-arap-adjustment-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-book-entry-req-declaration-approval h2 {
  color: #F68A22 !important;
}

page-book-entry-req-declaration-approval .upd-stat {
  color: #F68A22 !important;
}

page-book-entry-req-declaration-approval .del-stat {
  color: #F0624D !important;
}

page-book-entry-req-declaration-approval .col-right {
  text-align: right;
}

page-book-entry-req-declaration-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-book-entry-req-declaration-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-book-entry-req-declaration-approval .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-book-entry-req-declaration-approval .leave-status {
  color: #bdc3c7 !important;
}

page-book-entry-req-declaration-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-book-entry-req-declaration-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-book-entry-req-declaration-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-book-entry-req-declaration-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-book-entry-req-declaration-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-book-entry-req-declaration-approval .list-detail-item .bed-detail {
  margin-left: 15px;
  border-left: 1px solid #dedede;
}

page-book-entry-req-declaration-approval .list-ios > .item-block:last-child {
  border: none;
}

page-book-entry-req-declaration-approval .align-right {
  float: right !important;
}

page-book-entry-req-declaration-approval .align-left {
  float: left !important;
}

page-book-entry-req-declaration-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-book-entry-req-declaration-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-book-entry-settlement-approval h2 {
  color: #F68A22 !important;
}

page-book-entry-settlement-approval .upd-stat {
  color: #F68A22 !important;
}

page-book-entry-settlement-approval .del-stat {
  color: #F0624D !important;
}

page-book-entry-settlement-approval .col-right {
  text-align: right;
}

page-book-entry-settlement-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-book-entry-settlement-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-book-entry-settlement-approval .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-book-entry-settlement-approval .leave-status {
  color: #bdc3c7 !important;
}

page-book-entry-settlement-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-book-entry-settlement-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-book-entry-settlement-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-book-entry-settlement-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-book-entry-settlement-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-book-entry-settlement-approval .list-ios > .item-block:last-child {
  border: none;
}

page-book-entry-settlement-approval .align-right {
  float: right !important;
}

page-book-entry-settlement-approval .align-left {
  float: left !important;
}

page-book-entry-settlement-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-book-entry-settlement-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-bookentryreqapproval h2 {
  color: #F68A22 !important;
}

page-bookentryreqapproval .upd-stat {
  color: #F68A22 !important;
}

page-bookentryreqapproval .del-stat {
  color: #F0624D !important;
}

page-bookentryreqapproval .col-right {
  text-align: right;
}

page-bookentryreqapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-bookentryreqapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-bookentryreqapproval .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-bookentryreqapproval .leave-status {
  color: #bdc3c7 !important;
}

page-bookentryreqapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-bookentryreqapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-bookentryreqapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bookentryreqapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-bookentryreqapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bookentryreqapproval .list-ios > .item-block:last-child {
  border: none;
}

page-bookentryreqapproval .align-right {
  float: right !important;
}

page-bookentryreqapproval .align-left {
  float: left !important;
}

page-bookentryreqapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-bookentryreqapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-bookentrytransapproval h2 {
  color: #F68A22 !important;
}

page-bookentrytransapproval .upd-stat {
  color: #F68A22 !important;
}

page-bookentrytransapproval .del-stat {
  color: #F0624D !important;
}

page-bookentrytransapproval .col-right {
  text-align: right;
}

page-bookentrytransapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-bookentrytransapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-bookentrytransapproval .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-bookentrytransapproval .leave-status {
  color: #bdc3c7 !important;
}

page-bookentrytransapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-bookentrytransapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-bookentrytransapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bookentrytransapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-bookentrytransapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bookentrytransapproval .list-ios > .item-block:last-child {
  border: none;
}

page-bookentrytransapproval .align-right {
  float: right !important;
}

page-bookentrytransapproval .align-left {
  float: left !important;
}

page-bookentrytransapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-bookentrytransapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-convert-prepayment-to-deposit-approval h2 {
  color: #F68A22 !important;
}

page-convert-prepayment-to-deposit-approval .upd-stat {
  color: #F68A22 !important;
}

page-convert-prepayment-to-deposit-approval .del-stat {
  color: #F0624D !important;
}

page-convert-prepayment-to-deposit-approval .col-right {
  text-align: right;
}

page-convert-prepayment-to-deposit-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-convert-prepayment-to-deposit-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-convert-prepayment-to-deposit-approval .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-convert-prepayment-to-deposit-approval .leave-status {
  color: #bdc3c7 !important;
}

page-convert-prepayment-to-deposit-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-convert-prepayment-to-deposit-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-convert-prepayment-to-deposit-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-convert-prepayment-to-deposit-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-convert-prepayment-to-deposit-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-convert-prepayment-to-deposit-approval .list-ios > .item-block:last-child {
  border: none;
}

page-convert-prepayment-to-deposit-approval .align-right {
  float: right !important;
}

page-convert-prepayment-to-deposit-approval .align-left {
  float: left !important;
}

page-convert-prepayment-to-deposit-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-convert-prepayment-to-deposit-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-deposit-settlement-approval h2 {
  color: #F68A22 !important;
}

page-deposit-settlement-approval .upd-stat {
  color: #F68A22 !important;
}

page-deposit-settlement-approval .del-stat {
  color: #F0624D !important;
}

page-deposit-settlement-approval .col-right {
  text-align: right;
}

page-deposit-settlement-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-deposit-settlement-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-deposit-settlement-approval .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-deposit-settlement-approval .leave-status {
  color: #bdc3c7 !important;
}

page-deposit-settlement-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-deposit-settlement-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-deposit-settlement-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-deposit-settlement-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-deposit-settlement-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-deposit-settlement-approval .list-ios > .item-block:last-child {
  border: none;
}

page-deposit-settlement-approval .align-right {
  float: right !important;
}

page-deposit-settlement-approval .align-left {
  float: left !important;
}

page-deposit-settlement-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-deposit-settlement-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-asset-transfer-approval h2 {
  color: #F68A22 !important;
}

page-asset-transfer-approval .upd-stat {
  color: #F68A22 !important;
}

page-asset-transfer-approval .del-stat {
  color: #F0624D !important;
}

page-asset-transfer-approval .col-right {
  text-align: right;
}

page-asset-transfer-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-asset-transfer-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-asset-transfer-approval .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-asset-transfer-approval .leave-status {
  color: #bdc3c7 !important;
}

page-asset-transfer-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-asset-transfer-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-asset-transfer-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-asset-transfer-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-asset-transfer-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-asset-transfer-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-asset-transfer-approval .list-ios > .item-block:last-child {
  border: none;
}

page-asset-transfer-approval .align-right {
  float: right !important;
}

page-asset-transfer-approval .align-left {
  float: left !important;
}

page-asset-transfer-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-asset-transfer-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-capitalization-approval h2 {
  color: #F68A22 !important;
}

page-capitalization-approval .upd-stat {
  color: #F68A22 !important;
}

page-capitalization-approval .del-stat {
  color: #F0624D !important;
}

page-capitalization-approval .col-right {
  text-align: right;
}

page-capitalization-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-capitalization-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-capitalization-approval .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-capitalization-approval .leave-status {
  color: #bdc3c7 !important;
}

page-capitalization-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-capitalization-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-capitalization-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-capitalization-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-capitalization-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-capitalization-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-capitalization-approval .list-ios > .item-block:last-child {
  border: none;
}

page-capitalization-approval .align-right {
  float: right !important;
}

page-capitalization-approval .align-left {
  float: left !important;
}

page-capitalization-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-capitalization-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-change-location-approval h2 {
  color: #F68A22 !important;
}

page-change-location-approval .upd-stat {
  color: #F68A22 !important;
}

page-change-location-approval .del-stat {
  color: #F0624D !important;
}

page-change-location-approval .col-right {
  text-align: right;
}

page-change-location-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-change-location-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-change-location-approval .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-change-location-approval .leave-status {
  color: #bdc3c7 !important;
}

page-change-location-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-change-location-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-change-location-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-change-location-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-change-location-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-change-location-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-change-location-approval .list-ios > .item-block:last-child {
  border: none;
}

page-change-location-approval .align-right {
  float: right !important;
}

page-change-location-approval .align-left {
  float: left !important;
}

page-change-location-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-change-location-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-change-status-approval h2 {
  color: #F68A22 !important;
}

page-change-status-approval .upd-stat {
  color: #F68A22 !important;
}

page-change-status-approval .del-stat {
  color: #F0624D !important;
}

page-change-status-approval .col-right {
  text-align: right;
}

page-change-status-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-change-status-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-change-status-approval .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-change-status-approval .leave-status {
  color: #bdc3c7 !important;
}

page-change-status-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-change-status-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-change-status-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-change-status-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-change-status-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-change-status-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-change-status-approval .list-ios > .item-block:last-child {
  border: none;
}

page-change-status-approval .align-right {
  float: right !important;
}

page-change-status-approval .align-left {
  float: left !important;
}

page-change-status-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-change-status-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-depreciation-approval h2 {
  color: #F68A22 !important;
}

page-depreciation-approval .upd-stat {
  color: #F68A22 !important;
}

page-depreciation-approval .del-stat {
  color: #F0624D !important;
}

page-depreciation-approval .col-right {
  text-align: right;
}

page-depreciation-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-depreciation-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-depreciation-approval .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-depreciation-approval .leave-status {
  color: #bdc3c7 !important;
}

page-depreciation-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-depreciation-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-depreciation-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-depreciation-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-depreciation-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-depreciation-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-depreciation-approval .list-ios > .item-block:last-child {
  border: none;
}

page-depreciation-approval .align-right {
  float: right !important;
}

page-depreciation-approval .align-left {
  float: left !important;
}

page-depreciation-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-depreciation-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-disposal-approval h2 {
  color: #F68A22 !important;
}

page-disposal-approval .upd-stat {
  color: #F68A22 !important;
}

page-disposal-approval .del-stat {
  color: #F0624D !important;
}

page-disposal-approval .col-right {
  text-align: right;
}

page-disposal-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-disposal-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-disposal-approval .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-disposal-approval .leave-status {
  color: #bdc3c7 !important;
}

page-disposal-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-disposal-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-disposal-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-disposal-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-disposal-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-disposal-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-disposal-approval .list-ios > .item-block:last-child {
  border: none;
}

page-disposal-approval .align-right {
  float: right !important;
}

page-disposal-approval .align-left {
  float: left !important;
}

page-disposal-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-disposal-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-maintenance-order-approval h2 {
  color: #F68A22 !important;
}

page-maintenance-order-approval .upd-stat {
  color: #F68A22 !important;
}

page-maintenance-order-approval .del-stat {
  color: #F0624D !important;
}

page-maintenance-order-approval .col-right {
  text-align: right;
}

page-maintenance-order-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-maintenance-order-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-maintenance-order-approval .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-maintenance-order-approval .leave-status {
  color: #bdc3c7 !important;
}

page-maintenance-order-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-maintenance-order-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-maintenance-order-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-maintenance-order-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-maintenance-order-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-maintenance-order-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-maintenance-order-approval .list-ios > .item-block:last-child {
  border: none;
}

page-maintenance-order-approval .align-right {
  float: right !important;
}

page-maintenance-order-approval .align-left {
  float: left !important;
}

page-maintenance-order-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-maintenance-order-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-maintenance-scheduler-approval h2 {
  color: #F68A22 !important;
}

page-maintenance-scheduler-approval .upd-stat {
  color: #F68A22 !important;
}

page-maintenance-scheduler-approval .del-stat {
  color: #F0624D !important;
}

page-maintenance-scheduler-approval .col-right {
  text-align: right;
}

page-maintenance-scheduler-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-maintenance-scheduler-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-maintenance-scheduler-approval .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-maintenance-scheduler-approval .leave-status {
  color: #bdc3c7 !important;
}

page-maintenance-scheduler-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-maintenance-scheduler-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-maintenance-scheduler-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-maintenance-scheduler-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-maintenance-scheduler-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-maintenance-scheduler-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-maintenance-scheduler-approval .list-ios > .item-block:last-child {
  border: none;
}

page-maintenance-scheduler-approval .align-right {
  float: right !important;
}

page-maintenance-scheduler-approval .align-left {
  float: left !important;
}

page-maintenance-scheduler-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-maintenance-scheduler-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-revalue-approval h2 {
  color: #F68A22 !important;
}

page-revalue-approval .upd-stat {
  color: #F68A22 !important;
}

page-revalue-approval .del-stat {
  color: #F0624D !important;
}

page-revalue-approval .col-right {
  text-align: right;
}

page-revalue-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-revalue-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-revalue-approval .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-revalue-approval .leave-status {
  color: #bdc3c7 !important;
}

page-revalue-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-revalue-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-revalue-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-revalue-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-revalue-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-revalue-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-revalue-approval .list-ios > .item-block:last-child {
  border: none;
}

page-revalue-approval .align-right {
  float: right !important;
}

page-revalue-approval .align-left {
  float: left !important;
}

page-revalue-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-revalue-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-writeoff-approval h2 {
  color: #F68A22 !important;
}

page-writeoff-approval .upd-stat {
  color: #F68A22 !important;
}

page-writeoff-approval .del-stat {
  color: #F0624D !important;
}

page-writeoff-approval .col-right {
  text-align: right;
}

page-writeoff-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-writeoff-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-writeoff-approval .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-writeoff-approval .leave-status {
  color: #bdc3c7 !important;
}

page-writeoff-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-writeoff-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-writeoff-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-writeoff-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-writeoff-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-writeoff-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-writeoff-approval .list-ios > .item-block:last-child {
  border: none;
}

page-writeoff-approval .align-right {
  float: right !important;
}

page-writeoff-approval .align-left {
  float: left !important;
}

page-writeoff-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-writeoff-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-budgetplanapproval h2 {
  color: #F68A22 !important;
}

page-budgetplanapproval .upd-stat {
  color: #F68A22 !important;
}

page-budgetplanapproval .del-stat {
  color: #F0624D !important;
}

page-budgetplanapproval .col-right {
  text-align: right;
}

page-budgetplanapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-budgetplanapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-budgetplanapproval .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-budgetplanapproval .leave-status {
  color: #bdc3c7 !important;
}

page-budgetplanapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-budgetplanapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-budgetplanapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-budgetplanapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-budgetplanapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-budgetplanapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-budgetplanapproval .list-ios > .item-block:last-child {
  border: none;
}

page-budgetplanapproval .align-right {
  float: right !important;
}

page-budgetplanapproval .align-left {
  float: left !important;
}

page-budgetplanapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-budgetplanapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-costallocationapproval h2 {
  color: #F68A22 !important;
}

page-costallocationapproval .upd-stat {
  color: #F68A22 !important;
}

page-costallocationapproval .del-stat {
  color: #F0624D !important;
}

page-costallocationapproval .col-right {
  text-align: right;
}

page-costallocationapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-costallocationapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-costallocationapproval .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-costallocationapproval .leave-status {
  color: #bdc3c7 !important;
}

page-costallocationapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-costallocationapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-costallocationapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationapproval .list-ios > .item-block:last-child {
  border: none;
}

page-costallocationapproval .align-right {
  float: right !important;
}

page-costallocationapproval .align-left {
  float: left !important;
}

page-costallocationapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-costallocationapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-costallocationruleapproval h2 {
  color: #F68A22 !important;
}

page-costallocationruleapproval .upd-stat {
  color: #F68A22 !important;
}

page-costallocationruleapproval .del-stat {
  color: #F0624D !important;
}

page-costallocationruleapproval .col-right {
  text-align: right;
}

page-costallocationruleapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval h2 {
  color: #F68A22 !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .upd-stat {
  color: #F68A22 !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .del-stat {
  color: #F0624D !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .col-right {
  text-align: right;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .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-costallocationruleapproval .data-list-request page-reversiblejournalapproval .leave-status {
  color: #bdc3c7 !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .list-ios > .item-block:last-child {
  border: none;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .align-right {
  float: right !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .align-left {
  float: left !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-costallocationruleapproval .data-list-request page-reversiblejournalapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-costallocationruleapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-costallocationruleapproval .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-costallocationruleapproval .leave-status {
  color: #bdc3c7 !important;
}

page-costallocationruleapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-costallocationruleapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-costallocationruleapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationruleapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationruleapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-costallocationruleapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-costallocationruleapproval .list-ios > .item-block:last-child {
  border: none;
}

page-costallocationruleapproval .align-right {
  float: right !important;
}

page-costallocationruleapproval .align-left {
  float: left !important;
}

page-costallocationruleapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-costallocationruleapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-journalrequestapproval h2 {
  color: #F68A22 !important;
}

page-journalrequestapproval .upd-stat {
  color: #F68A22 !important;
}

page-journalrequestapproval .del-stat {
  color: #F0624D !important;
}

page-journalrequestapproval .col-right {
  text-align: right;
}

page-journalrequestapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-journalrequestapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-journalrequestapproval .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-journalrequestapproval .leave-status {
  color: #bdc3c7 !important;
}

page-journalrequestapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-journalrequestapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-journalrequestapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-journalrequestapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-journalrequestapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-journalrequestapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-journalrequestapproval .list-ios > .item-block:last-child {
  border: none;
}

page-journalrequestapproval .align-right {
  float: right !important;
}

page-journalrequestapproval .align-left {
  float: left !important;
}

page-journalrequestapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-journalrequestapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-offsetjournalapproval h2 {
  color: #F68A22 !important;
}

page-offsetjournalapproval .upd-stat {
  color: #F68A22 !important;
}

page-offsetjournalapproval .del-stat {
  color: #F0624D !important;
}

page-offsetjournalapproval .col-right {
  text-align: right;
}

page-offsetjournalapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-offsetjournalapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-offsetjournalapproval .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-offsetjournalapproval .leave-status {
  color: #bdc3c7 !important;
}

page-offsetjournalapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-offsetjournalapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-offsetjournalapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-offsetjournalapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-offsetjournalapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-offsetjournalapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-offsetjournalapproval .list-ios > .item-block:last-child {
  border: none;
}

page-offsetjournalapproval .align-right {
  float: right !important;
}

page-offsetjournalapproval .align-left {
  float: left !important;
}

page-offsetjournalapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-offsetjournalapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-payrolljournalapproval h2 {
  color: #F68A22 !important;
}

page-payrolljournalapproval .upd-stat {
  color: #F68A22 !important;
}

page-payrolljournalapproval .del-stat {
  color: #F0624D !important;
}

page-payrolljournalapproval .col-right {
  text-align: right;
}

page-payrolljournalapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-payrolljournalapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-payrolljournalapproval .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-payrolljournalapproval .leave-status {
  color: #bdc3c7 !important;
}

page-payrolljournalapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-payrolljournalapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-payrolljournalapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-payrolljournalapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-payrolljournalapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-payrolljournalapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-payrolljournalapproval .list-ios > .item-block:last-child {
  border: none;
}

page-payrolljournalapproval .align-right {
  float: right !important;
}

page-payrolljournalapproval .align-left {
  float: left !important;
}

page-payrolljournalapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-payrolljournalapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-reversiblejournalapproval h2 {
  color: #F68A22 !important;
}

page-reversiblejournalapproval .upd-stat {
  color: #F68A22 !important;
}

page-reversiblejournalapproval .del-stat {
  color: #F0624D !important;
}

page-reversiblejournalapproval .col-right {
  text-align: right;
}

page-reversiblejournalapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-reversiblejournalapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-reversiblejournalapproval .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-reversiblejournalapproval .leave-status {
  color: #bdc3c7 !important;
}

page-reversiblejournalapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-reversiblejournalapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-reversiblejournalapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-reversiblejournalapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-reversiblejournalapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-reversiblejournalapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-reversiblejournalapproval .list-ios > .item-block:last-child {
  border: none;
}

page-reversiblejournalapproval .align-right {
  float: right !important;
}

page-reversiblejournalapproval .align-left {
  float: left !important;
}

page-reversiblejournalapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-reversiblejournalapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-goodissueapproval h2 {
  color: #F68A22 !important;
}

page-goodissueapproval .upd-stat {
  color: #F68A22 !important;
}

page-goodissueapproval .del-stat {
  color: #F0624D !important;
}

page-goodissueapproval .col-right {
  text-align: right;
}

page-goodissueapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-goodissueapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-goodissueapproval .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-goodissueapproval .leave-status {
  color: #bdc3c7 !important;
}

page-goodissueapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-goodissueapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-goodissueapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-goodissueapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-goodissueapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-goodissueapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-goodissueapproval .list-ios > .item-block:last-child {
  border: none;
}

page-goodissueapproval .align-right {
  float: right !important;
}

page-goodissueapproval .align-left {
  float: left !important;
}

page-goodissueapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-goodissueapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-goodreceiptapproval h2 {
  color: #F68A22 !important;
}

page-goodreceiptapproval .upd-stat {
  color: #F68A22 !important;
}

page-goodreceiptapproval .del-stat {
  color: #F0624D !important;
}

page-goodreceiptapproval .col-right {
  text-align: right;
}

page-goodreceiptapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-goodreceiptapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-goodreceiptapproval .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-goodreceiptapproval .leave-status {
  color: #bdc3c7 !important;
}

page-goodreceiptapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-goodreceiptapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-goodreceiptapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-goodreceiptapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-goodreceiptapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-goodreceiptapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-goodreceiptapproval .list-ios > .item-block:last-child {
  border: none;
}

page-goodreceiptapproval .align-right {
  float: right !important;
}

page-goodreceiptapproval .align-left {
  float: left !important;
}

page-goodreceiptapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-goodreceiptapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-internal-inventory-requisition-return-approval h2 {
  color: #F68A22 !important;
}

page-internal-inventory-requisition-return-approval .upd-stat {
  color: #F68A22 !important;
}

page-internal-inventory-requisition-return-approval .del-stat {
  color: #F0624D !important;
}

page-internal-inventory-requisition-return-approval .col-right {
  text-align: right;
}

page-internal-inventory-requisition-return-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-internal-inventory-requisition-return-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-internal-inventory-requisition-return-approval .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-internal-inventory-requisition-return-approval .leave-status {
  color: #bdc3c7 !important;
}

page-internal-inventory-requisition-return-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-internal-inventory-requisition-return-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-internal-inventory-requisition-return-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-internal-inventory-requisition-return-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-internal-inventory-requisition-return-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-internal-inventory-requisition-return-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-internal-inventory-requisition-return-approval .list-ios > .item-block:last-child {
  border: none;
}

page-internal-inventory-requisition-return-approval .align-right {
  float: right !important;
}

page-internal-inventory-requisition-return-approval .align-left {
  float: left !important;
}

page-internal-inventory-requisition-return-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-internal-inventory-requisition-return-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-internal-inventory-requisition-approval h2 {
  color: #F68A22 !important;
}

page-internal-inventory-requisition-approval .upd-stat {
  color: #F68A22 !important;
}

page-internal-inventory-requisition-approval .del-stat {
  color: #F0624D !important;
}

page-internal-inventory-requisition-approval .col-right {
  text-align: right;
}

page-internal-inventory-requisition-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-internal-inventory-requisition-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-internal-inventory-requisition-approval .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-internal-inventory-requisition-approval .leave-status {
  color: #bdc3c7 !important;
}

page-internal-inventory-requisition-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-internal-inventory-requisition-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-internal-inventory-requisition-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-internal-inventory-requisition-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-internal-inventory-requisition-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-internal-inventory-requisition-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-internal-inventory-requisition-approval .list-ios > .item-block:last-child {
  border: none;
}

page-internal-inventory-requisition-approval .align-right {
  float: right !important;
}

page-internal-inventory-requisition-approval .align-left {
  float: left !important;
}

page-internal-inventory-requisition-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-internal-inventory-requisition-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-inventory-adjustment-value-approval h2 {
  color: #F68A22 !important;
}

page-inventory-adjustment-value-approval .upd-stat {
  color: #F68A22 !important;
}

page-inventory-adjustment-value-approval .del-stat {
  color: #F0624D !important;
}

page-inventory-adjustment-value-approval .col-right {
  text-align: right;
}

page-inventory-adjustment-value-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-inventory-adjustment-value-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-inventory-adjustment-value-approval .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-inventory-adjustment-value-approval .leave-status {
  color: #bdc3c7 !important;
}

page-inventory-adjustment-value-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-inventory-adjustment-value-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-inventory-adjustment-value-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-inventory-adjustment-value-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-inventory-adjustment-value-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-inventory-adjustment-value-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-inventory-adjustment-value-approval .list-ios > .item-block:last-child {
  border: none;
}

page-inventory-adjustment-value-approval .align-right {
  float: right !important;
}

page-inventory-adjustment-value-approval .align-left {
  float: left !important;
}

page-inventory-adjustment-value-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-inventory-adjustment-value-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-inventory-adjustment-approval h2 {
  color: #F68A22 !important;
}

page-inventory-adjustment-approval .upd-stat {
  color: #F68A22 !important;
}

page-inventory-adjustment-approval .del-stat {
  color: #F0624D !important;
}

page-inventory-adjustment-approval .col-right {
  text-align: right;
}

page-inventory-adjustment-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-inventory-adjustment-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-inventory-adjustment-approval .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-inventory-adjustment-approval .leave-status {
  color: #bdc3c7 !important;
}

page-inventory-adjustment-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-inventory-adjustment-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-inventory-adjustment-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-inventory-adjustment-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-inventory-adjustment-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-inventory-adjustment-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-inventory-adjustment-approval .list-ios > .item-block:last-child {
  border: none;
}

page-inventory-adjustment-approval .align-right {
  float: right !important;
}

page-inventory-adjustment-approval .align-left {
  float: left !important;
}

page-inventory-adjustment-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-inventory-adjustment-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-item-conversion-approval h2 {
  color: #F68A22 !important;
}

page-item-conversion-approval .upd-stat {
  color: #F68A22 !important;
}

page-item-conversion-approval .del-stat {
  color: #F0624D !important;
}

page-item-conversion-approval .col-right {
  text-align: right;
}

page-item-conversion-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-item-conversion-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-item-conversion-approval .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-item-conversion-approval .leave-status {
  color: #bdc3c7 !important;
}

page-item-conversion-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-item-conversion-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-item-conversion-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-item-conversion-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-item-conversion-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-item-conversion-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-item-conversion-approval .list-ios > .item-block:last-child {
  border: none;
}

page-item-conversion-approval .align-right {
  float: right !important;
}

page-item-conversion-approval .align-left {
  float: left !important;
}

page-item-conversion-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-item-conversion-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-transfer-order-approval h2 {
  color: #F68A22 !important;
}

page-transfer-order-approval .upd-stat {
  color: #F68A22 !important;
}

page-transfer-order-approval .del-stat {
  color: #F0624D !important;
}

page-transfer-order-approval .col-right {
  text-align: right;
}

page-transfer-order-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-transfer-order-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-transfer-order-approval .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-transfer-order-approval .leave-status {
  color: #bdc3c7 !important;
}

page-transfer-order-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-transfer-order-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-transfer-order-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-transfer-order-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-transfer-order-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-transfer-order-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-transfer-order-approval .list-ios > .item-block:last-child {
  border: none;
}

page-transfer-order-approval .align-right {
  float: right !important;
}

page-transfer-order-approval .align-left {
  float: left !important;
}

page-transfer-order-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-transfer-order-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-material-planning-approval h2 {
  color: #F68A22 !important;
}

page-material-planning-approval .upd-stat {
  color: #F68A22 !important;
}

page-material-planning-approval .del-stat {
  color: #F0624D !important;
}

page-material-planning-approval .col-right {
  text-align: right;
}

page-material-planning-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-material-planning-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-material-planning-approval .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-material-planning-approval .leave-status {
  color: #bdc3c7 !important;
}

page-material-planning-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-material-planning-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-material-planning-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-planning-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-planning-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-planning-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-planning-approval .list-ios > .item-block:last-child {
  border: none;
}

page-material-planning-approval .align-right {
  float: right !important;
}

page-material-planning-approval .align-left {
  float: left !important;
}

page-material-planning-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-material-planning-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-material-requisition-acceptance-approval h2 {
  color: #F68A22 !important;
}

page-material-requisition-acceptance-approval .upd-stat {
  color: #F68A22 !important;
}

page-material-requisition-acceptance-approval .del-stat {
  color: #F0624D !important;
}

page-material-requisition-acceptance-approval .col-right {
  text-align: right;
}

page-material-requisition-acceptance-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-material-requisition-acceptance-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-material-requisition-acceptance-approval .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-material-requisition-acceptance-approval .leave-status {
  color: #bdc3c7 !important;
}

page-material-requisition-acceptance-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-material-requisition-acceptance-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-material-requisition-acceptance-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-requisition-acceptance-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-requisition-acceptance-approval .list-ios > .item-block:last-child {
  border: none;
}

page-material-requisition-acceptance-approval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-material-requisition-acceptance-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-requisition-acceptance-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-requisition-approval h2 {
  color: #F68A22 !important;
}

page-material-requisition-approval .upd-stat {
  color: #F68A22 !important;
}

page-material-requisition-approval .del-stat {
  color: #F0624D !important;
}

page-material-requisition-approval .col-right {
  text-align: right;
}

page-material-requisition-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-material-requisition-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-material-requisition-approval .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-material-requisition-approval .leave-status {
  color: #bdc3c7 !important;
}

page-material-requisition-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-material-requisition-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-material-requisition-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-requisition-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-requisition-approval .list-ios > .item-block:last-child {
  border: none;
}

page-material-requisition-approval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-material-requisition-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-requisition-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-return-approval h2 {
  color: #F68A22 !important;
}

page-material-return-approval .upd-stat {
  color: #F68A22 !important;
}

page-material-return-approval .del-stat {
  color: #F0624D !important;
}

page-material-return-approval .col-right {
  text-align: right;
}

page-material-return-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-material-return-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-material-return-approval .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-material-return-approval .leave-status {
  color: #bdc3c7 !important;
}

page-material-return-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-material-return-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-material-return-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-return-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-material-return-approval .list-ios > .item-block:last-child {
  border: none;
}

page-material-return-approval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-material-return-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-material-return-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-order-approval h2 {
  color: #F68A22 !important;
}

page-production-order-approval .upd-stat {
  color: #F68A22 !important;
}

page-production-order-approval .del-stat {
  color: #F0624D !important;
}

page-production-order-approval .col-right {
  text-align: right;
}

page-production-order-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-production-order-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-production-order-approval .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-production-order-approval .leave-status {
  color: #bdc3c7 !important;
}

page-production-order-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-production-order-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-production-order-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-order-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-order-approval .list-ios > .item-block:last-child {
  border: none;
}

page-production-order-approval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-production-order-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-order-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-planning-approval h2 {
  color: #F68A22 !important;
}

page-production-planning-approval .upd-stat {
  color: #F68A22 !important;
}

page-production-planning-approval .del-stat {
  color: #F0624D !important;
}

page-production-planning-approval .col-right {
  text-align: right;
}

page-production-planning-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-production-planning-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-production-planning-approval .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-production-planning-approval .leave-status {
  color: #bdc3c7 !important;
}

page-production-planning-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-production-planning-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-production-planning-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-planning-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-planning-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-planning-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-planning-approval .list-ios > .item-block:last-child {
  border: none;
}

page-production-planning-approval .align-right {
  float: right !important;
}

page-production-planning-approval .align-left {
  float: left !important;
}

page-production-planning-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-production-planning-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-production-schedule-approval h2 {
  color: #F68A22 !important;
}

page-production-schedule-approval .upd-stat {
  color: #F68A22 !important;
}

page-production-schedule-approval .del-stat {
  color: #F0624D !important;
}

page-production-schedule-approval .col-right {
  text-align: right;
}

page-production-schedule-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-production-schedule-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-production-schedule-approval .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-production-schedule-approval .leave-status {
  color: #bdc3c7 !important;
}

page-production-schedule-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-production-schedule-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-production-schedule-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-schedule-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-schedule-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-production-schedule-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-production-schedule-approval .list-ios > .item-block:last-child {
  border: none;
}

page-production-schedule-approval .align-right {
  float: right !important;
}

page-production-schedule-approval .align-left {
  float: left !important;
}

page-production-schedule-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-production-schedule-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-productioncostapproval h2 {
  color: #F68A22 !important;
}

page-productioncostapproval .upd-stat {
  color: #F68A22 !important;
}

page-productioncostapproval .del-stat {
  color: #F0624D !important;
}

page-productioncostapproval .col-right {
  text-align: right;
}

page-productioncostapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-productioncostapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-productioncostapproval .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-productioncostapproval .leave-status {
  color: #bdc3c7 !important;
}

page-productioncostapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-productioncostapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-productioncostapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-productioncostapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-productioncostapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-productioncostapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-productioncostapproval .list-ios > .item-block:last-child {
  border: none;
}

page-productioncostapproval .align-right {
  float: right !important;
}

page-productioncostapproval .align-left {
  float: left !important;
}

page-productioncostapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-productioncostapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-section-transfer-approval h2 {
  color: #F68A22 !important;
}

page-section-transfer-approval .upd-stat {
  color: #F68A22 !important;
}

page-section-transfer-approval .del-stat {
  color: #F0624D !important;
}

page-section-transfer-approval .col-right {
  text-align: right;
}

page-section-transfer-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-section-transfer-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-section-transfer-approval .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-section-transfer-approval .leave-status {
  color: #bdc3c7 !important;
}

page-section-transfer-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-section-transfer-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-section-transfer-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-section-transfer-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-section-transfer-approval .list-ios > .item-block:last-child {
  border: none;
}

page-section-transfer-approval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-section-transfer-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-section-transfer-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-project-budget-approval h2 {
  color: #F68A22 !important;
}

page-project-budget-approval .upd-stat {
  color: #F68A22 !important;
}

page-project-budget-approval .del-stat {
  color: #F0624D !important;
}

page-project-budget-approval .col-right {
  text-align: right;
}

page-project-budget-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-project-budget-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-project-budget-approval .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-project-budget-approval .leave-status {
  color: #bdc3c7 !important;
}

page-project-budget-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-project-budget-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-project-budget-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-budget-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-project-cost-calculation-approval h2 {
  color: #F68A22 !important;
}

page-project-cost-calculation-approval .upd-stat {
  color: #F68A22 !important;
}

page-project-cost-calculation-approval .del-stat {
  color: #F0624D !important;
}

page-project-cost-calculation-approval .col-right {
  text-align: right;
}

page-project-cost-calculation-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-project-cost-calculation-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-project-cost-calculation-approval .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-project-cost-calculation-approval .leave-status {
  color: #bdc3c7 !important;
}

page-project-cost-calculation-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-project-cost-calculation-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-project-cost-calculation-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-cost-calculation-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-project-cost-calculation-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-cost-calculation-approval .list-ios > .item-block:last-child {
  border: none;
}

page-project-cost-calculation-approval .align-right {
  float: right !important;
}

page-project-cost-calculation-approval .align-left {
  float: left !important;
}

page-project-cost-calculation-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-project-cost-calculation-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-project-material-requisition-approval h2 {
  color: #F68A22 !important;
}

page-project-material-requisition-approval .upd-stat {
  color: #F68A22 !important;
}

page-project-material-requisition-approval .del-stat {
  color: #F0624D !important;
}

page-project-material-requisition-approval .col-right {
  text-align: right;
}

page-project-material-requisition-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-project-material-requisition-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-project-material-requisition-approval .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-project-material-requisition-approval .leave-status {
  color: #bdc3c7 !important;
}

page-project-material-requisition-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-project-material-requisition-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-project-material-requisition-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-material-requisition-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-project-material-requisition-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-material-requisition-approval .list-ios > .item-block:last-child {
  border: none;
}

page-project-material-requisition-approval .align-right {
  float: right !important;
}

page-project-material-requisition-approval .align-left {
  float: left !important;
}

page-project-material-requisition-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-project-material-requisition-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-project-stage-completion-approval h2 {
  color: #F68A22 !important;
}

page-project-stage-completion-approval .upd-stat {
  color: #F68A22 !important;
}

page-project-stage-completion-approval .del-stat {
  color: #F0624D !important;
}

page-project-stage-completion-approval .col-right {
  text-align: right;
}

page-project-stage-completion-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-project-stage-completion-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-project-stage-completion-approval .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-project-stage-completion-approval .leave-status {
  color: #bdc3c7 !important;
}

page-project-stage-completion-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-project-stage-completion-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-project-stage-completion-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-stage-completion-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-project-stage-completion-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-project-stage-completion-approval .list-ios > .item-block:last-child {
  border: none;
}

page-project-stage-completion-approval .align-right {
  float: right !important;
}

page-project-stage-completion-approval .align-left {
  float: left !important;
}

page-project-stage-completion-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-project-stage-completion-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-contract-approval h2 {
  color: #F68A22 !important;
}

page-purchase-contract-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-contract-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-contract-approval .col-right {
  text-align: right;
}

page-purchase-contract-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-contract-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-contract-approval .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-purchase-contract-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-contract-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-contract-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-contract-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-contract-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-contract-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-contract-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-contract-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-contract-approval .align-right {
  float: right !important;
}

page-purchase-contract-approval .align-left {
  float: left !important;
}

page-purchase-contract-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-contract-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-costing-sheet-approval h2 {
  color: #F68A22 !important;
}

page-purchase-costing-sheet-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-costing-sheet-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-costing-sheet-approval .col-right {
  text-align: right;
}

page-purchase-costing-sheet-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-costing-sheet-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-costing-sheet-approval .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-purchase-costing-sheet-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-costing-sheet-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-costing-sheet-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-costing-sheet-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-costing-sheet-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-costing-sheet-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-costing-sheet-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-costing-sheet-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-costing-sheet-approval .align-right {
  float: right !important;
}

page-purchase-costing-sheet-approval .align-left {
  float: left !important;
}

page-purchase-costing-sheet-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-costing-sheet-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-dc-note-approval h2 {
  color: #F68A22 !important;
}

page-purchase-dc-note-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-dc-note-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-dc-note-approval .col-right {
  text-align: right;
}

page-purchase-dc-note-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-dc-note-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-dc-note-approval .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-purchase-dc-note-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-dc-note-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-dc-note-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-dc-note-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-dc-note-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-dc-note-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-dc-note-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-dc-note-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-dc-note-approval .align-right {
  float: right !important;
}

page-purchase-dc-note-approval .align-left {
  float: left !important;
}

page-purchase-dc-note-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-dc-note-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-prepayment-invoice-approval h2 {
  color: #F68A22 !important;
}

page-purchase-prepayment-invoice-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-prepayment-invoice-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-prepayment-invoice-approval .col-right {
  text-align: right;
}

page-purchase-prepayment-invoice-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-prepayment-invoice-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-prepayment-invoice-approval .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-purchase-prepayment-invoice-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-prepayment-invoice-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-prepayment-invoice-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-prepayment-invoice-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-prepayment-invoice-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-prepayment-invoice-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-prepayment-invoice-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-prepayment-invoice-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-prepayment-invoice-approval .align-right {
  float: right !important;
}

page-purchase-prepayment-invoice-approval .align-left {
  float: left !important;
}

page-purchase-prepayment-invoice-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-prepayment-invoice-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-prepayment-settlement-approval h2 {
  color: #F68A22 !important;
}

page-purchase-prepayment-settlement-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-prepayment-settlement-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-prepayment-settlement-approval .col-right {
  text-align: right;
}

page-purchase-prepayment-settlement-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-prepayment-settlement-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-prepayment-settlement-approval .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-purchase-prepayment-settlement-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-prepayment-settlement-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-prepayment-settlement-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-prepayment-settlement-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-prepayment-settlement-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-prepayment-settlement-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-prepayment-settlement-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-prepayment-settlement-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-prepayment-settlement-approval .align-right {
  float: right !important;
}

page-purchase-prepayment-settlement-approval .align-left {
  float: left !important;
}

page-purchase-prepayment-settlement-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-prepayment-settlement-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-return-requisition-approval h2 {
  color: #F68A22 !important;
}

page-purchase-return-requisition-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-return-requisition-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-return-requisition-approval .col-right {
  text-align: right;
}

page-purchase-return-requisition-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-return-requisition-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-return-requisition-approval .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-purchase-return-requisition-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-return-requisition-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-return-requisition-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-return-requisition-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-return-requisition-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-return-requisition-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-return-requisition-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-return-requisition-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-return-requisition-approval .align-right {
  float: right !important;
}

page-purchase-return-requisition-approval .align-left {
  float: left !important;
}

page-purchase-return-requisition-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-return-requisition-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchase-return-approval h2 {
  color: #F68A22 !important;
}

page-purchase-return-approval .upd-stat {
  color: #F68A22 !important;
}

page-purchase-return-approval .del-stat {
  color: #F0624D !important;
}

page-purchase-return-approval .col-right {
  text-align: right;
}

page-purchase-return-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchase-return-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchase-return-approval .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-purchase-return-approval .leave-status {
  color: #bdc3c7 !important;
}

page-purchase-return-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchase-return-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchase-return-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-return-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-return-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchase-return-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchase-return-approval .list-ios > .item-block:last-child {
  border: none;
}

page-purchase-return-approval .align-right {
  float: right !important;
}

page-purchase-return-approval .align-left {
  float: left !important;
}

page-purchase-return-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchase-return-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchaseinvoiceapproval h2 {
  color: #F68A22 !important;
}

page-purchaseinvoiceapproval .upd-stat {
  color: #F68A22 !important;
}

page-purchaseinvoiceapproval .del-stat {
  color: #F0624D !important;
}

page-purchaseinvoiceapproval .col-right {
  text-align: right;
}

page-purchaseinvoiceapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchaseinvoiceapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchaseinvoiceapproval .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-purchaseinvoiceapproval .leave-status {
  color: #bdc3c7 !important;
}

page-purchaseinvoiceapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchaseinvoiceapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchaseinvoiceapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaseinvoiceapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaseinvoiceapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaseinvoiceapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaseinvoiceapproval .list-ios > .item-block:last-child {
  border: none;
}

page-purchaseinvoiceapproval .align-right {
  float: right !important;
}

page-purchaseinvoiceapproval .align-left {
  float: left !important;
}

page-purchaseinvoiceapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchaseinvoiceapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-purchaseorderapproval h2 {
  color: #F68A22 !important;
}

page-purchaseorderapproval .upd-stat {
  color: #F68A22 !important;
}

page-purchaseorderapproval .del-stat {
  color: #F0624D !important;
}

page-purchaseorderapproval .col-right {
  text-align: right;
}

page-purchaseorderapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchaseorderapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchaseorderapproval .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-purchaseorderapproval .leave-status {
  color: #bdc3c7 !important;
}

page-purchaseorderapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchaseorderapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchaseorderapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaseorderapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaseorderapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaseorderapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaseorderapproval .list-ios > .item-block:last-child {
  border: none;
}

page-purchaseorderapproval .align-right {
  float: right !important;
}

page-purchaseorderapproval .align-left {
  float: left !important;
}

page-purchaseorderapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-purchaseorderapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-pr-item ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-pr-item ion-list ion-item .item-code {
  color: #F68A22;
}

page-pr-item ion-list ion-item .item-desc {
  white-space: normal;
  padding: 0;
}

page-pr-item ion-list ion-item .item-checked {
  text-align: right;
}

page-pr-item ion-list ion-item .item-checked ion-icon {
  font-size: x-large;
  color: #F68A22;
}

page-pr-itemdetail ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-pr-itemdetail .item-code {
  color: #F68A22;
}

page-pr-itemdetail ion-content {
  background-color: #F4F3F8 !important;
}

page-pr-itemdetail ion-content ion-card {
  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) !important;
  -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) !important;
}

page-pr-itemdetail ion-content ion-card ion-icon {
  float: right;
  padding: 15px;
}

page-pr-itemdetail ion-content ion-card ion-card-content p {
  color: #808080;
}

page-pr-itemdetail ion-content ion-card ion-card-content ion-list ion-item .erp-input-numeric input.text-input {
  text-align: right;
}

page-purchaserequisitionapproval h2 {
  color: #F68A22 !important;
}

page-purchaserequisitionapproval .upd-stat {
  color: #F68A22 !important;
}

page-purchaserequisitionapproval .del-stat {
  color: #F0624D !important;
}

page-purchaserequisitionapproval .col-right {
  text-align: right;
}

page-purchaserequisitionapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-purchaserequisitionapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-purchaserequisitionapproval .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-purchaserequisitionapproval .leave-status {
  color: #bdc3c7 !important;
}

page-purchaserequisitionapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-purchaserequisitionapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-purchaserequisitionapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaserequisitionapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaserequisitionapproval .list-ios > .item-block:last-child {
  border: none;
}

page-purchaserequisitionapproval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-purchaserequisitionapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-purchaserequisitionapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-purchaserequisitionapproval .estimated-date {
  margin-left: 15px;
  border-left: 1px solid #dedede;
}

page-purchaserequisitiondetail .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-purchaserequisitiondetail .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-purchaserequisitiondetail .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-purchaserequisitiondetail .img-preview {
  position: relative;
  display: inline-block;
}

page-purchaserequisitiondetail .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-purchaserequisitiondetail .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

@media screen and (max-width: 768px) {
  page-purchaserequisitionlist ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-purchaserequisitionlist ion-list ion-item ion-row ion-col h2 {
  color: #F68A22;
}

page-purchaserequisitionlist ion-list ion-item ion-row ion-col p {
  font-size: 0.8em !important;
  color: #c5c5c5 !important;
  white-space: normal;
}

page-purchaserequisitionlist ion-list ion-item ion-row ion-col:last-child {
  text-align: right;
}

page-purchaserequisitionlist ion-searchbar {
  background: #FFFFFF !important;
}

page-purchaserequisitionlist .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-region h2, page-region h3 {
  color: #F68A22 !important;
}

page-region .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-customer-detail ion-segment {
  margin-top: 5px !important;
  border-bottom: 2px solid #F68A22 !important;
}

page-customer-detail ion-item {
  padding: 2px 15px !important;
}

page-customer-detail .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-customer-detail .erp-input-numeric input.text-input {
  text-align: right;
}

page-customerlist ion-header .back-button {
  display: none !important;
}

@media screen and (max-width: 768px) {
  page-customerlist ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-customerlist h2 {
  color: #F68A22;
}

page-customerlist ion-item ion-icon {
  margin-right: 5px;
}

page-customerlist ion-item ion-icon:before {
  font-size: 23px !important;
}

page-customerlist ion-item ion-note {
  font-size: 12px;
  color: c5c5c5;
  text-align: right;
  float: right;
  margin: 0 !important;
  padding-top: 5px;
}

page-customerlist ion-searchbar {
  background: #FFFFFF !important;
}

page-customerlist .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-proforma-invoice-approval h2 {
  color: #F68A22 !important;
}

page-proforma-invoice-approval .upd-stat {
  color: #F68A22 !important;
}

page-proforma-invoice-approval .del-stat {
  color: #F0624D !important;
}

page-proforma-invoice-approval .col-right {
  text-align: right;
}

page-proforma-invoice-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-proforma-invoice-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-proforma-invoice-approval .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-proforma-invoice-approval .leave-status {
  color: #bdc3c7 !important;
}

page-proforma-invoice-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-proforma-invoice-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-proforma-invoice-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-proforma-invoice-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-proforma-invoice-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-proforma-invoice-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-proforma-invoice-approval .list-ios > .item-block:last-child {
  border: none;
}

page-proforma-invoice-approval .align-right {
  float: right !important;
}

page-proforma-invoice-approval .align-left {
  float: left !important;
}

page-proforma-invoice-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-proforma-invoice-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-bad-debt-approval h2 {
  color: #F68A22 !important;
}

page-sales-bad-debt-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-bad-debt-approval .del-stat {
  color: #F0624D !important;
}

page-sales-bad-debt-approval .col-right {
  text-align: right;
}

page-sales-bad-debt-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-bad-debt-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-bad-debt-approval .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-sales-bad-debt-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-bad-debt-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-bad-debt-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-bad-debt-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-bad-debt-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-bad-debt-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-bad-debt-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-bad-debt-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-bad-debt-approval .align-right {
  float: right !important;
}

page-sales-bad-debt-approval .align-left {
  float: left !important;
}

page-sales-bad-debt-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-bad-debt-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-dc-note-approval h2 {
  color: #F68A22 !important;
}

page-sales-dc-note-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-dc-note-approval .del-stat {
  color: #F0624D !important;
}

page-sales-dc-note-approval .col-right {
  text-align: right;
}

page-sales-dc-note-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-dc-note-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-dc-note-approval .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-sales-dc-note-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-dc-note-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-dc-note-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-dc-note-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-dc-note-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-dc-note-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-dc-note-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-dc-note-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-dc-note-approval .align-right {
  float: right !important;
}

page-sales-dc-note-approval .align-left {
  float: left !important;
}

page-sales-dc-note-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-dc-note-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-planing-approval h2 {
  color: #F68A22 !important;
}

page-sales-planing-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-planing-approval .del-stat {
  color: #F0624D !important;
}

page-sales-planing-approval .col-right {
  text-align: right;
}

page-sales-planing-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-planing-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-planing-approval .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-sales-planing-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-planing-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-planing-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-planing-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-planing-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-planing-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-planing-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-planing-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-planing-approval .align-right {
  float: right !important;
}

page-sales-planing-approval .align-left {
  float: left !important;
}

page-sales-planing-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-planing-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-prepayment-invoice-approval h2 {
  color: #F68A22 !important;
}

page-sales-prepayment-invoice-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-prepayment-invoice-approval .del-stat {
  color: #F0624D !important;
}

page-sales-prepayment-invoice-approval .col-right {
  text-align: right;
}

page-sales-prepayment-invoice-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-prepayment-invoice-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-prepayment-invoice-approval .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-sales-prepayment-invoice-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-prepayment-invoice-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-prepayment-invoice-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-prepayment-invoice-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-prepayment-invoice-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-prepayment-invoice-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-prepayment-invoice-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-prepayment-invoice-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-prepayment-invoice-approval .align-right {
  float: right !important;
}

page-sales-prepayment-invoice-approval .align-left {
  float: left !important;
}

page-sales-prepayment-invoice-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-prepayment-invoice-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-prepayment-settlement-approval h2 {
  color: #F68A22 !important;
}

page-sales-prepayment-settlement-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-prepayment-settlement-approval .del-stat {
  color: #F0624D !important;
}

page-sales-prepayment-settlement-approval .col-right {
  text-align: right;
}

page-sales-prepayment-settlement-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-prepayment-settlement-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-prepayment-settlement-approval .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-sales-prepayment-settlement-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-prepayment-settlement-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-prepayment-settlement-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-prepayment-settlement-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-prepayment-settlement-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-prepayment-settlement-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-prepayment-settlement-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-prepayment-settlement-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-prepayment-settlement-approval .align-right {
  float: right !important;
}

page-sales-prepayment-settlement-approval .align-left {
  float: left !important;
}

page-sales-prepayment-settlement-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-prepayment-settlement-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-sales-return-approval h2 {
  color: #F68A22 !important;
}

page-sales-return-approval .upd-stat {
  color: #F68A22 !important;
}

page-sales-return-approval .del-stat {
  color: #F0624D !important;
}

page-sales-return-approval .col-right {
  text-align: right;
}

page-sales-return-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-sales-return-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-sales-return-approval .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-sales-return-approval .leave-status {
  color: #bdc3c7 !important;
}

page-sales-return-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-sales-return-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-sales-return-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-return-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-return-approval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-sales-return-approval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-sales-return-approval .list-ios > .item-block:last-child {
  border: none;
}

page-sales-return-approval .align-right {
  float: right !important;
}

page-sales-return-approval .align-left {
  float: left !important;
}

page-sales-return-approval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-sales-return-approval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-salescontractapproval h2 {
  color: #F68A22 !important;
}

page-salescontractapproval .upd-stat {
  color: #F68A22 !important;
}

page-salescontractapproval .del-stat {
  color: #F0624D !important;
}

page-salescontractapproval .col-right {
  text-align: right;
}

page-salescontractapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-salescontractapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-salescontractapproval .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-salescontractapproval .leave-status {
  color: #bdc3c7 !important;
}

page-salescontractapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-salescontractapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-salescontractapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salescontractapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salescontractapproval .list-ios > .item-block:last-child {
  border: none;
}

page-salescontractapproval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-salescontractapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salescontractapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesinvoiceapproval h2 {
  color: #F68A22 !important;
}

page-salesinvoiceapproval .upd-stat {
  color: #F68A22 !important;
}

page-salesinvoiceapproval .del-stat {
  color: #F0624D !important;
}

page-salesinvoiceapproval .col-right {
  text-align: right;
}

page-salesinvoiceapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-salesinvoiceapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-salesinvoiceapproval .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-salesinvoiceapproval .leave-status {
  color: #bdc3c7 !important;
}

page-salesinvoiceapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-salesinvoiceapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-salesinvoiceapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesinvoiceapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesinvoiceapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesinvoiceapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesinvoiceapproval .list-ios > .item-block:last-child {
  border: none;
}

page-salesinvoiceapproval .align-right {
  float: right !important;
}

page-salesinvoiceapproval .align-left {
  float: left !important;
}

page-salesinvoiceapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-salesinvoiceapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-salesorderapproval h2 {
  color: #F68A22 !important;
}

page-salesorderapproval .upd-stat {
  color: #F68A22 !important;
}

page-salesorderapproval .del-stat {
  color: #F0624D !important;
}

page-salesorderapproval .col-right {
  text-align: right;
}

page-salesorderapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-salesorderapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-salesorderapproval .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-salesorderapproval .leave-status {
  color: #bdc3c7 !important;
}

page-salesorderapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-salesorderapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-salesorderapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesorderapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesorderapproval .list-ios > .item-block:last-child {
  border: none;
}

page-salesorderapproval ion-list.list-detail-item ion-item ion-row ion-col p {
  white-space: normal;
}

page-salesorderapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesorderapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesorderapproval .list-ios > .item-block:last-child {
  border: none;
}

page-salesorderapproval .align-right {
  float: right !important;
}

page-salesorderapproval .align-left {
  float: left !important;
}

page-salesorderapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-salesorderdetail ion-segment {
  margin-top: 5px !important;
}

page-salesorderdetail ion-item {
  padding: 2px 15px !important;
}

page-salesorderdetail ion-list ion-item ion-row ion-col h2 {
  color: #F68A22;
}

page-salesorderdetail ion-list ion-item ion-row ion-col p {
  font-size: 0.8em !important;
  color: #c5c5c5 !important;
}

page-salesorderdetail ion-list ion-item ion-row ion-col:last-child {
  text-align: right;
}

page-salesorderdetail .order-item ion-list {
  min-height: 10vh;
  max-height: 45vh;
  overflow: auto;
}

page-salesorderdetail .order-item ion-row {
  border-bottom: 1px solid #ccc;
}

page-salesorderdetail .order-item ion-row ion-col h2 {
  color: #F68A22;
  font-size: 1.2em;
  margin: 3px 0 !important;
}

page-salesorderdetail .order-item ion-row ion-col p {
  color: #7f7f7f !important;
  margin: 3px 0 !important;
  text-overflow: ellipsis;
}

page-salesorderdetail .order-item ion-row ion-col:last-child {
  text-align: right;
}

page-salesorderdetail .order-item ion-row:last-child {
  border-bottom: 0;
}

page-salesorderdetail .total-block {
  height: 110px;
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  overflow: hidden;
}

page-salesorderdetail .total-block .summary {
  background: #fff;
}

page-salesorderdetail .total-block ion-row ion-col {
  padding: 1em;
}

page-salesorderdetail .total-block .price-tag {
  background: #F1F1F1;
  padding: 0.4em 0;
}

page-salesorderdetail .total-block .grand {
  background-color: #F68A22 !important;
  color: #fff;
}

page-salesorderdetail .duadua {
  -webkit-animation: naek 0.5s forwards;
  animation: naek 0.5s forwards;
}

page-salesorderdetail .satusatu {
  -webkit-animation: turon 0.5s forwards;
  animation: turon 0.5s forwards;
}

@-webkit-keyframes naek {
  to {
    height: 100%;
  }
}

@keyframes naek {
  to {
    height: 100%;
  }
}

@-webkit-keyframes turon {
  from {
    height: 100%;
  }
  to {
    height: 120px;
  }
}

@keyframes turon {
  from {
    height: 100%;
  }
  to {
    height: 120px;
  }
}

page-salesorderdetail .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-salesorderdetail .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-salesorderdetail .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-salesorderdetail .summary-discount input {
  margin: 0;
  text-align: right;
}

page-salesorderdetail ion-card {
  /*
        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) !important;
        -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) !important;
        */
}

page-salesorderdetail ion-card ion-card-header {
  padding: 0 !important;
}

page-salesorderdetail ion-card ion-card-header ion-row .summary-text {
  color: #F68A22;
}

page-salesorderdetail ion-card ion-card-header ion-row .summary-text ion-icon {
  font-size: x-large;
  color: #F68A22;
}

page-salesorderdetail ion-card ion-card-header ion-row .summary-type {
  text-align: left;
  color: #F68A22;
}

page-salesorderdetail ion-card ion-card-header ion-row .summary-amount {
  text-align: right;
  color: #F68A22;
}

page-salesorderdetail ion-card ion-card-content {
  color: #808080;
  padding: 0 !important;
}

page-salesorderdetail ion-card ion-card-content ion-row .summary-amount {
  text-align: right;
}

page-salesorderdetail ion-card ion-card-content ion-row.summary-grand .summary-type {
  font-weight: bold;
}

page-salesorderdetail ion-card ion-card-content ion-row.summary-grand .summary-amount {
  font-weight: bold;
  text-align: right;
}

page-select-customer ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-select-customer h2, page-select-customer h3 {
  color: #F68A22 !important;
}

page-select-customer .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-select-sales-person ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-select-sales-person h2, page-select-sales-person h3 {
  color: #F68A22 !important;
}

page-select-sales-person .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-salesorderlist ion-header .back-button {
  display: none !important;
}

@media screen and (max-width: 768px) {
  page-salesorderlist ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-salesorderlist ion-list ion-item ion-row ion-col h2 {
  color: #F68A22;
}

page-salesorderlist ion-list ion-item ion-row ion-col p {
  font-size: 0.8em !important;
  color: #c5c5c5 !important;
  white-space: normal;
}

page-salesorderlist ion-list ion-item ion-row ion-col:last-child {
  text-align: right;
}

page-salesorderlist ion-searchbar {
  background: #FFFFFF !important;
}

page-salesorderlist .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-so-item ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-so-item ion-list ion-item h2 {
  color: #F68A22;
}

page-so-item ion-list ion-item ion-row ion-col:first-child {
  padding-left: 0 !important;
}

page-so-item ion-list ion-item ion-row ion-col {
  border-right: 1px solid #ccc;
  color: #666;
  font-size: 0.9em;
}

page-so-item ion-list ion-item ion-row ion-col p {
  color: #F68A22 !important;
}

page-so-item ion-list ion-item ion-row ion-col:last-child {
  border-right: 0 !important;
}

page-so-item .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-so-itemdetail ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-so-itemdetail .erp-input-numeric input.text-input {
  text-align: right;
}

page-salesquotationapproval h2 {
  color: #F68A22 !important;
}

page-salesquotationapproval .upd-stat {
  color: #F68A22 !important;
}

page-salesquotationapproval .del-stat {
  color: #F0624D !important;
}

page-salesquotationapproval .col-right {
  text-align: right;
}

page-salesquotationapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-salesquotationapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-salesquotationapproval .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-salesquotationapproval .leave-status {
  color: #bdc3c7 !important;
}

page-salesquotationapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-salesquotationapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-salesquotationapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesquotationapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesquotationapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-salesquotationapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-salesquotationapproval .list-ios > .item-block:last-child {
  border: none;
}

page-salesquotationapproval .align-right {
  float: right !important;
}

page-salesquotationapproval .align-left {
  float: left !important;
}

page-salesquotationapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-salesquotationapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-shippinginstructionapproval h2 {
  color: #F68A22 !important;
}

page-shippinginstructionapproval .upd-stat {
  color: #F68A22 !important;
}

page-shippinginstructionapproval .del-stat {
  color: #F0624D !important;
}

page-shippinginstructionapproval .col-right {
  text-align: right;
}

page-shippinginstructionapproval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-shippinginstructionapproval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-shippinginstructionapproval .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-shippinginstructionapproval .leave-status {
  color: #bdc3c7 !important;
}

page-shippinginstructionapproval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-shippinginstructionapproval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-shippinginstructionapproval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-shippinginstructionapproval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-shippinginstructionapproval .list-detail-item ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-shippinginstructionapproval .list-detail-item ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-shippinginstructionapproval .list-ios > .item-block:last-child {
  border: none;
}

page-shippinginstructionapproval .align-right {
  float: right !important;
}

page-shippinginstructionapproval .align-left {
  float: left !important;
}

page-shippinginstructionapproval .item-list-bottom-detail {
  margin-bottom: 1em !important;
}

page-shippinginstructionapproval .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-pooling-dashboard .container h1 {
  font-weight: bold !important;
}

page-pooling-dashboard .container .box {
  border: 1px solid #efefef;
  border-radius: 16px;
  padding: 13px;
  margin-bottom: 20px;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  width: 100% !important;
  max-width: 100%;
}

page-pooling-dashboard .container .box .mood-body img {
  width: 84px;
  height: 84px;
  margin-right: 16px;
}

page-pooling-dashboard .container .box .mood-body .mood-score h3 {
  color: #2BB34D !important;
  font-weight: bold;
  font-size: 45px !important;
  margin: 0 !important;
}

page-pooling-dashboard .container .box .list .item .name {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100px;
  margin-right: 5px;
}

page-pooling-dashboard .container .box .list .item .name ion-label.name-text {
  margin-bottom: 5px;
  font-size: 16px !important;
  font-weight: 700;
  color: #333333 !important;
  opacity: 1 !important;
}

page-pooling-dashboard .container .box .list .item .name ion-label.position-text {
  color: #A5B0B7 !important;
}

page-pooling-dashboard .container .box .list .item ion-label.mood {
  font-size: 16px !important;
  font-weight: 700;
  margin-left: 8px;
  width: 32px;
  text-align: left;
}

page-pooling-dashboard .container .box .list .item ion-label.mood.good {
  color: #5AD16C !important;
}

page-pooling-dashboard .container .box .list .item ion-label.mood.bad {
  color: #F0624D !important;
}

@media screen and (max-width: 768px) {
  page-pooling-dashboard .wrapper-left, page-pooling-dashboard .wrapper-right {
    width: 100% !important;
    margin-right: 0 !important;
    max-width: unset !important;
  }
}

page-survey-setting-edit ion-thumbnail img {
  max-height: 13rem;
  max-width: 13rem;
  margin: 0 auto;
}

page-survey-setting-edit ion-thumbnail div {
  max-height: 5rem;
  max-width: 5rem;
  margin: 0 auto;
  font-size: 0.5em;
  margin-top: 55px;
  margin-left: 90px;
  text-align: center;
}

page-survey-setting-edit .ansopt {
  padding-left: 5px;
}

page-survey-setting-edit .opt {
  padding-left: 30px;
}

page-survey-setting-edit .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 5% 0 5% 0;
  background: #F68A22 !important;
}

page-survey-setting-edit .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-survey-setting-edit .profile div {
  margin: 0px;
  padding-top: 5px;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: bold !important;
}

page-survey-setting-edit .profile div ion-icon {
  padding-top: 6px;
  padding-left: 3px;
  font-size: 1em;
}

page-survey-setting-edit .footer-claim {
  position: fixed;
  bottom: 0;
}

page-survey-setting-edit .duoInputIcon {
  padding-top: 10px;
}

page-survey-setting-edit .duoInputIcon ion-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

page-survey-setting-edit .duoInputIcon ion-col p {
  font-size: 1em;
}

page-survey-setting-edit .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0px 5px;
}

page-survey-setting-edit .duoInputIcon2 ion-col {
  padding: 0px;
}

page-survey-setting-edit .div-icon {
  font-size: 9em;
  -webkit-text-fill-color: #ffffff;
}

page-survey-setting-edit .header-md::after {
  background-image: none !important;
}

@-webkit-keyframes fadein {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadein {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

page-survey-setting-edit .div-detail {
  border-radius: 5px;
  padding: 7px 15px 0px 15px;
}

page-survey-setting-edit .div-detail ion-label {
  color: #e6ae37 !important;
  font-weight: bold;
}

page-survey-setting-edit .fadein {
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

page-survey-setting-edit .fadeout {
  -webkit-animation: fadeout 0.3s;
  animation: fadeout 0.3s;
}

page-survey-setting-edit .div-container {
  border: solid 1px #737373 !important;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 15px 15px 13px;
}

page-survey-setting-edit .div-container ion-textarea {
  padding: 0px 8px 8px 8px;
}

page-survey-setting-edit .div-container .div-header-quest p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 15px 7px 5px 7px;
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container .div-header-opt p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 7px;
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container ion-row ion-col {
  padding: 0px;
}

page-survey-setting-edit .div-container ion-row ion-col ion-input {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 10px;
  position: absolute;
}

page-survey-setting-edit .div-container ion-row ion-col ion-input input {
  margin: 0px !important;
}

page-survey-setting-edit .div-container ion-row ion-col button {
  float: right;
  height: 30px;
  width: 10px;
  background-color: #fff !important;
  border-radius: 5px;
  border: 1px solid #737373;
}

page-survey-setting-edit .div-container ion-row ion-col button ion-icon {
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container .devider {
  padding: 0px;
  margin: 0px 5px 0px 5px;
  height: 1px;
  background: #e6ae37;
}

page-survey-setting-edit .div-container .close-card {
  color: #e6ae37;
  float: right;
  padding-top: 12px;
  padding-right: 5px;
}

page-survey-setting-edit .list-md .item-input:last-child {
  border-bottom: none !important;
}

page-survey-setting-edit ion-textarea {
  font-size: 1.1em !important;
}

page-survey-setting-edit .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::-moz-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::placeholder {
  color: #cecece;
}

page-survey-setting-edit .datetime-md .datetime-placeholder {
  color: #cecece;
}

page-survey-setting-edit .div-newquest {
  border: solid 1px #737373 !important;
  border-radius: 50px;
  color: #e6ae37;
  font-size: 1em;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px;
  font-size: 100%;
  width: 130px;
  text-align: center;
}

page-survey-setting-edit .submit-btn {
  padding-top: 15px;
}

page-survey-setting-edit .submit-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-survey-employee-modal .wrapper {
  padding: 16px;
}

page-survey-employee-modal .wrapper .title-section {
  text-align: center;
  font-weight: bold;
  color: #222 !important;
}

page-survey-employee-modal .wrapper .smile-box {
  margin-bottom: 24px;
}

page-survey-employee-modal .wrapper .smile-box .title-section {
  margin-bottom: 24px;
}

page-survey-employee-modal .wrapper .smile-box .smile-section {
  border: 1px solid #dbdbe1;
  padding: 12px;
  border-radius: 16px;
}

page-survey-employee-modal .wrapper .smile-box .smile-section .smile {
  border-radius: 200px;
  width: 50px;
  height: 50px;
}

page-survey-employee-modal .wrapper .smile-box .smile-section .smile svg {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

page-survey-employee-modal .wrapper .smile-box .smile-section .active-smile svg path:first-child {
  stroke-width: 4px;
}

page-survey-employee-modal .wrapper .smile-box .feedback-text {
  margin-top: 24px;
  text-align: center;
  font-size: 20px !important;
  color: #2BB34D !important;
}

page-survey-employee-modal .wrapper .reason-box {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #dbdbe1;
}

page-survey-employee-modal .wrapper .reason-box .title-section {
  margin-bottom: 4px;
}

page-survey-employee-modal .wrapper .reason-box .subtitle-section {
  text-align: center;
  margin-bottom: 24px;
}

page-survey-employee-modal .wrapper .reason-box .reason-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-survey-employee-modal .wrapper .reason-box .reason-section ion-label {
  border: 2px solid #808080;
  border-radius: 8px;
  color: #808080 !important;
  margin: 0 8px 8px 0;
  padding: 8px;
  font-size: 12px !important;
  text-align: center !important;
}

page-survey-employee-modal .wrapper .reason-box .reason-section .active-msg {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  border-color: #F68A22 !important;
  background-color: #F68A22;
  color: white !important;
}

page-survey-employee-modal .wrapper .message-box {
  margin-bottom: 24px;
}

page-survey-employee-modal .wrapper .message-box .title-section {
  margin-bottom: 16px;
}

page-survey-employee-modal .wrapper .message-box .message-btn {
  margin: 0 auto;
  padding: 8px 11px;
  border-color: #808080 !important;
  border-width: 2px;
}

page-survey-employee-modal .wrapper .message-box .message-btn ion-label {
  margin-right: 10px;
}

page-survey-employee-modal .wrapper .message-box .message-btn ion-label,
page-survey-employee-modal .wrapper .message-box .message-btn ion-icon {
  color: #808080 !important;
}

page-survey-employee-modal .wrapper .message-box ion-input {
  border: 2px solid #dbdbe1;
  border-radius: 8px;
}

page-survey-employee-modal ion-footer {
  padding: 16px;
}

page-survey-success-modal .container {
  padding: 24px;
}

page-survey-success-modal .container .check-box {
  width: 104px;
  height: 104px;
  border-radius: 200px;
  background-color: #2BB34D;
  margin-bottom: 24px;
}

page-survey-success-modal .container .check-box ion-icon {
  color: white;
  font-size: 100px;
}

page-survey-success-modal .container .title {
  font-size: 16px !important;
  color: #222 !important;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

page-survey-success-modal .container .subtitle {
  font-size: 12px !important;
  text-align: center;
  color: #A5B0B7 !important;
  margin-bottom: 24px;
}

page-add-announcement .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-add-announcement .btn-tag span {
  font-size: 1.2em !important;
}

page-add-announcement .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-add-announcement .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-add-announcement ion-label {
  color: #F68A22 !important;
}

page-add-announcement ion-textarea, page-add-announcement ion-input {
  padding: 7px 0px;
  margin: 0px;
}

page-announcement-detail .ann-info {
  border-radius: 5px;
  padding: 15px 20px 10px 20px;
}

page-announcement-detail .ann-info .ann-title {
  text-transform: capitalize;
  margin: 0px 0px 9px 0px;
}

page-announcement-detail .ann-info .ann-mod {
  color: #aaaaaa;
  margin: 0px;
}

page-announcement-detail .ann-info .attachment {
  margin: 0px 0px 9px 0px;
  color: #737373;
}

page-announcement-detail .ann-info .attachment span {
  color: #F68A22;
}

page-announcement-detail .ann-content {
  padding: 0px 20px 16px 20px;
}

page-announcement-detail .ann-content .description {
  text-align: justify;
  line-height: 1.5;
}

page-announcement-detail .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-announcement-detail .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-edit-announcement .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-edit-announcement .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-edit-announcement ion-label {
  color: #F68A22 !important;
}

page-edit-announcement ion-textarea, page-edit-announcement ion-input {
  padding: 7px 0px;
  margin: 0px;
}

.approval-detail .text-input[disabled] {
  opacity: 1;
}

page-calendar-new ion-scroll {
  margin-top: -1px !important;
}

page-calendar-new .div-calender {
  background-color: #F68A22 !important;
  height: 30% !important;
  width: 100% !important;
}

page-calendar-new .div-title-calender {
  background-color: #F68A22 !important;
}

page-calendar-new .text-weekday {
  color: #fff !important;
  text-align: center;
  padding: 3px !important;
}

page-calendar-new .text-weekday:hover {
  border-top-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-right-radisus: 50%;
  border-bottom-left-radius: 50%;
  -webkit-border-left-right-radius: 50%;
  width: 1.7em !important;
  height: 1.7em !important;
  border: 1px solid #fff !important;
  color: #EEEEEE !important;
  text-align: center;
  margin: auto !important;
  padding: 3px !important;
}

page-calendar-new .text-jdl-weekday {
  color: #fff !important;
  text-align: center;
}

page-calendar-new .text-currentday {
  color: #00ffff !important;
  text-align: center;
  padding: 3px !important;
}

page-calendar-new .text-currentday:hover {
  border-top-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-right-radisus: 50%;
  border-bottom-left-radius: 50%;
  -webkit-border-left-right-radius: 50%;
  width: 1.7em !important;
  height: 1.7em !important;
  background: #00ffff;
  color: #EEEEEE !important;
  text-align: center;
  margin: auto !important;
  padding: 3px !important;
}

page-calendar-new .text-jdl-weekend {
  color: #8bced6 !important;
  text-align: center;
}

page-calendar-new .text-weekend {
  color: #8bced6 !important;
  text-align: center;
  padding: 3px !important;
}

page-calendar-new .text-holiday {
  color: #ed4956 !important;
  text-align: center;
  padding: 3px !important;
}

page-calendar-new .text-holiday:hover {
  border-top-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-right-radisus: 50%;
  border-bottom-left-radius: 50%;
  -webkit-border-left-right-radius: 50%;
  width: 1.7em !important;
  height: 1.7em !important;
  background: #ed4956;
  color: #EEEEEE !important;
  text-align: center;
  margin: auto !important;
  padding: 3px !important;
}

page-calendar-new .text-evenday {
  color: #fff !important;
  text-align: center;
  padding: 3px !important;
}

page-calendar-new .text-evenday-hover {
  border-top-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-right-radisus: 50%;
  border-bottom-left-radius: 50%;
  -webkit-border-left-right-radius: 50%;
  width: 1.7em !important;
  height: 1.7em !important;
  border: 1px solid #fff !important;
  color: #EEEEEE !important;
  text-align: center;
  margin: auto !important;
  padding: 3px !important;
}

page-calendar-new .text-evenday-decor {
  border-top-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  -webkit-border-bottom-right-radisus: 50%;
  border-bottom-left-radius: 50%;
  -webkit-border-left-right-radius: 50%;
  width: 0.5em !important;
  height: 0.5em !important;
  background: #fff;
  color: #EEEEEE !important;
  margin-top: -30px !important;
  margin-left: 15px !important;
  text-align: center !important;
}

page-calendar-new ion-col {
  height: 2em !important;
}

page-calendar-new h2 {
  font-size: 1.5rem !important;
}

page-calendar-new .list-event {
  margin-left: 20px !important;
  margin-top: 10px !important;
}

page-calendar-new .list-event .item-md.item-block .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-calendar-new .list-event .item-ios.item-block .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-calendar-new .holiday-list-event {
  color: #F37249 !important;
  font-size: 1.6rem !important;
}

page-calendar-new .meeting-list-event {
  color: #F68A22 !important;
  font-size: 1.6rem !important;
}

page-calendar-new .item-md.item-block .item-inner {
  border: none !important;
}

page-calendar-new .item-ios.item-block .item-inner {
  border: none !important;
}

page-calendar-new .list-ios > .item-block:first-child {
  border: none !important;
}

page-calendar-new .list-ios > .item-block:last-child {
  border: none !important;
}

page-calendar-new .list-md > .item-block:first-child {
  border: none !important;
}

page-calendar-new .list-md > .item-block:last-child {
  border: none !important;
}

page-calendar-new .list {
  margin: auto !important;
  border: none !important;
}

page-calendar-new .text-muted {
  color: #53d2e2;
}

page-calendar-new .table-fixed {
  table-layout: fixed;
}

page-calendar-new .table {
  width: 100%;
  max-width: 100%;
  background-color: #F68A22 !important;
  color: #fff !important;
}

page-calendar-new .table > thead > tr > th, page-calendar-new .table > tbody > tr > th, page-calendar-new .table > tfoot > tr > th, page-calendar-new .table > thead > tr > td,
page-calendar-new .table > tbody > tr > td, page-calendar-new .table > tfoot > tr > td {
  padding: 5px;
  line-height: 34px !important;
  vertical-align: top;
}

page-calendar-new .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

page-calendar-new .table > thead:first-child > tr:first-child > th, page-calendar-new .table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

page-calendar-new .table > tbody + tbody {
  border-top: 2px solid #ddd;
}

page-calendar-new .table-bordered {
  border: 1px solid #ddd;
}

page-calendar-new .table-bordered > thead > tr > th, page-calendar-new .table-bordered > tbody > tr > th, page-calendar-new .table-bordered > tfoot > tr > th,
page-calendar-new .table-bordered > thead > tr > td, page-calendar-new .table-bordered > tbody > tr > td, page-calendar-new .table-bordered > tfoot > tr > td {
  border: 0px solid #ddd !important;
}

page-calendar-new .table-bordered > thead > tr > th, page-calendar-new .table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

page-calendar-new .monthview-primary-with-event {
  background-color: transparent !important;
  color: white !important;
  position: relative;
}

page-calendar-new .monthview-primary-with-event:before {
  content: '.';
  display: inline-block;
  position: absolute;
  bottom: 1.2em;
  left: 0;
  font-weight: bolder;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
}

page-calendar-new .monthview-current {
  background-color: #F68A22 !important;
  color: #00ffff !important;
}

page-calendar-new .monthview-holiday {
  background-color: red !important;
  border-color: white !important;
  border: 2px solid white !important;
  border-radius: 50% !important;
  color: white !important;
}

page-calendar-new .monthview-selected {
  background-color: #F68A22 !important;
  border-color: white !important;
  border: 2px solid white !important;
  border-radius: 50% !important;
  color: white !important;
  position: relative;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white;
}

page-calendar-new .monthview-selected:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 1.2em;
  left: 0;
  font-weight: bolder;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
}

page-calendar-new .monthview-datetable td.monthview-disabled {
  color: lightgrey;
  cursor: default;
}

page-calendar-new .monthview-datetable th {
  text-align: center;
}

page-calendar-new .monthview-datetable td {
  cursor: pointer;
  text-align: center;
}

page-calendar-new .monthview-secondary-with-event {
  -webkit-text-decoration: overline dotted white;
  text-decoration: overline dotted white;
  background-color: transparent !important;
  color: white !important;
}

page-calendar-new ::-webkit-scrollbar,
page-calendar-new *::-webkit-scrollbar {
  display: none;
}

page-calendar-new-form h2 {
  color: #F68A22;
}

page-calendar-new-form .upd-stat {
  color: #F68A22;
}

page-calendar-new-form .del-stat {
  color: #F0624D;
}

page-calendar-new-form .col-right {
  text-align: right;
}

page-calendar-new-form .input-plus-icon:after {
  content: "\e941";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  color: #F68A22 !important;
}

page-calendar-new-form .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-calendar-new-form .input-attach-icon:after {
  content: "\e915";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-calendar-new-form .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-calendar-new-form .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-calendar-new-form .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-calendar-new-form .btn-tag span {
  font-size: 1.2em !important;
}

page-calendar-new-form .list-ios > .item-block:last-child {
  border: none !important;
}

page-calendar-new-form .list-ios > .item-block:first-child {
  border: none !important;
}

page-calendar-new-form .list-md > .item-block:last-child {
  border: none !important;
}

page-calendar-new-form .list-md > .item-block:first-child {
  border: none !important;
}

page-calendar-new-form .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-form .list ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-calendar-new-form .wrapper-list-form {
  margin-top: -5px !important;
}

page-calendar-new-form-detail h2 {
  color: #F68A22 !important;
}

page-calendar-new-form-detail .upd-stat {
  color: #F68A22 !important;
}

page-calendar-new-form-detail .del-stat {
  color: #F0624D !important;
}

page-calendar-new-form-detail .col-right {
  text-align: right;
}

page-calendar-new-form-detail [padding] h2:first-child {
  margin-top: 0px !important;
}

page-calendar-new-form-detail .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-form-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-calendar-new-form-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-calendar-new-form-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-form-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-calendar-new-form-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-form-detail .color-primary {
  color: #F68A22 !important;
}

page-calendar-new-request-detail h2 {
  color: #F68A22 !important;
}

page-calendar-new-request-detail .upd-stat {
  color: #F68A22 !important;
}

page-calendar-new-request-detail .del-stat {
  color: #F0624D !important;
}

page-calendar-new-request-detail .col-right {
  text-align: right;
}

page-calendar-new-request-detail [padding] h2:first-child {
  margin-top: 0px !important;
}

page-calendar-new-request-detail .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-request-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-calendar-new-request-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-calendar-new-request-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-request-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-calendar-new-request-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-request-detail .color-primary {
  color: #F68A22 !important;
}

page-calendar-new-request-detail .section-pg-btm {
  padding: 0.1em 0;
  margin: 0.5em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-calendar-new-request-detail .section-pg-btm p {
  color: #666 !important;
}

page-calendar-new-request-detail .list-ios > .item-block:last-child {
  border: none;
}

page-calendar-new-request-detail .list-ios > .item-block:first-child {
  border: none;
}

page-calendar-new-request-detail .list-waiting-participant ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-calendar-new-request-detail .list-waiting-participant ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-calendar-search-participant h2 {
  color: #F68A22 !important;
}

page-calendar-search-participant .searchbar-input {
  border-radius: 20px 20px 20px 20px !important;
  border: 1px solid #7f7f7f;
  background: #fff !important;
}

page-calendar-search-participant .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-addcareer .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-addcareer .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-addcareer .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-addcareer .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-addcareer .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-addcareer .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-addcareer .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-addcareer .btn-tag span {
  font-size: 1.2em !important;
}

page-addcareer .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-addcareer h2, page-addcareer p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-addcareer .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-carrier .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 1.3em;
  border: 8px solid #fff !important;
  -webkit-box-shadow: 0 0 0 1px #dedede;
  box-shadow: 0 0 0 1px #dedede;
}

page-carrier .img-div {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
}

page-carrier .div-content {
  margin: 0px auto !important;
}

page-carrier .div-content button {
  margin-top: 12px;
}

page-carrier .div-line {
  border-right: 1px solid #F68A22;
  height: 3em;
  width: 2px;
  margin: 0px auto !important;
  margin-top: 5px !important;
}

page-carrier span {
  font-size: 15px !important;
}

page-carrier p {
  margin-bottom: -5px !important;
}

page-carrier .grade {
  text-transform: lowercase !important;
  margin-top: -5px;
  font-size: 110%;
}

page-carrier .grade:first-letter {
  text-transform: uppercase !important;
}

page-carrier .name {
  color: #F37249  !important;
  font-size: 20px !important;
}

page-carrier .jabatan {
  color: #F68A22 !important;
  font-size: 18px !important;
}

page-carrier .btn-plus-navbutton {
  font-size: 30px;
}

@media screen and (min-width: 600px) {
  page-carrier .btn-plus-navbutton {
    color: #F68A22;
  }
}

page-editcareer h2 {
  color: #F68A22;
}

page-editcareer .upd-stat {
  color: #F68A22;
}

page-editcareer .del-stat {
  color: #F0624D;
}

page-editcareer .col-right {
  text-align: right;
}

page-editcareer .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-editcareer .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-editcareer .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-editcareer .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-editcareer .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-editcareer .align-left {
  float: left;
}

page-editcareer .align-right {
  float: right;
}

page-editcareer p {
  margin-bottom: -10px !important;
}

page-editcareer .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-editcareer .item-row-time .item-inner {
  border: none !important;
}

page-editcareer .periodused {
  color: #F68A22 !important;
}

page-editspv .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-editspv .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-editspv .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-editspv .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-editspv .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-editspv .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-editspv .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-editspv .btn-tag span {
  font-size: 1.2em !important;
}

page-editspv .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-editspv h2, page-editspv p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-editspv .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-carrier-detail .align-left {
  float: left;
}

page-carrier-detail .align-right {
  float: right;
}

page-carrier-detail p {
  color: #F68A22 !important;
}

page-carrier-detail .grade:first-letter {
  text-transform: uppercase;
}

page-carrier-detail .grade {
  text-transform: lowercase;
}

page-carrier-detail .menu-header {
  font-size: 1.4em;
  margin-right: 4px;
}

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-employee-list ion-content .list-box .label-box page-chat-contact ion-label, page-employee-list ion-content .list-box .list-section .detail page-chat-contact ion-label, page-employee-spv-path ion-content .list-box .label-box page-chat-contact ion-label, page-employee-spv-path ion-content .list-box .list-section .detail page-chat-contact 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-emp-rehire ion-content .list-box .label-box page-chat-contact ion-label, page-emp-rehire 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;
}

page-chat-group page-add-post ion-header ion-item ion-title .toolbar-title, page-add-post ion-header ion-item ion-title page-chat-group .toolbar-title, page-chat-group page-add-post ion-content .text-col, page-add-post ion-content page-chat-group .text-col {
  color: #58595B !important;
  font-family: 'regular' !important;
}

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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-group 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-group 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-group 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-group 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;
}

page-chat-personal page-add-post ion-header ion-item ion-title .toolbar-title, page-add-post ion-header ion-item ion-title page-chat-personal .toolbar-title, page-chat-personal page-add-post ion-content .text-col, page-add-post ion-content page-chat-personal .text-col {
  color: #58595b !important;
  font-family: 'regular' !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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-personal 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-personal 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-personal 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-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-chat-personal 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-chat2 ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-chat2 .count-chat {
  background-color: #F68A22;
  color: #fff !important;
  display: block;
  line-height: 2em;
  border-radius: 2em;
  text-align: center;
  min-width: 2em;
}

page-chat2 .messages .spinner-container {
  width: 100%;
  text-align: center;
  padding: 10px;
}

page-chat2 .messages ion-thumbnail img {
  border-radius: 100%;
}

page-chat2 ion-fab {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

page-chat2 ion-title p {
  font-size: 0.9em !important;
}

page-chat2 ion-content p {
  font-size: 10pt !important;
}

page-chat2 ion-content .bulat {
  background-color: #39b44a;
  color: white !important;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
  padding-top: 0.5em;
}

page-chat2 .alignleft {
  float: left;
}

page-chat2 .alignright {
  float: right;
}

page-chat2 ion-fab {
  left: 40% !important;
}

page-chat2 .text-alipsiis {
  width: 120px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
  float: left;
}

page-chat2 [padding] h2:first-child {
  margin-top: -.25rem !important;
}

page-chat2 .icon-chat {
  font-size: 20px !important;
}

page-form-group ion-thumbnail img {
  max-height: 13rem;
  max-width: 13rem;
  margin: 0 auto;
}

page-form-group ion-thumbnail div {
  max-height: 5rem;
  max-width: 5rem;
  margin: 0 auto;
  font-size: 0.5em;
  margin-top: 5px;
  text-align: center;
}

page-form-group .btn-stay {
  margin-top: 1em;
  width: 50%;
  position: fixed;
  top: 90%;
  bottom: 0;
  left: 25%;
}

page-member-group-chat h2 {
  color: #F68A22 !important;
}

page-member-group-chat ion-note {
  font-size: 0.8em;
}

page-member-group-chat .header-image {
  padding: 20px 10px 20px 10px !important;
}

page-member-group-picture ion-content {
  background-color: #000 !important;
}

page-member-group-picture ion-footer {
  border: none !important;
  margin-bottom: 10px !important;
}

page-member-group-picture h2 {
  color: #F68A22 !important;
}

page-member-group-picture ion-item {
  background-color: #000 !important;
}

page-member-group-picture ion-item .item-inner {
  margin-left: 20px !important;
  margin-right: 10px !important;
  margin-bottom: -10px !important;
  border: none !important;
}

page-member-group-picture .align-left {
  float: left;
}

page-member-group-picture .align-right {
  float: right;
}

page-member-group-picture .text-comments {
  font-size: 1.1em !important;
  margin-top: 10px !important;
  text-align: center;
  top: 50%;
  margin-top: 0.7em;
}

page-member-group-picture .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;
  margin-top: 30% !important;
}

page-member-group-picture .img-circle {
  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: 5px;
  background: #ed4956;
  color: #EEEEEE;
  text-align: center;
}

page-search-group-member h2 {
  color: #F68A22 !important;
}

page-search-group-member .searchbar-input {
  border-radius: 20px 20px 20px 20px !important;
  border: 1px solid #7f7f7f;
  background: #fff !important;
}

popovers-group .popover-arrow {
  border: 1 solid black !important;
}

popovers-group ion-list {
  padding-left: 1em;
  margin: 0 !important;
}

page-popovers-member .popover-arrow {
  border: 1 solid black !important;
}

page-popovers-member ion-list {
  margin: -1px 0 0 0 !important;
}

page-popovers-member ion-list ion-item {
  border-bottom: 0 solid #b8bcbb !important;
  border-top: 0 solid #b8bcbb !important;
}

page-popovers-member ion-list ion-item ion-label p {
  font-size: 1.7rem !important;
  color: black !important;
}

page-popovers-member ion-list ion-icon {
  font-size: 2.5rem !important;
}

page-room-group ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-room-group .chat-text {
  line-height: 140%;
  color: #3d3d3d !important;
}

page-room-group .title-chat ion-col {
  text-align: left;
}

page-room-group .toolbar-title {
  padding: 0;
}

page-room-group .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff !important;
}

page-room-group .profile-top {
  line-height: 2em;
}

page-room-group .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

page-room-group .messages-room {
  background-color: #ffffff !important;
}

page-room-group .messages-room .ppforchat .item-inner {
  padding: 0;
}

page-room-group .messages-room .ppforchat .item-inner ion-label {
  margin: 0;
}

page-room-group .messages-room .ppforchat .item-inner ion-label ion-avatar {
  padding: 0 !important;
  min-width: 35px;
  min-height: 35px;
  margin: 0 !important;
}

page-room-group .messages-room .ppforchat .item-inner ion-label ion-avatar img {
  width: 45px !important;
  height: 45px !important;
}

page-room-group .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

page-room-group .messages-room .clear {
  clear: both;
}

page-room-group .messages-room .toolbar-title {
  padding: 0 !important;
}

page-room-group .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff !important;
}

page-room-group .messages-room .profile-top {
  line-height: 2em;
  margin-left: 10px !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-room-group .messages-room .bubblechat {
  padding: 3px 15px;
}

page-room-group .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

page-room-group .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-room-group .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-room-group .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-room-group .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-room-group .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

page-room-group .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-room-group .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-room-group ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

page-room-group .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

page-room-group .option-attach {
  border-top: 1px solid #ccc;
  padding-top: 5px !important;
}

page-room-group .option-attach ion-col {
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-align: center !important;
}

page-room-group .option-attach button {
  background-color: #f4f4f4 !important;
}

page-room-group .icon-chat {
  color: #999999 !important;
  font-size: 30px !important;
}

page-room-group .text-alipsiis {
  width: 170px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
  float: left;
}

page-search-group2 h2 {
  color: #F68A22 !important;
}

page-search-group2 .searchbar-input {
  border-radius: 20px 20px 20px 20px !important;
  border: 1px solid #7f7f7f;
  background: #fff !important;
}

page-room-help-desk ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-room-help-desk .chat-text {
  line-height: 140%;
  color: #3d3d3d !important;
}

page-room-help-desk .title-chat ion-col {
  text-align: left;
}

page-room-help-desk .toolbar-title {
  padding: 0;
}

page-room-help-desk .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

page-room-help-desk .profile-top {
  line-height: 2em;
}

page-room-help-desk .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

page-room-help-desk .messages-room {
  background-color: #ffffff !important;
}

page-room-help-desk .messages-room .ppforchat .item-inner {
  padding: 0;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label {
  margin: 0;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label ion-avatar {
  padding: 0 !important;
  min-width: 35px;
  min-height: 35px;
  margin: 0 !important;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label ion-avatar img {
  width: 45px !important;
  height: 45px !important;
}

page-room-help-desk .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

page-room-help-desk .messages-room .clear {
  clear: both;
}

page-room-help-desk .messages-room .toolbar-title {
  padding: 0 !important;
}

page-room-help-desk .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

page-room-help-desk .messages-room .profile-top {
  line-height: 2em;
  margin-left: 10px !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-room-help-desk .messages-room .bubblechat {
  padding: 3px 15px;
}

page-room-help-desk .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

page-room-help-desk .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-room-help-desk .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-room-help-desk .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-room-help-desk .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-room-help-desk .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

page-room-help-desk .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-room-help-desk .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-room-help-desk ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

page-room-help-desk .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

page-room-help-desk .option-attach {
  border-top: 1px solid #ccc;
  padding-top: 5px !important;
}

page-room-help-desk .option-attach ion-col {
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-align: center !important;
}

page-room-help-desk .option-attach button {
  background-color: #f4f4f4 !important;
}

page-room-help-desk .icon-chat {
  color: #999999 !important;
  font-size: 30px !important;
}

page-room-help-desk .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
  float: left;
}

page-room-help-desk ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-room-help-desk .chat-text {
  line-height: 140%;
  color: #3d3d3d !important;
}

page-room-help-desk .title-chat ion-col {
  text-align: left;
}

page-room-help-desk .toolbar-title {
  padding: 0;
}

page-room-help-desk .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

page-room-help-desk .profile-top {
  line-height: 2em;
}

page-room-help-desk .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

page-room-help-desk .messages-room {
  background-color: #ffffff !important;
}

page-room-help-desk .messages-room .ppforchat .item-inner {
  padding: 0;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label {
  margin: 0;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label ion-avatar {
  padding: 0 !important;
  min-width: 35px;
  min-height: 35px;
  margin: 0 !important;
}

page-room-help-desk .messages-room .ppforchat .item-inner ion-label ion-avatar img {
  width: 45px !important;
  height: 45px !important;
}

page-room-help-desk .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

page-room-help-desk .messages-room .clear {
  clear: both;
}

page-room-help-desk .messages-room .toolbar-title {
  padding: 0 !important;
}

page-room-help-desk .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

page-room-help-desk .messages-room .profile-top {
  line-height: 2em;
  margin-left: 10px !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-room-help-desk .messages-room .bubblechat {
  padding: 3px 15px;
}

page-room-help-desk .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

page-room-help-desk .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-room-help-desk .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-room-help-desk .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-room-help-desk .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-room-help-desk .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

page-room-help-desk .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-room-help-desk .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-room-help-desk ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

page-room-help-desk .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

page-room-help-desk .option-attach {
  border-top: 1px solid #ccc;
  padding-top: 5px !important;
}

page-room-help-desk .option-attach ion-col {
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-align: center !important;
}

page-room-help-desk .option-attach button {
  background-color: #f4f4f4 !important;
}

page-room-help-desk .icon-chat {
  color: #999999 !important;
  font-size: 30px !important;
}

page-room-help-desk .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
  float: left;
}

page-room-personal ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-room-personal .chat-text {
  line-height: 140%;
}

page-room-personal .title-chat ion-col {
  text-align: left;
}

page-room-personal .toolbar-title {
  padding: 0;
}

page-room-personal .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff !important;
}

page-room-personal .profile-top {
  line-height: 2em;
  margin-left: 10px !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-room-personal .selectable {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

page-room-personal .messages-room {
  background-color: #ffffff !important;
}

page-room-personal .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

page-room-personal .messages-room .clear {
  clear: both;
}

page-room-personal .messages-room .toolbar-title {
  padding: 0 !important;
}

page-room-personal .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff !important;
}

page-room-personal .messages-room .profile-top {
  line-height: 2em;
}

page-room-personal .messages-room .bubblechat {
  padding: 3px 15px;
}

page-room-personal .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

page-room-personal .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-room-personal .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-room-personal .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-room-personal .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-room-personal .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

page-room-personal .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-room-personal .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-room-personal ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

page-room-personal .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

page-room-personal .option-attach {
  border-top: 1px solid #ccc;
  padding-top: 5px !important;
}

page-room-personal .option-attach ion-col {
  margin-left: 5px !important;
  margin-right: 5px !important;
  text-align: center !important;
}

page-room-personal .option-attach button {
  background-color: #f4f4f4 !important;
}

page-room-personal .icon-chat {
  color: #999999 !important;
  font-size: 30px !important;
}

page-room-personal .text-alipsiis {
  width: 170px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
  float: left;
}

page-search h2 {
  color: #F68A22 !important;
}

page-search .searchbar-input {
  border-radius: 20px 20px 20px 20px !important;
  border: 1px solid #7f7f7f;
  background: #fff !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-demo-account .orangeFalse .toolbar-background {
  background: #F68A22 !important;
}

page-demo-account ion-content .cloudemo {
  display: none;
}

@media screen and (min-width: 1280px) {
  page-demo-account ion-header ion-navbar .toolbar-background {
    background-color: #F68A22 !important;
  }
  page-demo-account ion-content {
    background-color: #F68A22 !important;
  }
  page-demo-account ion-content .cloudemo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 340px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    display: block;
  }
  page-demo-account ion-content .container .title-box h1 {
    font-size: 32px;
    color: white;
  }
  page-demo-account ion-content .container .title-box p {
    color: white;
    font-size: 18px;
  }
}

page-demo-account .container {
  padding: 16px;
}

page-demo-account .container .title-box {
  margin-bottom: 26px;
}

page-demo-account .container .title-box h1 {
  font-size: 19px;
  font-family: 'medium';
  color: #192528;
  margin: 0;
  text-align: center;
}

page-demo-account .container .title-box p {
  color: #A5B0B7;
  font-size: 14px;
  font-family: 'regular';
  margin: 0;
  text-align: center;
}

page-demo-account .container .card-wrapper {
  position: relative;
}

page-demo-account .container .card-wrapper .card-container {
  position: relative;
  width: 100%;
  max-width: 450px;
  height: 121px;
}

page-demo-account .container .card-wrapper .card-container .shadow-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-shadow: 0px 20px 50px 0px rgba(25, 37, 40, 0.2);
  box-shadow: 0px 20px 50px 0px rgba(25, 37, 40, 0.2);
  width: 100%;
  border-radius: 15px;
  height: 100%;
}

page-demo-account .container .card-wrapper .card-container .card-box {
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  padding: 20px 19px;
  border-bottom: 1px solid #dbdbe1;
}

page-demo-account .container .card-wrapper .card-container .card-box .title-card {
  font-weight: bold;
  font-size: 14px !important;
  color: #192528 !important;
  margin: 0;
}

page-demo-account .container .card-wrapper .card-container .card-box .card-detail .card-context ion-label {
  font-family: 'regular' !important;
  font-size: 14px !important;
}

page-demo-account .container .card-wrapper .card-container .card-box .card-detail .card-context .name {
  color: #192528 !important;
}

page-demo-account .container .card-wrapper .card-container .card-box .card-detail .card-context .pos {
  color: #A5B0B7 !important;
}

page-demo-account .container .card-wrapper .card-container .card-box .card-detail button {
  border-radius: 10px;
  text-transform: capitalize;
}

page-demo-account .container .card-wrapper .card-container .card-box:last-child {
  border: none;
}

@media screen and (min-width: 768px) {
  page-employee-edit .left-info-wrapper {
    float: left;
    width: 33% !important;
    height: 100% !important;
  }
  page-employee-edit .left-info-wrapper .left-info {
    position: fixed !important;
    width: 30% !important;
    padding: none !important;
    margin-left: 0.7em !important;
  }
  page-employee-edit .divider {
    overflow-y: hidden !important;
    float: left;
    width: 1%;
    height: 100% !important;
    border-left: 1px solid #ccc !important;
  }
  page-employee-edit .right-info-wrapper {
    width: 66% !important;
    float: right;
    height: 100% !important;
  }
  page-employee-edit ion-navbar.toolbar {
    border-bottom: 1px solid #ccc;
  }
  page-employee-edit .lengkung {
    display: none;
  }
  page-employee-edit .top-header {
    background-color: #fff !important;
  }
  page-employee-edit .foto-div {
    border: 8px solid #fff !important;
    -webkit-box-shadow: 0 0 0 8px #fff !important;
    box-shadow: 0 0 0 8px #fff !important;
  }
  page-employee-edit .text-name {
    color: #f37249 !important;
  }
  page-employee-edit .top-border {
    border-bottom: none !important;
    margin-top: 0px !important;
  }
  page-employee-edit .but-bottom {
    margin-top: 20px !important;
  }
}

page-employee-edit .sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 1.3em;
}

page-employee-edit .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-employee-edit .col-10 {
  padding-left: 0;
}

page-employee-edit .top-header {
  background-color: #F68A22;
  padding-top: 10px;
  padding-bottom: 5px;
}

page-employee-edit .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 1.3em;
  border: 8px solid #8bced6;
  -webkit-box-shadow: 0 0 0 8px #5bccdb;
  box-shadow: 0 0 0 8px #5bccdb;
}

page-employee-edit .img-div {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
}

page-employee-edit .text-name {
  color: #fff;
  text-align: center !important;
  font-size: 1.2em !important;
  margin-bottom: 0px !important;
}

page-employee-edit .lengkung {
  margin-top: -2px !important;
  width: 103% !important;
  max-width: 103% !important;
  min-width: 103% !important;
  margin-left: -5px !important;
}

page-employee-edit .follow-div {
  text-align: center !important;
  width: 100%;
  padding: 0 3em;
  padding-top: -0.5em;
  padding-bottom: 1.5em;
  background-color: #F68A22;
}

page-employee-edit .follow-profile {
  text-align: center;
  height: 4em !important;
}

page-employee-edit .follow-profile p {
  color: #fff !important;
}

page-employee-edit .follow-profile-title {
  color: #fff !important;
}

page-employee-edit .border-right {
  border-right: 1px solid #dedede !important;
}

page-employee-edit h2 {
  color: #F68A22 !important;
}

page-employee-edit .warna {
  color: #F68A22 !important;
}

page-employee-edit ion-item {
  border-top: none !important;
}

page-employee-edit img {
  max-width: 103% !important;
  width: 103% !important;
}

page-employee-edit image-component {
  max-width: 103% !important;
  width: 103% !important;
}

page-employee-edit image-component img {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
}

page-employee-edit ion-list {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 5px !important;
  border-top: none !important;
  border-bottom: none !important;
}

page-employee-edit .align-left {
  float: left;
}

page-employee-edit .align-right {
  float: right;
}

page-employee-edit .button-edit {
  margin: 0 auto;
  font-size: 0.8em !important;
}

page-employee-edit .input-style {
  border: none !important;
  background: transparent !important;
}

page-employee-edit .submit-button {
  width: 70%;
  border-radius: 25px !important;
  margin: 0px auto !important;
  color: #fff;
}

page-employee-edit .submit-button .button-inner {
  text-align: center;
  font-size: 1em !important;
}

page-employee-list ion-checkbox[grd-checkbox] .checkbox-icon, ion-checkbox[grd-checkbox] page-employee-list .checkbox-icon, page-employee-list ion-checkbox[gdx-checkbox] .checkbox-icon, ion-checkbox[gdx-checkbox] page-employee-list .checkbox-icon, page-employee-list .check-subsection .checkbox-icon, page-employee-list page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box page-employee-list .checkbox-icon, page-login-session .check-subsection page-employee-list .checkbox-icon, page-employee-list page-shift-daily-setting-add .check .checkbox-icon, page-shift-daily-setting-add .check page-employee-list .checkbox-icon {
  border-radius: 4px !important;
  margin: 0 0 0 10px;
  width: 25px;
  height: 24px;
  background: #F68A22;
}

page-employee-list ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[grd-checkbox] .checkbox-icon page-employee-list .checkbox-inner, page-employee-list ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon page-employee-list .checkbox-inner, page-employee-list .check-subsection .checkbox-icon .checkbox-inner, page-employee-list page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon page-employee-list .checkbox-inner, page-login-session .check-subsection .checkbox-icon page-employee-list .checkbox-inner, page-employee-list page-shift-daily-setting-add .check .checkbox-icon .checkbox-inner, page-shift-daily-setting-add .check .checkbox-icon page-employee-list .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-employee-list ion-label, page-chat-contact ion-content .list-box .list-section .detail page-employee-list ion-label, page-employee-list ion-content .list-box .label-box ion-label, page-employee-list ion-content .list-box .list-section .detail ion-label, page-employee-spv-path ion-content .list-box .label-box page-employee-list ion-label, page-employee-spv-path ion-content .list-box .list-section .detail page-employee-list ion-label, page-login-session ion-content .list-box .label-box page-employee-list ion-label, page-login-session ion-content .list-box .list-section .detail page-employee-list ion-label, page-emp-rehire ion-content .list-box .label-box page-employee-list ion-label, page-emp-rehire ion-content .list-box .list-section .detail page-employee-list ion-label, page-onboarding-setting ion-content .list-box .label-box page-employee-list ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-employee-list ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-employee-list ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-employee-list ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-employee-list ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-employee-list ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-employee-list ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-employee-list ion-header ion-icon {
  font-size: 1.8em;
}

page-employee-list ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-employee-list ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-employee-list ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-employee-list ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-employee-list ion-content .list-box ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #A5B0B7;
}

page-employee-list ion-content .list-box ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

page-employee-list ion-content .list-box ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

page-employee-list ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 0px;
}

page-employee-list ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-employee-list 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-employee-list .select-emp-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-employee-list .select-emp-btn:hover {
  background-color: #F68A22 !important;
}

page-employee-list .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-employee-list .edit-btn:hover {
  background-color: #F68A22 !important;
  color: white !important;
}

page-employee-list .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-employee-list .delete-btn:hover {
  background-color: #F0624D !important;
  border-color: #F0624D !important;
  color: white !important;
}

page-employee-list .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-employee-list .delete-check-btn:hover {
  background-color: #c0394b !important;
}

page-employee-list .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-employee-list .cancel-check-btn:hover {
  background-color: #e0e0e0 !important;
  color: #7F7F7F !important;
}

page-employee-list .icon-padding {
  padding-right: 8px;
}

page-employee-list .label-padding {
  padding-left: 8px;
}

page-employee-list .check-subsection .checkbox-icon {
  border: 1px solid #A5B0B7;
  background: white;
}

page-employee-list .check-subsection .checkbox-checked {
  background: #F68A22 !important;
  border: 1px solid white !important;
}

page-employee-list 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-employee-spv-list {
  contain: none !important;
}

page-employee-spv-list .close-btn {
  position: absolute;
  top: 8px;
  z-index: 2;
  color: #192528;
  right: 12px;
}

@media screen and (min-width: 768px) {
  page-employee-spv-list .close-btn {
    top: 0;
    right: -56px;
    color: white;
  }
}

page-employee-spv-list .close-btn ion-icon {
  font-size: 21px;
}

page-employee-spv-list .person-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  background-color: unset !important;
  border-radius: 50%;
}

page-employee-spv-list .grd-toast {
  background-color: wheat;
  border-radius: 4px;
}

page-employee-spv-list .grd-toast .toast-message {
  color: #192528 !important;
  font-family: 'medium';
}

page-employee-spv-list .grd-toast .toast-button {
  padding: 19px 16px 17px;
  color: #192528 !important;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-employee-spv-list .grd-toast {
    background-color: wheat;
    border-radius: 4px;
    margin-left: -17px;
    margin-right: -2px;
    margin-bottom: 13px;
  }
  page-employee-spv-list .grd-toast .toast-message {
    padding: 9px 16px 9px;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-employee-spv-list .grd-toast {
    background-color: wheat;
    border-radius: 4px;
    margin-left: -12px;
    margin-right: 1px;
    margin-bottom: 13px;
    margin-top: -13px;
  }
  page-employee-spv-list .grd-toast .toast-message {
    padding: 9px 16px 9px;
    font-size: 1.2rem;
  }
}

page-employee-spv-list ion-content {
  height: 100%;
}

page-employee-spv-list .person-detail {
  height: 100%;
  overflow: visible;
}

page-employee-spv-list .person-detail .person-detail-left {
  padding: 32px 23px 0 38px;
}

page-employee-spv-list .person-detail .person-detail-left .form-profile {
  overflow: auto;
}

page-employee-spv-list .person-detail .person-detail-left .form-profile .country-box ion-item::after {
  content: "";
  height: 1.6em;
  border-right: 1px solid #c9c9c9;
}

page-employee-spv-list .person-detail .person-detail-left .form-profile .country-select {
  max-width: unset;
}

page-employee-spv-list .person-detail .person-detail-left .form-profile .no-leftpadding {
  padding-left: 0;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-employee-spv-list .person-detail .person-detail-left .form-profile {
    -webkit-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
    width: 121%;
    min-height: 427px;
    margin-left: -61px;
    margin-top: -40px;
  }
  page-employee-spv-list .person-detail .person-detail-left .edit-data {
    min-height: 340px !important;
    margin-top: -38px !important;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-employee-spv-list .person-detail .person-detail-left .form-profile {
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
    width: 137%;
    min-height: 340px;
    margin-left: -81px;
    margin-top: -50px;
  }
  page-employee-spv-list .person-detail .person-detail-left .edit-data {
    min-height: 295px !important;
    margin-top: -49px !important;
    overflow-y: hidden;
  }
}

page-employee-spv-list .person-detail .person-detail-left ion-label[stacked] {
  opacity: 0.56;
}

page-employee-spv-list .person-detail .person-detail-left ion-item {
  margin-bottom: 10px !important;
}

page-employee-spv-list .person-detail .person-detail-left ion-select {
  padding-left: 0 !important;
}

page-employee-spv-list .person-detail .person-detail-left span {
  opacity: 0.56;
}

page-employee-spv-list .person-detail .person-detail-left ion-checkbox .checkbox-icon {
  border-radius: 2.8px !important;
  background-color: transparent !important;
  border: 1px solid #dbdbe1;
}

page-employee-spv-list .person-detail .person-detail-left ion-checkbox .checkbox-checked {
  background-color: #F68A22 !important;
  border: none;
}

page-employee-spv-list .person-detail .person-detail-left .check-item {
  margin-bottom: 16px;
}

page-employee-spv-list .person-detail .person-detail-left .check-item p {
  font-family: 'light-italic';
}

page-employee-spv-list .person-detail .person-detail-right {
  overflow: hidden;
  height: 100%;
  background-color: #f2f4f4;
  padding: 32px 10px 0 24px;
}

page-employee-spv-list .person-detail .person-detail-right .label-supervisor {
  opacity: 0.65;
  font-size: 17px !important;
}

page-employee-spv-list .person-detail .person-detail-right ion-searchbar {
  margin: 16px 0 8px;
  padding-right: 20px;
}

page-employee-spv-list .person-detail .person-detail-right ion-content {
  background-color: transparent;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

page-employee-spv-list .person-detail .person-detail-right ion-avatar {
  position: relative;
  height: 5em !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-employee-spv-list .person-detail .person-detail-right ion-avatar {
    height: 4.5em !important;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-employee-spv-list .person-detail .person-detail-right .label-supervisor {
    font-size: 15px !important;
  }
  page-employee-spv-list .person-detail .person-detail-right ion-searchbar .searchbar-search-icon {
    top: 9px;
  }
  page-employee-spv-list .person-detail .person-detail-right ion-searchbar .searchbar-input {
    padding: 3px 55px;
    font-size: 1.3rem;
  }
  page-employee-spv-list .person-detail .person-detail-right .person-list ion-avatar {
    height: 3.2em !important;
  }
  page-employee-spv-list .person-detail .person-detail-right .person-list ion-avatar img {
    width: 2.3em !important;
    height: 2.3em !important;
  }
  page-employee-spv-list .person-detail .person-detail-right .person-list .person-item ion-label {
    font-size: 0.8em !important;
  }
}

page-employee-spv-list .person-detail .person-detail-right .hilight::after {
  position: absolute;
  content: '';
  left: 7%;
  bottom: 0;
  height: 4px;
  width: 86%;
  background-color: #F68A22;
}

page-employee-spv-list .person-detail .person-detail-right .item {
  background-color: transparent !important;
}

page-employee-spv-list .person-detail .person-detail-right .parent {
  height: 100%;
}

page-employee-spv-list .person-detail .person-detail-right .parent .person-list {
  overflow-y: auto;
  height: 100%;
}

page-employee-spv-list .person-detail .person-detail-right .parent .person-list .person-item {
  padding-left: 4px;
}

page-employee-spv-list .person-detail .person-detail-right .parent .person-list .person-item ion-label {
  font-family: 'medium' !important;
}

page-employee-spv-list .person-detail .person-detail-right .filler {
  height: 200px;
}

page-employee-spv-list ion-footer ion-toolbar {
  padding: 16px !important;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  page-employee-spv-list .person-detail .person-detail-left {
    padding: 7px 20px 0 20px;
  }
  page-employee-spv-list .caption {
    margin-top: 0 !important;
    font-size: 13px !important;
  }
  page-employee-spv-list .caption.caption-name {
    margin-top: 13px !important;
  }
  page-employee-spv-list .item-label-stacked .text-input {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  page-employee-spv-list ion-input {
    font-size: 14px !important;
  }
  page-employee-spv-list .select-placeholder {
    font-size: 14px !important;
  }
  page-employee-spv-list .select-text {
    font-size: 14px !important;
  }
  page-employee-spv-list ion-select {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  page-employee-spv-list .phone ion-label {
    margin-top: 0 !important;
  }
  page-employee-spv-list .phone .item-inner {
    border-bottom: 0 !important;
  }
  page-employee-spv-list .phone .text-input {
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
  page-employee-spv-list .country-box {
    padding-top: 0 !important;
  }
  page-employee-spv-list ion-datetime {
    padding-bottom: 0 !important;
  }
  page-employee-spv-list ion-datetime .datetime-text {
    margin-bottom: 5px !important;
  }
  page-employee-spv-list .parent .person-item .person-icon {
    height: 60px !important;
  }
  page-employee-spv-list ion-avatar img {
    width: 2.7em !important;
    height: 2.7em !important;
  }
  page-employee-spv-list ion-footer ion-toolbar {
    padding: 10px !important;
  }
  page-employee-spv-list ion-footer ion-toolbar .btn {
    width: 80% !important;
    height: 40px !important;
  }
  page-employee-spv-list .person-list .title {
    font-size: 14px !important;
  }
}

page-chat-contact ion-content .list-box .label-box page-employee-spv-path ion-label, page-chat-contact ion-content .list-box .list-section .detail page-employee-spv-path ion-label, page-employee-list ion-content .list-box .label-box page-employee-spv-path ion-label, page-employee-list ion-content .list-box .list-section .detail page-employee-spv-path ion-label, page-employee-spv-path ion-content .list-box .label-box ion-label, page-employee-spv-path ion-content .list-box .list-section .detail ion-label, page-login-session ion-content .list-box .label-box page-employee-spv-path ion-label, page-login-session ion-content .list-box .list-section .detail page-employee-spv-path ion-label, page-emp-rehire ion-content .list-box .label-box page-employee-spv-path ion-label, page-emp-rehire ion-content .list-box .list-section .detail page-employee-spv-path ion-label, page-onboarding-setting ion-content .list-box .label-box page-employee-spv-path ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-employee-spv-path ion-label {
  font-size: 1.5rem !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

page-employee-spv-path ion-header ion-input {
  font-size: 1.7rem;
  font-family: "regular";
  color: black;
}

page-employee-spv-path ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "regular";
}

page-employee-spv-path ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "regular";
}

page-employee-spv-path ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "regular";
}

page-employee-spv-path ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: "regular";
}

page-employee-spv-path ion-header ion-icon {
  font-size: 1.8em;
}

page-employee-spv-path ion-content .list-box .label-box {
  border-bottom: 1px solid #e2e9ed;
}

page-employee-spv-path ion-content .list-box .btn-box {
  border-bottom: 1px solid #e2e9ed;
}

page-employee-spv-path ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-employee-spv-path ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: "roboto" !important;
}

page-employee-spv-path ion-content .list-box .list-section {
  border-bottom: 1px solid #e2e9ed;
  padding: 5px 16px;
}

page-employee-spv-path ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-employee-spv-path 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-employee-spv-path .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-employee-spv-path .edit-btn:hover {
  background-color: #F68A22 !important;
  color: white !important;
}

page-employee-spv-path .icon-padding {
  padding-right: 8px;
}

page-employee-spv-path .label-padding {
  padding-left: 8px;
}

page-employee-spv-path 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-id-card-confirm ion-checkbox[grd-checkbox] .checkbox-icon, ion-checkbox[grd-checkbox] page-id-card-confirm .checkbox-icon, page-id-card-confirm ion-checkbox[gdx-checkbox] .checkbox-icon, ion-checkbox[gdx-checkbox] page-id-card-confirm .checkbox-icon, page-id-card-confirm page-employee-list .check-subsection .checkbox-icon, page-employee-list .check-subsection page-id-card-confirm .checkbox-icon, page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm page-login-session .check-subsection .checkbox-icon, page-login-session .check-subsection page-id-card-confirm .checkbox-icon, page-id-card-confirm page-shift-daily-setting-add .check .checkbox-icon, page-shift-daily-setting-add .check page-id-card-confirm .checkbox-icon {
  border-radius: 4px !important;
  margin: 0 0 0 10px;
  width: 25px;
  height: 24px;
  background: white;
}

page-id-card-confirm ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[grd-checkbox] .checkbox-icon page-id-card-confirm .checkbox-inner, page-id-card-confirm ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon page-id-card-confirm .checkbox-inner, page-id-card-confirm page-employee-list .check-subsection .checkbox-icon .checkbox-inner, page-employee-list .check-subsection .checkbox-icon page-id-card-confirm .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm page-login-session .check-subsection .checkbox-icon .checkbox-inner, page-login-session .check-subsection .checkbox-icon page-id-card-confirm .checkbox-inner, page-id-card-confirm page-shift-daily-setting-add .check .checkbox-icon .checkbox-inner, page-shift-daily-setting-add .check .checkbox-icon page-id-card-confirm .checkbox-inner {
  top: 3px !important;
  left: 7px !important;
  height: 11px !important;
  width: 6px !important;
  border-color: #F68A22;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

page-id-card-confirm ion-content p, page-id-card-confirm .container .title-box .secondary-title, page-id-card-confirm .container .info-box .label, page-id-card-confirm .container .info-box .regular, page-id-card-confirm .container .info-box .orange, page-id-card-confirm .container .agree-box .terms {
  font-size: 15px !important;
  font-family: 'regular' !important;
}

page-id-card-confirm ion-content {
  background-color: #F4F4F4 !important;
}

page-id-card-confirm ion-content p {
  color: #000000;
}

page-id-card-confirm .container {
  background: #fff;
  border: 1px solid #D3E4E5;
  border-radius: 5px;
}

page-id-card-confirm .container .title-box {
  padding-bottom: 16px;
  border-bottom: 1px solid #dbdbe1;
}

page-id-card-confirm .container .title-box .title {
  font-size: 25px !important;
  font-family: 'medium' !important;
  color: #58595B !important;
  margin-bottom: 2px;
}

page-id-card-confirm .container .title-box .secondary-title {
  color: #a5b0b7 !important;
}

page-id-card-confirm .container .info-box {
  padding: 16px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-id-card-confirm .container .info-box .label {
  color: rgba(165, 176, 183, 0.7) !important;
}

page-id-card-confirm .container .info-box .regular {
  color: #58595B !important;
}

page-id-card-confirm .container .info-box .bold {
  font-family: 'medium' !important;
  font-size: 15px !important;
  color: #58595B !important;
}

page-id-card-confirm .container .info-box .orange {
  color: #63BEFB !important;
}

page-id-card-confirm .container .desc-box {
  padding: 16px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-id-card-confirm .container .agree-box {
  padding: 16px 0;
}

page-id-card-confirm .container .agree-box .checkbox-icon {
  border: 1px solid #dbdbe1;
}

page-id-card-confirm .container .agree-box .terms {
  color: #F68A22;
}

page-id-card-confirm .container .button-box button {
  text-transform: capitalize;
}

page-id-card-done ion-content {
  background: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background: linear-gradient(to right, #F68A22, #F68A22);
}

page-id-card-done ion-content .box {
  margin: 90px 0;
  position: relative;
}

page-id-card-done ion-content .box h1 {
  font-family: "bold";
  font-size: 44px;
  color: #fff;
  margin-bottom: 3px;
}

page-id-card-done ion-content .box span {
  font-size: 15px;
  color: #fff;
}

page-id-card-done ion-content .box img {
  margin-top: -20px;
  width: 500px;
  height: 100%;
}

page-id-card-done ion-content .box button {
  width: 215px;
}

page-id-card-done ion-content .box button span {
  color: #F68A22 !important;
}

page-id-card-history ion-content {
  background-color: #f2f5f8 !important;
}

page-id-card-history ion-content .responsive-width {
  height: 100%;
  background: #fff;
}

page-id-card-history ion-content .list-box {
  background: #fff;
  padding: 20px;
  border-bottom: 1px solid #dbdbe1;
}

page-id-card-history ion-content .list-box .left-side ion-label {
  font-size: 17px !important;
  color: #333333 !important;
  margin: 6px 0 0 0 !important;
  font-weight: 500;
  font-family: 'regular';
}

page-id-card-history ion-content .list-box .left-side span {
  color: #F68A22;
  font-size: 14px;
}

page-id-card-history ion-content .list-box .right-side .status {
  height: auto;
  margin-bottom: 10px;
  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;
}

page-id-card-history ion-content .list-box .right-side .status span {
  padding: 5px 18px;
  color: #fff;
  border-radius: 100px;
  font-size: 12px;
  max-height: 30px;
}

page-id-card-history ion-content .list-box .right-side .status span.delivery {
  background: #39B44A;
}

page-id-card-history ion-content .list-box .right-side .status span.done {
  background: #808080;
}

page-id-card-history ion-content .list-box .right-side .status span.cancel {
  background: #ed4956;
}

page-id-card-history ion-content .list-box .right-side .date {
  text-align: right;
}

page-id-card-history ion-content .list-box .right-side .date span {
  color: #A5B0B7;
  font-size: 14px;
}

page-id-card-history-detail ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-id-card-history-detail ion-header input::-webkit-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-history-detail ion-header input::-moz-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-history-detail ion-header input::-ms-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-history-detail ion-header input::placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-history-detail ion-header ion-icon {
  font-size: 1.8em;
}

page-id-card-history-detail ion-content .container {
  background-color: #f2f5f8;
}

page-id-card-history-detail ion-content .container .title-section {
  font-family: 'bold' !important;
  font-size: 16px;
}

page-id-card-history-detail ion-content .container .data-box {
  background-color: white;
  border-radius: 16px;
  font-size: 16px;
  max-width: 500px;
}

page-id-card-history-detail ion-content .container .data-box ion-label:first-child {
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-id-card-history-detail ion-content .container .data-box ion-label:last-child {
  font-family: 'regular' !important;
  text-align: right;
}

page-id-card-history-detail ion-content .selected {
  font-size: 15px !important;
  color: darkgrey !important;
}

page-id-card-history-detail ion-content .id-card-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 16px;
  position: relative;
  height: auto;
}

page-id-card-history-detail ion-content .id-card-list .card {
  height: 235px;
  width: 144px;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

page-id-card-history-detail ion-content .id-card-list .card .low-quality {
  position: absolute;
  padding: 3px 15px;
  border: 1px solid #FF3B12;
  color: #FF3B12;
  background: #fff;
  z-index: 5;
  font-size: 12px;
  border-radius: 100px;
  top: -14px;
  left: 10px;
}

@media screen and (max-width: 768px) {
  page-id-card-history-detail id-card {
    width: 100%;
    -webkit-transform: translate(-28.87%, -28.9%) scale(0.33);
    transform: translate(-28.87%, -28.9%) scale(0.33);
  }
  page-id-card-history-detail id-card .card-temp {
    border: 2px solid #dbdbe1;
  }
}

@media screen and (min-width: 768px) {
  page-id-card-history-detail .card {
    width: 171px !important;
    height: 273px !important;
    margin-right: 16px;
    margin-bottom: 28px;
  }
  page-id-card-history-detail id-card {
    width: 100%;
    -webkit-transform: translate(-28.87%, -28.9%) scale(0.43);
    transform: translate(-28.87%, -28.9%) scale(0.43);
  }
  page-id-card-history-detail id-card .card-temp {
    border: 2px solid #dbdbe1;
  }
}

page-id-card-list ion-checkbox[grd-checkbox] .checkbox-icon, ion-checkbox[grd-checkbox] page-id-card-list .checkbox-icon, page-id-card-list ion-checkbox[gdx-checkbox] .checkbox-icon, ion-checkbox[gdx-checkbox] page-id-card-list .checkbox-icon, page-id-card-list page-employee-list .check-subsection .checkbox-icon, page-employee-list .check-subsection page-id-card-list .checkbox-icon, page-id-card-list page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box page-id-card-list .checkbox-icon, page-id-card-list page-login-session .check-subsection .checkbox-icon, page-login-session .check-subsection page-id-card-list .checkbox-icon, page-id-card-list page-shift-daily-setting-add .check .checkbox-icon, page-shift-daily-setting-add .check page-id-card-list .checkbox-icon {
  border-radius: 4px !important;
  width: 25px;
  height: 24px;
  background: white;
}

page-id-card-list ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[grd-checkbox] .checkbox-icon page-id-card-list .checkbox-inner, page-id-card-list ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon page-id-card-list .checkbox-inner, page-id-card-list page-employee-list .check-subsection .checkbox-icon .checkbox-inner, page-employee-list .check-subsection .checkbox-icon page-id-card-list .checkbox-inner, page-id-card-list page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon page-id-card-list .checkbox-inner, page-id-card-list page-login-session .check-subsection .checkbox-icon .checkbox-inner, page-login-session .check-subsection .checkbox-icon page-id-card-list .checkbox-inner, page-id-card-list page-shift-daily-setting-add .check .checkbox-icon .checkbox-inner, page-shift-daily-setting-add .check .checkbox-icon page-id-card-list .checkbox-inner {
  top: 3px !important;
  left: 7px !important;
  height: 11px !important;
  width: 6px !important;
  border-color: #f4f4f4;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

page-id-card-list ion-header .toolbar-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-id-card-list ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-id-card-list ion-header input::-webkit-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-list ion-header input::-moz-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-list ion-header input::-ms-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-list ion-header input::placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-list ion-header ion-icon {
  font-size: 1.8em;
}

page-id-card-list .history-button {
  color: #F68A22 !important;
  font-size: 1.4rem !important;
}

@media screen and (min-width: 768px) {
  page-id-card-list .toolbar-md-primary .bar-button-default-md, page-id-card-list .toolbar-md-primary .bar-button-outline-md, page-id-card-list .toolbar-md-primary .toolbar-title-md {
    font-size: 150%;
    font-weight: 300;
    color: #F68A22 !important;
  }
  page-id-card-list .toolbar-md-primary .bar-button-clear-md {
    color: #F68A22 !important;
    font-size: 1.4rem !important;
  }
}

page-id-card-list .scroll-content {
  background-color: #EFF2F4;
}

page-id-card-list .title-box {
  background-color: white;
  padding: 5px 10px 5px 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #DFDFE5;
}

page-id-card-list .title-box .search-button {
  background-color: transparent !important;
  color: #808080;
}

page-id-card-list .title-box button {
  text-transform: capitalize;
  border: 1px solid #DEDEDE;
  border-radius: 5px;
}

page-id-card-list .title-box button .button-inner {
  color: #7F7F7F;
}

page-id-card-list .employee-box .card-list-section {
  margin-top: 2vh;
  margin-bottom: 3vh;
  padding: 0 10px;
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-id-card-list .employee-box .card-list-section .card-employee {
  position: relative;
  margin: 1vh 1vh 1vh 1vh;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-id-card-list .employee-box .card-list-section .card-employee .check-section {
  position: absolute;
  right: 0 !important;
  padding-right: 5px;
  padding-top: 5px;
}

page-id-card-list .employee-box .card-list-section .card-employee .avatar-section {
  position: relative;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-top: 25px;
  border-radius: 50%;
}

page-id-card-list .employee-box .card-list-section .card-employee .avatar-section img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-id-card-list .employee-box .card-list-section .card-employee .avatar-section .lowquality-section {
  bottom: 0;
  position: absolute;
  padding: 5px;
  background-color: white;
  color: red;
  font-size: 11px;
  border: 1px solid red;
  width: 80px;
  border-radius: 10px;
  text-align: center;
}

page-id-card-list .employee-box .card-list-section .card-employee .name-section {
  margin-bottom: 20px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 100%;
}

page-id-card-list .employee-box .card-list-section .card-employee .name-section .name-label {
  text-align: center;
  width: 150px;
  font-weight: bold;
  text-overflow: ellipsis;
}

page-id-card-list .employee-box .card-list-section .card-employee .name-section .position-label {
  text-align: center;
  width: 150px;
}

page-id-card-list .employee-box .card-list-section .card-employee:hover {
  background: rgba(0, 0, 0, 0.01) !important;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

page-id-card-list ion-footer {
  padding: 10px;
}

page-id-card-list ion-footer button {
  border-radius: 5px;
}

page-id-card-list .label-search {
  padding-left: 7px;
}

page-id-card-list .search-emp {
  display: block;
  width: 280px;
}

page-id-card-list .search-emp-md {
  display: none;
}

page-id-card-list .history {
  display: block;
}

page-id-card-list .history-md {
  display: none;
}

@media screen and (max-width: 765px) {
  page-id-card-list .history-button {
    color: white !important;
  }
  page-id-card-list .search-emp {
    display: none;
  }
  page-id-card-list .search-emp-md {
    display: block;
  }
  page-id-card-list .history {
    display: none;
  }
  page-id-card-list .history-md {
    display: block;
  }
}

page-id-card-photo-detail .container {
  height: 100%;
  width: 100%;
  background: black;
}

page-id-card-photo-detail .container .photo-box {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

page-id-card-photo-detail .container .photo-box ion-label {
  position: absolute;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 17;
  font-family: 'regular' !important;
  font-size: 15px !important;
  color: rgba(255, 255, 255, 0.43) !important;
}

page-id-card-photo-detail .container .photo-box .image-box {
  background: red;
  overflow: visible;
  width: 256px;
  height: 256px;
  position: relative;
}

page-id-card-photo-detail .container .photo-box .image-box img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  z-index: 14;
}

page-id-card-photo-detail .container .photo-box pinch-zoom {
  width: 100%;
  height: 100%;
  overflow: visible !important;
}

page-id-card-photo-detail .container .photo-box .layer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 17;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background: -webkit-radial-gradient(50% 50%, circle, transparent 114px, rgba(0, 0, 0, 0.46) 26px);
}

page-id-card-photo-detail .container .photo-box .layer2 {
  z-index: 10;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 200px;
  width: 256px;
  height: 256px;
  border: 1px solid rgba(255, 255, 255, 0.42);
}

page-id-card-photo-detail .container .photo-box .fit-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 20;
}

page-id-card-photo-detail .container .tool-box {
  width: 100%;
  padding: 0 16px;
}

page-id-card-photo-detail .container .tool-box ion-label {
  color: white !important;
  font-family: 'regular' !important;
}

page-id-card-photo-detail .container .tool-box ion-range {
  width: 100%;
  padding: 0 !important;
}

page-id-card-photo-detail .container .tool-box ion-range .range-bar {
  height: 3px !important;
}

page-id-card-photo-detail .container .tool-box ion-range .range-knob {
  width: 26px;
  top: 9px;
  height: 26px;
}

page-id-card-preview ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-id-card-preview ion-header input::-webkit-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-preview ion-header input::-moz-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-preview ion-header input::-ms-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-preview ion-header input::placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-id-card-preview ion-header ion-icon {
  font-size: 1.8em;
}

page-id-card-preview ion-content .selected {
  font-size: 15px !important;
  color: darkgrey !important;
}

page-id-card-preview ion-content .id-card-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 16px;
  position: relative;
  height: auto;
}

page-id-card-preview ion-content .id-card-list .card {
  height: 235px;
  width: 144px;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

page-id-card-preview ion-content .id-card-list .card .low-quality {
  position: absolute;
  padding: 3px 15px;
  border: 1px solid #FF3B12;
  color: #FF3B12;
  background: #fff;
  z-index: 5;
  font-size: 12px;
  border-radius: 100px;
  top: -14px;
  left: 10px;
}

page-id-card-preview ion-footer {
  padding: 5px 40px;
}

page-id-card-preview .header-box {
  background: white;
}

@media screen and (max-width: 768px) {
  page-id-card-preview id-card {
    width: 100%;
    -webkit-transform: translate(-28.87%, -28.9%) scale(0.33);
    transform: translate(-28.87%, -28.9%) scale(0.33);
  }
  page-id-card-preview id-card .card-temp {
    border: 2px solid #dbdbe1;
  }
}

@media screen and (min-width: 768px) {
  page-id-card-preview .card {
    width: 171px !important;
    height: 273px !important;
    margin-right: 16px;
    margin-bottom: 28px;
  }
  page-id-card-preview id-card {
    width: 100%;
    -webkit-transform: translate(-28.87%, -28.9%) scale(0.43);
    transform: translate(-28.87%, -28.9%) scale(0.43);
  }
  page-id-card-preview id-card .card-temp {
    border: 2px solid #dbdbe1;
  }
}

page-id-card-print .box img {
  margin: 0 auto;
  padding: 20px 0 10px 0;
  width: 100%;
  max-width: 300px;
}

page-id-card-print .box .span1 {
  font-size: 15px;
  margin: 0 0 15px 0;
}

page-id-card-print .box .line-text {
  position: relative;
  width: 100%;
  margin: 25px 0 5px 0;
}

page-id-card-print .box .line-text span {
  font-size: 15px;
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}

page-id-card-print .box .line-text hr {
  position: absolute;
  top: 3px;
  width: 100%;
  z-index: 1;
}

page-id-card-print .box .span2 {
  font-size: 15px;
  margin: 15px 0;
}

page-id-card-print .box button {
  width: 240px;
  margin: 0 auto;
}

page-id-card-print .send-greatday ion-spinner * {
  stroke: white;
}

page-id-card-print .send-greatday ion-spinner.spinner-circles circle,
page-id-card-print .send-greatday ion-spinner.spinner-bubbles circle,
page-id-card-print .send-greatday ion-spinner.spinner-dots circle {
  fill: white;
}

page-id-card-print .mode-mirror {
  width: 40%;
  font-weight: bold;
  margin: 0 auto;
}

page-id-card-print ion-checkbox {
  margin-right: 5px;
}

page-id-card-print .mirror-mode {
  color: #F68A22 !important;
}

page-id-card-template .toolbar-background {
  border: none;
}

page-id-card-template ion-header .toolbar-background {
  background-color: #262626 !important;
}

page-id-card-template ion-header ion-label {
  color: #FFFFFF !important;
}

page-id-card-template ion-header .name {
  font-size: 1.8rem;
}

page-id-card-template ion-header .date {
  font-size: 1.5rem;
}

page-id-card-template ion-header .toolbar-title {
  color: white !important;
}

page-id-card-template ion-header img {
  width: 24px;
  height: 24px;
}

page-id-card-template ion-header button.back-button {
  color: #f4f4f4;
}

page-id-card-template ion-content {
  background-color: #262626 !important;
}

page-id-card-template .scroll-content {
  overflow-y: hidden;
}

page-id-card-template .image-box {
  margin-bottom: 3vh;
  height: 70vh;
}

page-id-card-template .image-box ion-label {
  color: white !important;
}

page-id-card-template .image-box id-card .card-temp {
  border-radius: 10px;
}

page-id-card-template .swiper-container {
  padding: 5px !important;
}

page-id-card-template .image-slide .swiper-slide {
  -webkit-transform: scale(0.48) !important;
  transform: scale(0.48) !important;
  opacity: 0.5 !important;
  -webkit-transition: opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
  transition: opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
  transition: transform .7s ease-in-out, opacity .7s ease-in-out !important;
  transition: transform .7s ease-in-out, opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
}

page-id-card-template .image-slide .swiper-slide-active {
  -webkit-transform: scale(0.58) !important;
  transform: scale(0.58) !important;
  opacity: 1 !important;
  -webkit-transition: opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
  transition: opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
  transition: transform .7s ease-in-out, opacity .7s ease-in-out !important;
  transition: transform .7s ease-in-out, opacity .7s ease-in-out, -webkit-transform .7s ease-in-out !important;
}

page-id-card-template .template-box {
  margin-top: -80px !important;
  -webkit-transform: scale(0.5) !important;
  transform: scale(0.5) !important;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

page-id-card-template .template-box .template-section {
  top: 0 !important;
  opacity: 0.5 !important;
  -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
  transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out !important;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
}

page-id-card-template .template-box .template-section:hover {
  opacity: 1 !important;
  -webkit-transition: opacity .3s ease-in-out !important;
  transition: opacity .3s ease-in-out !important;
}

page-id-card-template .template-box .template-section.active {
  top: 0 !important;
  -webkit-transform: scale(1.2) !important;
  transform: scale(1.2) !important;
  opacity: 1 !important;
  -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
  transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out !important;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out, -webkit-transform .3s ease-in-out !important;
}

page-id-card-template ion-footer {
  background-color: #262626 !important;
}

page-id-card-template ion-footer .palette-box .slide-container {
  width: 50px !important;
  margin: auto;
}

page-id-card-template ion-footer .palette-box .color-section {
  margin: 5px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  padding: 10px;
}

page-id-card-template ion-footer .palette-box .active-mark {
  border: 2px solid white;
  -webkit-box-shadow: 0px 0px 10px 1px white;
  box-shadow: 0px 0px 10px 1px white;
}

page-id-card-template ion-footer .bottom-box {
  padding: 0px 15px 15px 15px;
}

page-id-card-template ion-footer .bottom-box .right-text ion-label {
  color: #F68A22 !important;
}

page-id-card-template ion-footer .bottom-box .left-text ion-label {
  color: white !important;
}

page-id-card-template ion-footer .bottom-box .left-text ion-label img {
  width: 15px;
  margin-right: 5px;
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(111%) contrast(101%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(111%) contrast(101%);
}

page-id-card-template ion-footer .bottom-box .middle-text ion-label {
  color: white !important;
}

page-id-card-template ion-footer .bottom-box .middle-text ion-label img {
  width: 15px;
  margin-right: 5px;
  -webkit-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(111%) contrast(101%);
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(42deg) brightness(111%) contrast(101%);
}

page-id-card-template .color-picker {
  position: absolute;
  margin: auto;
  padding: 0px 10px 0px 10px;
  width: 60%;
  top: 70%;
  left: 50%;
  z-index: 999999999999;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 700px) {
  page-id-card-template .color-picker {
    position: absolute;
    margin: auto;
    padding: 0px 10px 0px 10px;
    width: 50%;
    top: 70%;
    left: 50%;
    z-index: 999999999999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-width: 1920px) {
  page-id-card-template .template-box {
    top: 0 !important;
    -webkit-transform: scale(0.8) !important;
    transform: scale(0.8) !important;
  }
}

@media only screen and (max-width: 500px) {
  page-id-card-template .color-picker {
    position: absolute;
    margin: auto;
    padding: 0px 10px 0px 10px;
    width: 90%;
    top: 70%;
    left: 50%;
    z-index: 999999999999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

page-modal-alert .overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

page-modal-alert .overlay .alert-box {
  width: 288px;
  height: 321px;
  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;
}

page-modal-alert .overlay .alert-box .content {
  width: 100%;
  height: 251px;
  background: #fff;
}

page-modal-alert .overlay .alert-box .content .icon-alert {
  height: 142px;
  width: 100%;
  padding: 35px 30px 20px 30px;
  text-align: center;
}

page-modal-alert .overlay .alert-box .content .icon-alert img {
  height: auto;
}

page-modal-alert .overlay .alert-box .content .text-alert {
  text-align: center;
  font-size: 18px;
  padding: 10px;
  color: #333333;
}

page-modal-alert .overlay .alert-box .button-btm {
  width: 100%;
  height: 70px;
  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;
  border-top: 1px solid #dbdbe1;
  cursor: pointer;
}

page-modal-alert .overlay .alert-box .button-btm .btn-left {
  text-align: center;
  width: 50%;
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 8.5% 0;
  font-size: 15px;
  border-right: 1px solid #dbdbe1;
  color: #333333;
}

page-modal-alert .overlay .alert-box .button-btm .btn-right {
  text-align: center;
  width: 50%;
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 8.5% 0;
  font-size: 15px;
  color: #F68A22;
}

page-modal-alert .overlay .alert-box .button-btm .btn-right:hover, page-modal-alert .overlay .alert-box .button-btm .btn-left:hover {
  background: whitesmoke;
}

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-list-member .btn-more {
  padding: 10px;
  color: brown;
  font-weight: bold;
}

page-list-member .progress-bar-outer {
  margin-top: 1em;
  width: 100%;
  background-color: #cccccc;
  float: left;
  height: 7px;
  border-radius: 50px;
  overflow: hidden;
}

page-list-member .progress-bar-inner {
  background-color: #F68A22;
  height: 7px;
}

page-list-member ion-list.list.list-md,
page-list-member ion-list.list.list-ios {
  width: 100% !important;
  height: 100% !important;
}

page-list-member .icon-check {
  font-size: 2.2em;
}

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-activity-form-offline {
  background-color: black;
}

page-activity-form-offline ion-header ion-icon {
  color: white !important;
}

page-activity-form-offline ion-header.hide-header {
  z-index: 0;
}

page-activity-form-offline .layer-content {
  height: 100%;
  width: 100%;
  position: absolute;
}

@media screen and (max-width: 500px) {
  page-activity-form-offline .layer1 {
    height: 100% !important;
  }
}

page-activity-form-offline .layer1 {
  z-index: 0;
  height: 80%;
}

page-activity-form-offline .layer2 {
  z-index: 1;
}

page-activity-form-offline .layer3 {
  z-index: 1;
}

page-activity-form-offline .activity-description {
  padding: 5px 18px 2px 10px;
  margin-bottom: 2px;
  background-color: rgba(0, 0, 0, 0.77);
  position: relative;
}

page-activity-form-offline .activity-description .action-button {
  position: absolute;
  right: 18px;
  top: calc(-56px / 2);
}

page-activity-form-offline .activity-description .action-button:disabled {
  background-color: #f2f2f2;
  opacity: 1;
}

page-activity-form-offline .activity-description .action-button:disabled ion-icon {
  color: #A5B0B7;
}

page-activity-form-offline .activity-description .add-image {
  width: 46px;
  height: 46px;
  padding: 8px;
}

page-activity-form-offline .activity-description .linked-task {
  height: unset;
  text-transform: none;
  padding: 8px 30px 11px 8px;
}

page-activity-form-offline .activity-description .linked-task ion-label {
  white-space: normal;
  line-height: 1.2;
}

page-activity-form-offline .activity-description .linked-task .desc-placeholder {
  color: rgba(255, 255, 255, 0.63) !important;
}

page-activity-form-offline .activity-description .linked-task .desc-selected {
  color: white !important;
}

page-activity-form-offline .thumb-slides {
  margin-bottom: 18px;
  padding-left: 18px;
  height: 82px;
  overflow: hidden;
}

page-activity-form-offline .thumb-slides .swiper-container {
  overflow: visible;
}

page-activity-form-offline .thumb-slides .thumb-photo {
  position: relative;
}

page-activity-form-offline .thumb-slides .thumb-photo img {
  overflow: hidden;
  width: 82px;
  height: 75px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(26%);
  filter: brightness(26%);
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}

page-activity-form-offline .thumb-slides .thumb-photo .photo-selected {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

page-activity-form-offline .thumb-slides .thumb-photo .select-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  font-size: 48px;
}

page-activity-form-offline .preview-photo {
  -o-object-fit: cover;
  object-fit: cover;
}

page-activity-list-offline ion-header ion-icon {
  font-size: 25px;
}

page-activity-list-offline ion-item-sliding {
  margin: 15px 0 15px 0;
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-activity-list-offline ion-item-sliding:last-child {
  border-bottom: none;
}

page-activity-list-offline .note {
  margin-bottom: 30px;
}

page-activity-list-offline ion-item ion-avatar {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  margin-top: 0 !important;
  margin-right: 20px !important;
}

page-activity-list-offline ion-item ion-avatar img {
  border-radius: 10px !important;
  width: 51px !important;
  height: 51px !important;
  margin-top: 5px;
}

page-activity-list-offline ion-item .item-inner {
  border-bottom: none !important;
  padding: 0;
}

page-activity-list-offline ion-item ion-label {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  margin: 0 22px 0 0 !important;
}

page-activity-list-offline ion-item ion-label p {
  color: #333333;
}

page-activity-list-offline ion-item ion-label p span {
  color: #A5B0B7;
}

page-activity-list-offline ion-item ion-label p:first-child {
  color: #A5B0B7;
}

page-activity-list-offline ion-item ion-label p:nth-child(2) {
  margin-bottom: 10px;
}

page-activity-list-offline ion-item .btn-box {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  margin: 0 !important;
}

page-activity-list-offline ion-item .btn-box button img {
  -webkit-filter: invert(68%) sepia(81%) saturate(3065%) hue-rotate(322deg) brightness(100%) contrast(98%);
  filter: invert(68%) sepia(81%) saturate(3065%) hue-rotate(322deg) brightness(100%) contrast(98%);
}

page-offline-mode-index ion-buttons ion-select {
  max-width: unset;
}

page-offline-mode-index ion-select.select.select-md.ng-untouched.ng-pristine.ng-valid {
  border-radius: 10px;
  border: 1px solid grey;
  padding: 5px 10px !important;
}

page-offline-mode-index ion-select.select.select-md.ng-pristine.ng-valid.ng-touched {
  border-radius: 10px;
  border: 1px solid grey;
  padding: 5px 10px !important;
}

page-offline-mode-index ion-select.select.select-md.ng-valid.ng-touched.ng-dirty {
  border-radius: 10px;
  border: 1px solid grey;
  padding: 5px 10px !important;
}

page-offline-mode-index .swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  bottom: 0px !important;
  padding-top: 15px;
  /* padding: 15px 0px; */
}

page-offline-mode-index .slide-zoom {
  padding-bottom: 20px !important;
}

page-offline-mode-index .swiper-pagination-bullet-active {
  background: #F68A22 !important;
}

page-offline-mode-index ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #f4f4f4 !important;
  fill: #f4f4f4;
}

page-offline-mode-index .content {
  padding: 0 18px !important;
  overflow: auto;
}

page-offline-mode-index .content .title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

page-offline-mode-index .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-offline-mode-index ion-col {
  text-align: center;
}

page-offline-mode-index .button-inner {
  font-size: 0.8em !important;
}

page-offline-mode-index .foto-div {
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 2em;
  border: 3px solid #fff;
  width: 100%;
  max-width: 220px;
  height: 180px;
}

page-offline-mode-index .go-online {
  border-radius: 10px;
  height: 45px;
  font-size: 1.4em;
}

page-offline-mode-index .btn-action {
  background: #eff2f4;
  color: grey;
  border-radius: 20px;
  margin-bottom: 10px;
  height: 60px;
  width: 70px;
}

page-offline-mode-index .container-btn {
  margin-top: 16px;
  margin-bottom: 6px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-offline-mode-index .container-btn ion-label {
  width: 90%;
  white-space: pre-wrap;
  font-size: 1.3rem !important;
  margin: 0;
}

page-offline-mode-index .bar-header {
  border: 0px !important;
  border-bottom-color: transparent !important;
  background-image: none !important;
  border-bottom: none !important;
}

page-offline-mode-index .header-md::after {
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: none !important;
  background-repeat: repeat-x;
  content: "";
}

page-offline-mode-index .toolbar-background-md {
  border-color: #b2b2b2;
  background: white;
}

page-offline-mode-index .btn-bottom {
  position: absolute;
  bottom: 16px;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 35px;
}

page-offline-mode-index .button-md.activated {
  background-color: #dddddd !important;
}

@media screen and (max-width: 320px) {
  page-offline-mode-index .foto-div {
    height: 150px;
    margin-top: 20px;
  }
  page-offline-mode-index .title {
    font-size: 22px !important;
  }
}

@media screen and (max-height: 580px) {
  page-offline-mode-index .foto-div {
    height: 120px;
    margin-top: 5px;
  }
  page-offline-mode-index .title {
    font-size: 20px !important;
  }
}

page-offline-mode-list ion-content {
  background-color: transparent !important;
}

page-offline-mode-list .btn-send-offline {
  width: 90%;
  margin: 20px auto;
}

page-offline-mode-list .container {
  background-color: white;
  border-radius: 20px 20px 0 0;
  min-height: 100%;
  position: relative;
}

page-offline-mode-list .container ion-list-header {
  letter-spacing: 0rem !important;
  text-transform: none !important;
}

page-offline-mode-list .container .content-toggle {
  position: relative;
}

page-offline-mode-list .container .footer-box {
  width: 100%;
  z-index: 9;
  padding: 16px;
  background-color: white;
}

page-offline-mode-list .container .brief-label {
  text-align: center;
  font-family: regular;
  color: #192528;
  font-size: 14px;
  margin-bottom: 2px;
  line-height: 19px;
}

page-offline-mode-list .container .brief-desc {
  text-align: center;
  color: #A5B0B7;
  line-height: 19px;
}

page-offline-mode-list .container .mail-support {
  color: #63BEFB;
  text-decoration: underline;
}

page-offline-mode-list .container .delete-btn {
  border-radius: 6px;
}

page-offline-mode-list .container .line-clamp label {
  display: -webkit-box;
  /* -webkit-line-clamp: 10; */
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

@media screen and (min-width: 768px) {
  page-offline-mode-list .container .content-toggle {
    display: none !important;
  }
}

page-offline-mode-list .container .content-toggle {
  border-radius: 20px 20px 0 0;
  padding: 14px 18px 7px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 9999;
}

page-offline-mode-list .container .content-toggle .toggle {
  width: 70px;
  height: 5px;
  background-color: #eaecee;
  border-radius: 50px;
  margin: 0 auto;
}

page-offline-mode-list .container .header-box {
  padding: 16px;
  border-bottom: 1px solid #e2e9ed;
  position: -webkit-sticky;
  position: sticky;
}

page-offline-mode-list .container .header-box .title-box {
  overflow: hidden;
}

page-offline-mode-list .container .header-box .title-box .title {
  font-size: 19px !important;
  font-family: "medium" !important;
  color: #192528 !important;
  margin-bottom: 5px;
}

page-offline-mode-list .container .header-box .title-box .record {
  color: #A5B0B7 !important;
}

page-offline-mode-list .container .header-box button {
  width: 100px;
  height: 40px;
  border-radius: 10px;
}

page-offline-mode-list .container .content-area {
  width: 100%;
  margin-bottom: 16px;
}

page-offline-mode-list .container ion-list .time {
  font-size: 18px;
  font-family: "medium";
  color: #8cc63f;
}

page-offline-mode-list .container ion-list .shift {
  font-size: 14px;
  color: #A5B0B7;
  font-family: "regular";
}

page-offline-mode-list .container ion-list .detail p {
  font-size: 12px;
  color: #A5B0B7;
}

page-offline-mode-list .container .message-box {
  margin-bottom: 20px;
}

page-offline-mode-list .container-offline {
  overflow: scroll;
  padding: 16px;
  margin-bottom: 40px;
}

page-offline-mode-list .container-offline .ilustrasi-box {
  margin-bottom: 16px;
}

page-offline-mode-list .container-offline .error-label {
  word-break: break-all;
}

page-offline-mode-list .container-offline .recorded {
  margin-bottom: 8px;
  color: #222 !important;
}

page-offline-mode-list .container-offline .loc {
  font-size: 12px;
  color: #A5B0B7 !important;
}

page-offline-mode-list .container-offline .detail {
  margin-bottom: 10px;
}

page-offline-mode-list .container-offline .hide-btn {
  margin-top: 8px;
  cursor: pointer;
  font-weight: bold;
  font-size: 12px;
}

page-offline-mode-list .container-offline .detail-box {
  margin-bottom: 16px;
}

page-offline-mode-list .container-offline .detail-box .title {
  font-size: 20px !important;
  font-weight: bold;
  color: #222 !important;
  margin-bottom: 8px;
  text-align: center;
}

page-offline-mode-list .container-offline .detail-box .desc {
  color: #A5B0B7 !important;
  text-align: center;
}

page-offline-mode-list .container-offline .record-box {
  margin-bottom: 26px;
}

page-offline-mode-list .container-offline .record-box .record-section {
  border: 2px solid #dbdbe1;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 8px;
}

page-offline-mode-list .container-offline .record-box .record-section .break-down {
  overflow: hidden;
}

page-offline-mode-list .container-offline .record-box .record-section ion-avatar {
  margin-top: 0 !important;
}

page-offline-mode-list .container-offline .record-box .record-section .delete {
  width: 24px;
  height: 24px;
}

page-offline-mode-list .icon-camera {
  position: relative;
  top: 2px;
  left: 2px;
  font-size: 20px;
}

page-offline-mode-modal ion-content {
  background-color: transparent !important;
}

page-offline-mode-modal 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-offline-mode-modal ion-content .container-modal {
  background: #fff;
  height: 100%;
  border-radius: 15px 15px 0 0;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  height: auto;
  overflow-x: hidden;
}

page-offline-mode-modal ion-content .container-modal .modal-header {
  height: 50px;
  padding: 15px;
}

page-offline-mode-modal ion-content .container-modal .modal-header .holder-box .block-handler {
  background: #eaecee;
  height: 7px;
  width: 100px;
  border-radius: 100px;
  margin: 4px 0;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button {
  border-radius: 10px;
  max-width: 360px;
  width: 100%;
  padding: 20px;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button img {
  width: 18px;
  margin-right: 8px;
  -webkit-filter: invert(79%) sepia(11%) saturate(249%) hue-rotate(160deg) brightness(88%) contrast(86%);
  filter: invert(79%) sepia(11%) saturate(249%) hue-rotate(160deg) brightness(88%) contrast(86%);
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button.record {
  background: #2BB34D;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button.record img {
  -webkit-filter: invert(98%) sepia(6%) saturate(172%) hue-rotate(314deg) brightness(117%) contrast(100%);
  filter: invert(98%) sepia(6%) saturate(172%) hue-rotate(314deg) brightness(117%) contrast(100%);
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button.submit {
  font-size: 1.4em;
  margin: 0 auto;
  background: #2BB34D;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box button.gotit {
  font-size: 1.4em;
  margin: 0 auto;
  background: #63BEFB;
  max-width: 160px;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box ion-label.heading {
  font-size: 25px !important;
  font-weight: 600;
  margin: 0;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box p {
  margin-bottom: 16px;
  text-align: center;
  margin: 15px 0 30px 0;
  font-size: 16px;
  color: #A5B0B7;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box .box-desc {
  width: 100%;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box .box-desc ion-label {
  font-size: 17px !important;
  font-weight: 600;
  margin-bottom: 20px;
}

page-offline-mode-modal ion-content .container-modal .modal-content .list-box .box-desc textarea {
  width: 100%;
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #dbdbe1;
  resize: none;
  margin-bottom: 22px;
}

page-offline-mode-modal ion-content .container-modal .modal-footer {
  padding: 10px;
}

page-offline-mode-modal ion-content .background-dismiss {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  width: 100%;
  z-index: -1;
  cursor: pointer;
}

page-offline-mode-preview .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-offline-mode-preview ion-col {
  text-align: center;
}

page-offline-mode-preview .button-inner, page-offline-mode-preview p {
  font-size: 0.8em !important;
}

page-offline-mode-preview .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 2em;
  border: 3px solid #FFF;
}

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;
}

page-panic-button .contacts-left p {
  font-size: 12px !important;
}

page-panic-button .btn-history img {
  position: relative;
  right: 4px;
}

page-panic-button .contacts-right ion-icon {
  color: #39B44A;
  font-size: 26px;
}

page-panic-button .category-content .content-container {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button .category-content .content-container .content-icon img {
  width: 50px;
}

page-panic-button .category-content .content-container .content-icon p {
  position: relative;
  left: 16px;
  top: 20px;
}

page-panic-button gdx-content .gdx-container {
  padding: 25px 0px 77px !important;
}

page-panic-button .desc-header {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button .desc-header p {
  white-space: pre-wrap;
  font-size: 12px !important;
  padding-top: 3px;
}

page-panic-button .divider {
  height: 15px;
  background: #f4f4f4;
}

page-panic-button 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-panic-button 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-panic-button ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-panic-button 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-panic-button .footer-claim {
  position: fixed;
  bottom: 0;
}

page-panic-button .claimdetail [disabled] {
  opacity: 1;
}

page-panic-button .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-panic-button .cus-disabled {
  opacity: 1;
}

page-panic-button .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-panic-button .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-panic-button .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-panic-button .text-ket {
  text-align: right;
}

page-panic-button p {
  color: #909090 !important;
}

page-panic-button p span {
  font-size: 1.4rem !important;
}

page-panic-button .red {
  -webkit-text-fill-color: red;
}

page-panic-button .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-panic-button .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-panic-button .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-panic-button .light-grey {
  color: #7f7f7f !important;
}

page-panic-button .selected {
  background-color: #e3f5ff;
}

page-panic-button .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-panic-button .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-panic-button .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-panic-button .title-col h2 {
  display: inline-block;
}

page-panic-button .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-panic-button .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-panic-button .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-panic-button .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-panic-button .align-left {
  float: left !important;
}

page-panic-button .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-panic-button .col-right {
  text-align: right;
}

page-panic-button .align-center {
  float: center !important;
}

page-panic-button span {
  font-size: 12px !important;
}

page-panic-button .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-panic-button [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-panic-button .skeleton-box .left,
page-panic-button .skeleton-box .right {
  width: 100%;
}

page-panic-button .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-panic-button .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-panic-button-close-case .required {
  color: #ed4956;
}

page-panic-button-close-case .contacts-left p {
  font-size: 12px !important;
}

page-panic-button-close-case gdx-content .gdx-container {
  padding: 10px 20px 77px !important;
}

page-panic-button-close-case ion-item .item-inner {
  padding-right: 0 !important;
}

page-panic-button-close-case .input-form ion-input input {
  border: 1px solid silver;
  padding: 15px;
  border-radius: 5px;
  width: 100% !important;
}

page-panic-button-close-case .input-form ion-textarea textarea {
  border: 1px solid silver;
  padding: 15px;
  border-radius: 5px;
  height: 120px;
  width: 100% !important;
}

page-panic-button-close-case .contacts-right ion-icon {
  color: #39B44A;
  font-size: 26px;
}

page-panic-button-close-case .link {
  color: #F68A22 !important;
  border-bottom: 1px solid #F68A22;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

page-panic-button-close-case .btn-closecase {
  position: absolute;
  right: 0;
  top: 16px;
}

page-panic-button-close-case .category-content .content-container .name {
  font-weight: 600;
  color: black !important;
}

page-panic-button-close-case .category-content .content-container h2 {
  color: silver;
}

page-panic-button-close-case .category-content .content-container img {
  width: 45px;
  position: relative;
  top: 0px;
}

page-panic-button-close-case .category-content .content-container .content-label {
  position: relative;
  left: 10px;
}

page-panic-button-close-case .category-content .content-container .content-icon p {
  position: relative;
  top: 12px;
  left: 10px;
}

page-panic-button-close-case .desc-header {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button-close-case .desc-header p {
  white-space: pre-wrap;
  font-size: 12px !important;
  padding-top: 3px;
}

page-panic-button-close-case .divider {
  height: 15px;
  background: #f4f4f4;
}

page-panic-button-close-case 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-panic-button-close-case 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-panic-button-close-case ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-panic-button-close-case 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-panic-button-close-case .footer-claim {
  position: fixed;
  bottom: 0;
}

page-panic-button-close-case .claimdetail [disabled] {
  opacity: 1;
}

page-panic-button-close-case .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-panic-button-close-case .cus-disabled {
  opacity: 1;
}

page-panic-button-close-case .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-panic-button-close-case .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-panic-button-close-case .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-panic-button-close-case .text-ket {
  text-align: right;
}

page-panic-button-close-case p {
  color: #909090 !important;
}

page-panic-button-close-case p span {
  font-size: 1.4rem !important;
}

page-panic-button-close-case .red {
  -webkit-text-fill-color: red;
}

page-panic-button-close-case .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-panic-button-close-case .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-panic-button-close-case .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-panic-button-close-case .light-grey {
  color: #7f7f7f !important;
}

page-panic-button-close-case .selected {
  background-color: #e3f5ff;
}

page-panic-button-close-case .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-panic-button-close-case .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-panic-button-close-case .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-panic-button-close-case .title-col h2 {
  display: inline-block;
}

page-panic-button-close-case .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-panic-button-close-case .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-panic-button-close-case .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-panic-button-close-case .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-panic-button-close-case .align-left {
  float: left !important;
}

page-panic-button-close-case .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-panic-button-close-case .col-right {
  text-align: right;
}

page-panic-button-close-case .align-center {
  float: center !important;
}

page-panic-button-close-case span {
  font-size: 12px !important;
}

page-panic-button-close-case .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-panic-button-close-case [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-panic-button-close-case .skeleton-box .left,
page-panic-button-close-case .skeleton-box .right {
  width: 100%;
}

page-panic-button-close-case .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-close-case .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-close-case .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-close-case .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-panic-button-close-case .attachment-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-panic-button-close-case .attachment-box .img-box .img-section {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 74px;
}

page-panic-button-close-case .attachment-box .img-box .img-section > * {
  margin-right: 10px;
}

page-panic-button-close-case .attachment-box .img-box .img-section:not(:last-child) {
  margin-right: 11px;
}

page-panic-button-close-case .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-panic-button-close-case .attachment-box .img-box .add-section button {
  background: #ced5db !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: unset;
}

page-panic-button-close-case .attachment-box .img-box .add-section button ion-icon {
  font-size: 3em;
}

page-panic-button-close-case .attachment-box .img-box .add-section button.img-exist {
  margin-left: 11px;
}

page-panic-button-history .contacts-left p {
  font-size: 12px !important;
}

page-panic-button-history .link {
  color: #F68A22;
  border-bottom: 1px solid #F68A22;
}

page-panic-button-history .contacts-right ion-icon {
  color: #39B44A;
  font-size: 26px;
}

page-panic-button-history .lbl-closed {
  color: #2BB34D !important;
  position: absolute;
  right: 45px;
}

page-panic-button-history .btn-closecase {
  position: absolute;
  right: 10px;
}

page-panic-button-history .category-content .content-container {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button-history .category-content .content-container img {
  width: 45px;
  position: relative;
  top: 0px;
}

page-panic-button-history .category-content .content-container .content-label {
  position: relative;
  left: 10px;
}

page-panic-button-history .category-content .content-container .content-icon p {
  position: relative;
  left: 10px;
}

page-panic-button-history gdx-content .gdx-container {
  padding: 25px 0px 77px !important;
}

page-panic-button-history .desc-header {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button-history .desc-header p {
  white-space: pre-wrap;
  font-size: 12px !important;
  padding-top: 3px;
}

page-panic-button-history .divider {
  height: 15px;
  background: #f4f4f4;
}

page-panic-button-history 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-panic-button-history 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-panic-button-history ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-panic-button-history 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-panic-button-history .footer-claim {
  position: fixed;
  bottom: 0;
}

page-panic-button-history .claimdetail [disabled] {
  opacity: 1;
}

page-panic-button-history .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-panic-button-history .cus-disabled {
  opacity: 1;
}

page-panic-button-history .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-panic-button-history .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-panic-button-history .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-panic-button-history .text-ket {
  text-align: right;
}

page-panic-button-history p {
  color: #909090 !important;
}

page-panic-button-history p span {
  font-size: 1.4rem !important;
}

page-panic-button-history .red {
  -webkit-text-fill-color: red;
}

page-panic-button-history .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-panic-button-history .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-panic-button-history .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-panic-button-history .light-grey {
  color: #7f7f7f !important;
}

page-panic-button-history .selected {
  background-color: #e3f5ff;
}

page-panic-button-history .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-panic-button-history .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-panic-button-history .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-panic-button-history .title-col h2 {
  display: inline-block;
}

page-panic-button-history .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-panic-button-history .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-panic-button-history .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-panic-button-history .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-panic-button-history .align-left {
  float: left !important;
}

page-panic-button-history .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-panic-button-history .col-right {
  text-align: right;
}

page-panic-button-history .align-center {
  float: center !important;
}

page-panic-button-history span {
  font-size: 12px !important;
}

page-panic-button-history .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-panic-button-history [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-panic-button-history .skeleton-box .left,
page-panic-button-history .skeleton-box .right {
  width: 100%;
}

page-panic-button-history .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-history .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-history .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-history .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-panic-button-maps .maps img {
  width: 100%;
  height: 350px;
}

page-panic-button-maps .name {
  color: black !important;
  font-weight: 600;
  white-space: pre-wrap;
}

page-panic-button-maps .title {
  color: silver;
}

page-panic-button-maps .contacts-left p {
  font-size: 12px !important;
}

page-panic-button-maps .link {
  color: #F68A22;
  border-bottom: 1px solid #F68A22;
}

page-panic-button-maps .contacts-right {
  text-align: right;
}

page-panic-button-maps .contacts-right ion-icon {
  color: #39B44A;
  font-size: 26px;
}

page-panic-button-maps .btn-closecase {
  position: absolute;
  right: 10px;
  top: 16px;
}

page-panic-button-maps .category-content .content-container img {
  width: 45px;
  position: relative;
  top: 0px;
}

page-panic-button-maps .category-content .content-container .content-label {
  top: 5px;
  padding-left: 10px;
  position: relative;
}

page-panic-button-maps .category-content .content-container .content-icon p {
  position: relative;
  top: 12px;
  left: 10px;
}

page-panic-button-maps gdx-content .gdx-container {
  padding: 25px 0px 77px !important;
}

page-panic-button-maps .desc-header {
  padding-left: 20px;
  padding-right: 20px;
}

page-panic-button-maps .desc-header p {
  white-space: pre-wrap;
  font-size: 12px !important;
  padding-top: 3px;
}

page-panic-button-maps .divider {
  height: 15px;
  background: #f4f4f4;
}

page-panic-button-maps 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-panic-button-maps 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-panic-button-maps ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-panic-button-maps 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-panic-button-maps .footer-claim {
  position: fixed;
  bottom: 0;
}

page-panic-button-maps .claimdetail [disabled] {
  opacity: 1;
}

page-panic-button-maps .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-panic-button-maps .cus-disabled {
  opacity: 1;
}

page-panic-button-maps .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-panic-button-maps .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-panic-button-maps .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-panic-button-maps .text-ket {
  text-align: right;
}

page-panic-button-maps p {
  color: #909090 !important;
}

page-panic-button-maps p span {
  font-size: 1.4rem !important;
}

page-panic-button-maps .red {
  -webkit-text-fill-color: red;
}

page-panic-button-maps .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-panic-button-maps .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-panic-button-maps .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-panic-button-maps .light-grey {
  color: #7f7f7f !important;
}

page-panic-button-maps .selected {
  background-color: #e3f5ff;
}

page-panic-button-maps .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-panic-button-maps .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-panic-button-maps .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-panic-button-maps .title-col h2 {
  display: inline-block;
}

page-panic-button-maps .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-panic-button-maps .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-panic-button-maps .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-panic-button-maps .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-panic-button-maps .align-left {
  float: left !important;
}

page-panic-button-maps .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-panic-button-maps .col-right {
  text-align: right;
}

page-panic-button-maps .align-center {
  float: center !important;
}

page-panic-button-maps span {
  font-size: 12px !important;
}

page-panic-button-maps .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-panic-button-maps [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-panic-button-maps .skeleton-box .left,
page-panic-button-maps .skeleton-box .right {
  width: 100%;
}

page-panic-button-maps .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-maps .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-maps .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-panic-button-maps .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-addpolling ion-thumbnail img {
  max-height: 13rem;
  max-width: 13rem;
  margin: 0 auto;
}

page-addpolling ion-thumbnail div {
  max-height: 5rem;
  max-width: 5rem;
  margin: 0 auto;
  font-size: 0.5em;
  margin-top: 55px;
  margin-left: 90px;
  text-align: center;
}

page-addpolling .ansopt {
  padding-left: 5px;
}

page-addpolling .opt {
  padding-left: 30px;
}

page-addpolling .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 5% 0 5% 0;
  background: #F68A22 !important;
}

page-addpolling .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-addpolling .profile div {
  margin: 0px;
  padding-top: 5px;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: bold !important;
}

page-addpolling .profile div ion-icon {
  padding-top: 6px;
  padding-left: 3px;
  font-size: 1em;
}

page-addpolling .footer-claim {
  position: fixed;
  bottom: 0;
}

page-addpolling .duoInputIcon {
  padding-top: 10px;
}

page-addpolling .duoInputIcon ion-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

page-addpolling .duoInputIcon ion-col p {
  font-size: 1em;
}

page-addpolling .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0px 5px;
}

page-addpolling .duoInputIcon2 ion-col {
  padding: 0px;
}

page-addpolling .div-icon {
  font-size: 9em;
  -webkit-text-fill-color: #ffffff;
}

page-addpolling .header-md::after {
  background-image: none !important;
}

@keyframes fadein {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

page-addpolling .div-detail {
  border-radius: 5px;
  padding: 7px 15px 0px 15px;
}

page-addpolling .div-detail ion-label {
  color: #e6ae37 !important;
  font-weight: bold;
}

page-addpolling .fadein {
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

page-addpolling .fadeout {
  -webkit-animation: fadeout 0.3s;
  animation: fadeout 0.3s;
}

page-addpolling .div-container {
  border: solid 1px #737373 !important;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 15px 15px 13px;
}

page-addpolling .div-container ion-textarea {
  padding: 0px 8px 8px 8px;
}

page-addpolling .div-container .div-header-quest p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 15px 7px 5px 7px;
  color: #e6ae37 !important;
}

page-addpolling .div-container .div-header-opt p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 7px;
  color: #e6ae37 !important;
}

page-addpolling .div-container ion-row ion-col {
  padding: 0px;
}

page-addpolling .div-container ion-row ion-col ion-input {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 10px;
  position: absolute;
}

page-addpolling .div-container ion-row ion-col ion-input input {
  margin: 0px !important;
}

page-addpolling .div-container ion-row ion-col button {
  float: right;
  height: 30px;
  width: 10px;
  background-color: #fff !important;
  border-radius: 5px;
  border: 1px solid #737373;
}

page-addpolling .div-container ion-row ion-col button ion-icon {
  color: #e6ae37 !important;
}

page-addpolling .div-container .devider {
  padding: 0px;
  margin: 0px 5px 0px 5px;
  height: 1px;
  background: #e6ae37;
}

page-addpolling .div-container .close-card {
  color: #e6ae37;
  float: right;
  padding-top: 12px;
  padding-right: 5px;
}

page-addpolling .list-md .item-input:last-child {
  border-bottom: none !important;
}

page-addpolling ion-textarea {
  font-size: 1.1em !important;
}

page-addpolling .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-addpolling .text-input::-moz-placeholder {
  color: #cecece;
}

page-addpolling .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-addpolling .text-input::placeholder {
  color: #cecece;
}

page-addpolling .datetime-md .datetime-placeholder {
  color: #cecece;
}

page-addpolling .div-newquest {
  border: solid 1px #737373 !important;
  border-radius: 50px;
  color: #e6ae37;
  font-size: 1em;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px;
  font-size: 100%;
  width: 130px;
  text-align: center;
}

page-addpolling .submit-btn {
  padding-top: 15px;
}

page-addpolling .submit-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-editpolling ion-thumbnail img {
  max-height: 13rem;
  max-width: 13rem;
  margin: 0 auto;
}

page-editpolling ion-thumbnail div {
  max-height: 5rem;
  max-width: 5rem;
  margin: 0 auto;
  font-size: 0.5em;
  margin-top: 55px;
  margin-left: 90px;
  text-align: center;
}

page-editpolling .ansopt {
  padding-left: 17px;
}

page-editpolling .opt {
  padding-left: 30px;
}

page-editpolling .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 10% 0 10% 0;
  background: #F68A22 !important;
}

page-editpolling .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-editpolling .profile div {
  margin: 0px;
  padding-top: 5px;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: bold !important;
}

page-editpolling .profile div ion-icon {
  padding-top: 6px;
  padding-left: 3px;
  font-size: 1em;
}

page-editpolling .duoInputIcon {
  padding-top: 10px;
}

page-editpolling .duoInputIcon ion-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

page-editpolling .duoInputIcon ion-col p {
  font-size: 1em;
}

page-editpolling .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0px 5px;
}

page-editpolling .header-md::after {
  background-image: none !important;
}

page-editpolling .div-detail {
  border-radius: 5px;
  padding: 7px 15px 0px 15px;
}

page-editpolling .div-detail ion-label {
  color: #e6ae37 !important;
  font-weight: bold;
}

@keyframes fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-editpolling .fadein {
  -webkit-animation: fadein 0.3s;
  animation: fadein 0.3s;
}

page-editpolling .fadeout {
  -webkit-animation: fadeout 0.3s;
  animation: fadeout 0.3s;
}

page-editpolling .div-container {
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  border: solid 1px #737373 !important;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 15px 15px 13px;
}

page-editpolling .div-container ion-textarea {
  padding: 0px 8px 8px 8px;
}

page-editpolling .div-container .div-header-quest p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 15px 7px 5px 7px;
  color: #e6ae37 !important;
}

page-editpolling .div-container .div-header-opt p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 7px;
  color: #e6ae37 !important;
}

page-editpolling .div-container ion-row ion-col {
  padding: 0px;
}

page-editpolling .div-container ion-row ion-col ion-input {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 10px;
  position: absolute;
}

page-editpolling .div-container ion-row ion-col ion-input input {
  margin: 0px !important;
}

page-editpolling .div-container ion-row ion-col button {
  float: right;
  height: 30px;
  width: 10px;
  background-color: #fff !important;
  border-radius: 5px;
  border: 1px solid #737373;
}

page-editpolling .div-container ion-row ion-col button ion-icon {
  color: #e6ae37 !important;
}

page-editpolling .div-container .devider {
  padding: 0px;
  margin: 0px 5px 0px 5px;
  height: 1px;
  background: #F68A22;
}

page-editpolling .div-container .close-card {
  color: #e6ae37;
  float: right;
  padding-top: 12px;
  padding-right: 5px;
}

page-editpolling .div-newquest {
  border: solid 1px #737373 !important;
  border-radius: 50px;
  color: #e6ae37;
  font-size: 1em;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px;
  font-size: 100%;
  width: 130px;
  text-align: center;
}

page-editpolling .loan-loading {
  margin: auto !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

page-editpolling ion-spinner svg * {
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-editpolling .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-editpolling .text-input::-moz-placeholder {
  color: #cecece;
}

page-editpolling .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-editpolling .text-input::placeholder {
  color: #cecece;
}

page-editpolling .datetime-md .datetime-placeholder {
  color: #cecece;
}

page-editpolling .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-editpolling ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-polling .polling .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-polling .polling .error p {
  color: white;
  font-weight: bold;
}

page-polling .polling .disabled {
  pointer-events: none;
  cursor: default;
}

page-polling .polling .div-row ion-col {
  padding-top: 0px;
  padding-bottom: 0px;
}

page-polling .polling .div-row h2 {
  margin-top: 5px;
}

page-polling .polling .div-row p {
  font-size: 80%;
}

page-polling .polling .listpoll {
  position: absolute;
}

page-polling .polling .list-md .item-block .item-inner {
  border-bottom: none !important;
  padding-right: 0px !important;
}

page-polling .polling .green-dot {
  background-color: #F68A22 !important;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  border: solid 3px #ffffff !important;
  position: absolute;
  margin: 0px;
  top: 10px;
  left: 35px;
}

page-polling .polling .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-polling .polling ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-polling .polling .text-ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 80%;
  color: #F68A22;
}

page-polling .polling .content-polling {
  padding-top: 3px;
}

page-polling .polling .content-polling ion-row {
  border-bottom: 1px solid #DEDEDE;
  position: relative;
}

page-polling .polling .sficon-clock {
  float: left !important;
  font-size: 1.5em;
}

page-polling .polling .poll-div {
  position: relative;
}

page-polling .polling .poll-div h2 {
  margin: 0px 0px 8px 0px;
}

page-polling .polling .poll-div p {
  margin: 0px 0px 8px 0px;
}

page-polling .polling .poll-div .div-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-polling .polling .poll-div .div-bottom .text-clock {
  width: 100%;
  overflow: hidden;
  white-space: normal;
}

page-polling .polling .edit-icon {
  margin: 0px 0px 0px 0px;
  padding: 6px 8px;
  border: 1px #8e9093 solid;
  border-radius: 50px;
  color: #8e9093;
  font-size: 1.3em;
  top: 9px;
  right: 17px;
  position: absolute;
}

page-polling .polling button.item-ios:not([detail-none]) .item-inner {
  background-image: none !important;
  padding-right: 0px !important;
}

page-polling .polling .list-ios .item-block .item-inner {
  border-bottom: none !important;
}

@media screen and (max-width: 320px) {
  page-polling .polling .poll-div .sts-survey {
    width: 70px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

page-pollingdetail .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-pollingdetail .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-pollingdetail .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-pollingdetail .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-pollingdetail .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-pollingdetail .pollingdetail .post-bottomarea {
  clear: both;
}

page-pollingdetail textarea {
  resize: none;
  width: 100%;
  height: 100%;
}

page-pollingdetail .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-pollingdetail #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-pollingdetail #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-pollingdetail .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-pollingdetail .answer-bar {
  font-size: small;
}

page-pollingdetail .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-pollingdetail .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-pollingdetail .page-pollingdetail .container .banner {
  background: #189dae;
}

page-pollingdetail .addmargin {
  margin-bottom: 100px;
}

page-pollingdetail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-pollingdetail .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-pollingdetail .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-pollingdetail .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-pollingdetail .detail-question {
  padding: 8px 25px 0px 25px;
}

page-pollingdetail .detail-question h2 {
  font-weight: bold !important;
}

page-pollingdetail .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-pollingdetail .detail-list label {
  padding: 3px 0px;
}

page-pollingdetail .checked {
  color: #e6ae37 !important;
}

page-pollingdetail .unchecked {
  color: #737373 !important;
}

@-webkit-keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-pollingdetail .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  overflow: visible;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-pollingdetail .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-pollingdetail .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-pollingdetail .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-pollingdetail .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-pollingdetail .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-pollingdetail .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-pollingdetail .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-pollingdetail .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-pollingdetail .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-pollingdetail .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-pollingdetail .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-pollingdetail .question-div .star-check {
  color: #e6ae37 !important;
}

page-pollingdetail .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
  width: calc(100% - 10px);
}

page-pollingdetail .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-pollingdetail .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-pollingdetail .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-pollingdetail .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-pollingdetail .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-pollingdetail .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-pollingdetail .question-div .question-multiple .checkbox-md .checkbox-icon, page-pollingdetail .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-pollingdetail .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-pollingdetail .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-pollingdetail .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-pollingdetail .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-pollingdetail .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-pollingdetail .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-pollingdetail .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-pollingdetail .checkyn {
  background-color: #e6ae37 !important;
}

page-pollingdetail .checkyn p {
  color: #ffffff !important;
}

page-pollingdetail .uncheckyn {
  background-color: none !important;
}

page-pollingdetail .uncheckyn p {
  color: #737373 !important;
}

page-pollingdetail .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-pollingdetail .question-btn {
  padding: 15px;
}

page-pollingdetail .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-pollingdetail .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-pollingdetail .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-pollingdetail .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-pollingdetail .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-pollingdetail .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-pollingdetail .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-pollingdetail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-pollingdetail textarea {
  margin: 0px !important;
}

page-pollingdetail .text-input-ios {
  margin: 0px !important;
}

page-pollingdetail .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-pollingdetail .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-pollingdetail .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-pollingdetail .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-pollingdetail .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-pollingdetail .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-pollingdetail .checkbox-md.checkbox-disabled, page-pollingdetail .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-pollingdetail .checkbox-ios.checkbox-disabled, page-pollingdetail .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-pollingdetail .text-input[disabled] {
  opacity: 1;
}

page-pollingdetail .div-spinner {
  color: #189dae !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-pollingdetail .skeleton-page {
  width: 100%;
}

page-pollingdetail .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-pollingdetail .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-pollingdetail .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-pollingdetail .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-pollingdetail .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

.resultpolling .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

.resultpolling .error p {
  color: white;
  font-weight: bold;
}

.resultpolling .disabled {
  pointer-events: none;
  cursor: default;
}

.resultpolling .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

.resultpolling .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

.resultpolling .post-bottomarea {
  clear: both;
}

.graph {
  width: 270px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 0px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

#bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

#procen {
  position: absolute;
}

#bar p {
  position: absolute;
  text-align: right;
  width: 97%;
  margin: 0;
  line-height: 30px;
  color: #000000;
}

.font-result {
  font-size: small;
  font-style: italic;
  color: #7f7f7f;
}

.votes {
  font-size: small;
  font-style: italic;
  color: #7f7f7f;
  text-align: right;
  margin-left: 180px;
}

.answer-bar {
  font-size: small;
}

.profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.page-result .container .banner {
  padding: 15% 0 15% 0;
}

page-polling-detail-new .nav-progress {
  margin-bottom: 25px;
}

page-polling-detail-new .nav-progress h3 {
  text-align: center;
  margin: 0 0 14px 0;
  font-size: 16px;
}

page-polling-detail-new .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-polling-detail-new .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-polling-detail-new .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-polling-detail-new .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-polling-detail-new .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-polling-detail-new .pollingdetail .post-bottomarea {
  clear: both;
}

page-polling-detail-new .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-polling-detail-new #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-polling-detail-new #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-polling-detail-new .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-polling-detail-new .answer-bar {
  font-size: small;
}

page-polling-detail-new .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-polling-detail-new .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-polling-detail-new .page-pollingdetail .container .banner {
  background: #189dae;
}

page-polling-detail-new .addmargin {
  margin-bottom: 70px;
}

page-polling-detail-new .footer-claim {
  position: fixed;
  bottom: 0;
}

page-polling-detail-new ion-toolbar .toolbar-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-polling-detail-new ion-toolbar .toolbar-content gdx-button button {
  margin-left: 0;
}

page-polling-detail-new ion-toolbar .toolbar-content gdx-button button span.text {
  font-weight: 500;
}

page-polling-detail-new .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-polling-detail-new .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-polling-detail-new .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-polling-detail-new .detail-question {
  padding: 8px 25px 0px 25px;
}

page-polling-detail-new .detail-question h2 {
  font-weight: bold !important;
}

page-polling-detail-new .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-polling-detail-new .detail-list label {
  padding: 3px 0px;
}

page-polling-detail-new .checked {
  color: #F68A22 !important;
}

page-polling-detail-new .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-polling-detail-new .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  margin-bottom: 20px;
}

page-polling-detail-new .question-div .question-category {
  margin-top: 15px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-polling-detail-new .question-div .question-category p {
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-single p {
  font-size: 1.0em;
  font-weight: bold;
  color: black;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-polling-detail-new .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-polling-detail-new .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-polling-detail-new .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-stars p {
  font-size: 1.0em;
  font-weight: bold;
  color: black;
  margin: 0px;
  margin-bottom: 10px;
}

page-polling-detail-new .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-polling-detail-new .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-polling-detail-new .question-div .star-check {
  color: #F68A22 !important;
}

page-polling-detail-new .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-comment p {
  font-size: 1.0em;
  font-weight: bold;
  color: black;
  margin: 0px;
  margin-bottom: 10px;
  white-space: break-spaces;
}

page-polling-detail-new .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-multiple p {
  font-size: 1.0em;
  font-weight: bold;
  color: black;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-polling-detail-new .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-polling-detail-new .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-polling-detail-new .question-div .question-multiple .checkbox-md .checkbox-icon, page-polling-detail-new .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-polling-detail-new .question-div .question-yesno {
  margin-top: 15px;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-yesno p {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-yesno ion-row {
  padding: 10px 0px;
  text-align: center;
  margin-bottom: 10px;
  border: 1px #dbdbe1 solid;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-yesno ion-row p {
  padding-left: 10px;
  font-weight: bold;
  margin-bottom: 0px !important;
  color: #000000;
}

page-polling-detail-new .question-div .question-input p {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-input .input-text {
  position: relative;
}

page-polling-detail-new .question-div .question-input .input-text .form-input-text {
  border: 1px solid #dbdbe1;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-input .input-text .form-input-text input {
  margin: 0;
  padding: 11px 60px 11px 15px;
  min-height: 39px !important;
  height: 39px;
}

page-polling-detail-new .question-div .question-input .input-text .item-r input {
  padding-right: 60px;
}

page-polling-detail-new .question-div .question-input .input-text .right-item {
  position: absolute;
  right: 7px;
  top: 12px;
  opacity: .6;
}

page-polling-detail-new .question-div .question-date p {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-date gdx-input-date .calendar {
  border: 1px solid #dbdbe1;
  border-radius: 5px;
}

page-polling-detail-new .question-div .question-date gdx-input-date .calendar ion-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-polling-detail-new .question-div .question-time p {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
}

page-polling-detail-new .question-div .question-time .input-text {
  position: relative;
}

page-polling-detail-new .question-div .question-time .input-text ion-datetime {
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  padding: 8.80 0px 8px 8.800px 16px;
}

page-polling-detail-new .question-div .question-time .input-text .right-item {
  position: absolute;
  right: 13px;
  top: 10px;
  opacity: .6;
}

page-polling-detail-new .question-div .question-time .input-text .right-item ion-icon {
  font-size: 26px;
}

page-polling-detail-new .question-div .question-agree {
  margin-top: 20px;
}

page-polling-detail-new .question-div .question-agree p {
  font-size: 1.0em;
  font-weight: 400;
  color: #000000;
  margin: 0px;
  margin-bottom: 15px;
  white-space: normal;
}

page-polling-detail-new .question-div .question-agree .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 5px !important;
  top: 2px !important;
}

page-polling-detail-new .checkyn {
  border-radius: 5px;
  background-color: none !important;
  border: 1px #F68A22 solid !important;
}

page-polling-detail-new .checkyn p {
  color: #F68A22 !important;
}

page-polling-detail-new .uncheckyn {
  background-color: none !important;
}

page-polling-detail-new .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-polling-detail-new .question-btn {
  padding: 15px;
}

page-polling-detail-new .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-polling-detail-new .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  top: 175px;
  position: relative;
}

page-polling-detail-new .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-polling-detail-new .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-polling-detail-new .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #F68A22;
  margin: 10px 0px 20px 0px;
}

page-polling-detail-new .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-polling-detail-new .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #F68A22 !important;
  padding: 10px;
  margin: 0px !important;
}

page-polling-detail-new .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-polling-detail-new textarea {
  margin: 0px !important;
}

page-polling-detail-new .text-input-ios {
  margin: 0px !important;
}

page-polling-detail-new .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-polling-detail-new .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-polling-detail-new .checkbox-md .checkbox-checked {
  background-color: #F68A22 !important;
}

page-polling-detail-new .checkbox-ios .checkbox-checked {
  background-color: #F68A22 !important;
}

page-polling-detail-new .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-polling-detail-new .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-polling-detail-new .checkbox-md.checkbox-disabled, page-polling-detail-new .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-polling-detail-new .checkbox-ios.checkbox-disabled, page-polling-detail-new .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-polling-detail-new .text-input[disabled] {
  opacity: 1;
}

page-polling-detail-new .render-loading {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-polling-detail-new .skeleton-page {
  width: 100%;
}

page-polling-detail-new .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-polling-detail-new .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-polling-detail-new .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-polling-detail-new .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-polling-detail-new .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-polling-periodic-result [heading] {
  font-weight: bold;
  color: #F68A22 !important;
}

page-polling-periodic-result [bold] {
  font-weight: bold;
}

page-polling-periodic-result h5 {
  font-weight: bold;
}

page-polling-periodic-result .identity ion-label.identity-segment {
  border-bottom: 1px solid #dbdbe1;
  padding: 5px 0;
  font-weight: bold;
}

page-polling-periodic-result .identity .identity-info .identity-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

page-polling-periodic-result .identity .identity-info .identity-column span {
  margin-left: -100px;
  margin-right: 5px;
}

page-polling-periodic-result .box {
  border: 1px solid black;
  padding: 10px;
  margin: 20px 0;
}

page-polling-periodic-result .box .box-body .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
}

page-polling-periodic-result .box .box-body .icon ion-icon.sficon-employeperson.icon.icon-md,
page-polling-periodic-result .box .box-body .icon ion-icon.sficon-employeperson.icon.icon-ios {
  font-size: 23px;
}

page-polling-periodic-result .box .box-body .icon ion-label {
  margin-left: 10px;
}

page-polling-periodic-result .alert {
  margin: 20px 0;
}

page-polling-picture .camera-btn {
  border-right: 1px solid #F68A22 !important;
  border-left: 1px solid #F68A22 !important;
}

page-polling-welcome {
  text-align: center;
}

page-polling-welcome .illustration {
  width: 100%;
  height: 200px;
  padding: 15px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-polling-welcome .description {
  margin-bottom: 45px;
}

page-pollinginfo .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-pollinginfo .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-pollinginfo .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-problem-form ion-content {
  background: transparent !important;
}

page-problem-form ion-content .container .jeda {
  height: 232px;
  background: transparent;
}

page-problem-form ion-content .container .box-wrapper {
  background: white;
  height: calc(100% - 50px) !important;
}

page-problem-form ion-content .container .box-wrapper .content {
  height: 100%;
}

page-problem-form ion-content .container .box-wrapper .content .content-toggle {
  background-color: white;
  width: 100%;
  padding: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

page-problem-form ion-content .container .box-wrapper .content .content-toggle .toggle {
  margin: 0 auto;
  width: 70px;
  height: 5px;
  background-color: #eaecee;
  border-radius: 50px;
}

page-problem-form ion-content .container .box-wrapper .content .sec {
  margin: 16px 0;
}

page-problem-form ion-content .container .box-wrapper .content .sec h2 {
  text-align: center;
  font-size: 16px !important;
  color: #121212 !important;
  margin-bottom: 16px;
  font-family: regular;
}

page-problem-form ion-content .container .box-wrapper .content .sec textarea {
  border: 1px solid #eeeeee;
  padding: 14px;
  width: 100%;
  border-radius: 3px;
  resize: none;
  line-height: 24px;
}

page-problem-form ion-content .container .box-wrapper .content .sec textarea ::-webkit-input-placeholder {
  font-size: 12px !important;
  color: #aaaaaa;
  text-align: left;
}

page-problem-form ion-content .container .box-wrapper .content .sec textarea ::-moz-placeholder {
  font-size: 12px !important;
  color: #aaaaaa;
  text-align: left;
}

page-problem-form ion-content .container .box-wrapper .content .sec textarea ::-ms-input-placeholder {
  font-size: 12px !important;
  color: #aaaaaa;
  text-align: left;
}

page-problem-form ion-content .container .box-wrapper .content .sec textarea ::placeholder {
  font-size: 12px !important;
  color: #aaaaaa;
  text-align: left;
}

page-problem-form ion-content .container .box-wrapper .content .sec .pilihan {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .pilihan button {
  cursor: pointer;
  border: 1px solid #0095ff;
  background: transparent;
  padding: 8px;
  border-radius: 3px;
  color: #0095ff;
  margin-bottom: 8px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .pilihan .active {
  background: #0095ff !important;
  color: white !important;
}

page-problem-form ion-content .container .box-wrapper .content .sec button.lampirkan {
  padding: 11px 90px;
  width: 100%;
  background: #edf1f7;
  border-radius: 3px;
  font-weight: bold;
  font-size: 14px;
}

page-problem-form ion-content .container .box-wrapper .content .sec ion-label.agree {
  margin-left: 8px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .checkbox-icon {
  border-radius: 3px !important;
}

page-problem-form ion-content .container .box-wrapper .content .sec .checkbox-icon.checkbox-checked {
  background: #35c435 !important;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach {
  padding: 10px 0;
  overflow-x: scroll;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .list-image {
  position: relative;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .list-image img {
  width: 64px;
  height: 64px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #d7dae0;
  border-radius: 5px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .list-image ion-icon.silang.icon.icon-md.ion-md-close {
  background: #d7dae0;
  color: white;
  border-radius: 200%;
  position: absolute;
  right: -3px;
  top: -4px;
  width: 16px;
  height: 16px;
  padding: 10px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .list-image .ion-md-close:before {
  -webkit-transform: translate(-4px, -8px);
  transform: translate(-4px, -8px);
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .list-image .urutan {
  position: absolute;
  bottom: 7px;
  left: 4px;
  background: #f68a22;
  border-radius: 200%;
  width: 16px;
  height: 16px;
  text-align: center;
  font-size: 10px;
  color: white;
  padding: 2px;
}

page-problem-form ion-content .container .box-wrapper .content .sec .sec-attach .box-attach {
  width: 64px;
  height: 64px;
  border: #d7dae0 1px solid;
  padding: 23px;
}

page-problem-form ion-content .container .box-wrapper .content .phone {
  border-radius: 10px;
  border: 1px solid #d7dae0;
}

page-problem-form ion-content .container .box-wrapper .content .phone ion-label {
  margin: 0px 4px !important;
}

page-problem-form ion-content .container .box-wrapper .content .phone .codenumb {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #d7dae0;
  padding: 0 8px;
}

page-problem-form ion-content .container .box-wrapper .content .phone input[type="number"] {
  padding: 14px;
  width: 100%;
  resize: none;
  border: none !important;
  background: none !important;
}

page-problem-form ion-content .container .box-wrapper .sec.mt {
  margin-top: -16px;
}

page-problem-form ion-content .container .box-wrapper .sec.setuju {
  margin-top: -8px;
}

page-problem-form ion-content .container .garis {
  border-bottom: 1px solid #eeeeee;
}

page-problem-form .kirim {
  padding-bottom: 16px;
}

page-problem-form .kirim button {
  border-radius: 3px;
  width: 100%;
  padding: 14px;
  background: #f77a00;
  color: white;
  font-size: 14px;
}

page-problem-account .form-section {
  margin-bottom: 8px;
}

page-problem-account .form-section .form-title {
  font-size: 12px !important;
  color: #192528 !important;
  margin-bottom: 8px;
}

page-problem-account .form-section .input-box {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 14px 16px;
}

page-problem-account .form-section .input-box ion-input input {
  color: #192528 !important;
  margin: 0;
}

page-problem-account .btn-section {
  margin-top: 24px;
}

page-problem-call .list-box .jumbotron-box {
  background-color: #E1F4FF;
  padding: 16px;
  border-radius: 10px;
  margin-bottom: 16px;
}

page-problem-call .list-box .jumbotron-box h2 {
  color: #1A73E8 !important;
  font-family: 'bold';
  margin-bottom: 4px;
}

page-problem-call .list-box .jumbotron-box p {
  color: #1A73E8 !important;
  font-size: 12px !important;
  line-height: 20px;
}

page-problem-call .list-box .list-section {
  margin-bottom: 16px;
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 0 5px;
}

page-problem-call .list-box .list-section .list-title {
  font-family: 'bold' !important;
  color: #192528 !important;
  font-size: 16px !important;
  margin-bottom: 4px;
}

page-problem-call .list-box .list-section .list-telp .telp {
  margin-left: 4px;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-problem-call .list-box .list-section .icon-phone path {
  stroke: #8cc63f;
  fill: #8cc63f;
}

page-problem-call .list-box .list-section:last-child {
  margin-bottom: 0;
}

page-language-modal ion-avatar {
  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-problem-conversation .viewmore {
  opacity: 0.5;
}

page-problem-conversation .alert-bubble {
  background: #FFF5CC;
  padding: 6px 10px;
  border-radius: 8px;
  color: #FFCB59;
  margin: 0 auto;
  font-size: 12px;
}

page-problem-conversation .conversation-topic {
  margin-top: 10px;
}

page-problem-conversation .conversation-topic h5 {
  font-weight: 700;
  margin-bottom: 10px;
}

page-problem-conversation .conversation-topic p {
  line-height: 21px;
  margin-top: 10px;
}

page-problem-conversation .conversation-topic hr {
  border-bottom: 1px solid #dbdbe1 !important;
  width: 100%;
  margin: 15px 0;
}

page-problem-conversation .conversation-content .chat-bubble {
  background: #F8F8F8;
  padding: 8px;
  border-radius: 8px;
  margin-bottom: 15px;
}

page-problem-conversation .conversation-content .chat-bubble .head ion-label {
  color: #A5B0B7 !important;
  margin-bottom: 10px;
}

page-problem-conversation .conversation-content .chat-bubble .head ion-label b {
  color: #333333;
}

page-problem-conversation .conversation-content .chat-bubble .content p {
  color: #333333;
  line-height: 21px;
  word-break: break-word;
  white-space: pre-line;
}

page-problem-conversation .conversation-content .chat-bubble .content .image-thumbnail img {
  max-width: 200px;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
}

page-problem-conversation .conversation-content .chat-bubble .content .file-thumbnail {
  position: relative;
}

page-problem-conversation .conversation-content .chat-bubble .content .attach-pdf {
  background: #e8ddc0;
  padding: 8px 12px 8px 15px;
  border-radius: 0 23px 23px 0;
  color: #58595b;
  width: 100%;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-problem-conversation .conversation-content .chat-bubble .content .attach-doc {
  background: #C0E3E8;
  padding: 8px 12px 8px 15px;
  border-radius: 0 23px 23px 0;
  color: #58595b;
  width: 100%;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-problem-conversation .conversation-content .chat-bubble .content .attach-other {
  padding: 8px 12px 8px 15px;
  border-radius: 0 23px 23px 0;
  color: #58595b;
  width: 100%;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-problem-conversation .conversation-content .chat-bubble .content .attach-xls {
  background: #d8e8c0;
  padding: 8px 12px 8px 15px;
  border-radius: 0 23px 23px 0;
  color: #58595b;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

page-problem-conversation .conversation-content .chat-bubble .content .file-type-label-me {
  margin: auto;
  padding-left: 9px !important;
  width: 100%;
}

page-problem-conversation .conversation-content .chat-bubble .content .file-type-me {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 26.7px;
  text-align: center;
  font-size: 1rem !important;
  font-weight: 700;
}

page-problem-conversation .footer-wrapper {
  width: 100%;
  position: relative;
  padding: 12px;
  z-index: 10;
  background: white;
}

page-problem-conversation .footer-wrapper .footer-container {
  position: relative;
}

page-problem-conversation .footer-wrapper ion-icon {
  font-size: 27px;
}

page-problem-conversation .footer-wrapper .emoji-active {
  color: #F68A22;
}

page-problem-conversation .footer-wrapper .emoji-noactive {
  color: #aaa;
}

page-problem-conversation .footer-wrapper .upload-section .photo-btn img {
  width: 24px !important;
  height: 24px !important;
}

page-problem-conversation .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-problem-conversation .footer-wrapper .toggle-section {
  padding: 7px 0px 2px 0px;
  background: white;
  border-radius: 25px;
}

page-problem-conversation .footer-wrapper .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

page-problem-conversation .footer-wrapper .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

page-problem-conversation .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-problem-conversation .footer-wrapper .fab-box {
  width: 46px;
  height: 46px;
}

page-problem-conversation .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-problem-conversation .footer-wrapper .fab-box button {
  position: absolute;
  width: 46px;
  height: 46px;
  padding: 0;
  margin: 0;
}

page-problem-conversation .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-problem-conversation .footer-wrapper .fab-box button .icon-section {
  width: 46px;
  height: 46px;
  padding-left: 7px;
  background: #F68A22;
  border-radius: 100%;
}

page-problem-conversation .footer-wrapper .fab-box button .icon-section ion-icon {
  font-size: 28px;
  color: white;
}

page-problem-conversation .footer-wrapper .fab-box .button-ios .icon-section {
  padding-left: 0px !important;
}

page-problem-list [title] {
  font-weight: bold;
  font-size: 16px !important;
  text-transform: uppercase;
}

page-problem-list .read {
  background-color: #dbdbe1 !important;
}

page-problem-list .body .list {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

page-problem-list .body .list .circle {
  height: 10px;
  width: 10px;
  background-color: #F68A22;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
}

page-problem-list .body .list .list-right .more {
  color: #F68A22 !important;
}

page-problem-list .body .list .bawah {
  margin-top: 10px;
  line-height: 20px;
}

page-problem-list ion-footer ion-icon {
  margin-right: 10px;
}

page-problem-modal .container img {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

page-problem-modal .container h3 {
  font-size: 16px !important;
  color: #222 !important;
  margin-bottom: 8px;
  margin-top: 0;
}

page-problem-modal .container p {
  color: #A5B0B7 !important;
  margin-bottom: 16px;
  line-height: 23px;
  text-align: center;
}

page-problem-modal .container .id {
  font-family: "bold" !important;
  color: #222 !important;
}

page-problem-modal .container button {
  width: 100%;
  border-radius: 10px;
  text-transform: capitalize;
}

page-problem-modal .container button.fill-btn {
  margin-bottom: 8px;
  background-color: #1A73E8 !important;
}

page-problem-modal .container button.outline-btn {
  border-color: #1A73E8 !important;
  color: #1A73E8 !important;
}

page-problem-options [title] {
  font-weight: bold;
  font-size: 16px !important;
  color: #F68A22 !important;
  margin-bottom: 8px;
}

page-problem-options .content-list .list-body {
  margin-bottom: 20px;
}

page-problem-options .content-list .list-body .photo {
  margin-right: 20px;
  position: relative;
}

page-problem-options .content-list .list-body .info {
  margin-right: 8px;
}

page-problem-options .content-list .list-body .info ion-label.desc {
  line-height: 25px;
}

page-rating-modal ion-content {
  background-color: transparent !important;
}

page-rating-modal 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-rating-modal ion-content .box-rating {
  background: #fff;
  height: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 15px 15px 0 0;
  max-width: 650px;
  margin: 0px auto;
  display: block;
  height: auto;
  overflow-x: hidden;
}

page-rating-modal ion-content .box-rating h3 {
  font-size: 24px;
  color: #333333;
  font-weight: 600;
}

page-rating-modal ion-content .box-rating h4 {
  font-size: 19px;
  color: #A5B0B7;
}

page-rating-modal ion-content .box-rating .emot-box {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-top: 25px;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-rating-modal ion-content .box-rating .emot-box .emotion-section {
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-rating-modal ion-content .box-rating .emot-box .emotion-section .emoticon img {
  width: 100%;
}

page-rating-modal ion-content .box-rating .emot-box .emotion-section .emot-name {
  font-size: 15px;
  color: #A5B0B7;
  margin-top: 5px;
}

page-rating-modal ion-content .box-rating .footer-rating {
  margin-top: 25px;
  position: relative;
}

page-rating-modal ion-content .box-rating .footer-rating .wait {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-rating-modal ion-content .box-rating .footer-rating .rate {
  position: absolute;
  width: 100%;
  top: 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

page-rating-modal ion-content .box-rating .footer-rating h4 {
  font-size: 16px;
  margin: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-rating-modal ion-content .box-rating .footer-rating button {
  border-radius: 7px;
  border: 1px solid #dbdbe1;
  color: #A5B0B7;
  padding: 20px 13px;
  font-weight: 400;
}

page-rating-modal ion-content .box-rating .footer-rating button.rate-btn {
  color: #fff;
}

page-rating-modal ion-content .box-rating .footer-rating button.rate-btn img {
  margin-right: 5px;
}

page-rating-modal ion-content .box-rating .footer-rating button.appstore img {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

page-rating-modal ion-content .background-dismiss {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  cursor: pointer;
}

page-rating-modal ion-content .dismiss-animation {
  -webkit-animation-name: toDismiss;
  animation-name: toDismiss;
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
  -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);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

@-webkit-keyframes toDismiss {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes toDismiss {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}

page-respond-feedback ion-content {
  background-color: transparent !important;
}

page-respond-feedback 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-respond-feedback ion-content .box {
  background-color: white;
  text-align: center;
  border-radius: 25px 25px 0 0;
  height: auto;
  padding: 20px;
  margin: 0px auto;
  display: block;
  height: 263px;
  max-width: 650px;
  position: relative;
}

page-respond-feedback ion-content .box img.top {
  position: absolute;
  left: 0;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -52%);
  transform: translate(-50%, -52%);
}

page-respond-feedback ion-content .box h3 {
  font-size: 25px;
  font-weight: bold;
  color: #192528;
  margin-top: 30px;
}

page-respond-feedback ion-content .box h4 {
  font-size: 19px;
  color: #A5B0B7;
  font-weight: 400;
}

page-respond-feedback ion-content .box .footer-btn {
  margin-top: 42px;
}

page-respond-feedback ion-content .box .footer-btn button.my-btn {
  background-color: #8CC63F;
  color: #fff;
}

page-respond-feedback ion-content .box .footer-btn button {
  border-radius: 7px;
  border: 1px solid #dbdbe1;
  color: #A5B0B7;
  padding: 20px 13px;
  font-weight: 400;
}

page-respond-feedback ion-content .box .footer-btn button.rate-btn {
  color: #fff;
}

page-respond-feedback ion-content .box .footer-btn button.rate-btn img {
  margin-right: 5px;
}

page-respond-feedback ion-content .box .footer-btn button.appstore img {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

page-respond-feedback ion-content .dismiss-backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
}

page-search-employee h2 {
  color: #F68A22 !important;
}

page-subscribe-history-detail ion-label {
  font-family: "regular" !important;
  font-size: 1.4rem !important;
}

page-subscribe-history-detail .red-text {
  color: #e2591c !important;
}

page-subscribe-history-detail .secondary-text {
  color: #A5B0B7 !important;
}

page-subscribe-history-detail .primary-text {
  color: #222 !important;
}

page-subscribe-history-detail .detail-box {
  border: 1px solid #dbdbe1;
  padding: 16px 16px 12px 16px;
}

page-subscribe-history-detail .download-box {
  padding: 4px 16px 16px 16px;
  text-transform: capitalize;
}

page-subscribe-history-detail .addon-box {
  margin-bottom: 10px;
}

page-subscribe-history-detail .addon-box .title-section .title-subsection ion-label {
  color: #58595b !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

page-subscribe-history-detail .addon-box .title-section .powered-subsection {
  color: #a5b0b7;
}

page-subscribe-history-detail .addon-box .title-section .powered-subsection ion-label {
  color: #a5b0b7 !important;
}

page-subscribe-history-detail .addon-box .title-section .subtitle-subsection {
  color: #333333;
}

page-subscribe-history-detail .addon-box .title-section .subtitle-subsection .price-subsection {
  padding-top: 10px;
  color: #f15a29;
  font-weight: 500;
}

page-subscribe-history-detail .addon-box .title-section .subtitle-subsection-info {
  color: #58595b !important;
  font-size: 2rem !important;
  font-weight: 900;
  padding-bottom: 10px;
}

page-subscribe-history-detail .addon-box .icon-section img {
  height: 50px !important;
  width: 80px !important;
}

page-subscribe-history-detail .detail-box1 .detail-section {
  margin-bottom: 20px;
}

page-subscribe-history-detail .detail-box1 .detail-section .title-subsection {
  color: #333333;
}

page-subscribe-history-detail .detail-box1 .detail-section .detail-subsection {
  color: #a5b0b7;
}

page-subscribe-history-detail .container ion-label {
  font-family: "regular" !important;
  font-size: 1.8rem !important;
}

page-subscribe-history-detail .container .title-box {
  padding: 16px 0;
}

page-subscribe-history-detail .container .title-box ion-label {
  color: #333333 !important;
}

page-subscribe-history-detail .container .list-box .list-section {
  padding: 10px 10px;
  border-radius: 9px;
  width: 100%;
  height: auto;
  margin-bottom: 13px;
  background-color: #fff;
  border: 1px solid #dfdfe5;
}

page-subscribe-history-detail .container .list-box .list-section .label {
  color: #A5B0B7 !important;
  text-transform: capitalize;
}

page-subscribe-history-detail .container .list-box .list-section .value {
  font-weight: bold;
  text-align: right;
}

page-subscribe-history-detail .container .list-box .list-section .standard {
  color: #192528 !important;
}

page-subscribe-history-detail .container .list-box .list-section .primary {
  color: #F68A22 !important;
}

page-subscription-addon .subscription-name {
  font-size: 1.6em !important;
  font-weight: 500 !important;
}

page-subscription-addon .disable {
  background-color: #eee !important;
}

page-subscription-addon .disable .title-subsection-disable ion-label {
  color: #777 !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

page-subscription-addon .addon-box {
  background-color: white;
  margin: 10px;
  border: 0.5px solid #DEDEDE;
  border-radius: 5px;
}

page-subscription-addon .addon-box .alert-label {
  font-size: 12px !important;
  color: red !important;
  text-align: right;
}

page-subscription-addon .addon-box .title-section .title-subsection ion-label {
  color: #58595B !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

page-subscription-addon .addon-box .title-section .powered-subsection {
  color: #A5B0B7;
}

page-subscription-addon .addon-box .title-section .powered-subsection ion-label {
  color: #A5B0B7 !important;
}

page-subscription-addon .addon-box .title-section .subtitle-subsection {
  padding-top: 10px;
  color: #333333;
}

page-subscription-addon .addon-box .title-section .subtitle-subsection .price-subsection {
  padding-top: 10px;
  color: #F15A29;
  font-weight: 500;
}

page-subscription-addon .addon-box .icon-section {
  padding: 0 12px;
}

page-subscription-addon .addon-box .icon-section img {
  height: 50px !important;
}

page-subscription-addon .addon-box:hover {
  background-color: #EFF2F4;
}

page-subscription-addon-detail .addon-box .title-section .title-subsection ion-label {
  color: #58595B !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

page-subscription-addon-detail .addon-box .title-section .powered-subsection {
  color: #A5B0B7;
}

page-subscription-addon-detail .addon-box .title-section .powered-subsection ion-label {
  color: #A5B0B7 !important;
}

page-subscription-addon-detail .addon-box .title-section .subtitle-subsection {
  padding-top: 10px;
  color: #333333;
}

page-subscription-addon-detail .addon-box .title-section .subtitle-subsection .price-subsection {
  padding-top: 10px;
  color: #F15A29;
  font-weight: 500;
}

page-subscription-addon-detail .addon-box .icon-section img {
  height: 50px !important;
  width: 80px !important;
}

page-subscription-addon-detail .detail-box .detail-section {
  margin-bottom: 20px;
}

page-subscription-addon-detail .detail-box .detail-section .title-subsection {
  color: #333333;
}

page-subscription-addon-detail .detail-box .detail-section .detail-subsection {
  color: #A5B0B7;
}

page-subscription-addon-detail .button-section {
  margin-bottom: 10px;
}

page-subscription-confirmation ion-content {
  background: #f4f4f4 !important;
}

page-subscription-confirmation ion-content hr {
  margin: 15px 0;
}

page-subscription-confirmation ion-content .border-line {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}

page-subscription-confirmation ion-content .white-box {
  background: #fff;
  width: 100%;
  height: auto;
  padding: 20px;
  border-radius: 9px;
}

page-subscription-confirmation ion-content .white-box .greatday-name-box {
  width: 100%;
}

page-subscription-confirmation ion-content .white-box .greatday-name-box .subscription-tittle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-confirmation ion-content .white-box .greatday-name-box .subscription-tittle .subscription-name {
  color: #192528;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-confirmation ion-content .white-box .greatday-name-box .subscription-tittle .subscription-name-label {
  color: #A5B0B7;
  font-size: 1em;
}

page-subscription-confirmation ion-content .white-box .subscriptionPolicy {
  padding-top: .5em;
}

page-subscription-confirmation ion-content .white-box .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-confirmation ion-content .white-box .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1.4;
  word-break: break-all;
  margin: 0;
}

page-subscription-confirmation ion-content .white-box .subscription-detail p:last-child {
  color: #192528;
  text-align: right;
  line-height: 1.4;
  word-break: break-all;
  width: 100%;
}

page-subscription-confirmation ion-content .white-box .subscription-detail p.price {
  color: #63BEFB;
  font-weight: 500;
}

page-subscription-confirmation ion-content .white-box .sk-section label .check-box {
  max-width: 27px;
  margin-top: 0px;
}

page-subscription-confirmation ion-content .white-box .sk-section label .check-box .checkbox-icon {
  border-radius: 4px !important;
  border: 2px solid #E2E9ED;
  background: white !important;
  width: 24px !important;
  height: 24px !important;
}

page-subscription-confirmation ion-content .white-box .sk-section label .check-box .checkbox-icon .checkbox-inner {
  left: 6px !important;
  top: 2px !important;
  width: 7px;
  height: 13px;
  border-color: #F68A22;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

@media screen and (max-width: 768px) {
  page-subscription-confirmation ion-content .white-box .sk-section label .check-box {
    margin-top: 3px;
  }
}

page-subscription-confirmation ion-content .white-box .sk-section label .agree-label p {
  margin: 0;
  padding: 0 0 0 14px;
}

page-subscription-confirmation ion-content .white-box .sk-section ion-row .check-box {
  max-width: 27px;
  margin-top: 0px;
}

page-subscription-confirmation ion-content .white-box .sk-section ion-row .check-box .checkbox-icon {
  border-radius: 4px !important;
  border: 2px solid #E2E9ED;
  background: white !important;
  width: 24px !important;
  height: 24px !important;
}

page-subscription-confirmation ion-content .white-box .sk-section ion-row .check-box .checkbox-icon .checkbox-inner {
  left: 6px !important;
  top: 2px !important;
  width: 7px;
  height: 13px;
  border-color: #F68A22;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

@media screen and (max-width: 768px) {
  page-subscription-confirmation ion-content .white-box .sk-section ion-row .check-box {
    margin-top: 3px;
  }
}

page-subscription-confirmation ion-content .white-box .sk-section ion-row .agree-label p {
  margin: 0;
  padding: 0 0 0 14px;
}

page-subscription-confirmation ion-content .white-box .button-section {
  padding-top: 25px;
}

page-subscription-confirmation ion-content .white-box .button-section button {
  width: 100%;
  background: #63BEFB !important;
  border-radius: 50px;
}

page-subscription-confirmation .list-line {
  background-color: #eee !important;
  padding-left: 10px;
  border-radius: 5px;
  margin: 5px;
}

page-subscription-confirmation .list-grade .title {
  font-weight: bold;
  padding: 5px 15px;
}

page-subscription-confirmation .list-grade .input-grade {
  border: 1px solid #eee;
  border-radius: 8px;
  margin: 5px;
}

page-subscription-confirmation .list-grade .input-grade .text-input {
  text-align: right;
}

page-subscription-congratz ion-content {
  background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22)) !important;
  background-image: linear-gradient(to right, #F68A22, #F68A22) !important;
}

page-subscription-congratz ion-content .congratz {
  width: 100%;
  text-align: center;
}

page-subscription-congratz ion-content .congratz .thank {
  font-size: 30px;
  color: white;
  font-weight: bold;
  font-family: "roboto";
  margin: 0;
}

page-subscription-congratz ion-content .congratz .words {
  font-size: 15px;
  margin: 0;
  color: white;
  margin-top: 3.56px;
  font-family: "regular";
}

page-subscription-congratz ion-content .congratz-illustation {
  width: 100%;
  height: auto;
}

page-subscription-congratz ion-content .congratz-illustation .img-box {
  width: 100%;
  position: relative;
}

page-subscription-congratz ion-content .congratz-illustation .img-box .keluarga {
  position: absolute;
  top: 50px;
}

page-subscription-congratz ion-content .congratz-illustation .img-box img {
  width: 100%;
}

page-subscription-congratz ion-content .button-section {
  padding: 0px 100px;
}

page-subscription-congratz ion-content .button-section button {
  width: 100%;
  background: #f4f4f4 !important;
  border-radius: 10px;
  color: #F68A22 !important;
}

page-subscription-congratz .lbl-disini {
  color: #000 !important;
  text-decoration: underline;
  -webkit-text-decoration-color: #fbac5e !important;
  text-decoration-color: #fbac5e !important;
}

page-subscription-detail ion-header {
  border-bottom: 1px solid #dbdbe1;
}

page-subscription-detail ion-header ion-icon {
  font-size: 20px;
  color: #bbb;
}

page-subscription-detail ion-content .container ion-label {
  font-family: 'regular' !important;
  font-size: 1.8rem !important;
}

page-subscription-detail ion-content .container .title-box {
  padding: 16px 0;
}

page-subscription-detail ion-content .container .title-box ion-label {
  color: #333333 !important;
  font-size: 13px !important;
  margin: 7px 0;
}

page-subscription-detail ion-content .container .title-box .title {
  color: #A5B0B7 !important;
}

page-subscription-detail ion-content .container .list-box .list-section {
  padding: 10px 10px;
  border-radius: 9px;
  width: 100%;
  height: auto;
  margin-bottom: 13px;
  background-color: #fff;
  border: 1px solid #DFDFE5;
}

page-subscription-detail ion-content .container .list-box .list-section .label {
  font-size: 13px !important;
  color: #A5B0B7 !important;
  text-transform: capitalize;
}

page-subscription-detail ion-content .container .list-box .list-section .value {
  font-size: 13px !important;
  font-weight: bold;
  text-align: right;
  margin: 7px 2px !important;
}

page-subscription-detail ion-content .container .list-box .list-section .standard {
  color: #192528 !important;
}

page-subscription-detail ion-content .container .list-box .list-section .primary {
  color: #F68A22 !important;
}

page-subscription-detail ion-content .addon-box .title-section .title-subsection ion-label {
  color: #58595B !important;
  font-size: 2rem !important;
  font-weight: bold !important;
}

page-subscription-detail ion-content .addon-box .title-section .powered-subsection {
  color: #A5B0B7;
}

page-subscription-detail ion-content .addon-box .title-section .powered-subsection ion-label {
  color: #A5B0B7 !important;
}

page-subscription-detail ion-content .addon-box .title-section .subtitle-subsection {
  padding-top: 10px;
  color: #333333;
}

page-subscription-detail ion-content .addon-box .title-section .subtitle-subsection .price-subsection {
  padding-top: 10px;
  color: #F15A29;
  font-weight: 500;
}

page-subscription-detail ion-content .addon-box .icon-section img {
  height: 50px !important;
  width: 80px !important;
}

page-subscription-detail ion-content .detail-box .detail-section {
  margin-bottom: 20px;
}

page-subscription-detail ion-content .detail-box .detail-section .title-subsection {
  color: #333333;
}

page-subscription-detail ion-content .detail-box .detail-section .detail-subsection {
  color: #A5B0B7;
}

page-subscription-form .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-subscription-form .slashed {
  -webkit-text-decoration: line-through red;
  text-decoration: line-through red;
}

page-subscription-form .inner-html {
  margin-top: 15px;
}

page-subscription-form .inner-html .label-title {
  color: #F68A22;
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 8px;
}

page-subscription-form .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-subscription-form .attc-btn {
  padding-top: 10px;
}

page-subscription-form .attc-btn .item-inner {
  padding-right: 0px !important;
  border-bottom: none !important;
}

page-subscription-form .attc-btn ion-label {
  margin-left: 2px !important;
}

page-subscription-form ion-chip {
  height: 100% !important;
}

page-subscription-form .info-desc-privacy {
  color: #F68A22;
}

page-subscription-history ion-label {
  font-size: 1.4rem !important;
}

page-subscription-history .secondary-text {
  color: #A5B0B7 !important;
}

page-subscription-history .primary-text {
  color: #192528 !important;
}

page-subscription-history .bold-text {
  color: #192528 !important;
  font-weight: bold !important;
}

page-subscription-history .yellow-text {
  color: gold !important;
}

page-subscription-history .orange-text {
  color: goldenrod !important;
}

page-subscription-history .history-box {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 16px;
}

page-subscription-history .history-box .history-section ion-label:last-child {
  text-align: right;
}

page-subscription-history .row-skeleton {
  -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-subscription-history .row-skeleton .left-side {
  max-width: 100% !important;
  margin-bottom: 30px;
}

page-subscription-history .row-skeleton .left-side .line {
  background: #DEDEDE;
  margin: 5px 0;
}

page-subscription-history .row-skeleton .left-side .line:nth-child(1) {
  width: 50%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-history .row-skeleton .right-side {
  max-width: 100% !important;
  margin-bottom: 20px;
}

page-subscription-history .row-skeleton .right-side .list-box {
  padding: 10px 0;
  width: 100%;
}

page-subscription-history .row-skeleton .right-side .list-box .line {
  background: #DEDEDE;
  margin: 6px 0;
  width: 40%;
}

page-subscription-history .row-skeleton .right-side .list-box:nth-child(1) {
  padding: 0 0 10px 0;
}

page-subscription-history .row-skeleton .right-side .list-box:nth-child(6) .line {
  width: 50%;
}

page-subscription-list ion-header .subscription-history ion-label {
  font-family: "roboto" !important;
}

page-subscription-list .fixed-button {
  width: 100%;
  bottom: 0;
}

page-subscription-list .addons {
  position: fixed;
  z-index: 9;
  bottom: 20px;
  right: 84px;
  text-transform: capitalize;
  background: #F68A22;
  color: #fff;
  border-radius: 100px;
  padding: 10px 21px;
  -webkit-box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
  box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
}

@media screen and (max-width: 768px) {
  page-subscription-list .addons {
    right: 15px;
  }
}

@media screen and (max-width: 768px) {
  page-subscription-list ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-subscription-list ion-header ion-title .toolbar-title-md {
  padding-left: 0 !important;
}

@media only screen and (min-width: 768px) {
  page-subscription-list ion-header ion-title .toolbar-title-md {
    padding-left: 12px !important;
  }
}

page-subscription-list ion-header .subscription-history ion-label {
  margin: 0;
  font-size: 1.2em !important;
  text-transform: capitalize;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  page-subscription-list ion-header .subscription-history ion-label {
    font-size: 0.8em !important;
    color: #F68A22 !important;
  }
}

page-subscription-list ion-content {
  background: #f4f4f4 !important;
}

page-subscription-list ion-content .responsive-width {
  padding-bottom: 45px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #F68A22;
  /* For browsers that do not support gradients */
  background-image: url("../assets/images/subscription/bg-greatday-subscription.svg");
  /* Standard syntax */
  background-repeat: no-repeat;
  background-position: center;
  /* Center the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box {
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box .greatday-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box .greatday-logo img {
  max-height: 57px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box .subscription-tittle .subscription-name {
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .greatday-logo-box .subscription-tittle .subscription-name-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1em;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-status span.active {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #F68A22;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-detail p {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .subscription-detail p:last-child {
  color: #fff;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .button-section {
  padding-top: 25px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-primary .button-section button {
  width: 200px;
  background-color: #e2591c;
  border-radius: 50px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #F68A22;
  /* For browsers that do not support gradients */
  background-image: url("../assets/images/subscription/bg-greatday-subscription-red.svg");
  /* Standard syntax */
  background-repeat: no-repeat;
  background-position: center;
  /* Center the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box {
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .greatday-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .greatday-logo img {
  max-height: 57px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-tittle .subscription-name {
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-tittle .subscription-name-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1em;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-status span.active {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #F68A22;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .greatday-logo-box .subscription-status span.inactive {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #e2591c;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-status span.active {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #F68A22;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-status span.inactive {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #e2591c;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-detail p {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .subscription-detail p:last-child {
  color: #fff;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .button-section {
  padding-top: 25px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-red .button-section button {
  width: 200px;
  background-color: #fff;
  border-radius: 50px;
  color: #e2591c;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #F68A22;
  /* For browsers that do not support gradients */
  background-image: url("../assets/images/subscription/bg-greatday-subscription-secondary.svg");
  /* Standard syntax */
  background-repeat: no-repeat;
  background-position: center;
  /* Center the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box {
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .greatday-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .greatday-logo img {
  max-height: 57px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .subscription-tittle .subscription-name {
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .greatday-logo-box .subscription-tittle .subscription-name-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1em;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-status span.active {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #63BEFB;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-detail p {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .subscription-detail p:last-child {
  color: #fff;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .button-section {
  padding-top: 25px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-secondary .button-section button {
  width: 200px;
  background-color: #e2591c;
  border-radius: 50px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #F68A22;
  /* For browsers that do not support gradients */
  background-image: url("../assets/images/subscription/bg-greatday-subscription-yellow.svg");
  /* Standard syntax */
  background-repeat: no-repeat;
  background-position: center;
  /* Center the image */
  background-size: cover;
  /* Resize the background image to cover the entire container */
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box {
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box .greatday-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box .greatday-logo img {
  max-height: 57px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box .subscription-tittle .subscription-name {
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .greatday-logo-box .subscription-tittle .subscription-name-label {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1em;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-status span.active {
  line-height: 0;
  background: #fff;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f5e326;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-detail p {
  color: rgba(255, 255, 255, 0.7);
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .subscription-detail p:last-child {
  color: #fff;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .button-section {
  padding-top: 25px;
}

page-subscription-list ion-content .responsive-width .subscription-greatday-box-yellow .button-section button {
  width: 200px;
  background-color: #e2591c;
  border-radius: 50px;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #fff;
  border: 1px solid #dbdbe1;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box {
  width: 100%;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo img {
  max-height: 57px;
  border-radius: 8px;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name {
  color: #192528;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name-label {
  color: #A5B0B7;
  font-size: 1em;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-status span.active {
  line-height: 0;
  background: #F68A22;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-list ion-content .responsive-width .subscription-addons-box .subscription-detail p:last-child {
  color: #192528;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-list ion-content .responsive-width .warning-text-greatday {
  text-align: right;
  font-style: italic;
  color: #ffff00 !important;
}

page-subscription-list ion-content .responsive-width .warning-text-addons {
  text-align: right;
  font-style: italic;
  color: #e2591c !important;
}

page-subscription-list ion-content .responsive-width .warning-number-greatday {
  color: #ffff00;
}

page-subscription-list ion-content .responsive-width .warning-number-addons {
  color: #e2591c;
}

page-subscription-list ion-content .responsive-width .empty-state {
  width: 100%;
  text-align: center;
}

page-subscription-list ion-content .responsive-width .empty-state .subscribe {
  border-radius: 25px;
  text-transform: capitalize;
}

page-subscription-list ion-content .responsive-width .empty-state page-no-record div {
  padding-top: 50px !important;
  padding-bottom: 25px !important;
}

page-subscription-list ion-content .responsive-width .empty-state page-no-record div img {
  width: 100%;
  height: auto;
}

page-subscription-list .click-for-detail {
  text-align: right;
  font-style: italic;
  color: #fff;
}

page-subscription-list .row-skeleton {
  -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-subscription-list .row-skeleton .left-side {
  max-width: 100% !important;
  margin-bottom: 30px;
}

page-subscription-list .row-skeleton .left-side .line {
  background: #DEDEDE;
  margin: 5px 0;
}

page-subscription-list .row-skeleton .left-side .line:nth-child(1) {
  width: 50%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-list .row-skeleton .right-side {
  max-width: 100% !important;
  margin-bottom: 20px;
}

page-subscription-list .row-skeleton .right-side .list-box {
  padding: 10px 0;
  width: 100%;
}

page-subscription-list .row-skeleton .right-side .list-box .line {
  background: #DEDEDE;
  margin: 6px 0;
  width: 40%;
}

page-subscription-list .row-skeleton .right-side .list-box:nth-child(1) {
  padding: 0 0 10px 0;
}

page-subscription-list .row-skeleton .right-side .list-box:nth-child(6) .line {
  width: 50%;
}

page-subscription-list .update-button button {
  z-index: 99999 !important;
}

page-subscription-package ion-content .scroll-content {
  background-color: #EFF2F4;
}

page-subscription-package .validTextTelemedicine {
  font-size: 0.7em !important;
  font-weight: 500 !important;
  padding-top: 5px !important;
}

page-subscription-package .card-box {
  background-color: white;
  border: 0.5px solid #DEDEDE;
}

page-subscription-package .card-box .title-section {
  padding-top: 15px;
  width: 300px;
  margin: auto;
  text-align: center;
  position: relative;
}

page-subscription-package .card-box .title-section .price-subsection {
  color: #F15A29;
  font-size: 2rem;
  font-weight: bold;
  font-family: 'regular' !important;
  vertical-align: middle;
}

page-subscription-package .card-box .title-section .price-subsection .price-supsection {
  margin-left: 5px;
  vertical-align: top;
}

page-subscription-package .card-box .title-section .price-subsection .price-supsection::first-letter {
  display: inline-block;
  font-size: 150%;
  vertical-align: top;
  height: 0;
  vertical-align: middle;
}

page-subscription-package .card-box .title-section .price-subsection .price-supsection-first {
  margin-left: 5px;
  display: inline-block;
  font-size: 150%;
  vertical-align: top;
  vertical-align: middle;
}

page-subscription-package .card-box .title-section .person-subsection {
  position: absolute;
  color: #c5c9cc !important;
  font-size: 1.5rem;
  right: 70px;
  top: 65px;
}

page-subscription-package .card-box .credit-section {
  padding-top: 15px;
  color: #00A9BE !important;
  font-size: 2rem;
}

page-subscription-package .card-box .desc-section {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

page-subscription-package .card-box .item-section {
  color: #F68A22 !important;
  padding-top: 10px;
  padding-bottom: 15px;
}

page-subscription-package .card-box .item-section ion-icon {
  padding-left: 10px;
}

page-subscription-package .card-box .button-section {
  padding-top: 25px;
}

page-subscription-package .card-box .button-section button {
  width: 200px;
  background-color: #F15A29;
  border-radius: 50px;
}

page-subscription-package .space-cardbox {
  margin-bottom: 30px;
}

page-subscription-payment-list .list-payment-box {
  width: -webkit-fill-available;
}

page-subscription-payment-list .list-payment-box .bank-box {
  width: 100%;
}

page-subscription-payment-list .list-payment-box .first-title {
  margin: 10px 0px 10px 0px !important;
}

page-subscription-payment-list .list-payment-box .title-section {
  color: #A5B0B7;
  margin: 20px 0px 10px 0px;
}

page-subscription-payment-list .list-payment-box .bank-section {
  padding: 5px 0px 5px 0px;
}

page-subscription-payment-list .list-payment-box .bank-section .logo-bank {
  padding-right: 15px;
}

page-subscription-payment-list .list-payment-box .bank-section .logo-bank img {
  width: 80px;
}

page-subscription-payment-list .list-payment-box .bank-section .detail-bank {
  width: 100%;
  border-bottom: 1px solid #DEDEDE;
}

page-subscription-payment-method .wrap {
  border: 1px solid #D3E4E5;
  border-radius: 7px;
  padding-bottom: 0px !important;
}

page-subscription-payment-method .wrap ion-icon {
  color: #F68A22;
}

page-subscription-payment-method .confirm {
  font-size: 24px;
  font-family: 'regular';
  color: #02ADC0;
  margin-bottom: 3px;
  margin-top: 3px;
}

page-subscription-payment-method .pilih {
  font-size: 15px;
  color: #A5B0B7;
  margin-bottom: 15px;
  font-family: 'regular';
}

page-subscription-payment-method ion-list ion-item {
  padding: 5px 0px 5px 0px !important;
  border-top: 1px solid #E2E9ED !important;
}

page-subscription-payment-method .btn {
  width: 285.33px;
  height: 42px;
  background-color: #63BEFB;
  margin-top: 20px;
  margin-bottom: 20px;
}

page-subscription-payment-method b {
  font-weight: 900;
}

page-subscription-payment-method .view-total-price {
  color: #F68A22;
}

page-subscription-payment-method .view-total-pay {
  color: #63BEFB;
}

page-subscription-summary .colorPrimary {
  color: #F68A22 !important;
}

page-subscription-summary ion-content {
  background: #f4f4f4 !important;
}

page-subscription-summary ion-content hr {
  margin: 15px 0;
}

page-subscription-summary ion-content .white-box {
  background: #fff;
  width: 100%;
  height: auto;
  padding: 20px;
  border-radius: 9px;
}

page-subscription-summary ion-content .white-box .greatday-name-box {
  width: 100%;
}

page-subscription-summary ion-content .white-box .greatday-name-box .subscription-tittle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-summary ion-content .white-box .greatday-name-box .subscription-tittle .subscription-current {
  color: #192528;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 15px;
}

page-subscription-summary ion-content .white-box .greatday-name-box .subscription-tittle .subscription-addrenewal {
  color: #192528;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 15px;
}

page-subscription-summary ion-content .white-box .greatday-name-box .subscription-tittle .subscription-transaction {
  color: #192528;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 15px;
}

page-subscription-summary ion-content .white-box .border-line {
  border-bottom: 1px solid;
}

page-subscription-summary ion-content .white-box .subscription-price {
  font-size: 12px;
  margin: 15px 0 0 0;
  height: auto;
}

page-subscription-summary ion-content .white-box .subscription-price p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1;
  word-break: break-all;
  margin: 0;
}

page-subscription-summary ion-content .white-box .subscription-detail {
  font-size: 12px;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-summary ion-content .white-box .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1;
  margin: 0;
}

page-subscription-summary ion-content .white-box .subscription-detail p:first-child {
  word-wrap: break-word;
}

page-subscription-summary ion-content .white-box .total-employee {
  margin-top: 15px;
}

page-subscription-summary ion-content .white-box .sk-section label .check-box {
  max-width: 27px;
  margin-top: 0px;
}

page-subscription-summary ion-content .white-box .sk-section label .check-box .checkbox-icon {
  border-radius: 4px !important;
  border: 2px solid #e2e9ed;
  background: white !important;
  width: 24px !important;
  height: 24px !important;
}

page-subscription-summary ion-content .white-box .sk-section label .check-box .checkbox-icon .checkbox-inner {
  left: 6px !important;
  top: 2px !important;
  width: 7px;
  height: 13px;
  border-color: #F68A22;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

@media screen and (max-width: 768px) {
  page-subscription-summary ion-content .white-box .sk-section label .check-box {
    margin-top: 3px;
  }
}

page-subscription-summary ion-content .white-box .sk-section label .agree-label p {
  margin: 0;
  padding: 0 0 0 14px;
}

page-subscription-summary ion-content .white-box .sk-section ion-row .check-box {
  max-width: 27px;
  margin-top: 0px;
}

page-subscription-summary ion-content .white-box .sk-section ion-row .check-box .checkbox-icon {
  border-radius: 4px !important;
  border: 2px solid #e2e9ed;
  background: white !important;
  width: 24px !important;
  height: 24px !important;
}

page-subscription-summary ion-content .white-box .sk-section ion-row .check-box .checkbox-icon .checkbox-inner {
  left: 6px !important;
  top: 2px !important;
  width: 7px;
  height: 13px;
  border-color: #F68A22;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

@media screen and (max-width: 768px) {
  page-subscription-summary ion-content .white-box .sk-section ion-row .check-box {
    margin-top: 3px;
  }
}

page-subscription-summary ion-content .white-box .sk-section ion-row .agree-label p {
  margin: 0;
  padding: 0 0 0 14px;
}

page-subscription-summary ion-content .white-box .button-section {
  padding-top: 25px;
}

page-subscription-summary ion-content .white-box .button-section button {
  width: 100%;
  background: #63BEFB !important;
  border-radius: 50px;
}

page-subscription-terms div {
  padding: 1em 0em;
  text-align: justify;
}

page-subscription-terms div h2 {
  color: #F68A22;
  font-size: 13pt;
}

page-subscription-terms div p {
  color: #808080;
  font-size: 11pt;
  line-height: 120%;
}

page-subscription-terms .url {
  color: #3498db;
  text-decoration: none !important;
}

page-subscription-update .fixed-button {
  width: 100%;
  position: fixed;
  bottom: 0;
}

page-subscription-update .inner-html {
  margin-top: 15px;
}

page-subscription-update .inner-html .label-title {
  color: #F68A22;
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 8px;
}

page-subscription-update .addons {
  position: fixed;
  z-index: 9;
  bottom: 20px;
  right: 15px;
  text-transform: capitalize;
  background: #F68A22;
  color: #fff;
  border-radius: 100px;
  padding: 10px 21px;
  -webkit-box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
  box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
}

page-subscription-update ion-content .info-desc-privacy {
  color: #F68A22;
}

page-subscription-update ion-content .responsive-width {
  padding-bottom: 45px;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #fff;
  border: 1px solid #dbdbe1;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box {
  width: 100%;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo img {
  max-height: 57px;
  border-radius: 1px;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name {
  color: #192528;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name-label {
  color: #A5B0B7;
  font-size: 1em;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-status span.active {
  line-height: 0;
  background: #F68A22;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .subscription-detail p:last-child {
  color: #192528;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .button-section {
  padding-top: 25px;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .button-section button {
  width: 200px;
  border-radius: 50px;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .button-section .btn-update {
  font-size: 10px;
}

page-subscription-update ion-content .responsive-width .subscription-addons-box .button-section .btn-cancel {
  font-size: 10px;
}

page-subscription-update ion-content .responsive-width .greatday-name-box {
  width: 100%;
  margin-top: 10px;
}

page-subscription-update ion-content .responsive-width .greatday-name-box .subscription-tittle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-update ion-content .responsive-width .greatday-name-box .subscription-tittle .subscription-current {
  color: #192528;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 15px;
}

page-subscription-update ion-content .responsive-width .greatday-name-box .subscription-tittle .subscription-addrenewal {
  color: #192528;
  font-size: 1.2em;
  font-weight: 500;
  margin-top: 15px;
}

page-subscription-update ion-content .responsive-width .greatday-name-box .subscription-tittle .subscription-transaction {
  color: #F68A22;
  font-size: 1.4em;
  font-weight: 300;
  margin-top: 15px;
}

page-subscription-update ion-content .responsive-width .border-line {
  border-bottom: 1px solid;
}

page-subscription-update ion-content .responsive-width .subscription-price {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update ion-content .responsive-width .subscription-price p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1;
  margin: 0;
  margin-bottom: 10px;
}

page-subscription-update ion-content .responsive-width .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update ion-content .responsive-width .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1;
  margin: 0;
}

page-subscription-update ion-content .responsive-width .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update ion-content .responsive-width .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-update ion-content .responsive-width .warning-number-addons {
  color: #e2591c;
}

page-subscription-update ion-content .responsive-width #loan-range {
  color: #F68A22;
  text-align: left;
}

page-subscription-update ion-content .responsive-width #summary {
  color: #F68A22;
  text-align: center;
}

page-subscription-update ion-content .responsive-width #summary-note {
  color: #F68A22;
  text-align: left;
}

page-subscription-update ion-content .responsive-width #total {
  font-size: 1.5em !important;
  font-weight: bold;
}

page-subscription-update ion-content .responsive-width #range {
  font-size: 1.2em !important;
  font-weight: bold;
}

page-subscription-update .button-section {
  margin-bottom: 10px;
}

page-subscription-update .button-section button {
  width: 300px;
  border-radius: 50px;
}

page-subscription-update-package .fixed-button {
  width: 100%;
  position: fixed;
  bottom: 0;
}

page-subscription-update-package .inner-html {
  margin-top: 15px;
}

page-subscription-update-package .inner-html .label-title {
  color: #F68A22;
  font-size: 1.4em;
  font-weight: 300;
  margin-bottom: 8px;
}

page-subscription-update-package .addons {
  position: fixed;
  z-index: 9;
  bottom: 20px;
  right: 15px;
  text-transform: capitalize;
  background: #F68A22;
  color: #fff;
  border-radius: 100px;
  padding: 10px 21px;
  -webkit-box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
  box-shadow: 0 8px 36px 0 rgba(70, 89, 138, 0.3) !important;
}

page-subscription-update-package ion-content .info-desc-privacy {
  color: #F68A22;
}

page-subscription-update-package ion-content .responsive-width {
  padding-bottom: 45px;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box {
  border-radius: 9px;
  width: 100%;
  height: auto;
  padding: 20px;
  margin-bottom: 13px;
  background-color: #fff;
  border: 1px solid #dbdbe1;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box {
  width: 100%;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box .addons-logo img {
  max-height: 57px;
  border-radius: 8px;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle {
  margin-left: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name {
  color: #192528;
  font-size: 1.6em;
  font-weight: 500;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .addons-logo-box .subscription-tittle .subscription-name-label {
  color: #A5B0B7;
  font-size: 1em;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-status {
  text-align: right;
  margin: 20px 0 8px 0;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-status span.active {
  line-height: 0;
  background: #F68A22;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-status span.inactive {
  line-height: 0;
  background: #e2591c;
  padding: 3px 10px;
  border-radius: 20px;
  color: #f4f4f4;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-detail {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-detail p {
  color: #A5B0B7;
  text-align: left;
  line-height: 1.4;
  margin: 0;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-detail p:last-child {
  color: #192528;
  text-align: right;
  line-height: 1.4;
  width: 100%;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-cancel {
  font-size: 1em;
  margin: 8px 0 0 0;
  height: auto;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .subscription-cancel p {
  color: #e2591c;
  text-align: left;
  line-height: 1.4;
  margin: 0;
  font-style: italic;
  font-weight: 600;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .warning-number-addons {
  color: #e2591c;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .button-section {
  padding-top: 10px;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .button-section button {
  width: 200px;
  border-radius: 50px;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .button-section .btn-update {
  font-size: 12px;
  white-space: initial;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .button-section .btn-cancel {
  font-size: 12px;
  white-space: initial;
  background-color: #e2591c;
}

page-subscription-update-package ion-content .responsive-width .subscription-addons-box .button-section .btn-re-subbscribe {
  font-size: 12px;
  white-space: initial;
  background-color: #F68A22;
}

page-supervisor-search ion-list {
  text-align: center;
}

page-supervisor-search h2 {
  color: #F68A22 !important;
}

page-tracker-dashboard .container .button-section {
  padding: 35px 0;
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
}

page-tracker-dashboard .container .button-section .circle-button {
  margin: 0 auto;
  width: 140px;
  height: 140px;
  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;
  color: #fff;
  background: #F68A22;
  border-radius: 200px;
  -webkit-transition: background 200ms;
  transition: background 200ms;
}

page-tracker-dashboard .container .button-section .circle-button ion-icon, page-tracker-dashboard .container .button-section .circle-button ion-label {
  color: #fff !important;
  margin: 0;
  -webkit-box-flex: unset;
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

page-tracker-dashboard .container .button-section .circle-button ion-icon {
  font-size: 26px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-bottom: 4px;
}

page-tracker-dashboard .container .button-section .circle-button ion-label {
  font-size: 18px !important;
}

page-tracker-dashboard .container .button-section .circle-button.start {
  background: -webkit-gradient(linear, left top, right top, from(#f8ac54), to(#f68f2a));
  background: linear-gradient(90deg, #f8ac54 0%, #f68f2a 100%);
  -webkit-box-shadow: 0 0 0 8px rgba(248, 172, 84, 0.2);
  box-shadow: 0 0 0 8px rgba(248, 172, 84, 0.2);
}

page-tracker-dashboard .container .button-section .circle-button.stop {
  background: -webkit-gradient(linear, left top, right top, from(#f58e75), to(#f26c56));
  background: linear-gradient(90deg, #f58e75 0%, #f26c56 100%);
  -webkit-box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  -webkit-animation: shadowScale 2s infinite;
  animation: shadowScale 2s infinite;
}

@-webkit-keyframes shadowScale {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  }
  30% {
    -webkit-box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  }
}

@keyframes shadowScale {
  0% {
    -webkit-box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  }
  30% {
    -webkit-box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
  }
  50% {
    -webkit-box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 8px rgba(245, 142, 117, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
    box-shadow: 0 0 0 0px rgba(245, 142, 117, 0.2);
  }
}

page-tracker-dashboard .container .history-section {
  -webkit-transform: translateY(60px);
  transform: translateY(60px);
  opacity: 0;
}

page-tracker-dashboard .container .history-section ion-label.title {
  font-weight: 700;
  color: #333333;
}

page-tracker-dashboard .container .history-section ion-item h3 {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
}

page-tracker-dashboard .container .history-section ion-item span {
  color: #A5B0B7;
  font-size: 12px;
  margin-top: 2px;
}

page-tracker-history h3 {
  font-weight: 700;
  color: #333333;
  font-size: 16px i !important;
}

page-tracker-history-detail ion-label.title {
  font-weight: 700;
  color: #333333;
}

page-tracker-history-detail ion-item h3 {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
}

page-tracker-history-detail ion-item span {
  color: #A5B0B7;
  font-size: 12px;
  margin-top: 2px;
}

page-upload-member .btn-upload-member {
  margin: 0.5em 0.5em 0em 0.5em !important;
  font-size: 13px;
  width: 15em !important;
}

page-upload-member .slide-image {
  margin: 0 auto;
}

page-upload-member .upload-icon {
  margin-right: 4px;
}

page-upload-member .upload-icon::before {
  font-size: 16px;
}

page-upload-member gdx-loading {
  margin-left: 4px;
}

page-upload-member .upload-btn {
  margin-left: 0;
  margin-bottom: 8px;
}

page-upload-member .warning-box {
  background-color: rgba(240, 98, 77, 0.1);
  padding: 16px;
  border-radius: 10px;
}

page-upload-member .warning-box p {
  font-size: 12px !important;
  color: #F0624D !important;
}

page-upload-member-warning ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-upload-member-warning ion-content .top-panel .panel {
  padding: 15px;
}

page-upload-member-warning ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-upload-member-warning ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-upload-member-warning ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-upload-member-warning ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-upload-member-warning ion-content .wrap-list {
  padding: 0px 15px;
}

page-upload-member-warning ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-upload-member-warning ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-upload-member-warning ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-upload-member-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-upload-member-warning ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-upload-member-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-upload-member-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-upload-member-warning ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-user-response-modal ion-content {
  background-color: transparent !important;
}

page-user-response-modal .container {
  min-height: 100%;
  overflow: auto;
}

page-user-response-modal .container .img-wrapper {
  position: relative;
  background: transparent;
  height: 72px;
}

page-user-response-modal .container .img-wrapper img {
  border-radius: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 66px;
  height: 66px;
  position: absolute;
  bottom: -50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

page-user-response-modal .container .content {
  max-width: 650px;
  margin: 0 auto;
  border-radius: 20px 20px 0 0;
  padding-top: 33px;
  background-color: white;
}

page-user-response-modal .container .content .title-box {
  margin: 20px 0 22px 0;
}

page-user-response-modal .container .content .title-box h1 {
  text-align: center;
  margin: 0;
  width: 100%;
  font-family: 'bold';
  font-size: 24px;
}

page-user-response-modal .container .content .btn-box {
  margin-bottom: 10px;
}

page-user-response-modal .container .content .btn-box .btn-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-user-response-modal .container .content .btn-box .btn-section button {
  margin: 0;
  margin-bottom: 14px;
  padding: 0 24.5px;
  border-radius: 10px;
  color: #222;
  border-color: #dbdbe1;
  text-transform: capitalize;
  font-family: 'medium';
}

page-user-response-modal .container .content .btn-box .btn-section button ion-icon {
  margin-right: 8px;
}

page-user-response-modal .container .content .btn-box .btn-section .active {
  background-color: #63BEFB !important;
  border-color: transparent !important;
  color: white !important;
  padding: 0 16.46px;
}

page-user-response-modal .container .content .comment-box textarea {
  border-color: #dbdbe1;
  padding: 14px;
  height: 140px;
  width: 100%;
  margin-bottom: 27px;
}

page-user-response-modal .container .content .comment-box textarea ::-webkit-input-placeholder {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-user-response-modal .container .content .comment-box textarea ::-moz-placeholder {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-user-response-modal .container .content .comment-box textarea ::-ms-input-placeholder {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-user-response-modal .container .content .comment-box textarea ::placeholder {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-user-response-modal .container .content .comment-box button {
  text-transform: uppercase;
  border-radius: 10px;
  width: 100%;
  -webkit-box-shadow: 0px 7px 12px 0px rgba(246, 138, 34, 0.6) !important;
  box-shadow: 0px 7px 12px 0px rgba(246, 138, 34, 0.6) !important;
}

page-user-response-modal .container .content .secondary-text {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
  margin-bottom: 10px;
}

@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-advanced-search h2, page-advanced-search h3 {
  color: #F68A22 !important;
}

page-advanced-search .data-list-employee {
  margin-top: 20px !important;
}

page-advanced-search .data-list-employee ion-item {
  padding-right: 20px !important;
}

page-advanced-search .data-list-employee ion-item .item-inner {
  border: none !important;
}

page-advanced-search .data-list-employee ion-item h2 {
  color: black !important;
}

page-advanced-search .list-parent {
  margin-left: 20px !important;
}

page-advanced-search .align-right {
  float: right;
}

page-advanced-search .input-cal-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-advanced-search ion-item-divider {
  border: none !important;
  margin-bottom: -30px !important;
  background-color: #fff !important;
  margin-left: -15px !important;
}

page-advanced-search .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-advanced-search .list-ios > .item-block:last-child, page-advanced-search .list-ios > .item-wrapper:last-child .item-block {
  border: none !important;
}

page-advanced-search .list-ios > .item-block:first-child {
  border: none !important;
}

page-advanced-search .list-advanced {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-advanced-search .list-advanced ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-advanced-search .align-center {
  text-align: center !important;
}

page-advanced-search .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-advanced-search-more h2, page-advanced-search-more h3 {
  color: #F68A22 !important;
}

page-advanced-search-more .data-list-employee {
  margin-top: 20px !important;
}

page-advanced-search-more .data-list-employee ion-item {
  padding-right: 20px !important;
}

page-advanced-search-more .data-list-employee ion-item .item-inner {
  border: none !important;
}

page-advanced-search-more .data-list-employee ion-item h2 {
  color: black !important;
}

page-advanced-search-more .list-parent {
  margin-left: 20px !important;
}

page-advanced-search-more .align-right {
  float: right;
}

page-advanced-search-more .input-cal-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-advanced-search-more .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-advanced-search-more ion-item-divider {
  border: none !important;
  margin-left: -10px !important;
  background-color: #fff !important;
}

page-advanced-search-more .list-ios > .item-block:last-child, page-advanced-search-more .list-ios > .item-wrapper:last-child .item-block {
  border: none !important;
}

page-advanced-search-more .list-ios > .item-block:first-child {
  border: none !important;
}

page-advanced-search-more .list-advanced {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-advanced-search-more .list-advanced ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-advanced-search-more .align-center {
  text-align: center !important;
}

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-biodata ion-datetime {
  font-size: 0.8em !important;
}

page-biodata btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-biodata btn-tag span {
  font-size: 1.2em !important;
}

page-biodata .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-biodata .page-biodata #parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

page-biodata .page-biodata .label-title {
  margin-top: 5px;
}

page-biodata .page-biodata .button-sizing {
  font-size: 20px;
}

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

page-biodata .page-biodata .img-circle {
  border-radius: 80%;
  color: white;
  height: 100px;
  width: 100px;
}

page-biodata ion-title p, page-biodata ion-title h2 {
  font-size: 0.8em !important;
}

page-biodata .button-inner {
  font-size: 0.8em !important;
}

page-biodata ion-label, page-biodata ion-select, page-biodata ion-option, page-biodata ion-input, page-biodata textarea {
  font-size: 0.8em !important;
}

page-biodata .btn-center-clear {
  text-align: center;
  width: 100%;
  margin: auto;
}

page-biodata .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-biodata .btn-tag span {
  font-size: 1.2em !important;
}

page-biodata ion-alert ion-backdrop {
  background-color: #000000 !important;
}

page-change-hr .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-hr .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-hr .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-change-hr .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-change-hr .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-hr .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-hr .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-hr .btn-tag span {
  font-size: 1.2em !important;
}

page-change-hr ion-item ion-label {
  color: #808080 !important;
}

page-change-hr .label-group {
  margin-left: 1em;
}

page-change-hr .select-group {
  margin-right: 0.3em;
}

page-change-hr .icon-info {
  font-size: 30px;
}

page-change-pass 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;
}

page-change-pass .main-background {
  width: 100%;
  height: 100%;
}

page-change-pass .warning-box {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 24px;
  width: 100%;
}

page-change-pass .warning-box .cancel-text {
  padding: 1px;
  border-radius: 200px;
}

page-change-pass .warning-box .cancel-text:hover {
  background-color: #fff;
  cursor: pointer;
}

page-change-pass .warning-box .bg-box {
  background-color: #fbd67e;
}

page-change-pass .warning-box .bg-box ion-label {
  margin-left: 10px;
  color: var(--ion-color-primary-shade);
}

page-change-pass .logo-icon {
  text-align: center;
  font-size: 20px;
  margin-top: -5%;
}

page-change-pass .slide-title {
  margin-top: 0.5rem;
  color: #189dae;
  font-size: 2em !important;
}

page-change-pass .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-pass .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-pass .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-change-pass .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-change-pass .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-pass .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-pass .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-pass .btn-tag span {
  font-size: 1.2em !important;
}

page-change-pass .eye-icon {
  margin-bottom: 7px;
}

page-change-pass ion-item {
  padding-left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-change-pass ion-item ion-input.input-ion input {
  font-size: 15px !important;
  min-width: 100%;
  margin: 10px 0;
  color: #333333 !important;
}

page-change-pass .form-border {
  border-bottom: 1.5px solid #dbdbe1 !important;
}

.page-register-company 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;
  overflow: hidden;
}

.page-register-company ion-list {
  width: 100%;
}

.page-register-company img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.page-register-company ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #7f7f7f !important;
}

.page-register-company ion-row a {
  color: #7f7f7f !important;
}

.page-register-company .item-ios.item-block .item-inner {
  margin-left: 13% !important;
}

.page-register-company .item-md.item-block .item-inner {
  margin-left: 10% !important;
}

.page-register-company ion-item {
  color: #808080;
  background-color: transparent;
  margin-left: 40px !important;
  border-bottom: 1px solid #b8bcbb !important;
}

.page-register-company ion-item .item-inner {
  border: none !important;
}

.page-register-company ion-list {
  margin: 0;
}

.page-register-company .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

.page-register-company .error p {
  color: white;
  font-weight: bold;
}

.page-register-company control-messages {
  font-size: 0.8em;
  width: 100%;
  max-width: none !important;
}

.page-register-company ion-title p {
  font-size: 0.9em !important;
}

.page-register-company ion-label {
  font-size: 0.9em;
  white-space: normal !important;
  max-width: none !important;
  width: 100%;
}

.page-register-company ion-icon {
  font-size: 1.3em;
  position: absolute;
  bottom: 0;
  margin: 0 !important;
}

.page-register-company ion-input, .page-register-company ion-textarea, .page-register-company control-messages {
  font-size: 0.8em;
  border-bottom: 0px !important;
}

.page-register-company .item-label-floating input {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin: 8px 8px 11px 0 !important;
}

.page-register-company .submit-button {
  width: 90%;
  font-size: 1em;
  border-radius: 20px 20px 20px 20px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-right: 20px !important;
}

.page-register-company .submit-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.page-register-company .link-button {
  width: 100%;
  font-size: 14px;
}

.page-register-company .content-md {
  color: black;
  background-color: #fff;
}

.page-register-company .forgotpass-button {
  width: 100%;
  color: #b8bcbb;
}

.page-register-company .forgotpass-button .button-inner {
  text-align: center;
  font-size: 0.9em !important;
}

.page-register-company .item-avatar {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 0px auto !important;
}

.page-register-company .input-company-icon:after {
  content: "\e91f";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-company-icon:before {
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-bussines-icon:after {
  content: "\e908";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-person-icon:after {
  content: "\e939";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-email-icon:after {
  content: "\e920";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-phone-icon:after {
  content: "\e93c";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-position-icon:after {
  content: "\e904";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-key-icon:after {
  content: "\e92d";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.page-register-company .input-cover {
  height: 0% !important;
}

.page-register-company .images-bottom {
  width: 102% !important;
  max-width: 102% !important;
  min-width: 102% !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  bottom: 0;
  right: 0;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}

.company-team .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

.company-team .error p {
  color: white;
  font-weight: bold;
}

.company-team .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.company-team .disabled {
  pointer-events: none;
  cursor: default;
}

.company-team .select-country .item-md.item-block .item-inner {
  border-bottom: none !important;
}

.company-team .box-agreement {
  margin: 20px;
}

.company-team .box-agreement .text-agree {
  font-size: 1.4em !important;
  margin-left: 20px !important;
}

.company-team .ion-item {
  border-bottom: none !important;
}

.company-team ion-select {
  max-width: 100% !important;
}

.company-team ion-title p {
  font-size: 1.1em !important;
}

.company-team ion-label {
  font-size: 0.9em;
  white-space: normal !important;
  max-width: none !important;
  width: 100%;
  color: #7f7f7f !important;
}

.company-team ion-input, .company-team ion-textarea, .company-team control-messages {
  font-size: 0.8em;
  color: #7f7f7f !important;
}

.company-team h2, .company-team p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

.company-team .btn-submit {
  padding: 0 2em !important;
}

.company-team ion-list-header {
  margin-bottom: -10px !important;
}

page-request-all .ico-req {
  color: #7f7f7f !important;
  font-size: 24pt !important;
}

page-request-all .list-take {
  padding: 1em 0.5em !important;
}

page-request-all ion-item ion-label {
  color: #7f7f7f;
  text-transform: capitalize;
  padding: 0.5em 0.2em;
}

page-request-all ion-item .sficon-forward {
  color: #F68A22 !important;
}

page-request-all .announce-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: 150%;
  margin-bottom: 3em;
  color: #7f7f7f !important;
}

page-request-all .left-button {
  margin-top: -5px;
  border-right: 1px solid #F68A22;
  text-align: center;
  height: 200px;
  white-space: normal;
}

page-request-all .right-button {
  margin-top: -5px;
  text-align: center;
  height: 200px;
  white-space: normal;
}

page-request-all .text {
  position: absolute;
  top: 80%;
  height: 50%;
  font-size: 12px;
}

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-forgot-pass 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;
}

page-forgot-pass img {
  width: 50%;
  height: 50%;
  margin: 0 auto;
}

page-forgot-pass p.title {
  color: #808080;
}

page-forgot-pass p.title img.img-email {
  width: 35% !important;
  min-width: 210px;
  pointer-events: none;
}

page-forgot-pass ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

page-forgot-pass ion-row a {
  color: #808080;
}

page-forgot-pass .item-ios.item-block .item-inner {
  margin-left: 13% !important;
}

page-forgot-pass .item-md.item-block .item-inner {
  margin-left: 10% !important;
}

page-forgot-pass ion-item {
  color: #808080;
  background-color: transparent;
  border-bottom: 1px solid #b8bcbb !important;
}

page-forgot-pass ion-item .item-inner {
  border: none !important;
}

page-forgot-pass ion-list {
  margin: 0;
  width: 90%;
}

page-forgot-pass .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-forgot-pass .error p {
  color: white;
  font-weight: bold;
}

page-forgot-pass .top-text {
  margin-bottom: 40px;
}

page-forgot-pass .top-text h2 {
  font-weight: 600;
  color: #192528;
  font-size: 25px;
}

page-forgot-pass .top-text p {
  font-size: 16px;
  opacity: .7;
}

page-forgot-pass .top-text p b {
  font-weight: 500;
}

page-forgot-pass .input-item {
  padding: 0;
  padding-left: 0 !important;
  position: relative;
  margin: 5px auto 15px auto;
}

page-forgot-pass .input-item .box-item {
  border: none;
}

page-forgot-pass .input-item .box-item .right-icon input {
  padding-right: 30px;
}

page-forgot-pass .input-item .box-item input {
  padding-left: 10px;
  padding-right: 10px;
}

page-forgot-pass .input-item .box-item ion-input.company input {
  padding-right: 30px;
}

page-forgot-pass .input-item .search-icon {
  cursor: pointer;
  position: absolute;
  right: 14px;
  bottom: 13px;
  font-size: 21px;
  color: #A5B0B7;
  z-index: 1;
}

page-forgot-pass button:disabled,
page-forgot-pass button[disabled] {
  background: #E2E9ED;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

@media screen and (min-width: 1280px) {
  page-forgot-pass .input-item {
    max-width: 380px;
  }
  page-forgot-pass .forgot-button {
    max-width: 380px;
  }
}

page-forgot-pass control-messages {
  font-size: 0.8em;
  width: 100%;
  max-width: none !important;
}

page-forgot-pass ion-label {
  font-size: 0.9em;
  white-space: normal !important;
  max-width: none !important;
  width: 100%;
}

page-forgot-pass .submit-button {
  width: 90%;
  font-size: 1em;
  border-radius: 20px 20px 20px 20px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-forgot-pass .submit-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

page-forgot-pass .link-button {
  width: 100%;
  font-size: 14px;
}

page-forgot-pass .content-md {
  color: black;
  background-color: #fff;
}

page-forgot-pass .forgotpass-button {
  width: 100%;
  text-transform: none !important;
  color: #b8bcbb;
}

page-forgot-pass .forgotpass-button .button-inner {
  text-align: center;
  font-size: 0.9em !important;
}

page-forgot-pass .item-avatar {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 0px auto !important;
}

page-forgot-pass .input-company-icon:after {
  content: "\e91f";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

page-forgot-pass .input-email-icon:after {
  content: "\e920";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

page-forgot-pass .input-cover {
  height: 0% !important;
}

page-forgot-pass .images-bottom {
  width: 102% !important;
  max-width: 102% !important;
  min-width: 102% !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 0px !important;
  position: absolute;
  bottom: 0px;
  right: 0;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}

page-forgot-pass .forgot-button {
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F68A22;
  margin-top: 20px;
  height: 4rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-forgot-pass .forgot-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

page-forgot-pass .forgot-button.activated {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass .forgot-button:hover {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass .title-message-text {
  font-family: bold !important;
  text-align: center !important;
  font-size: 25px !important;
}

page-forgot-pass .message-text {
  font-family: light !important;
  text-align: center !important;
}

page-forgot-pass .failed-message-text {
  font-family: light !important;
  text-align: center !important;
  color: #189dae !important;
}

page-forgot-pass 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;
}

page-forgot-pass img {
  width: 50%;
  height: 50%;
  margin: 0 auto;
}

page-forgot-pass p.title {
  color: #808080;
}

page-forgot-pass p.title img.img-email {
  width: 35% !important;
  min-width: 210px;
  pointer-events: none;
}

page-forgot-pass ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

page-forgot-pass ion-row a {
  color: #808080;
}

page-forgot-pass .item-ios.item-block .item-inner {
  margin-left: 13% !important;
}

page-forgot-pass .item-md.item-block .item-inner {
  margin-left: 10% !important;
}

page-forgot-pass ion-item {
  color: #808080;
  background-color: transparent;
  border-bottom: 1px solid #b8bcbb !important;
}

page-forgot-pass ion-item .item-inner {
  border: none !important;
}

page-forgot-pass ion-list {
  margin: 0;
  width: 90%;
}

page-forgot-pass .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-forgot-pass .error p {
  color: white;
  font-weight: bold;
}

page-forgot-pass .top-text {
  margin-bottom: 40px;
}

page-forgot-pass .top-text h2 {
  font-weight: 600;
  color: #192528;
  font-size: 25px;
}

page-forgot-pass .top-text p {
  font-size: 16px;
  opacity: .7;
}

page-forgot-pass .top-text p b {
  font-weight: 500;
}

page-forgot-pass .input-item {
  padding: 0;
  padding-left: 0 !important;
  position: relative;
  margin: 5px auto 15px auto;
}

page-forgot-pass .input-item .box-item {
  border: none;
}

page-forgot-pass .input-item .box-item .right-icon input {
  padding-right: 30px;
}

page-forgot-pass .input-item .box-item input {
  padding-left: 10px;
  padding-right: 10px;
}

page-forgot-pass .input-item .box-item ion-input.company input {
  padding-right: 30px;
}

page-forgot-pass .input-item .search-icon {
  cursor: pointer;
  position: absolute;
  right: 14px;
  bottom: 13px;
  font-size: 21px;
  color: #A5B0B7;
  z-index: 1;
}

page-forgot-pass button:disabled,
page-forgot-pass button[disabled] {
  background: #E2E9ED;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

@media screen and (min-width: 1280px) {
  page-forgot-pass .input-item {
    max-width: 380px;
  }
  page-forgot-pass .forgot-button {
    max-width: 380px;
  }
}

page-forgot-pass control-messages {
  font-size: 0.8em;
  width: 100%;
  max-width: none !important;
}

page-forgot-pass ion-label {
  font-size: 0.9em;
  white-space: normal !important;
  max-width: none !important;
  width: 100%;
}

page-forgot-pass .submit-button {
  width: 90%;
  font-size: 1em;
  border-radius: 20px 20px 20px 20px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-forgot-pass .submit-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

page-forgot-pass .link-button {
  width: 100%;
  font-size: 14px;
}

page-forgot-pass .content-md {
  color: black;
  background-color: #fff;
}

page-forgot-pass .forgotpass-button {
  width: 100%;
  text-transform: none !important;
  color: #b8bcbb;
}

page-forgot-pass .forgotpass-button .button-inner {
  text-align: center;
  font-size: 0.9em !important;
}

page-forgot-pass .item-avatar {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 0px auto !important;
}

page-forgot-pass .input-company-icon:after {
  content: "\e91f";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

page-forgot-pass .input-email-icon:after {
  content: "\e920";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

page-forgot-pass .input-cover {
  height: 0% !important;
}

page-forgot-pass .images-bottom {
  width: 102% !important;
  max-width: 102% !important;
  min-width: 102% !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 0px !important;
  position: absolute;
  bottom: 0px;
  right: 0;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}

page-forgot-pass .forgot-button {
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F68A22;
  margin-top: 20px;
  height: 4rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-forgot-pass .forgot-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

page-forgot-pass .forgot-button.activated {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass .forgot-button:hover {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass .title-message-text {
  font-family: bold !important;
  text-align: center !important;
  font-size: 25px !important;
}

page-forgot-pass .message-text {
  font-family: light !important;
  text-align: center !important;
}

page-forgot-pass .failed-message-text {
  font-family: light !important;
  text-align: center !important;
  color: #189dae !important;
}

page-forgot-pass2 .success-box, page-forgot-pass2 .failed-box {
  padding-top: 50px;
}

page-forgot-pass2 p.title {
  color: #808080;
}

page-forgot-pass2 p.title img.img-mola {
  width: 90%;
  max-width: 330px;
}

page-forgot-pass2 ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #7f7f7f !important;
}

page-forgot-pass2 ion-row a {
  color: #7f7f7f !important;
}

page-forgot-pass2 .item-ios.item-block .item-inner {
  margin-left: 13% !important;
  border: none;
}

page-forgot-pass2 .item-md.item-block .item-inner {
  margin-left: 10% !important;
  border: none;
}

page-forgot-pass2 ion-list {
  margin: 0;
  width: 90%;
}

page-forgot-pass2 .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-forgot-pass2 .error p {
  color: white;
  font-weight: bold;
}

page-forgot-pass2 control-messages {
  font-size: 0.8em;
  width: 100%;
  max-width: none;
  margin-left: 10px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

page-forgot-pass2 .req-error {
  font-size: 9pt !important;
  color: #DC281E;
  margin-left: 10px;
  width: 100%;
}

page-forgot-pass2 .link-button {
  width: 100%;
  font-size: 14px;
}

page-forgot-pass2 .content-md {
  color: black;
  background-color: #fff;
}

page-forgot-pass2 .forgotpass-button {
  width: 100%;
  text-transform: none !important;
  color: #b8bcbb;
}

page-forgot-pass2 .forgotpass-button .button-inner {
  text-align: center;
  font-size: 0.9em !important;
}

page-forgot-pass2 .item-avatar {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 0px auto !important;
}

page-forgot-pass2 .input-cover {
  height: 0% !important;
}

page-forgot-pass2 .images-bottom {
  width: 102% !important;
  max-width: 102% !important;
  min-width: 102% !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 0px !important;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}

page-forgot-pass2 .message-box {
  margin-bottom: 20px;
  margin-top: 150px;
}

page-forgot-pass2 .message-box h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .4px;
  color: #F68A22;
}

page-forgot-pass2 .message-box h4 {
  text-align: center;
  font-size: 15px;
  color: #A5B0B7;
}

page-forgot-pass2 .title-message-text {
  text-align: center;
  font-weight: 500;
}

page-forgot-pass2 .message-text {
  font-family: light !important;
  text-align: center !important;
}

page-forgot-pass2 .failed-message-text {
  font-family: light !important;
  text-align: center !important;
  color: #189dae !important;
}

page-forgot-pass2 .eye-icon {
  margin: 0 0 0 0;
  position: absolute;
  right: 10px;
}

page-forgot-pass2 ion-item {
  padding-left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-forgot-pass2 ion-item ion-input.input-ion input {
  font-size: 15px !important;
  min-width: 100%;
  margin: 10px 0;
  color: #333333 !important;
}

page-forgot-pass2 .form-border {
  border-bottom: 1.5px solid #dbdbe1 !important;
}

page-forgot-pass2 .container {
  height: 100%;
}

page-forgot-pass2 .container .profil-box {
  margin-top: 50px;
}

page-forgot-pass2 .container .profil-box image-component {
  margin-bottom: 12px;
}

page-forgot-pass2 .container .profil-box image-component img {
  border-radius: 200px;
  width: 115px;
  height: 115px;
}

page-forgot-pass2 .container .profil-box .name {
  font-size: 25px !important;
  font-family: 'bold' !important;
  color: #192528 !important;
  margin-bottom: 4px;
}

page-forgot-pass2 .container .profil-box .pos {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-forgot-pass2 .container form {
  width: 100%;
}

page-forgot-pass2 .container form .input-box {
  border: none;
  position: relative;
  margin-bottom: 3px;
}

page-forgot-pass2 .container form .input-box ion-input input {
  padding: 0 30px 0 10px;
}

page-forgot-pass2 .container form button:disabled,
page-forgot-pass2 .container form button[disabled] {
  background: #E2E9ED;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

page-forgot-pass2 .container .forgot-button {
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F68A22;
  margin-top: 20px;
  height: 4rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-forgot-pass2 .container .forgot-button.activated {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass2 .container .forgot-button:hover {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass2 .container .next ion-icon {
  font-size: 16px !important;
}

page-forgot-pass2 .container .next ion-label {
  text-transform: uppercase !important;
  font-family: 'regular' !important;
  font-size: 14px !important;
  color: #222 !important;
}

@media screen and (min-width: 1280px) {
  page-forgot-pass2 .container img.img-mola {
    width: 300px !important;
  }
  page-forgot-pass2 .container .input-box {
    max-width: 380px;
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container control-messages {
    max-width: 380px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container .req-error {
    max-width: 380px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container .forgot-button {
    max-width: 380px;
  }
}

page-forgot-pass2 .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-forgot-pass2 .progressbar ion-content {
  background-color: #febe38 !important;
}

page-forgot-pass2 .progressbar ion-content .content img {
  margin-bottom: 5px;
}

page-forgot-pass2 .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-forgot-pass2 .progressbar ion-content .content .backgroound-bar .bar {
  width: 0%;
  height: 10px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  position: absolute;
}

page-forgot-pass2 .progressbar ion-content .content .text {
  color: white !important;
  font-size: 20px !important;
  margin-top: 35px;
}

page-forgot-pass2 .success-box, page-forgot-pass2 .failed-box {
  padding-top: 50px;
}

page-forgot-pass2 p.title {
  color: #808080;
}

page-forgot-pass2 p.title img.img-mola {
  width: 90%;
  max-width: 330px;
}

page-forgot-pass2 ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #7f7f7f !important;
}

page-forgot-pass2 ion-row a {
  color: #7f7f7f !important;
}

page-forgot-pass2 .item-ios.item-block .item-inner {
  margin-left: 13% !important;
  border: none;
}

page-forgot-pass2 .item-md.item-block .item-inner {
  margin-left: 10% !important;
  border: none;
}

page-forgot-pass2 ion-list {
  margin: 0;
  width: 90%;
}

page-forgot-pass2 .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-forgot-pass2 .error p {
  color: white;
  font-weight: bold;
}

page-forgot-pass2 control-messages {
  font-size: 0.8em;
  width: 100%;
  max-width: none;
  margin-left: 10px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

page-forgot-pass2 .req-error {
  font-size: 9pt !important;
  color: #DC281E;
  margin-left: 10px;
  width: 100%;
}

page-forgot-pass2 .link-button {
  width: 100%;
  font-size: 14px;
}

page-forgot-pass2 .content-md {
  color: black;
  background-color: #fff;
}

page-forgot-pass2 .forgotpass-button {
  width: 100%;
  text-transform: none !important;
  color: #b8bcbb;
}

page-forgot-pass2 .forgotpass-button .button-inner {
  text-align: center;
  font-size: 0.9em !important;
}

page-forgot-pass2 .item-avatar {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
  max-height: 100px !important;
  margin: 0px auto !important;
}

page-forgot-pass2 .input-cover {
  height: 0% !important;
}

page-forgot-pass2 .images-bottom {
  width: 102% !important;
  max-width: 102% !important;
  min-width: 102% !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 0px !important;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: -5px !important;
  margin-bottom: -5px !important;
}

page-forgot-pass2 .message-box {
  margin-bottom: 20px;
  margin-top: 150px;
}

page-forgot-pass2 .message-box h2 {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .4px;
  color: #F68A22;
}

page-forgot-pass2 .message-box h4 {
  text-align: center;
  font-size: 15px;
  color: #A5B0B7;
}

page-forgot-pass2 .title-message-text {
  text-align: center;
  font-weight: 500;
}

page-forgot-pass2 .message-text {
  font-family: light !important;
  text-align: center !important;
}

page-forgot-pass2 .failed-message-text {
  font-family: light !important;
  text-align: center !important;
  color: #189dae !important;
}

page-forgot-pass2 .eye-icon {
  margin: 0 0 0 0;
  position: absolute;
  right: 10px;
}

page-forgot-pass2 ion-item {
  padding-left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-forgot-pass2 ion-item ion-input.input-ion input {
  font-size: 15px !important;
  min-width: 100%;
  margin: 10px 0;
  color: #333333 !important;
}

page-forgot-pass2 .form-border {
  border-bottom: 1.5px solid #dbdbe1 !important;
}

page-forgot-pass2 .container {
  height: 100%;
}

page-forgot-pass2 .container .profil-box {
  margin-top: 50px;
}

page-forgot-pass2 .container .profil-box image-component {
  margin-bottom: 12px;
}

page-forgot-pass2 .container .profil-box image-component img {
  border-radius: 200px;
  width: 115px;
  height: 115px;
}

page-forgot-pass2 .container .profil-box .name {
  font-size: 25px !important;
  font-family: 'bold' !important;
  color: #192528 !important;
  margin-bottom: 4px;
}

page-forgot-pass2 .container .profil-box .pos {
  font-size: 14px !important;
  font-family: 'medium' !important;
  color: #A5B0B7 !important;
}

page-forgot-pass2 .container form {
  width: 100%;
}

page-forgot-pass2 .container form .input-box {
  border: none;
  position: relative;
  margin-bottom: 3px;
}

page-forgot-pass2 .container form .input-box ion-input input {
  padding: 0 30px 0 10px;
}

page-forgot-pass2 .container form button:disabled,
page-forgot-pass2 .container form button[disabled] {
  background: #E2E9ED;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

page-forgot-pass2 .container .forgot-button {
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #F68A22;
  margin-top: 20px;
  height: 4rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-forgot-pass2 .container .forgot-button.activated {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass2 .container .forgot-button:hover {
  background-color: #F68A22 !important;
  opacity: .8;
}

page-forgot-pass2 .container .next ion-icon {
  font-size: 16px !important;
}

page-forgot-pass2 .container .next ion-label {
  text-transform: uppercase !important;
  font-family: 'regular' !important;
  font-size: 14px !important;
  color: #222 !important;
}

@media screen and (min-width: 1280px) {
  page-forgot-pass2 .container img.img-mola {
    width: 300px !important;
  }
  page-forgot-pass2 .container .input-box {
    max-width: 380px;
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container control-messages {
    max-width: 380px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container .req-error {
    max-width: 380px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-forgot-pass2 .container .forgot-button {
    max-width: 380px;
  }
}

page-forgot-pass2 .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-forgot-pass2 .progressbar ion-content {
  background-color: #febe38 !important;
}

page-forgot-pass2 .progressbar ion-content .content img {
  margin-bottom: 5px;
}

page-forgot-pass2 .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-forgot-pass2 .progressbar ion-content .content .backgroound-bar .bar {
  width: 0%;
  height: 10px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  position: absolute;
}

page-forgot-pass2 .progressbar ion-content .content .text {
  color: white !important;
  font-size: 20px !important;
  margin-top: 35px;
}

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-employee-list .check-subsection page-login-session .checkbox-icon, page-login-session page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box page-login-session .checkbox-icon, page-login-session .check-subsection .checkbox-icon, page-login-session page-shift-daily-setting-add .check .checkbox-icon, page-shift-daily-setting-add .check page-login-session .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-employee-list .check-subsection .checkbox-icon page-login-session .checkbox-inner, page-login-session page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon page-login-session .checkbox-inner, page-login-session .check-subsection .checkbox-icon .checkbox-inner, page-login-session page-shift-daily-setting-add .check .checkbox-icon .checkbox-inner, page-shift-daily-setting-add .check .checkbox-icon page-login-session .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-employee-list ion-content .list-box .label-box page-login-session ion-label, page-employee-list ion-content .list-box .list-section .detail page-login-session ion-label, page-employee-spv-path ion-content .list-box .label-box page-login-session ion-label, page-employee-spv-path 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-emp-rehire ion-content .list-box .label-box page-login-session ion-label, page-emp-rehire ion-content .list-box .list-section .detail page-login-session 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-job-description .container-box > h2 {
  font-size: 20px;
  margin-top: 0;
}

page-job-description .container-box ul {
  padding-left: 16px;
}

page-job-description .container-box ul li {
  margin: 6px 0;
}

page-job-description .container-box ul li b {
  color: #333333;
}

page-new-hire-checklist .CheckList .list {
  padding: 16px 16px;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 10px;
}

page-new-hire-checklist .CheckList .list .left ion-label {
  font-size: 16px !important;
  font-weight: bold;
  margin: 0;
  margin-right: 8px;
}

page-new-hire-checklist-detail .content p {
  font-size: 12px !important;
  margin: 0 !important;
}

page-new-hire-checklist-detail .content h2 {
  margin: 0 !important;
  margin-top: 8px !important;
}

page-new-hire-checklist-detail .content .section {
  margin-bottom: 16px;
}

page-new-hire-checklist-detail .content .section .personel {
  margin: 8px 0;
}

page-new-hire-checklist-detail .content .section .personel img {
  width: 40px;
  height: 40px;
  border-radius: 200%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-new-hire-checklist-detail .content .section .personel gd-avatar.gd-avatar {
  margin-left: -3px;
  margin-right: 8px;
}

page-new-hire-checklist-detail .content .section .personel .personInfo {
  margin: 8px 12px 0px 0px;
  padding-top: 3px;
}

page-new-hire-checklist-detail .content .section .personel .personInfo ion-label {
  margin: 0 !important;
}

page-new-hire-checklist-detail .content .section .personel .personInfo ion-label.name {
  font-weight: bold;
}

page-new-hire-checklist-detail .content .section .personel .personInfo ion-label.muted {
  color: #808080 !important;
}

page-new-hire-checklist-detail .content .section .personel .personInfo ion-label.email {
  color: #808080 !important;
  margin-top: 4px !important;
}

page-new-hire-dashboard .profile-container {
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 0 20px 0;
  margin-bottom: 20px;
}

page-new-hire-dashboard .profile-container div:nth-child(2) {
  margin: 5px 0;
}

page-new-hire-dashboard .profile-container div:nth-child(2) h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  white-space: nowrap;
}

page-new-hire-dashboard .profile-container div:nth-child(2) h3:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
}

page-new-hire-dashboard .profile-container div:nth-child(2) h3:nth-child(2) {
  color: #63BEFB;
}

page-new-hire-dashboard .profile-container div:nth-child(2) span {
  color: #333333;
}

page-new-hire-dashboard .progress-container {
  margin-bottom: 20px;
}

page-new-hire-dashboard .progress-container .bar-progress {
  padding: 15px 0 8px 0;
}

page-new-hire-dashboard .progress-container .box-percent {
  margin-bottom: 5px;
}

page-new-hire-dashboard .company-container {
  margin-bottom: 20px;
}

page-new-hire-dashboard .company-container > span {
  margin-bottom: 6px;
}

page-new-hire-dashboard .company-container .list-box {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 15px;
  margin: 6px 0;
}

page-new-hire-dashboard .company-container .list-box div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 15px;
}

page-new-hire-dashboard .company-container .list-box ion-label {
  margin: 0 0 7px 0;
  font-size: 16px !important;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-new-hire-dashboard .company-container .list-box span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-new-hire-dashboard .company-container .list-box img {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

page-new-hire-dashboard .slider-container {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

page-new-hire-dashboard .slider-container .box {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 16px;
  margin-right: 8px;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box {
  position: relative;
  width: 68px;
  height: 68px;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box .progress-ring {
  background-color: #F6F8F9;
  border-radius: 200px;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box .progress-ring .progress-ring__circle {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  stroke: #63BEFB;
  fill: transparent;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box .checkmark-box {
  border-radius: 200px;
  width: 24px;
  height: 24px;
  background-color: #63BEFB;
  position: absolute;
  bottom: 0;
  right: 0;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box .checkmark-box ion-icon {
  font-size: 16px;
  color: white;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box ion-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #222;
}

page-new-hire-dashboard .slider-container .box .icon-progress-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #222;
}

page-new-hire-dashboard .slider-container .box .title-progress {
  font-size: 16px !important;
  font-family: 'bold' !important;
  color: #222;
  line-height: 21px;
  height: 42px;
}

page-new-hire-dashboard .slider-container .box .desc-progress {
  font-size: 11px !important;
  color: #222;
  line-height: 17px;
  height: 55px;
}

page-new-hire-dashboard .slider-container .box button {
  font-family: 'bold';
  max-width: 100%;
  font-size: 12px;
}

page-new-hire-dashboard .slider-container .arrow-box {
  width: 32px;
  height: 32px;
  border-radius: 200px;
  background-color: white;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

page-new-hire-dashboard .slider-container .arrow-box ion-icon {
  font-size: 16px;
  color: #222;
}

page-new-hire-dashboard .slider-container .arrow-left {
  left: -18px;
}

page-new-hire-dashboard .slider-container .arrow-right {
  right: -18px;
}

page-new-hire-schedule-detail .content p {
  font-size: 12px !important;
  margin: 0 !important;
}

page-new-hire-schedule-detail .content h2 {
  margin: 0 !important;
  margin-top: 8px !important;
}

page-new-hire-schedule-detail .content .section {
  margin-bottom: 16px;
}

page-new-hire-schedule-detail .content .section .start {
  width: 50%;
}

page-new-hire-schedule-detail .content .section .end {
  width: 50%;
}

page-new-hire-schedule-detail .content .section .personel {
  margin: 0 0 8px 0;
}

page-new-hire-schedule-detail .content .section .personel gd-avatar.gd-avatar {
  margin-left: -3px;
  margin-right: 8px;
}

page-new-hire-schedule-detail .content .section .personel img {
  width: 40px;
  height: 40px;
  border-radius: 200%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-new-hire-schedule-detail .content .section .personel .personInfo {
  margin: 8px 12px 0px 0px;
}

page-new-hire-schedule-detail .content .section .personel .personInfo ion-label {
  margin: 0 !important;
}

page-new-hire-schedule-detail .content .section .personel .personInfo ion-label.name {
  font-weight: bold;
}

page-new-hire-schedule-detail .content .section .personel .personInfo ion-label.muted {
  color: #808080 !important;
}

page-new-hire-schedule-detail .content .section .personel .personInfo ion-label.email {
  color: #808080 !important;
  margin-top: 4px !important;
}

page-new-hire-survey .CheckList .list {
  padding: 16px 16px;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 10px;
}

page-new-hire-survey .CheckList .list .left ion-label {
  font-size: 16px !important;
  font-weight: bold;
  margin: 0;
  margin-right: 8px;
}

page-new-hire-training .datepicker-box {
  padding-bottom: 16px;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 16px;
}

page-new-hire-training .training-box .left-box .location-title {
  font-family: "bold" !important;
  font-size: 10px !important;
  color: #A5B0B7 !important;
  margin-bottom: 26px;
}

page-new-hire-training .training-box .left-box .location-box {
  margin-bottom: 16px;
}

page-new-hire-training .training-box .left-box .location-box p {
  font-family: "bold" !important;
  font-size: 10px !important;
  color: #222 !important;
}

page-new-hire-training .training-box .right-box {
  overflow: auto;
}

page-new-hire-training .training-box .right-box .time-box {
  position: relative;
  margin-bottom: 16px;
}

page-new-hire-training .training-box .right-box .time-box p {
  font-family: "bold" !important;
  font-size: 10px !important;
  color: #222 !important;
  width: 48px;
}

page-new-hire-training .training-box .right-box .training-wrap {
  margin-bottom: 16px;
}

page-new-hire-training .training-box .right-box .training-wrap .training-section {
  border-radius: 8px;
  padding: 8px;
  position: relative;
}

page-new-hire-training .training-box .right-box .training-wrap .training-section .bar {
  width: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

page-new-hire-training .training-box .right-box .training-wrap .training-section .detail {
  overflow: hidden;
}

page-new-hire-training .training-box .right-box .training-wrap .training-section .training-title {
  font-family: bold !important;
  color: white !important;
  margin-bottom: 4px;
}

page-new-hire-training .training-box .right-box .training-wrap .training-section .training-name {
  font-size: 10px !important;
  color: white !important;
}

page-new-hire-training .training-box .right-box .training-wrap:last-child {
  margin-bottom: 0;
}

page-new-hire-training .center-text {
  text-align: center;
}

page-new-hire-training gdx-footer .help-btn {
  position: fixed !important;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background-color: #1a73e8;
}

page-new-hire-training gdx-footer .help-btn .help-circle {
  border-radius: 200px;
  width: 24px;
  height: 24px;
  border: 2px solid white;
}

page-new-hire-training gdx-footer .help-btn .help-circle ion-icon {
  color: white;
  font-size: 14px;
}

page-new-hire-training-help .list-section p {
  color: #222 !important;
  font-size: 16px !important;
  font-family: 'bold' !important;
}

page-new-hire-training-help .list-section .color-box {
  width: 35px;
  height: 35px;
  border-radius: 8px;
}

page-offline-modal .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

page-offline-modal .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

page-offline-modal .container {
  position: relative;
  z-index: 2;
  padding: 16px;
  border-radius: 16px;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  background-color: white;
  height: auto;
  width: 90vw;
  max-width: 337px;
  max-height: 610px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

page-offline-modal .container .ilustrasi-box {
  margin-bottom: 16px;
}

page-offline-modal .container .detail-box {
  margin-bottom: 16px;
}

page-offline-modal .container .detail-box .title {
  font-size: 20px !important;
  font-weight: bold;
  color: #222 !important;
  margin-bottom: 8px;
  text-align: center;
}

page-offline-modal .container .detail-box .desc {
  color: #A5B0B7 !important;
  text-align: center;
}

page-offline-modal .container .record-box {
  border: 2px solid #dbdbe1;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 3px;
}

page-offline-modal .container .record-box p {
  color: #222 !important;
  margin-left: 16px;
}

page-offline-modal .container .record-section {
  margin-bottom: 11px;
}

page-offline-modal .container .record-section p {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  margin-right: 10px;
}

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-data-company .ion-input {
  border-bottom: 1px solid #dedede !important;
}

page-popover-modal ion-label {
  padding-left: 15px;
}

page-popover-modal .list-md {
  margin: unset !important;
}

page-profile .social-part {
  margin-bottom: 10px;
}

page-profile .social-box {
  width: 100%;
  max-width: 310px;
  margin: auto;
  padding: 0px 0px 0px 20px;
}

page-profile .social-box .social-section .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #E2E9ED;
}

page-profile .social-box .social-section .icon-box img {
  height: 20px;
  width: 20px;
}

page-profile .action-part {
  margin-bottom: 10px !important;
  padding-left: 20px;
}

page-profile .grid-layout {
  height: 100% !important;
}

page-profile .left-info-wrapper {
  width: 100%;
}

page-profile .right-info-wrapper {
  width: 100%;
}

page-profile .biginfo-profile {
  margin: 0;
}

page-profile .biginfo-profile .item-inner {
  border: 0 !important;
}

page-profile .biginfo-profile ion-avatar {
  min-width: 100px;
  min-height: 100px;
  margin-right: 0px !important;
}

page-profile .biginfo-profile ion-avatar img {
  width: 90px !important;
  height: 90px !important;
  padding: 0;
  margin: 0 auto;
}

page-profile .biginfo-profile .profile-desc {
  margin-left: 10px;
  padding-left: 1vw;
}

page-profile .biginfo-profile h1 {
  color: #63BEFB;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

page-profile .biginfo-profile ion-label {
  white-space: normal;
}

page-profile .biginfo-profile .follow-stat {
  border-width: 0 1px 0 1px;
  border-color: #ccc;
}

page-profile .biginfo-profile .follow-stat ion-col {
  text-align: left;
  padding: 0 5px;
  margin-top: 5px;
}

page-profile .follow-btn {
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 10px;
  background-color: #F68A22;
  color: #fff;
}

page-profile .action-button {
  overflow: hidden;
  -webkit-transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

page-profile .action-button ion-row ion-col {
  width: 25%;
  text-align: center;
  padding-left: 0;
  color: #A5B0B7;
}

page-profile .action-button ion-row ion-col div {
  text-align: center;
}

page-profile .action-button ion-row ion-col div p {
  font-size: 0.8em;
}

page-profile .action-button ion-row ion-col .icon-action {
  padding: 5px 0px 5px 0px;
  margin-bottom: 10px;
  border-radius: 10px;
}

page-profile .action-button ion-row ion-col .icon-action .new-icon {
  height: 2em !important;
  -webkit-filter: invert(74%) sepia(6%) saturate(446%) hue-rotate(160deg) brightness(94%) contrast(92%);
  filter: invert(74%) sepia(6%) saturate(446%) hue-rotate(160deg) brightness(94%) contrast(92%);
  margin: 0px !important;
}

page-profile .action-button ion-row ion-col .icon-action .icon-title {
  padding: 5px 0px 0px 0px !important;
  margin: 0 !important;
}

page-profile .action-button ion-row ion-col:last-child div {
  border-right: 0;
}

page-profile .action-button .action-section .action-subsection {
  width: 25%;
  text-align: center;
  padding-left: 0;
  color: #A5B0B7;
}

page-profile .action-button .action-section .action-subsection div {
  text-align: center;
}

page-profile .action-button .action-section .action-subsection div p {
  font-size: 0.8em;
}

page-profile .action-button .action-section .action-subsection .icon-action {
  padding: 5px 0px 5px 0px;
  margin: 0 auto   !important;
  max-width: 98px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

page-profile .action-button .action-section .action-subsection .icon-action .new-icon {
  height: 2em !important;
  -webkit-filter: invert(74%) sepia(6%) saturate(446%) hue-rotate(160deg) brightness(94%) contrast(92%);
  filter: invert(74%) sepia(6%) saturate(446%) hue-rotate(160deg) brightness(94%) contrast(92%);
  margin: 0px !important;
}

page-profile .action-button .action-section .action-subsection .icon-action .icon-title {
  padding: 5px 0px 0px 0px !important;
  margin: 0 !important;
}

page-profile .action-button .action-section ion-col:last-child div {
  border-right: 0;
}

page-profile .toggle-actionbtn {
  text-align: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}

@-webkit-keyframes slidedown {
  0% {
    height: 80px;
  }
}

@keyframes slidedown {
  0% {
    height: 80px;
  }
}

@-webkit-keyframes slideup {
  0% {
    height: 240px;
  }
}

@keyframes slideup {
  0% {
    height: 240px;
  }
}

page-profile .list-devinder {
  border-bottom: 1px solid #ccc;
  width: 100%;
}

page-profile .list-devinder ion-row.post-profile {
  padding: 0 10px;
}

page-profile .list-devinder ion-row.post-profile ion-list {
  margin: 0;
}

page-profile .list-devinder ion-row.post-profile ion-list ion-item h2 {
  color: #F68A22;
}

page-profile .list-devinder ion-row.post-profile ion-list ion-item p {
  margin-right: 4em !important;
}

page-profile .list-devinder ion-row.post-content p {
  padding: 0 10px;
  width: 100%;
  text-align: left;
}

page-profile .list-devinder ion-row.post-stat {
  padding: 10px;
}

page-profile .list-devinder ion-row.post-stat ion-col ion-icon:before {
  font-size: 1.3em;
}

page-profile .list-devinder ion-row.post-stat ion-col ion-icon {
  margin-right: 10px;
  color: #666;
}

page-profile .list-devinder ion-row.post-stat ion-col ion-icon.like-true {
  color: #ed4956;
}

page-profile .list-devinder ion-row.post-stat ion-col span {
  line-height: 2em;
  margin-right: 10px;
}

page-profile .list-ios > .item-block:last-child,
page-profile .list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 0;
}

page-profile .list-ios > .item-block:first-child {
  border-top: 0;
}

page-profile .list-ios {
  margin: 1px 0 5px 0;
}

page-profile .isspv-icon-true {
  opacity: 0.4;
  pointer-events: none;
}

page-profile .isspv-icon-false {
  opacity: 1;
}

page-profile .issf6 {
  opacity: 0;
  pointer-events: none;
}

page-profile .img-sfmola-profile {
  width: 30vw !important;
  height: 30vw !important;
}

page-profile p {
  text-align: center;
  color: #808080 !important;
  margin-top: 10px !important;
}

page-profile page-no-record p {
  margin-top: 10vw !important;
}

page-profile .col {
  padding: 0 !important;
}

@media screen and (min-width: 768px) {
  page-profile .left-info-wrapper {
    width: 36vw !important;
  }
  page-profile .action-button {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  page-profile .action-button ion-row {
    margin-left: 0.4em;
    margin-right: 0.4em;
  }
  page-profile .action-button .action-section {
    text-align: left !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
  }
  page-profile .toggle-actionbtn {
    visibility: hidden;
  }
  page-profile .right-info-wrapper {
    border-left: 1px solid #ccc;
    height: 100% !important;
  }
  page-profile .toggle-actionbtn {
    border: none !important;
  }
  page-profile .other p {
    font-size: 90% !important;
  }
  page-profile ion-row.post-content p {
    padding: 0px !important;
    width: 100%;
    margin-left: 5.2em;
  }
  page-profile ion-row.post-content div {
    margin-left: 5.2em;
    margin-right: 5.2em;
  }
  page-profile page-no-record .img-sfmola {
    width: 20vw !important;
    height: 20vw !important;
  }
  page-profile .list-devinder {
    border: none !important;
  }
  page-profile .empty {
    margin-top: 3%;
  }
}

@media screen and (min-width: 1280px) {
  page-profile ion-avatar {
    margin-left: 1.5em !important;
  }
  page-profile .left-info-wrapper {
    width: 28vw !important;
  }
  page-profile .ion-ios-arrow-down-outline:before,
  page-profile .ion-ios-arrow-up-outline:before {
    font-size: 1.5em;
  }
  page-profile page-no-record .img-sfmola {
    width: 15vw !important;
    height: 15vw !important;
  }
}

page-profile .row-skeleton {
  margin: 0 20px;
  padding-bottom: 15px;
}

page-profile .row-skeleton .left-side {
  padding: 20px;
  height: 200px;
}

page-profile .row-skeleton .left-side .photo-skaleton div {
  width: 90px;
  height: 90px;
  border-radius: 200px;
  background: #DEDEDE;
}

page-profile .row-skeleton .left-side .name-skaleton {
  margin-bottom: 20px;
}

page-profile .row-skeleton .left-side .name-skaleton div:nth-child(1) {
  width: 170px;
  background: #DEDEDE;
  margin-bottom: 10px;
}

page-profile .row-skeleton .left-side .name-skaleton div:nth-child(2) {
  width: 70px;
  background: #DEDEDE;
}

page-profile .row-skeleton .left-side .stats-skaleton {
  padding: 0 10px;
  margin-bottom: 20px;
}

page-profile .row-skeleton .left-side .stats-skaleton div {
  width: 50px;
  height: 50px;
  background: #DEDEDE;
  margin-bottom: 5px;
}

page-profile .row-skeleton .left-side .btn-follow-skaleton {
  min-height: 40px;
  width: 100%;
  margin-bottom: 15px;
  background: #DEDEDE;
}

page-profile .row-skeleton .left-side .sosmed-skaleton {
  margin-bottom: 20px;
}

page-profile .row-skeleton .left-side .sosmed-skaleton div {
  width: 40px;
  height: 40px;
  background: #DEDEDE;
  margin: 0 10px;
  border-radius: 100px;
}

page-profile .row-skeleton .left-side .title-skaleton div {
  background: #DEDEDE;
  margin-bottom: 20px;
  height: 10px;
}

page-profile .row-skeleton .left-side .action-skaleton {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile .row-skeleton .left-side .action-skaleton div {
  margin-bottom: 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;
}

page-profile .row-skeleton .left-side .action-skaleton div .box {
  width: 50px;
  height: 50px;
  background: #DEDEDE;
}

@media screen and (min-width: 1280px) {
  page-profile .row-skeleton .left-side {
    max-width: 32.7%;
  }
  page-profile .row-skeleton .right-side {
    padding: 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  page-profile .row-skeleton .left-side {
    max-width: 47%;
    padding: 10px 10px 0 0;
  }
  page-profile .row-skeleton .left-side .name-skaleton {
    margin-left: 10px;
  }
  page-profile .row-skeleton .left-side .name-skaleton div:nth-child(1) {
    width: 70%;
  }
  page-profile .row-skeleton .left-side .name-skaleton div:nth-child(2) {
    width: 40%;
  }
  page-profile .row-skeleton .left-side .stats-skaleton {
    padding: 0 10px;
  }
  page-profile .row-skeleton .left-side .stats-skaleton div {
    width: 35px;
    height: 40px;
  }
  page-profile .row-skeleton .left-side .photo-skaleton {
    max-width: 40% !important;
  }
  page-profile .row-skeleton .left-side .sosmed-skaleton div {
    margin: 0 2%;
  }
  page-profile .row-skeleton .right-side {
    padding: 10px;
  }
}

page-profile .row-skeleton .right-side {
  border-left: 1px solid #CCC;
}

page-profile .row-skeleton .right-side .feed-skaleton {
  border-bottom: 1px solid #CCC;
  padding: 20px 0 0 0;
  width: 100%;
  max-height: 230px;
  height: 200px;
}

page-profile .row-skeleton .right-side .feed-skaleton .user-post-skaleton {
  max-height: 80px;
}

page-profile .row-skeleton .right-side .feed-skaleton .user-post-skaleton .photo-skaleton {
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background: #DEDEDE;
  margin-left: 10px;
}

page-profile .row-skeleton .right-side .feed-skaleton .user-post-skaleton .name-skaleton {
  margin-bottom: 20px;
  padding-left: 20px;
}

page-profile .row-skeleton .right-side .feed-skaleton .user-post-skaleton .name-skaleton div:nth-child(1) {
  width: 170px;
  background: #DEDEDE;
  margin-bottom: 10px;
}

page-profile .row-skeleton .right-side .feed-skaleton .user-post-skaleton .name-skaleton div:nth-child(2) {
  width: 70px;
  background: #DEDEDE;
}

page-profile .row-skeleton .right-side .feed-skaleton .post-skaleton {
  padding-left: 50px;
  max-height: 55px;
}

page-profile .row-skeleton .right-side .feed-skaleton .post-skaleton div:nth-child(1) {
  width: 100%;
  background: #DEDEDE;
  margin-bottom: 10px;
  height: 10px;
}

page-profile .row-skeleton .right-side .feed-skaleton .post-skaleton div:nth-child(2) {
  width: 95%;
  background: #DEDEDE;
  margin-bottom: 10px;
  height: 10px;
}

page-profile .row-skeleton .right-side .feed-skaleton .like-skaleton {
  max-height: 30px;
}

page-profile .row-skeleton .right-side .feed-skaleton .like-skaleton div div:nth-child(1) {
  width: 70px;
  background: #DEDEDE;
  margin-bottom: 10px;
  height: 10px;
}

page-profile .row-skeleton .right-side .feed-skaleton:first-child {
  padding: 0;
}

page-profile .row-skeleton .br-2 {
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  page-profile .row-skeleton {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  page-profile .row-skeleton .left-side {
    min-width: 100% !important;
    height: auto;
    padding: 20px 10px;
  }
  page-profile .row-skeleton .left-side div:nth-child(1) {
    max-height: 120px !important;
  }
  page-profile .row-skeleton .left-side .photo-skaleton {
    max-width: 90px !important;
  }
  page-profile .row-skeleton .left-side .side-photo {
    max-width: 100% !important;
  }
  page-profile .row-skeleton .left-side .side-photo .name-skaleton {
    margin-left: 10px;
  }
  page-profile .row-skeleton .left-side .side-photo .name-skaleton div:nth-child(1) {
    width: 70%;
  }
  page-profile .row-skeleton .left-side .side-photo .name-skaleton div:nth-child(2) {
    width: 40%;
  }
  page-profile .row-skeleton .left-side .side-photo .stats-skaleton {
    place-content: center space-around !important;
  }
  page-profile .row-skeleton .left-side .sosmed-skaleton {
    max-height: 50px !important;
  }
  page-profile .row-skeleton .left-side .title-skaleton {
    max-height: 50px !important;
  }
  page-profile .row-skeleton .left-side .action-skaleton {
    border-bottom: 1px solid #CCC;
    max-height: 85px !important;
  }
  page-profile .row-skeleton .left-side .action-skaleton div:nth-child(n+5) {
    display: none;
  }
  page-profile .row-skeleton .right-side {
    min-width: 100% !important;
    border: none;
  }
}

page-achievement-desc {
  background: transparent !important;
}

page-achievement-desc ion-content {
  background: transparent !important;
}

page-achievement-desc ion-content .box {
  background: white;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 361px;
  width: 90%;
  max-width: 365px;
  border-radius: 12px;
  text-align: center;
  padding: 0px 35px;
}

page-achievement-desc ion-content .box .content {
  margin-top: 30.5px;
}

page-achievement-desc ion-content .box .content h4 {
  font-size: 25px;
  font-weight: bold;
  font-family: roboto;
  color: #192528;
}

page-achievement-desc ion-content .box .content p {
  font-size: 14px;
  font-family: roboto;
  color: #a5b0b7;
}

page-achievement-desc ion-content .box .content img {
  width: 100%;
  max-width: 100px;
}

page-achievement-desc ion-content .box .content button {
  background-color: #fbac5e !important;
  border-radius: 10px;
  height: 41px;
  width: 110px;
  margin-top: 20px;
}

page-badge-modal .container {
  height: 100vh;
  position: relative;
}

page-badge-modal .container .transparent-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transition;
}

page-badge-modal .container .content-box {
  z-index: 2;
  border-radius: 10px;
  width: 100%;
  background-color: white;
  padding-top: 55px;
  padding-bottom: 26px;
}

page-badge-modal .container .content-box .title {
  color: #63befb !important;
  font-family: "bold" !important;
  font-size: 25px !important;
  text-transform: capitalize;
}

page-badge-modal .container .content-box .greeting {
  color: #A5B0B7 !important;
  font-size: 16px !important;
  margin-bottom: -5px;
}

page-badge-modal .container .content-box .badge-name {
  font-family: "bold" !important;
  font-size: 16px !important;
  color: #222 !important;
  margin-bottom: 3px;
  text-transform: capitalize;
}

page-badge-modal .container .content-box .badge-desc {
  margin-bottom: 10px;
  color: #A5B0B7 !important;
}

page-badge-modal .container .content-box button {
  border-radius: 10px;
  width: 110px;
}

page-badge-modal .container .content-box .image-box {
  position: relative;
  width: 100%;
  min-height: 220px;
}

page-badge-modal .container .content-box .image-box .badge-img {
  z-index: 2;
  width: 120px;
  height: 120px;
}

page-badge-modal .container .content-box .image-box .badge-bg {
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 1;
}

page-badge-modal .container .content-box .image-box .unlock {
  position: absolute;
  bottom: 25px;
  font-size: 18px !important;
  font-weight: bold;
  color: #A5B0B7 !important;
}

page-badge-modal .container .content-box .desc-box {
  text-align: center;
  line-height: 36px;
  margin-top: -10px;
}

page-badge-modal .container .content-box .desc-box .name {
  font-size: 32px !important;
  font-weight: bold;
}

page-badge-modal .container .content-box .desc-box .count {
  font-size: 22px !important;
  font-family: "bold" !important;
}

page-badge-modal .container .content-box .desc-box .point {
  color: #F68A22 !important;
  font-family: "bold" !important;
  font-size: 16px !important;
  margin: 8px 0;
}

page-letters-preview .ann-info {
  border-radius: 5px;
  padding: 15px 20px 10px 20px;
}

page-letters-preview .ann-info .ann-title {
  text-transform: capitalize;
  margin: 0px 0px 9px 0px;
}

page-letters-preview .ann-info .ann-mod {
  color: #aaaaaa;
  margin: 0px;
}

page-letters-preview .ann-info .attachment {
  margin: 0px 0px 9px 0px;
  color: #737373;
}

page-letters-preview .ann-info .attachment span {
  color: #F68A22;
}

page-letters-preview .ann-content {
  padding: 0px 20px 16px 20px;
}

page-letters-preview .ann-content .description {
  text-align: justify;
  line-height: 1.5;
}

page-letters-preview .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-letters-preview .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-profile-achievement-detail .achievement-section .achievement-info {
  margin-bottom: 10px;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-icon {
  position: relative;
  cursor: pointer;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-icon .total {
  position: absolute;
  left: 55px;
  top: 22px;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-icon img {
  width: 100%;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-detail {
  padding-top: 23px;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-detail h3 {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #F68A22;
}

page-profile-achievement-detail .achievement-section .achievement-info .achievement-detail p {
  margin: 0;
  font-size: 14px;
  color: #A5B0B7;
  overflow: hidden;
  height: 35px;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-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;
  padding-right: 60px;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-section .progress-bar {
  height: 13px;
  width: 100%;
  background: #fff;
  border-radius: 100px;
  overflow: hidden;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-section .progress-bar .onprogress {
  height: 100%;
  background: #8CC63F;
  position: absolute;
  z-index: 2;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-section .progress-bar .ongoing {
  border-radius: 100px;
  border: 2px solid #dbdbe1;
  background: #fff;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 13px;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-count {
  text-align: right;
}

page-profile-achievement-detail .achievement-section .achievement-progress .progress-count h1 {
  font-weight: 700;
  font-size: 30px;
  opacity: .6;
}

page-profile-achievement-detail .achievement-section .target {
  font-size: 14px;
  color: #8CC63F;
}

page-profile-achievement-detail .achievement-section .achievement-history {
  margin-top: 30px;
}

page-profile-achievement-detail .achievement-section .achievement-history h3 {
  font-size: 18px;
  color: #333333;
  margin: 0;
}

page-profile-achievement-detail .achievement-section .achievement-history span {
  font-size: 18px;
  color: #A5B0B7;
}

page-profile-achievements ion-header ion-navbar .toolbar-background {
  background-color: #F6F8FA !important;
}

page-profile-achievements .fav-acv {
  -webkit-filter: opacity(30%) saturate(80%);
  filter: opacity(30%) saturate(80%);
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}

page-profile-achievements .nofav-acv {
  -webkit-filter: opacity(100%) saturate(100%);
  filter: opacity(100%) saturate(100%);
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}

page-profile-achievements .check-fav-box {
  position: absolute;
  left: 50%;
  top: 40%;
  background-color: #2BB34D;
  border-radius: 200px;
  width: 30px;
  height: 30px;
  -webkit-transform: translate(-50%, -40%);
  transform: translate(-50%, -40%);
  -webkit-box-shadow: 0 0 4px 1px #999;
  box-shadow: 0 0 4px 1px #999;
}

page-profile-achievements .check-fav-box .check-fav-icon {
  color: white;
  font-size: 24px;
}

page-profile-achievements .container .favorite-section {
  position: relative;
  min-height: 130px;
}

page-profile-achievements .container .favorite-section .achievement-fav-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

page-profile-achievements .container .favorite-section .empty-fav-section {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
}

page-profile-achievements .container .favorite-section .empty-fav-section .empty-fav {
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-profile-achievements .container .favorite-section .empty-fav-section .empty-fav .circle {
  height: 45px;
  width: 45px;
  border-radius: 100px;
  background: #F6F8FA;
  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;
}

page-profile-achievements .container .favorite-section .empty-fav-section .empty-fav .circle div {
  height: 25px;
  width: 25px;
  border-radius: 100px;
  background: #EDF0F3;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-achievements .container .title-profile {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-profile-achievements .container .title-profile h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  color: #333333;
}

page-profile-achievements .container .title-profile span {
  line-height: 2.3;
  font-size: 14px;
  color: #F68A22;
  margin-right: 3px;
}

page-profile-achievements .container .achievement-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-achievements .container .fav-name {
  color: blue !important;
}

page-profile-achievements .container .achievement {
  width: 100px;
  position: relative;
  margin: 0 4px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

page-profile-achievements .container .achievement .badge-wrapper img {
  width: 100px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-achievements .container .achievement .badge-wrapper .add, page-profile-achievements .container .achievement .badge-wrapper .remove {
  position: absolute;
  right: 13px;
  top: 70px;
  width: 18px;
  height: 18px;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  opacity: 1;
  -webkit-animation-name: edit-animation;
  animation-name: edit-animation;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-transform: scale(1);
  transform: scale(1);
}

page-profile-achievements .container .achievement .badge-wrapper .add {
  background: #8CC63F;
}

page-profile-achievements .container .achievement .badge-wrapper .remove {
  background: #EE0000;
  font-size: 25px;
  line-height: .6;
}

@-webkit-keyframes edit-animation {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes edit-animation {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes fav-animation {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes fav-animation {
  from {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

page-profile-achievements .container .achievement span {
  text-align: center;
  margin-top: 5px;
  color: #333333;
  position: relative;
  top: -14px;
  font-size: 15px;
}

page-profile-achievements .container .achievement .total {
  position: absolute;
  right: 0px;
  top: 22px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 4px;
  -webkit-transform: skewX(-20deg);
  transform: skewX(-20deg);
}

page-profile-achievements .container .achievement .total p {
  font-family: 'black-italic';
  color: #55456D;
  font-size: 14px;
}

page-profile-achievements .container .achievement .choose {
  -webkit-animation-name: choose-animation;
  animation-name: choose-animation;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  opacity: 1;
}

page-profile-achievements .container .achievement .choose ion-label {
  font-size: 12px !important;
  opacity: .6;
  font-weight: 600;
}

@-webkit-keyframes choose-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes choose-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

page-profile-achievements .container .fav-motion {
  -webkit-animation-name: fav-animation;
  animation-name: fav-animation;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
}

page-profile-achievements .container .edit {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

page-profile-achievements .container .noanimation {
  -webkit-animation-name: unset;
  animation-name: unset;
  -webkit-animation-duration: unset;
  animation-duration: unset;
}

@media screen and (max-width: 352px) {
  page-profile-achievements .container .achievement {
    width: 87px !important;
  }
  page-profile-achievements .container .achievement img {
    max-width: 87px !important;
  }
  page-profile-achievements .container .empty-fav {
    height: 87px;
  }
  page-profile-achievements .container .add, page-profile-achievements .container .remove {
    right: 10px !important;
    top: 57px !important;
  }
}

page-profile-address .container-desktop {
  position: relative;
}

page-profile-address .container-desktop .skeleton .skeleton-box {
  height: 100px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: white;
  margin: 10px 10px 0px 10px;
}

page-profile-address .container-desktop .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-address .container-desktop .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-address .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-address .container-mobile .card-box {
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
}

page-profile-address .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-profile-address .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-address .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-address .address-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-address .address-card .card-box {
  margin: 10px 10px 0px 10px;
  padding: 20px 15px 20px 20px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  min-height: 120px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-address .address-card .card-box .name-section {
  width: 100%;
}

page-profile-address .address-card .card-box .name-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

page-profile-address .address-card .card-box .address-section {
  color: #58595B;
}

page-profile-address .address-card .card-box .address-section .icon-supsection img {
  margin-right: 10px;
  height: 20px;
}

page-profile-address .address-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-address .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-address .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;
}

page-profile-address .skeleton .skeleton-box {
  height: 100px;
  border-radius: 10px;
}

page-profile-approval h2 {
  color: #F68A22 !important;
}

page-profile-approval .upd-stat {
  color: #F68A22 !important;
}

page-profile-approval .del-stat {
  color: #F0624D !important;
}

page-profile-approval .col-right {
  text-align: right;
}

page-profile-approval .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-profile-approval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-profile-approval .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-profile-approval .leave-status {
  color: #bdc3c7 !important;
}

page-profile-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-profile-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-profile-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-profile-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-profile-approval .list-ios > .item-block:last-child {
  border: none;
}

page-profile-approval .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-profile-approval .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-profile-approval .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-profile-approval .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-profile-approval .title-col h2 {
  display: inline-block;
}

page-profile-approval .div-multi-request ion-col {
  padding: 0px !important;
}

page-profile-approval .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-profile-approval .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-profile-approval page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-profile-approval ion-scroll {
  height: 200px;
}

page-profile-approval ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-profile-awards .container-desktop {
  position: relative;
}

page-profile-awards .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-awards .container-mobile {
  padding: 16px;
}

page-profile-awards .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-profile-awards .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-awards .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-awards .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-awards .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-awards .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-awards .table-box {
  padding-bottom: 26px;
}

page-profile-awards .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-awards .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-awards .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-awards .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-awards .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-awards .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-awards .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-awards .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-awards .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-awards .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-awards .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;
}

page-profile-bank-account .container-desktop {
  position: relative;
}

page-profile-bank-account .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-bank-account .container-mobile {
  padding: 16px;
}

page-profile-bank-account .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-profile-bank-account .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-bank-account .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-bank-account .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-bank-account .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-bank-account .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-bank-account .table-box {
  padding-bottom: 26px;
}

page-profile-bank-account .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-bank-account .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-bank-account .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-bank-account .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-bank-account .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-bank-account .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-bank-account .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-bank-account .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-bank-account .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-bank-account .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-bank-account .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;
}

page-profile-bank-account-gd {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

page-profile-bank-account-gd .bank-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

page-profile-bank-account-gd .bank-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 350px;
}

page-profile-bank-account-gd .bank-card .card-box .bank-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-bank-account-gd .bank-card .card-box ion-label {
  margin: 0px 0px 6px 0 !important;
}

page-profile-bank-account-gd .bank-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-bank-account-gd .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-bank-account-gd .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-bank-account-gd .form-button-box .manage-btn {
  color: white !important;
}

page-profile-bank-account-gd button {
  text-transform: capitalize;
}

page-profile-bank-account-gd .chip {
  border-radius: 200px;
  text-align: center;
  padding: 5px 16px;
  font-size: 13px !important;
}

page-profile-bank-account-gd .chip.active {
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
}

page-profile-bank-account-gd .chip.pending {
  background-color: #FEF1D2;
  border: 1px solid #F68A22;
  color: #F68A22 !important;
}

page-profile-bank-account-gd .status ion-badge {
  color: #2BB34D !important;
  background-color: #f0f2f4 !important;
  padding: 5px 8px;
}

page-profile-bank-account-gd .status ion-badge.notactive {
  color: #A5B0B7 !important;
}

page-profile-bank-account-gd .detail {
  margin-bottom: 24px;
}

page-profile-bank-account-gd .priority {
  color: #F68A22 !important;
}

@media screen and (max-width: 768px) {
  page-profile-bank-account-gd .bank-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-bank-account-gd .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-bank-account-gd .form-button-box button {
    margin: 0;
  }
  page-profile-bank-account-gd .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-bank-distribution {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

page-profile-bank-distribution .bank-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

page-profile-bank-distribution .bank-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 350px;
}

page-profile-bank-distribution .bank-card .card-box .bank-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-bank-distribution .bank-card .card-box ion-label {
  margin: 0px 0px 6px 0 !important;
  white-space: normal !important;
}

page-profile-bank-distribution .bank-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-bank-distribution .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-bank-distribution .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-bank-distribution .form-button-box .manage-btn {
  color: white !important;
}

page-profile-bank-distribution button {
  text-transform: capitalize;
}

page-profile-bank-distribution .chip {
  border-radius: 200px;
  text-align: center;
  padding: 5px 16px;
  font-size: 13px !important;
}

page-profile-bank-distribution .chip.active {
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
}

page-profile-bank-distribution .chip.pending {
  background-color: #FEF1D2;
  border: 1px solid #F68A22;
  color: #F68A22 !important;
}

page-profile-bank-distribution .status ion-badge {
  color: #2BB34D !important;
  background-color: #f0f2f4 !important;
  padding: 5px 8px;
}

page-profile-bank-distribution .status ion-badge.notactive {
  color: #A5B0B7 !important;
}

page-profile-bank-distribution .detail {
  margin-bottom: 24px;
}

page-profile-bank-distribution .priority {
  color: #F68A22 !important;
}

@media screen and (max-width: 768px) {
  page-profile-bank-distribution .bank-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-bank-distribution .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-bank-distribution .form-button-box button {
    margin: 0;
  }
  page-profile-bank-distribution .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-certification .container-desktop {
  position: relative;
}

page-profile-certification .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-certification .container-mobile {
  padding: 16px;
}

page-profile-certification .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-profile-certification .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-certification .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-certification .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-certification .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-certification .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-certification .table-box {
  padding-bottom: 26px;
}

page-profile-certification .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-certification .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-certification .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-certification .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-certification .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-certification .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-certification .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-certification .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-certification .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-certification .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-certification .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;
}

page-profile-company-group .form-profil-box {
  margin-bottom: 100px;
}

page-profile-company-group .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-company-group .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-company-group .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-company-group .head-form {
    display: none;
  }
}

page-profile-company-group .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-profile-companyfacility .container-desktop {
  position: relative;
}

page-profile-companyfacility .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-companyfacility .container-mobile {
  padding: 16px;
}

page-profile-companyfacility .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-profile-companyfacility .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-companyfacility .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-companyfacility .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-companyfacility .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-companyfacility .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-companyfacility .table-box {
  padding-bottom: 26px;
}

page-profile-companyfacility .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-companyfacility .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-companyfacility .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-companyfacility .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-companyfacility .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-companyfacility .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-companyfacility .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-companyfacility .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-companyfacility .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-companyfacility .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-companyfacility .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;
}

page-profile-competency .container-desktop {
  position: relative;
}

page-profile-competency .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-competency .container-mobile {
  padding: 16px;
}

page-profile-competency .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-profile-competency .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-competency .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-competency .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-competency .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-competency .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-competency .table-section.hover {
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-competency .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-competency .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-competency .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-competency .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #F68A22 !important;
  margin-bottom: 2px;
}

page-profile-competency .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-competency .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 7px;
}

page-profile-competency .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-competency .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-competency .underline {
  color: blue;
}

page-profile-competency .underline :hover {
  color: #373b8c;
  cursor: pointer;
}

page-profile-competency .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-competency .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;
}

page-profile-contact .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-contact .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-contact .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-contact .head-form {
    display: none;
  }
}

page-profile-contact .form-profil-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
}

page-profile-course .container-desktop {
  position: relative;
}

page-profile-course .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-course .container-mobile {
  padding: 16px;
}

page-profile-course .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-profile-course .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-course .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-course .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-course .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-course .table-section.hover {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-course .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-course .table-box {
  padding-bottom: 26px;
  width: 100%;
}

page-profile-course .education-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-course .education-card .card-box {
  width: 100%;
  margin: 10px;
  padding: 15px 10px 15px 15px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-course .education-card .card-box .left-box .level-section {
  width: 100%;
}

page-profile-course .education-card .card-box .left-box .level-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 18px !important;
  font-weight: 500 !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-course .education-card .card-box .left-box .major-section {
  margin: 0px !important;
  width: 100%;
}

page-profile-course .education-card .card-box .left-box .major-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 12px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-course .education-card .card-box .left-box .institution-section {
  color: #333333;
}

page-profile-course .education-card .card-box .left-box .institution-section .education-supsection {
  margin-top: 5px;
}

page-profile-course .education-card .card-box .right-box ion-label {
  font-size: 1.2rem !important;
}

page-profile-course .education-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-course .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-course .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-course .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;
}

page-profile-custom-field .form-profil-box {
  margin-bottom: 100px;
}

page-profile-custom-field .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-custom-field .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-custom-field .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-custom-field .head-form {
    display: none;
  }
}

page-profile-custom-field .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-profile-custom-field .list-radio ion-item .item-inner {
  border: none !important;
}

@media screen and (min-width: 768px) {
  page-profile-detail .left-info-wrapper {
    float: left;
    width: 33% !important;
    height: 100% !important;
  }
  page-profile-detail .left-info-wrapper .left-info {
    position: fixed !important;
    width: 30% !important;
    padding: none !important;
    margin-left: 0.7em !important;
  }
  page-profile-detail .divider {
    overflow-y: hidden !important;
    float: left;
    width: 1%;
    height: 100% !important;
    border-left: 1px solid #ccc !important;
  }
  page-profile-detail .right-info-wrapper {
    width: 66% !important;
    float: right;
    height: 100% !important;
  }
  page-profile-detail ion-navbar.toolbar {
    border-bottom: 1px solid #ccc;
  }
  page-profile-detail .lengkung {
    display: none;
  }
  page-profile-detail .top-header {
    background-color: #fff !important;
  }
  page-profile-detail .foto-div {
    border: 8px solid #fff !important;
    -webkit-box-shadow: 0 0 0 8px #fff !important;
    box-shadow: 0 0 0 8px #fff !important;
  }
  page-profile-detail .text-name {
    color: #f37249 !important;
  }
  page-profile-detail .top-border {
    border-bottom: none !important;
    margin-top: 0px !important;
  }
  page-profile-detail .but-bottom {
    margin-top: 20px !important;
  }
}

page-profile-detail .sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 1.3em;
}

page-profile-detail .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-profile-detail .col-10 {
  padding-left: 0;
}

page-profile-detail .top-header {
  background-color: #189dae;
  padding-top: 10px;
  padding-bottom: 5px;
}

page-profile-detail .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 1.3em;
  border: 8px solid #8bced6;
  -webkit-box-shadow: 0 0 0 8px #5bccdb;
  box-shadow: 0 0 0 8px #5bccdb;
}

page-profile-detail .img-div {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
}

page-profile-detail .text-name {
  color: #fff;
  text-align: center !important;
  font-size: 1.2em !important;
  margin-bottom: 0px !important;
}

page-profile-detail .lengkung {
  margin-top: -2px !important;
  width: 103% !important;
  max-width: 103% !important;
  min-width: 103% !important;
  margin-left: -5px !important;
}

page-profile-detail .follow-div {
  text-align: center !important;
  width: 100%;
  padding: 0 3em;
  padding-top: -0.5em;
  padding-bottom: 1.5em;
  background-color: #189dae;
}

page-profile-detail .follow-profile {
  text-align: center;
  height: 4em !important;
}

page-profile-detail .follow-profile p {
  color: #fff !important;
}

page-profile-detail .follow-profile-title {
  color: #fff !important;
}

page-profile-detail .border-right {
  border-right: 1px solid #dedede !important;
}

page-profile-detail h2 {
  color: #189dae !important;
}

page-profile-detail .warna {
  color: #189dae !important;
}

page-profile-detail ion-item {
  border-top: none !important;
}

page-profile-detail img {
  max-width: 103% !important;
  width: 103% !important;
}

page-profile-detail image-component {
  max-width: 103% !important;
  width: 103% !important;
}

page-profile-detail image-component img {
  width: 7em;
  height: 7em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

page-profile-detail ion-list {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 5px !important;
  border-top: none !important;
  border-bottom: none !important;
}

page-profile-detail .align-left {
  float: left;
}

page-profile-detail .align-right {
  float: right;
}

page-profile-detail .button-edit {
  margin: 0 auto;
  font-size: 0.8em !important;
}

page-profile-detail .input-style {
  border: none !important;
  background: transparent !important;
}

page-profile-detail .submit-button {
  width: 70%;
  border-radius: 25px !important;
  margin: 0px auto !important;
  color: #fff;
}

page-profile-detail .submit-button .button-inner {
  text-align: center;
  font-size: 1em !important;
}

page-profile-disciplinary .container-desktop {
  position: relative;
}

page-profile-disciplinary .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-disciplinary .container-mobile {
  padding: 16px;
}

page-profile-disciplinary .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-profile-disciplinary .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-disciplinary .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-disciplinary .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-disciplinary .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-disciplinary .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-disciplinary .table-section.hover {
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-disciplinary .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-disciplinary .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-disciplinary .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-disciplinary .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-disciplinary .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-disciplinary .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-disciplinary .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-disciplinary .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-disciplinary .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-disciplinary .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;
}

page-profile-document .header-box {
  width: 75%;
  background-color: white;
  padding: 15px 25px 15px 25px;
  border: 1px solid #dbdbe1;
  border-radius: 5px;
}

page-profile-document .family-box {
  width: 75%;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border: 1px solid #dbdbe1;
  border-radius: 5px;
}

page-profile-document .family-box .data-section {
  padding: 15px 25px 15px 25px;
}

page-profile-document .family-box .data-section .arrow-icon {
  -webkit-filter: invert(63%) sepia(0%) saturate(621%) hue-rotate(267deg) brightness(80%) contrast(91%);
  filter: invert(63%) sepia(0%) saturate(621%) hue-rotate(267deg) brightness(80%) contrast(91%);
}

page-profile-document .family-box .detail-section {
  padding: 0px 25px 15px 25px;
  opacity: 1;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dbdbe1;
}

page-profile-document .family-box .detail-section .form-subsection {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  max-width: 200px;
  min-width: 100px;
}

page-profile-document .family-box .detail-section .form-subsection ion-select {
  height: 38px;
  width: 150px;
  padding: 10px 15px 7px 15px;
  border: 1px solid #DFDFE5;
  border-radius: 5px;
  max-width: unset !important;
}

page-profile-document .family-box .detail-section .form-subsection ion-input {
  height: 38px;
  border: 1px solid #DFDFE5;
  border-radius: 5px;
}

page-profile-document .family-box .detail-section .form-subsection ion-input input {
  padding: 10px 8px 7px 8px;
  margin: unset !important;
}

page-profile-document .family-box .detail-section .form-subsection ion-input .select-text {
  font-size: 11px !important;
}

page-profile-document .family-box .detail-section .form-subsection .upload-button .filename {
  padding: 5px;
  margin: 0 !important;
  font-size: 11px !important;
  width: 100px !important;
}

page-profile-document .family-box .detail-section .form-subsection .upload-button button {
  background-color: #e5e5e5;
  font-weight: 100;
  color: #909191;
  border-radius: 5px;
  text-transform: capitalize;
  border-color: #909191;
}

page-profile-document .family-box .detail-section .form-subsection.date {
  width: 100%;
  max-width: 150px;
  position: relative;
}

page-profile-document .family-box .detail-section .form-subsection.date img {
  right: 5px !important;
  top: 29% !important;
  position: absolute;
}

page-profile-document .family-box .detail-section .form-subsection.date .datetime-wrapper {
  position: relative;
  padding: 2px 0;
  width: 100%;
}

page-profile-document .family-box .detail-section .form-subsection.date .datetime-wrapper ion-datetime {
  padding: 7px 8px 7px 8px;
  font-size: 14px !important;
  height: 33px;
}

page-profile-document .family-box .detail-section .form-subsection.date .datetime-wrapper .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 20px;
  text-decoration: inherit;
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: white;
  padding: 5px;
}

page-profile-document .family-box .detail-section .form-subsection.date .datetime-wrapper button {
  padding: 0px 6px;
}

page-profile-document .family-box .detail-section .button-subsection {
  margin: 0 !important;
}

page-profile-document .family-box .detail-section .button-subsection img {
  margin-top: 13px !important;
  padding: 1px;
}

page-profile-document .family-box .detail-section .button-subsection img:hover {
  cursor: pointer;
}

page-profile-document .family-box .detail-section .label-subsection {
  max-width: 200px;
  min-width: 100px;
}

page-profile-document .family-box .detail-section .label-subsection ion-label {
  text-align: left !important;
}

page-profile-document .family-box .detail-section .label-subsection.type {
  width: 100px;
  padding-left: 25px;
}

page-profile-document .family-box .detail-section .add-document {
  text-transform: capitalize;
}

page-profile-document .hover-start:hover {
  background-color: #eeeeee;
}

page-profile-document button.item-cover {
  display: none;
}

@media screen and (min-width: 768px) {
  page-profile-document .datetime-wrapper {
    border: 1px solid #DFDFE5;
    border-radius: 4px;
  }
}

page-profile-document-control .container-desktop {
  position: relative;
}

page-profile-document-control .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-document-control .container-mobile {
  padding: 16px;
}

page-profile-document-control .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-profile-document-control .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-document-control .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-document-control .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-document-control .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-document-control .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-document-control .table-box {
  padding-bottom: 26px;
}

page-profile-document-control .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-document-control .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-document-control .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-document-control .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-document-control .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-document-control .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-document-control .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-document-control .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-document-control .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-document-control .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-document-control .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;
}

page-profile-edit h2 {
  color: #189dae !important;
  margin-bottom: 5px !important;
}

page-profile-edit textarea {
  border: 1px solid #7f7f7f !important;
  width: 100% !important;
}

page-profile-edit ion-item {
  border-bottom: 0px solid !important;
  margin-bottom: -1em !important;
}

page-profile-edit ion-item .item-inner {
  border-bottom: 0px solid !important;
}

page-profile-edit ion-list {
  margin-left: 15px !important;
}

page-profile-edit .submit-button {
  width: 70%;
  border-radius: 20px 20px 20px 20px;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  margin: 0 auto !important;
}

page-profile-edit .submit-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-size: 1em !important;
}

page-profile-edit ion-footer {
  border: 0px !important;
  margin-bottom: 3em !important;
  text-align: center !important;
}

page-profile-education .container-desktop {
  position: relative;
}

page-profile-education .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-education .container-mobile {
  padding: 16px;
}

page-profile-education .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-profile-education .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-education .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-education .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-education .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-education .table-section.hover {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-education .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-education .table-box {
  padding-bottom: 26px;
  width: 100%;
}

page-profile-education .education-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-education .education-card .card-box {
  width: 100%;
  margin: 10px;
  padding: 15px 10px 15px 15px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-education .education-card .card-box .left-box .level-section {
  width: 100%;
}

page-profile-education .education-card .card-box .left-box .level-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-education .education-card .card-box .left-box .major-section {
  margin: 0px !important;
  width: 100%;
}

page-profile-education .education-card .card-box .left-box .major-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 12px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-education .education-card .card-box .left-box .institution-section {
  color: #333333;
}

page-profile-education .education-card .card-box .left-box .institution-section .education-supsection {
  margin-top: 5px;
}

page-profile-education .education-card .card-box .right-box ion-label {
  font-size: 1.2rem !important;
}

page-profile-education .education-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-education .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-education .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-education .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;
}

page-profile-emergency .container-desktop {
  position: relative;
}

page-profile-emergency .container-desktop .skeleton .skeleton-box {
  height: 100px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: white;
  margin: 10px 10px 0px 10px;
}

page-profile-emergency .container-desktop .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-emergency .container-desktop .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-emergency .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-emergency .container-mobile .card-box {
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
}

page-profile-emergency .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-profile-emergency .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-emergency .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-emergency .emergency-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-emergency .emergency-card .card-box {
  margin: 10px 10px 0px 10px;
  padding: 20px 15px 20px 20px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-emergency .emergency-card .card-box .name-section {
  width: 100%;
}

page-profile-emergency .emergency-card .card-box .name-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

page-profile-emergency .emergency-card .card-box .emergency-section {
  color: #58595B;
}

page-profile-emergency .emergency-card .card-box .emergency-section .icon-supsection img {
  margin-right: 10px;
  height: 20px;
  -webkit-filter: invert(56%) sepia(32%) saturate(1202%) hue-rotate(139deg) brightness(86%) contrast(81%);
  filter: invert(56%) sepia(32%) saturate(1202%) hue-rotate(139deg) brightness(86%) contrast(81%);
}

page-profile-emergency .emergency-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-emergency .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
}

page-profile-emergency .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;
}

page-profile-employee-checklist .docNew {
  color: #F68A22 !important;
  font-size: 12px !important;
  text-align: left;
}

page-profile-employee-checklist .choose-area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-profile-employee-checklist .choose-area ion-item {
  background: white;
  font-size: 12px;
}

page-profile-employee-checklist .choose-area ion-item .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border: none !important;
}

page-profile-employee-checklist .choose-area ion-item .item-inner .input-wrapper {
  width: calc(100% - 26px);
}

page-profile-employee-checklist .distribution-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-profile-employee-checklist .distribution-list p.anounce {
  font-size: 12px;
  color: #3498db;
}

page-profile-employee-checklist .bankNew {
  color: #F68A22 !important;
  font-size: 10px !important;
  text-align: right;
}

page-profile-employee-checklist .moving {
  background-color: #eef4fa !important;
}

page-profile-employee-checklist .card-box {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-employee-checklist .card-box .bank-name {
  font-weight: bold;
  font-size: 1.5rem !important;
}

page-profile-employee-checklist .card-box .number,
page-profile-employee-checklist .card-box .name {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-employee-checklist .card-box .infoInput {
  font-size: 10px !important;
  color: #F0624D !important;
}

page-profile-employee-checklist .card-box p.remaining {
  font-size: 12px;
  color: #2BB34D;
}

page-profile-employee-checklist .card-box ion-badge.status-primary {
  margin-left: 10x;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
  font-weight: 500;
}

page-profile-employee-checklist .card-box ion-label.status-priority {
  margin-left: 10x;
  color: #F68A22 !important;
  font-size: 16px !important;
}

page-profile-employee-checklist .card-box ion-label {
  font-family: inherit;
  line-height: normal;
  font-size: 0.9em !important;
  margin: 0px 0px 6px 10px !important;
}

page-profile-employee-checklist .card-box img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-employee-checklist .card-box img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-employee-checklist .card-box .card-top {
  padding: 10px;
}

page-profile-employee-checklist .card-box .card-top .currency-area .idr-input {
  max-width: 110px !important;
}

page-profile-employee-checklist .card-box .card-top .currency-area .percent-input {
  max-width: 100px !important;
}

page-profile-employee-checklist .card-box .card-top .currency-area .percent-input input {
  text-align: center !important;
}

page-profile-employee-checklist .card-box .card-top .currency-area input {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 10px;
}

page-profile-employee-checklist .card-box .card-top .currency-area input input {
  margin: 10px !important;
}

page-profile-employee-checklist .card-box .card-top .currency-area span {
  font-size: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-employee-checklist .card-box .card-bottom {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  min-height: 20px;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(1) button.delete {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin: 0;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(1) button.delete span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(1) button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(1) button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) h4 {
  font-size: 14px !important;
  font-weight: 700;
  color: #2BB34D;
  margin: 0 10px 0 0 !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  cursor: pointer;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block {
  border-radius: 21px;
  border: none !important;
  width: 57px !important;
  height: 30px !important;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block .rounded-toggle {
  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;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block.deactive {
  background: #dbdbe1 !important;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block.deactive .rounded-toggle {
  left: 0;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block.active {
  background: #F68A22 !important;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) .toggle-block.active .rounded-toggle {
  left: 27px;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) button.deactive {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin-right: 0px !important;
}

page-profile-employee-checklist .card-box .card-bottom div:nth-child(2) button.deactive span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-employee-checklist ion-footer ion-toolbar button {
  width: 100%;
}

page-profile-employee-checklist .close {
  text-align: right;
  margin: 0px 10px 10px 10px !important;
}

page-profile-employee-checklist .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  width: 25px;
  height: 25px;
  padding-right: 15px;
  margin: 0px 10px 10px 10px !important;
}

page-profile-employee-checklist ion-select {
  padding: 0px 0px 0px 0px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  max-width: 180px !important;
  background-color: white;
  font-size: 1.0em !important;
}

page-profile-employee-checklist input-number {
  max-width: 180px !important;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  text-align: center;
}

page-profile-employee-checklist ion-input {
  max-width: 180px !important;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  text-align: center;
}

page-profile-employee-checklist ion-textarea {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
}

page-profile-employment-info .form-profil-box {
  margin-bottom: 100px;
}

page-profile-employment-info .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-employment-info .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-employment-info .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-employment-info .head-form {
    display: none;
  }
}

page-profile-employment-info .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-profile-experience .container-desktop {
  position: relative;
}

page-profile-experience .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-experience .container-mobile {
  padding: 16px;
}

page-profile-experience .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-profile-experience .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-experience .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-experience .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-experience .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-experience .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-experience .table-section.hover {
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-experience .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-experience .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-experience .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-experience .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-experience .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-experience .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-experience .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-experience .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-experience .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-experience .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;
}

page-profile-family .container-desktop {
  position: relative;
}

page-profile-family .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-family .container-mobile {
  padding: 16px;
}

page-profile-family .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-profile-family .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-family .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-family .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-family .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-family .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-family .table-box {
  padding-bottom: 26px;
}

page-profile-family .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-family .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-family .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-family .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-family .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-family .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-family .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-family .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-family .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-family .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-family .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;
}

page-profile-file-attachment {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

page-profile-file-attachment .attachment-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

page-profile-file-attachment .attachment-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 350px;
}

page-profile-file-attachment .attachment-card .card-box .attachment-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-file-attachment .attachment-card .card-box ion-label {
  margin: 0px 0px 6px 0 !important;
}

page-profile-file-attachment .attachment-card .card-box .total-attachment {
  text-align: right !important;
  font-family: "bold" !important;
  margin-top: 25px !important;
}

page-profile-file-attachment .attachment-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-file-attachment .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-file-attachment .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-file-attachment .form-button-box .manage-btn {
  color: white !important;
}

@media screen and (max-width: 768px) {
  page-profile-file-attachment .attachment-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-file-attachment .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-file-attachment .form-button-box button {
    margin: 0;
  }
  page-profile-file-attachment .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-follower ion-list {
  margin-left: 20px !important;
}

page-profile-follower .align-left {
  float: left;
  width: 50%;
}

page-profile-follower .align-right {
  float: right;
}

page-profile-follower .follow-button {
  width: 8em;
  margin-top: 10px !important;
}

page-profile-follower .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-profile-follower .following-button {
  width: 8em;
  background-color: #fff !important;
  margin-top: 10px !important;
}

page-profile-follower .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-profile-follower ion-item {
  padding-bottom: 5px !important;
  border-bottom: 0px solid #dedede !important;
}

page-profile-follower h2 {
  font-weight: bold !important;
}

page-profile-follower ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

page-profile-follower .center-ver {
  margin-top: 45% !important;
}

page-profile-follower .skeleton-box {
  padding: 16px;
}

page-profile-follower .skeleton-box .ss-skeleton {
  width: 30px;
  height: 18px;
  border-radius: 5px;
}

page-profile-follower .skeleton-box .c-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-profile-follower .skeleton-box .s-skeleton {
  width: 60px;
  height: 18px;
  border-radius: 5px;
}

page-profile-follower .skeleton-box .m-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 5px;
}

page-profile-follower .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-profile-follower .skeleton-box .f-skeleton {
  width: 100%;
  height: 20px;
  border-radius: 5px;
}

page-profile-following ion-list {
  margin-left: 20px !important;
}

page-profile-following .align-left {
  float: left;
  width: 50%;
}

page-profile-following .align-right {
  float: right;
}

page-profile-following .follow-button {
  width: 8em;
  margin-top: 10px !important;
}

page-profile-following .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-profile-following .following-button {
  width: 8em;
  background-color: #fff !important;
  margin-top: 10px !important;
}

page-profile-following .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-profile-following ion-item {
  padding-bottom: 5px !important;
  border-bottom: 0px solid #dedede !important;
}

page-profile-following h2 {
  font-weight: bold !important;
}

page-profile-following ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

page-profile-following .center-ver {
  margin-top: 45% !important;
}

page-profile-following .skeleton-box {
  padding: 16px;
}

page-profile-following .skeleton-box .ss-skeleton {
  width: 30px;
  height: 18px;
  border-radius: 5px;
}

page-profile-following .skeleton-box .c-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-profile-following .skeleton-box .s-skeleton {
  width: 60px;
  height: 18px;
  border-radius: 5px;
}

page-profile-following .skeleton-box .m-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 5px;
}

page-profile-following .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-profile-following .skeleton-box .f-skeleton {
  width: 100%;
  height: 20px;
  border-radius: 5px;
}

page-profile-frame .select-disabled,
page-profile-frame .item-select-disabled,
page-profile-frame .datetime-disabled,
page-profile-frame .item-datetime-disabled {
  opacity: 1 !important;
}

page-profile-frame .list-section {
  overflow-y: scroll;
  height: 300px;
}

page-profile-frame page-no-record .wrapper {
  padding: 50px 0px 50px 0px !important;
}

page-profile-frame ion-segment {
  overflow: auto;
}

page-profile-frame ion-segment::-webkit-scrollbar {
  height: 0px !important;
}

@media screen and (min-width: 768px) {
  page-profile-frame .container-mobile,
  page-profile-frame .button-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  page-profile-frame .container-desktop,
  page-profile-frame .button-desktop {
    display: none !important;
  }
}

page-profile-frame .regular-text {
  color: #192528 !important;
}

page-profile-frame .primary-text {
  color: #F68A22 !important;
}

page-profile-frame .responsive-large {
  margin-left: 13px;
  margin-right: 13px;
  max-width: calc(100% - 26px);
  margin-bottom: 30px;
}

page-profile-frame .responsive-card {
  margin: unset !important;
  padding: 0px 25px 0px 25px !important;
  max-width: 100% !important;
  border: unset !important;
  border-radius: unset !important;
}

page-profile-frame .scroll-content,
page-profile-frame .gdx-container {
  padding-bottom: 0 !important;
}

page-profile-frame .container-desktop {
  height: 100%;
}

page-profile-frame .container-desktop .tab-box ion-icon {
  padding: 4px 10px;
  color: #222;
  font-size: 18px;
  cursor: pointer;
}

page-profile-frame .container-desktop .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-profile-frame .container-desktop .tab-box ion-segment {
  padding-bottom: 10px;
}

page-profile-frame .container-desktop .tab-box ion-segment-button {
  padding: 4px 8px !important;
  height: 40px !important;
}

page-profile-frame .container-desktop .content-box {
  padding: 44px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

page-profile-frame .container-desktop .content-box .tabContent {
  background: white;
  padding: 26px 13px;
  height: auto;
}

page-profile-frame .container-mobile {
  position: relative;
  height: auto;
}

page-profile-frame .container-mobile .tab-box ion-icon {
  padding: 4px 10px;
  font-size: 18px;
  color: #222;
  cursor: pointer;
}

page-profile-frame .container-mobile .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-profile-frame .container-mobile .list-box {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 40px;
}

page-profile-frame .container-mobile .list-box .list-label {
  padding: 18px 23px;
}

page-profile-frame .container-mobile .list-box .list-label ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #F68A22 !important;
}

page-profile-frame .container-mobile .list-box .list-section {
  background: white;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  left: 0;
  padding: 24px 16px 38px 16px;
  position: absolute;
  width: 100%;
}

page-profile-frame .container-mobile .list-box .list-section ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #192528 !important;
}

page-profile-frame .container-mobile .content-box {
  z-index: 2;
}

page-profile-frame .container-mobile .content-box h5 {
  margin-bottom: 0px !important;
}

page-profile-frame .form-button-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background-color: white;
}

page-profile-frame .form-button-box button {
  text-transform: capitalize;
}

page-profile-frame .form-button-box .add-btn {
  background-color: white;
  color: #F68A22 !important;
}

page-profile-frame .form-button-box .manage-btn {
  color: white !important;
}

@media screen and (max-width: 768px) {
  page-profile-frame .form-button-box {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

page-profile-government-tax .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-government-tax .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-government-tax .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-government-tax .head-form {
    display: none;
  }
}

page-profile-government-tax .form-profil-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
}

page-profile-home .invisibility {
  visibility: hidden;
}

page-profile-home .container {
  min-height: 100%;
  /* #region: GENERAL (MOBILE FIRST) STRUCTURE */
  /* #endregion */
  /* #region: MOBILE ONLY STRUCTURE */
  /* #endregion */
  /* #region: DESKTOP STRUCTURE */
  /* #endregion */
}

page-profile-home .container .task-part {
  padding-top: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-home .container .task-part button.task-button {
  background: -webkit-gradient(linear, left top, right top, from(#ffc330), to(#fbac5e));
  background: linear-gradient(to right, #ffc330, #fbac5e);
  text-transform: capitalize;
  font-weight: 100px;
}

page-profile-home .container .task-part button.task-button ion-label {
  color: white !important;
}

page-profile-home .container .task-part button.follow-button {
  background-color: white;
  border: 1.5px solid #dbdbe1;
  text-transform: capitalize;
  font-weight: 100px;
}

page-profile-home .container .task-part button.follow-button ion-label {
  color: #A5B0B7 !important;
}

page-profile-home .container .my-profile {
  background: white;
}

page-profile-home .container .my-profile .header-section {
  height: 145px;
  padding-top: 45px;
  background-color: #F68A22;
  position: relative;
  margin-bottom: 57px;
}

page-profile-home .container .my-profile .header-section .Intersection-1 {
  position: absolute;
  bottom: 0;
}

page-profile-home .container .my-profile .header-section .Intersection-2 {
  position: absolute;
  right: 0;
}

page-profile-home .container .my-profile .header-section .header {
  padding: 25px;
  display: none !important;
}

page-profile-home .container .my-profile .header-section .header .back-area {
  width: 30px;
  height: 30px;
}

page-profile-home .container .my-profile .header-section .header .button-inner {
  -webkit-box-align: start !important;
  -webkit-align-items: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
}

page-profile-home .container .my-profile .header-section .header .title-block {
  font-family: "bold" !important;
  font-size: 19px !important;
  color: #ffffff !important;
  margin-top: 2px;
  margin-left: 5px;
}

page-profile-home .container .my-profile .header-section .header .icon-right {
  margin: 0 5px;
}

page-profile-home .container .my-profile .header-section .header .icon-right button {
  padding: 0 5px 0 20px;
}

page-profile-home .container .my-profile .header-section .header .icon-right button ion-label {
  font-size: 15px !important;
}

page-profile-home .container .my-profile .header-section .profile {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  color: white !important;
  margin-top: -20px;
}

page-profile-home .container .my-profile .header-section .profile .full-name {
  font-size: 25px;
}

page-profile-home .container .my-profile .header-section .profile .position-job {
  font-size: 14px;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 0;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-telephone {
  position: relative;
  width: 58px;
  height: 58px;
  border-radius: 200px;
  border: 1.5px solid #e2e9ed;
  background: white;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-telephone img {
  height: 25px;
  width: 25px;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .avatar {
  position: relative;
  width: 114px;
  height: 114px;
  border-radius: 200px;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .avatar gd-avatar .avatar ion-avatar {
  width: 114px !important;
  height: 114px !important;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .avatar .achievement img {
  width: 90px !important;
  height: 90px !important;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat {
  position: relative;
  width: 58px;
  height: 58px;
  border-radius: 200px;
  border: 1.5px solid #e2e9ed;
  background: white;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat img {
  height: 35px;
  width: 35px;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon {
  margin-top: 1px;
}

page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg path,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg line,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg ellipse,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg polyline,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg polygon,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg circle,
page-profile-home .container .my-profile .header-section .profile-section-mobile .icon-chat svg-icon svg rect {
  stroke: #F68A22 !important;
  stroke-width: 1.8 !important;
}

page-profile-home .container .my-profile .task-part button {
  height: 41px;
}

page-profile-home .container .my-profile .action-part {
  width: 100%;
  padding: 20px;
}

page-profile-home .container .my-profile .action-part .action-header {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 11.5px 0px 23.5px 0px;
}

page-profile-home .container .my-profile .action-part .action-header .action-title {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
  font-family: medium;
  color: #A5B0B7 !important;
}

page-profile-home .container .my-profile .action-part .action-box {
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-home .container .my-profile .action-part .action-box .action-section {
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg path,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg line,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg ellipse,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg polyline,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg polygon,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg circle,
page-profile-home .container .my-profile .action-part .action-box .action-section .action-icon svg-icon.new-icon svg rect {
  stroke: #A5B0B7 !important;
}

page-profile-home .container .my-profile .action-part .action-box .action-section .action-label {
  color: #A5B0B7;
  font-size: 12px;
  text-align: center;
}

page-profile-home .container .my-profile .action-part .action-box .action-section:hover {
  background-color: #e9e9e9;
  -webkit-transition: background-color 1.5s ease;
  transition: background-color 1.5s ease;
  border-radius: 5px;
}

page-profile-home .container .profile-box {
  width: 100%;
  position: relative;
  height: 100vh;
  height: -webkit-fill-available;
  overflow-y: auto;
  height: calc(100vh - 56px);
}

page-profile-home .container .profile-box .following-part .following-section .part .number {
  color: #58595b;
  font-size: 20px;
}

page-profile-home .container .profile-box .following-part .following-section .part .label {
  color: #A5B0B7;
}

page-profile-home .container .profile-box .following-part .following-section .divider {
  left: 50%;
  border-left: 1px solid #dbdbe1;
  height: 40px;
}

page-profile-home .container .profile-box .following-part .following-section:hover {
  cursor: pointer;
}

page-profile-home .container .profile-box .social-part {
  width: 100%;
}

page-profile-home .container .profile-box .social-box {
  width: 100%;
  max-width: 350px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  padding: 0px 5%;
}

page-profile-home .container .profile-box .social-box .social-section {
  margin-bottom: 10px;
}

page-profile-home .container .profile-box .social-box .social-section .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #e2e9ed;
}

page-profile-home .container .profile-box .social-box .social-section .icon-box img {
  height: 20px;
  width: 20px;
}

page-profile-home .container .profile-box .expand-box {
  height: auto;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

page-profile-home .container .profile-box .shrink-box {
  height: 70px;
  -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

page-profile-home .container .profile-box .action-part {
  width: 100%;
  padding: 15px 15px 5px 15px;
}

page-profile-home .container .profile-box .action-part .action-title {
  padding: 0px 0px 10px 0px;
  font-family: medium;
  color: #A5B0B7 !important;
}

page-profile-home .container .profile-box .action-part .action-box {
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-home .container .profile-box .action-part .action-box .action-section {
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg path,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg line,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg ellipse,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg polyline,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg polygon,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg circle,
page-profile-home .container .profile-box .action-part .action-box .action-section .action-icon svg-icon.new-icon svg rect {
  stroke: #A5B0B7 !important;
}

page-profile-home .container .profile-box .action-part .action-box .action-section .action-label {
  color: #A5B0B7;
  font-size: 12px;
  text-align: center;
}

page-profile-home .container .profile-box .action-part .action-box .action-section:hover {
  background-color: #e9e9e9;
  -webkit-transition: background-color 1.5s ease;
  transition: background-color 1.5s ease;
  border-radius: 5px;
}

page-profile-home .container .profile-box .more-action {
  padding-bottom: unset;
  margin-bottom: unset;
  left: 50%;
}

page-profile-home .container .profile-box .more-action .action-label {
  color: #F68A22;
  font-size: 14px;
  bottom: 0;
  padding-right: 15px;
  text-align: center;
}

page-profile-home .container .profile-box .profile-section-dekstop {
  padding: 15px 15px 10px 15px;
  width: 100%;
  -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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-profile-home .container .profile-box .profile-section-dekstop .avatar {
  position: relative;
  width: 114px;
  height: 114px;
  border-radius: 200px;
}

page-profile-home .container .profile-box .profile-section-dekstop .avatar gd-avatar .avatar ion-avatar {
  width: 114px !important;
  height: 114px !important;
}

page-profile-home .container .profile-box .profile-section-dekstop .avatar .achievement img {
  width: 90px !important;
  height: 90px !important;
}

page-profile-home .container .profile-box .profile-section-dekstop .avatar:hover {
  cursor: pointer;
}

page-profile-home .container .profile-box .profile-section-dekstop .name {
  width: 150px;
}

page-profile-home .container .profile-box .profile-section-dekstop .name .full-name {
  color: #f37249;
  font-size: 16px;
}

page-profile-home .container .profile-box .profile-section-dekstop .name .position-job {
  color: #A5B0B7;
  font-size: 16px;
}

page-profile-home .container .profile-box .profile-section-dekstop .detail .text {
  margin-top: 25px;
  border-radius: 6px;
  color: #F68A22;
  padding: 8px 12px;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
}

page-profile-home .container .profile-box .profile-section-dekstop .detail .text:hover {
  background-color: #eff2f4;
}

page-profile-home .container .profile-box .profile-section-dekstop .detail:hover {
  cursor: pointer;
}

page-profile-home .container .profile-box .following-part {
  width: 100%;
}

page-profile-home .container .profile-box .following-part .following-section {
  margin-top: 15px !important;
  margin: 0 auto;
  width: 75%;
}

page-profile-home .container .profile-box .following-part .following-section .part .number {
  color: #58595b;
  font-size: 20px;
}

page-profile-home .container .profile-box .following-part .following-section .part .label {
  color: #A5B0B7;
  margin-top: 5px;
}

page-profile-home .container .profile-box .following-part .following-section .divider {
  left: 50%;
  border-left: 1px solid #dbdbe1;
  height: 40px;
}

page-profile-home .container .profile-box .social-part {
  width: 100%;
}

page-profile-home .container .profile-box .social-box {
  width: 100%;
  max-width: 350px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 27px;
}

page-profile-home .container .profile-box .social-box .social-section {
  margin-bottom: 10px;
}

page-profile-home .container .profile-box .social-box .social-section .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #e2e9ed;
}

page-profile-home .container .profile-box .social-box .social-section .icon-box img {
  height: 20px;
  width: 20px;
}

page-profile-home .container .action-skeleton {
  width: 25%;
}

page-profile-home .container .action-skeleton .skeleton-icon {
  width: 45px;
  height: 45px;
  border-radius: 200px;
  margin-bottom: 3.4px;
}

page-profile-home .container .action-skeleton .skeleton-label {
  width: 41px;
  height: 10px;
  border-radius: 4px;
  margin: 2px auto 12px;
}

page-profile-home .container .my-acvhievement {
  position: relative;
  width: 100%;
  padding: 23px 20px 0px 20px;
}

page-profile-home .container .my-acvhievement .acvhievement-header {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

page-profile-home .container .my-acvhievement .acvhievement-header .acvhievement-title {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
  font-family: medium;
  color: #A5B0B7 !important;
}

page-profile-home .container .my-acvhievement .acvhievement-header .acvhievement-more {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  cursor: pointer;
}

page-profile-home .container .my-acvhievement .achievement-part {
  overflow: hidden;
  position: relative;
  border: 1px solid #dbdbe1;
  background: #fff;
  border-radius: 10px;
  padding: 10px;
  margin: 10px auto;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 149px;
}

page-profile-home .container .my-acvhievement .achievement-part .achievement {
  width: 85px;
  position: relative;
}

page-profile-home .container .my-acvhievement .achievement-part .achievement .badge-wrapper img {
  width: 100%;
}

page-profile-home .container .my-acvhievement .achievement-part .achievement.achievement-skeleton .badge-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 12px;
}

page-profile-home .container .my-acvhievement .achievement-part .achievement.achievement-skeleton .title-skeleton {
  width: 70px;
  height: 15px;
  border-radius: 4px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 10px !important;
}

page-profile-home .container .my-acvhievement .achievement-part span {
  text-align: center;
  margin-top: 5px;
  color: #333333;
  position: relative;
  top: -13px;
}

page-profile-home .container .my-acvhievement .achievement-part .total {
  position: absolute;
  right: -3px;
  top: 17px;
  width: 26px;
  height: 20px;
  color: #55456d;
  font-size: 14px !important;
  font-family: medium !important;
  /* padding: 20px; */
  background: #fff;
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
  text-align: center;
  -webkit-box-shadow: -4px 4px 1px #4a4a4a;
  box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.19);
  border-radius: 5px;
  /* padding-top: 5px; */
  padding-top: 2px;
}

page-profile-home .container .my-acvhievement .achievement-part .empty-achievement {
  width: 100%;
  padding: 10px 0;
}

page-profile-home .container .my-acvhievement .achievement-part .empty-achievement img {
  margin-bottom: 15px;
}

page-profile-home .container .my-acvhievement .achievement-part .empty-achievement span {
  text-align: center;
  color: #A5B0B7;
}

page-profile-home .container .my-acvhievement .achievement-part .beta {
  background-image: -webkit-gradient(linear, left top, right top, from(#00c7ff), color-stop(#6e88f4), to(#a767ef));
  background-image: linear-gradient(to right, #00c7ff, #6e88f4, #a767ef);
  color: white;
  padding: 4px 43px;
  font-weight: 500;
  position: absolute;
  right: -38px;
  top: 7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

page-profile-home .container .followers-container {
  padding: 20px;
}

page-profile-home .container .followers-container .my-followers {
  background: #ffffff;
  height: 77px;
  border-radius: 10px;
  border: 1px solid #e2e9ed;
}

page-profile-home .container .followers-container .my-followers .following-section {
  margin-top: 15px !important;
  margin: 0 auto;
  width: 75%;
}

page-profile-home .container .followers-container .my-followers .following-section .part .number {
  color: #58595b;
  font-size: 20px;
}

page-profile-home .container .followers-container .my-followers .following-section .part .label {
  color: #A5B0B7;
  margin-top: 5px;
}

page-profile-home .container .followers-container .my-followers .following-section .divider {
  left: 50%;
  border-left: 1px solid #dbdbe1;
  height: 40px;
}

page-profile-home .container .followers-container .social-part {
  width: 100%;
}

page-profile-home .container .followers-container .social-box {
  width: 100%;
  max-width: 350px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  margin-top: 27px;
}

page-profile-home .container .followers-container .social-box .social-section {
  margin-bottom: 10px;
}

page-profile-home .container .followers-container .social-box .social-section .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #e2e9ed;
}

page-profile-home .container .followers-container .social-box .social-section .icon-box img {
  height: 20px;
  width: 20px;
}

page-profile-home .container .feed-box {
  width: 100%;
  background: #f2f5f8;
}

page-profile-home .container .feed-box .feed-track {
  margin: auto;
  width: 100%;
}

page-profile-home .container .feed-box .feed-track .list-devinder {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  width: 100%;
  background-color: white;
  padding: 5px 5px !important;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-profile {
  padding: 5px 20px 0px 20px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-profile ion-list {
  margin: 0;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-profile ion-list ion-item h2 {
  color: #F68A22;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-profile ion-list ion-item p {
  margin-right: 4em !important;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content {
  padding-top: 14px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content p {
  padding: 0 20px;
  width: 100%;
  text-align: left;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-1 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  padding: 0 3px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-1 img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
  max-width: 100%;
  padding: 0 3px;
  position: relative;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 .imgku img {
  height: 150px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 .more img {
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 .more .more-text {
  position: absolute;
  top: 25px;
  right: 14px;
  color: white;
  opacity: 0.9;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .column-2 .more .more-text h4 {
  font-size: 14px;
  color: white !important;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .aksi .more-action {
  position: relative;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .post-picture {
  width: 100%;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .post-picture image-component img {
  display: block;
  margin: auto;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .video-box {
  width: 100%;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-content .video-box .frame {
  border: none;
  height: 315px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-stat {
  padding: 15px;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-stat ion-col ion-icon {
  margin-right: 10px;
  color: #666;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-stat ion-col ion-icon.like-true {
  color: #ed4956;
}

page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-stat ion-col span {
  line-height: 2em;
  margin-right: 10px;
}

page-profile-home .container .feed-box .feed-track .list-devinder.empty {
  margin: 10px auto;
}

page-profile-home .container .feed-box .feed-section {
  width: 70%;
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  margin-top: 15px;
  background-color: white;
  padding: 10px 15px 15px 15px;
}

page-profile-home .container .feed-box .feed-section .head-content {
  width: 100%;
}

page-profile-home .container .feed-box .feed-section .head-content img {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  -o-object-fit: fill;
  object-fit: fill;
}

page-profile-home .container .feed-box .feed-section .head-content .menu {
  margin-top: -15px;
}

page-profile-home .container .feed-box .feed-section .head-content .menu img {
  width: 15px;
}

page-profile-home .container .feed-box .feed-section .head-content .button img {
  width: 10px;
}

page-profile-home .container .feed-box .feed-section .body-content {
  margin-bottom: 10px;
}

page-profile-home .container .feed-box .feed-section .footer-content .left-section .footer-icon {
  margin-right: 5px;
}

page-profile-home .container .feed-box .feed-section .footer-content .archievement-section .footer-icon {
  margin-bottom: 5px;
}

page-profile-home .container .feed-box .feed-section .footer-content .archievement-section button {
  margin-left: 10px;
  width: 90px;
  font-size: 12px;
  text-transform: capitalize;
  background-color: #011517;
}

page-profile-home .container .feed-box .feed-section .comment-content {
  margin-top: 10px;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section {
  padding: 5px 10px 0px 10px;
  border-top: 1px solid #dbdbe1 !important;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .avatar {
  margin-right: 10px;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .avatar img {
  border-radius: 50%;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .detail .comment-name {
  font-size: 12px;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .detail .comment-date {
  font-size: 12px;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .comment {
  font-size: 12px;
  margin: 0px 10px;
  color: #F68A22;
}

page-profile-home .container .feed-box .feed-section .comment-content .comment-section .comment p {
  margin: 0px 0px 5px 0px;
}

@media only screen and (max-height: 568px) {
  page-profile-home .name-section {
    top: 13vh !important;
  }
  page-profile-home .name-section .full-name {
    font-size: 20px !important;
    color: white;
  }
}

@media only screen and (max-width: 300px) {
  page-profile-home .profile-section-mobile .avatar {
    position: relative;
    width: 114px;
    height: 114px;
    border-radius: 200px;
  }
  page-profile-home .profile-section-mobile .avatar gd-avatar .avatar ion-avatar {
    width: 114px !important;
    height: 114px !important;
  }
  page-profile-home .profile-section-mobile .avatar .achievement img {
    width: 90px !important;
    height: 90px !important;
  }
}

@media only screen and (min-width: 768px) {
  page-profile-home .details-button {
    display: none !important;
  }
  page-profile-home .name-section {
    display: none !important;
  }
  page-profile-home .profile-section-mobile {
    display: none !important;
  }
  page-profile-home .details-button ion-label {
    text-transform: capitalize;
    color: #F68A22 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  page-profile-home .details-button {
    display: none !important;
  }
  page-profile-home .name-section {
    display: none !important;
  }
  page-profile-home .profile-section-mobile {
    display: none !important;
  }
  page-profile-home .details-button ion-label {
    text-transform: capitalize;
    color: #F68A22 !important;
  }
  page-profile-home .desktop.container .profile-section-dekstop,
  page-profile-home .desktop.container .following-section,
  page-profile-home .desktop.container .social-section,
  page-profile-home .desktop.container .action-section {
    -webkit-transform: scale(0.85) !important;
    transform: scale(0.85) !important;
  }
  page-profile-home .desktop.container .list-devinder {
    -webkit-transform: scale(0.9) !important;
    transform: scale(0.9) !important;
  }
  page-profile-home .full-name {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  page-profile-home ion-header .toolbar-background {
    border: none !important;
  }
  page-profile-home .desktop.container {
    display: none !important;
  }
  page-profile-home .mobile.container {
    background-color: #EFF2F4 !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  page-profile-home .mobile.container .profile-box {
    background-color: white;
  }
  page-profile-home .following-part {
    width: 70% !important;
  }
  page-profile-home .social-box {
    z-index: 1;
    width: 100%;
    max-width: 350px;
    margin: auto;
  }
  page-profile-home .feed-track {
    width: 100% !important;
  }
  page-profile-home .feed-track .list-devinder {
    border: 1px solid #dbdbe1;
    border-radius: 5px;
    max-width: 100%;
    background-color: white;
    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-profile-home .feed-track .list-devinder .mypopover {
    opacity: 0;
    position: absolute;
    width: 118px;
    background: #ffffff;
    border: 1px solid #e2e9ed;
    z-index: 1;
    right: 25px;
    top: 45px;
  }
  page-profile-home .feed-track .list-devinder .mypopover .list-1 img {
    margin-right: 10px;
    margin-left: 10px;
  }
  page-profile-home .feed-track .list-devinder .mypopover .list-2 img {
    margin-right: 10px;
    margin-left: 10px;
  }
  page-profile-home .feed-track .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);
  }
  page-profile-home .feed-track .list-devinder .popover-active > div {
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
  }
  page-profile-home .feed-track .list-devinder .action-popover {
    text-align: right;
    position: relative;
    top: 10px;
  }
  page-profile-home .feed-track .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;
  }
  page-profile-home .feed-track .list-devinder .aksi .more-action {
    position: absolute;
    right: 0;
    top: 0;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-profile {
    padding: 10px 20px 5px 20px;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-profile ion-list {
    margin: 0;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-profile ion-list ion-item h2 {
    color: #F68A22;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-profile ion-list ion-item p {
    margin-right: 4em !important;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-content p {
    padding: 0 10px;
    width: 100%;
    text-align: left;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-stat {
    padding: 10px;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-stat ion-col ion-icon {
    margin-right: 10px;
    color: #666;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-stat ion-col ion-icon.like-true {
    color: #ed4956;
  }
  page-profile-home .feed-track .list-devinder ion-row.post-stat ion-col span {
    line-height: 2em;
    margin-right: 10px;
  }
  page-profile-home .profile-section-dekstop {
    display: none !important;
  }
  page-profile-home .details-button ion-label {
    text-transform: capitalize;
    color: #f4f4f4 !important;
  }
  page-profile-home .header-md::after,
  page-profile-home .tabs-md[tabsPlacement="top"] > .tabbar::after,
  page-profile-home .footer-md::before,
  page-profile-home .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
    left: unset !important;
    bottom: unset !important;
    background-position: unset !important;
    position: unset !important;
    width: unset !important;
    height: unset !important;
    background-image: unset !important;
    background-repeat: unset !important;
    content: unset !important;
  }
  page-profile-home .feed-box .col {
    padding: 5px 2px !important;
  }
  page-profile-home .feed-box .feed-section {
    width: 100% !important;
  }
  page-profile-home .item-ios {
    border-color: transparent !important;
  }
}

@media screen and (min-width: 767px) {
  page-profile-home .mobile.container {
    display: none !important;
  }
  page-profile-home .container {
    overflow: hidden;
  }
  page-profile-home .action-box {
    height: unset !important;
  }
  page-profile-home .aksi .more-action {
    position: absolute;
    right: 0;
    top: 0;
  }
  page-profile-home .mypopover {
    opacity: 0;
    position: absolute;
    width: 118px;
    background: #ffffff;
    border: 1px solid #e2e9ed;
    z-index: 1;
    right: 25px;
    top: 45px;
  }
  page-profile-home .mypopover .list-1 img,
  page-profile-home .mypopover .list-2 img {
    margin-right: 10px;
    margin-left: 10px;
  }
  page-profile-home .popover-active {
    opacity: 1;
    position: absolute;
    min-width: 175px;
    background: #ffffff;
    border: 1px solid #e2e9ed;
    z-index: 1;
    right: 125px;
    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);
  }
  page-profile-home .popover-active > div {
    -webkit-transition: background-color 200ms;
    transition: background-color 200ms;
  }
  page-profile-home .action-popover {
    text-align: right;
    position: relative;
    top: 10px;
  }
  page-profile-home .container .feed-box .feed-track .list-devinder ion-row.post-profile ion-list {
    margin: 0;
    width: 100%;
  }
  page-profile-home .feed-box {
    overflow-y: auto;
    height: 100vh;
    height: -webkit-fill-available;
  }
  page-profile-home .feed-box .feed-track {
    height: 100vh;
  }
  page-profile-home .feed-box .progress-container {
    width: 80% !important;
    margin: 0 auto !important;
  }
  page-profile-home .feed-box .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-profile-home .feed-box .progress-card h3 {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  page-profile-home .feed-box {
    overflow-y: auto;
    height: 100%;
  }
  page-profile-home .feed-box .feed-track {
    width: 85% !important;
    height: 100vh;
  }
}

@media screen and (min-height: 720px) and (max-height: 1024px) {
  page-profile-home .mobile.container .name-section {
    position: absolute;
    z-index: 1;
    top: 14vh;
  }
}

@media screen and (min-width: 1280px) {
  page-profile-home .list-devinder {
    width: 80% !important;
    margin: 0 auto;
  }
}

page-profile-home .achievement-tag {
  margin-bottom: 13px;
}

page-profile-home .achievement-tag .achievement-icon {
  width: 22.39px;
  height: 29.8px;
}

page-profile-home .achievement-tag .achievement-label {
  color: white;
  background-color: #F68A22;
  border-radius: 200px;
  padding: 2px 8px;
  margin: auto 0 0 6.6px;
}

page-profile-home .thumb-liked {
  -webkit-filter: hue-rotate(32deg) saturate(0.12) brightness(1.23);
  filter: hue-rotate(32deg) saturate(0.12) brightness(1.23);
}

page-profile-home .icon-respond {
  width: 22px;
  height: 22px;
}

page-profile-home .post-picture {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 10px;
  height: 256px;
}

page-profile-home .post-picture img {
  border-radius: 5px;
}

page-profile-home .post-picture .single-img {
  width: 100%;
  height: 100%;
}

page-profile-home .post-picture .single-img lazy-img, page-profile-home .post-picture .single-img page-activity-list-subordinate .avatar lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .single-img img {
  height: 100%;
}

page-profile-home .post-picture .single-img lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .single-img img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

page-profile-home .post-picture .double-img,
page-profile-home .post-picture .triple-img:first-child,
page-profile-home .post-picture .four-img:first-child,
page-profile-home .post-picture .more-img:first-child {
  margin-bottom: 6px;
  width: 100%;
}

page-profile-home .post-picture .triple-img:first-child,
page-profile-home .post-picture .four-img:first-child,
page-profile-home .post-picture .more-img:first-child {
  height: 150px;
}

page-profile-home .post-picture .double-img {
  height: calc(50% - 3px);
}

page-profile-home .post-picture .double-img lazy-img, page-profile-home .post-picture .double-img page-activity-list-subordinate .avatar lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .double-img img {
  height: 100%;
}

page-profile-home .post-picture .double-img lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .double-img img img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

page-profile-home .post-picture .double-img:last-child {
  margin-bottom: 0 !important;
}

page-profile-home .post-picture .triple-img {
  width: calc(50% - 2px);
  height: 100px;
}

page-profile-home .post-picture .triple-img lazy-img, page-profile-home .post-picture .triple-img page-activity-list-subordinate .avatar lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .triple-img img {
  height: 100%;
}

page-profile-home .post-picture .triple-img lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .triple-img img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-profile-home .post-picture .triple-img:nth-child(2),
page-profile-home .post-picture .four-img:nth-child(2),
page-profile-home .post-picture .four-img:nth-child(3),
page-profile-home .post-picture .more-img:nth-child(2),
page-profile-home .post-picture .more-img:nth-child(3) {
  margin-right: 4px;
}

page-profile-home .post-picture .four-img,
page-profile-home .post-picture .more-img {
  width: calc(33% - 2px);
  height: 100px;
}

page-profile-home .post-picture .four-img lazy-img, page-profile-home .post-picture .four-img page-activity-list-subordinate .avatar lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .four-img img,
page-profile-home .post-picture .more-img lazy-img,
page-profile-home .post-picture .more-img page-activity-list-subordinate .avatar lazy-img img, page-activity-list-subordinate .avatar lazy-img
page-profile-home .post-picture .more-img img {
  height: 100%;
}

page-profile-home .post-picture .four-img lazy-img img, page-activity-list-subordinate .avatar lazy-img page-profile-home .post-picture .four-img img img,
page-profile-home .post-picture .more-img lazy-img img, page-activity-list-subordinate .avatar lazy-img
page-profile-home .post-picture .more-img img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-profile-home .post-picture .more-img:nth-child(4) {
  position: relative;
}

page-profile-home .post-picture .more-label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  font-size: 16px;
}

page-profile-home .post-picture .more-label p {
  color: white;
  text-align: end !important;
}

@media screen and (min-width: 768px) {
  page-profile-home .post-picture {
    height: 300px;
  }
  page-profile-home .post-picture .double-img {
    height: calc(50% - 3px);
  }
  page-profile-home .post-picture .triple-img:first-child,
  page-profile-home .post-picture .four-img:first-child,
  page-profile-home .post-picture .more-img:first-child {
    height: calc(60% - 3px);
  }
  page-profile-home .post-picture .triple-img,
  page-profile-home .post-picture .four-img,
  page-profile-home .post-picture .more-img {
    height: calc(40% - 3px);
  }
}

page-profile-insurance .container-desktop {
  position: relative;
}

page-profile-insurance .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-insurance .container-mobile {
  padding: 16px;
}

page-profile-insurance .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-profile-insurance .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-insurance .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-insurance .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-insurance .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-insurance .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-insurance .table-box {
  padding-bottom: 26px;
}

page-profile-insurance .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-insurance .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-insurance .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-insurance .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-insurance .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-insurance .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-insurance .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-insurance .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-insurance .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-insurance .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-insurance .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;
}

page-profile-interest {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 768px) {
  page-profile-interest .date-start {
    min-width: 100%;
  }
  page-profile-interest .date-end {
    min-width: 100%;
  }
}

page-profile-interest .stars-container ion-col {
  padding: 0px;
}

page-profile-interest .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-profile-interest .star-check {
  color: #e6ae37 !important;
}

page-profile-interest .bank-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

page-profile-interest .bank-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 250px;
}

page-profile-interest .bank-card .card-box .bank-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-interest .bank-card .card-box ion-label {
  margin-left: 15px;
  font-family: "bold" !important;
}

page-profile-interest .bank-card .card-box ion-select {
  max-width: 80%;
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 80%;
  background-color: white;
  font-size: 17px !important;
}

page-profile-interest .bank-card .card-box .close {
  text-align: right;
}

page-profile-interest .bank-card .card-box .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-profile-interest .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-interest .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-interest .form-button-box .manage-btn {
  color: white !important;
}

page-profile-interest button {
  text-transform: capitalize;
}

page-profile-interest .chip {
  border-radius: 200px;
  text-align: center;
  padding: 5px 16px;
  font-size: 13px !important;
}

page-profile-interest .chip.active {
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
}

page-profile-interest .chip.pending {
  background-color: #FEF1D2;
  border: 1px solid #F68A22;
  color: #F68A22 !important;
}

page-profile-interest .status ion-badge {
  color: #2BB34D !important;
  background-color: #f0f2f4 !important;
  padding: 5px 8px;
}

page-profile-interest .status ion-badge.notactive {
  color: #A5B0B7 !important;
}

page-profile-interest .detail {
  margin-bottom: 24px;
}

page-profile-interest .priority {
  color: #F68A22 !important;
}

@media screen and (max-width: 768px) {
  page-profile-interest .bank-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-interest .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-interest .form-button-box button {
    margin: 0;
  }
  page-profile-interest .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-interest .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-profile-interest .container-mobile {
  padding: 16px;
}

page-profile-interest .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-profile-interest .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-interest .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-interest .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-langskill {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

page-profile-langskill .stars-container ion-col {
  padding: 0px;
}

page-profile-langskill .stars-container ion-col ion-icon {
  font-size: 25px;
  color: #e2e2e2;
}

page-profile-langskill .star-check {
  color: #e6ae37 !important;
}

page-profile-langskill .bank-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

page-profile-langskill .bank-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 250px;
}

page-profile-langskill .bank-card .card-box .bank-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-langskill .bank-card .card-box .name-section {
  width: 100%;
}

page-profile-langskill .bank-card .card-box .name-section ion-label {
  font-size: 16px !important;
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

page-profile-langskill .bank-card .card-box .rate-section ion-label {
  margin-left: 15px;
  font-family: "bold" !important;
}

page-profile-langskill .bank-card .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-langskill .bank-card .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-langskill .bank-card .card-box ion-select {
  max-width: 80%;
  margin-left: 0x;
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 80%;
  background-color: white;
  font-size: 17px !important;
}

page-profile-langskill .bank-card .card-box .close {
  text-align: right;
}

page-profile-langskill .bank-card .card-box .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-profile-langskill .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-langskill .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-langskill .form-button-box .manage-btn {
  color: white !important;
}

page-profile-langskill button {
  text-transform: capitalize;
}

page-profile-langskill .chip {
  border-radius: 200px;
  text-align: center;
  padding: 5px 16px;
  font-size: 13px !important;
}

page-profile-langskill .chip.active {
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
}

page-profile-langskill .chip.pending {
  background-color: #FEF1D2;
  border: 1px solid #F68A22;
  color: #F68A22 !important;
}

page-profile-langskill .status ion-badge {
  color: #2BB34D !important;
  background-color: #f0f2f4 !important;
  padding: 5px 8px;
}

page-profile-langskill .status ion-badge.notactive {
  color: #A5B0B7 !important;
}

page-profile-langskill .detail {
  margin-bottom: 24px;
}

page-profile-langskill .priority {
  color: #F68A22 !important;
}

@media screen and (max-width: 768px) {
  page-profile-langskill .bank-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-langskill .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-langskill .form-button-box button {
    margin: 0;
  }
  page-profile-langskill .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-langskill .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-profile-letters .container-desktop {
  position: relative;
}

page-profile-letters .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-letters .container-mobile {
  padding: 16px;
}

page-profile-letters .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-profile-letters .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-letters .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-letters .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-letters .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-letters .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-letters .table-box {
  padding-bottom: 26px;
}

page-profile-letters .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-letters .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-letters .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-letters .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-letters .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-letters .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-letters .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-letters .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-letters .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-letters .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-letters .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;
}

page-profile-medical .form-profil-box {
  margin-bottom: 100px;
}

page-profile-medical .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-medical .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-medical .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-medical .head-form {
    display: none;
  }
}

page-profile-medical .form-profil-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-profile-medicalhistory .container-desktop {
  position: relative;
}

page-profile-medicalhistory .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-medicalhistory .container-mobile {
  padding: 16px;
}

page-profile-medicalhistory .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-profile-medicalhistory .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-medicalhistory .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-medicalhistory .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-medicalhistory .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-medicalhistory .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-medicalhistory .table-box {
  padding-bottom: 26px;
}

page-profile-medicalhistory .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-medicalhistory .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-medicalhistory .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-medicalhistory .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-medicalhistory .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-medicalhistory .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-medicalhistory .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-medicalhistory .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-medicalhistory .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-medicalhistory .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-medicalhistory .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;
}

page-profile-modal-address .header-autocomplete {
  padding: 0 16px;
}

page-profile-modal-address .header-autocomplete ion-icon {
  color: white;
}

@media (max-width: 768px) {
  page-profile-modal-address .mobile-mode {
    position: fixed !important;
    width: 100vw;
    height: 100vh !important;
    top: 0;
    left: 0;
    background: white;
    z-index: 10;
  }
  page-profile-modal-address .mobile-mode .searchbar-input {
    padding: 50px 16px;
    height: 50px;
  }
}

page-profile-modal-address .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-profile-modal-bank-account .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-profile-modal-bank-account ion-chip {
  height: 190px !important;
}

page-profile-modal-bank-account .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-bank-account .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-bank-account .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-bank-distribution .choose-area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-profile-modal-bank-distribution .choose-area ion-item {
  background: white;
  font-size: 12px;
}

page-profile-modal-bank-distribution .choose-area ion-item .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border: none !important;
}

page-profile-modal-bank-distribution .choose-area ion-item .item-inner .input-wrapper {
  width: calc(100% - 26px);
}

page-profile-modal-bank-distribution .distribution-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-profile-modal-bank-distribution .distribution-list p.anounce {
  font-size: 12px;
  color: #3498db;
}

page-profile-modal-bank-distribution .bankNew {
  color: #F68A22 !important;
  font-size: 10px !important;
  text-align: right;
}

page-profile-modal-bank-distribution .moving {
  background-color: #eef4fa !important;
}

page-profile-modal-bank-distribution .card-box {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-modal-bank-distribution .card-box .bank-name {
  font-weight: bold;
  font-size: 1.5rem !important;
}

page-profile-modal-bank-distribution .card-box .number,
page-profile-modal-bank-distribution .card-box .name {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-modal-bank-distribution .card-box .infoInput {
  font-size: 10px !important;
  color: #F0624D !important;
}

page-profile-modal-bank-distribution .card-box p.remaining {
  font-size: 12px;
  color: #2BB34D;
}

page-profile-modal-bank-distribution .card-box ion-badge.status-primary {
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
  font-weight: 500;
}

page-profile-modal-bank-distribution .card-box ion-label.status-priority {
  color: #F68A22 !important;
  font-size: 16px !important;
}

page-profile-modal-bank-distribution .card-box ion-label {
  font-family: inherit;
  line-height: normal;
  font-size: 0.9em !important;
  margin: 0px 0px 6px 0 !important;
}

page-profile-modal-bank-distribution .card-box img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-modal-bank-distribution .card-box img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-modal-bank-distribution .card-box .card-top {
  padding: 10px;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area .idr-input {
  max-width: 110px !important;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area .percent-input {
  max-width: 60px !important;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area .percent-input input {
  text-align: center !important;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area input {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 5px;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area input input {
  margin: 5px !important;
}

page-profile-modal-bank-distribution .card-box .card-top .currency-area span {
  font-size: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-modal-bank-distribution .card-box .card-bottom {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  min-height: 20px;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(1) button.delete {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin: 0;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(1) button.delete span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(1) button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(1) button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) h4 {
  font-size: 14px !important;
  font-weight: 700;
  color: #2BB34D;
  margin: 0 10px 0 0 !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  cursor: pointer;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block {
  border-radius: 21px;
  border: none !important;
  width: 57px !important;
  height: 30px !important;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block .rounded-toggle {
  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;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.deactive {
  background: #dbdbe1 !important;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.deactive .rounded-toggle {
  left: 0;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.active {
  background: #F68A22 !important;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.active .rounded-toggle {
  left: 27px;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) button.deactive {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin-right: 0px !important;
}

page-profile-modal-bank-distribution .card-box .card-bottom div:nth-child(2) button.deactive span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-bank-distribution ion-footer ion-toolbar button {
  width: 100%;
}

page-profile-modal-certification .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-profile-modal-certification ion-chip {
  height: 190px !important;
}

page-profile-modal-certification .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-certification .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-certification .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-certification .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-profile-modal-course .multi-input {
  border-bottom: none !important;
}

page-profile-modal-course .multi-input .datetime-wrapper, page-profile-modal-course .multi-input ion-select, page-profile-modal-course .multi-input ion-input {
  border-bottom: 1px solid #dbdbe1;
}

@media only screen and (max-width: 600px) {
  page-profile-modal-course .multi-input .period-section {
    margin: 0 !important;
  }
}

page-profile-modal-course .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 20px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-profile-modal-document-control .docNew {
  color: #F68A22 !important;
  font-size: 10px !important;
  text-align: right;
}

page-profile-modal-document-control ion-datetime {
  position: relative;
}

page-profile-modal-document-control .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-document-control .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-document-control .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-document-control .choose-area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-profile-modal-document-control .choose-area ion-item {
  background: white;
  font-size: 12px;
}

page-profile-modal-document-control .choose-area ion-item .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border: none !important;
}

page-profile-modal-document-control .choose-area ion-item .item-inner .input-wrapper {
  width: calc(100% - 26px);
}

page-profile-modal-document-control .distribution-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-profile-modal-document-control .distribution-list p.anounce {
  font-size: 12px;
  color: #3498db;
}

page-profile-modal-document-control .bankNew {
  color: #F68A22 !important;
  font-size: 10px !important;
  text-align: right;
}

page-profile-modal-document-control .moving {
  background-color: #eef4fa !important;
}

page-profile-modal-document-control .card-box {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-modal-document-control .card-box .bank-name {
  font-weight: bold;
  font-size: 1.5rem !important;
}

page-profile-modal-document-control .card-box .number,
page-profile-modal-document-control .card-box .name {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-modal-document-control .card-box .infoInput {
  font-size: 10px !important;
  color: #F0624D !important;
}

page-profile-modal-document-control .card-box p.remaining {
  font-size: 12px;
  color: #2BB34D;
}

page-profile-modal-document-control .card-box ion-badge.status-primary {
  margin-left: 10x;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
  font-weight: 500;
}

page-profile-modal-document-control .card-box ion-label.status-priority {
  margin-left: 10x;
  color: #F68A22 !important;
  font-size: 16px !important;
}

page-profile-modal-document-control .card-box ion-label {
  font-family: inherit;
  line-height: normal;
  font-size: 0.9em !important;
  margin: 0px 0px 6px 10px !important;
}

page-profile-modal-document-control .card-box img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-modal-document-control .card-box img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-modal-document-control .card-box .card-top {
  padding: 10px;
}

page-profile-modal-document-control .card-box .card-top .currency-area .idr-input {
  max-width: 110px !important;
}

page-profile-modal-document-control .card-box .card-top .currency-area .percent-input {
  max-width: 100px !important;
}

page-profile-modal-document-control .card-box .card-top .currency-area .percent-input input {
  text-align: center !important;
}

page-profile-modal-document-control .card-box .card-top .currency-area input {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 10px;
}

page-profile-modal-document-control .card-box .card-top .currency-area input input {
  margin: 10px !important;
}

page-profile-modal-document-control .card-box .card-top .currency-area span {
  font-size: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-modal-document-control .card-box .card-bottom {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: 0px;
  min-height: 20px;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(1) button.delete {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin: 0;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(1) button.delete span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(1) button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(1) button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) h4 {
  font-size: 14px !important;
  font-weight: 700;
  color: #2BB34D;
  margin: 0 10px 0 0 !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  cursor: pointer;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block {
  border-radius: 21px;
  border: none !important;
  width: 57px !important;
  height: 30px !important;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block .rounded-toggle {
  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;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block.deactive {
  background: #dbdbe1 !important;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block.deactive .rounded-toggle {
  left: 0;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block.active {
  background: #F68A22 !important;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) .toggle-block.active .rounded-toggle {
  left: 27px;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) button.deactive {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin-right: 0px !important;
}

page-profile-modal-document-control .card-box .card-bottom div:nth-child(2) button.deactive span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-modal-document-control ion-footer ion-toolbar button {
  width: 100%;
}

page-profile-modal-document-control .close {
  text-align: right;
  margin: 0px 10px 10px 10px !important;
}

page-profile-modal-document-control .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  width: 25px;
  height: 25px;
  padding-right: 15px;
  margin: 0px 10px 10px 10px !important;
}

page-profile-modal-document-control ion-select {
  padding: 0px 0px 0px 0px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  max-width: 180px !important;
  background-color: white;
  font-size: 1.0em !important;
}

page-profile-modal-document-control input-number {
  max-width: 180px !important;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  text-align: center;
}

page-profile-modal-document-control ion-input {
  max-width: 180px !important;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  text-align: center;
}

page-profile-modal-document-control ion-chip {
  height: 190px !important;
}

page-profile-modal-education .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-profile-modal-education ion-input.input1 {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-profile-modal-education ion-label.label2 {
  margin-top: 7px !important;
}

@media screen and (min-width: 768px) {
  page-profile-modal-education .form-section.multiple-input .label1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    max-width: 20% !important;
  }
  page-profile-modal-education .form-section.multiple-input .input1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    width: 20% !important;
    max-width: 80px !important;
    padding-bottom: 0px !important;
  }
  page-profile-modal-education .form-section.multiple-input .label2 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-top: 0px !important;
  }
  page-profile-modal-education .form-section.multiple-input .input2 {
    width: 20% !important;
    max-width: 80px !important;
  }
}

page-profile-modal-experience .multi-input {
  border-bottom: none !important;
}

page-profile-modal-experience .multi-input .datetime-wrapper, page-profile-modal-experience .multi-input ion-select, page-profile-modal-experience .multi-input ion-input {
  border-bottom: 1px solid #dbdbe1;
}

@media only screen and (max-width: 600px) {
  page-profile-modal-experience .multi-input .period-section {
    margin: 0 !important;
  }
}

page-profile-modal-family .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-profile-modal-family .chip-md {
  width: 40% !important;
}

page-profile-modal-family ion-chip {
  height: 190px !important;
}

page-profile-modal-family ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-profile-modal-family .chip-md {
    width: 100% !important;
  }
  page-profile-modal-family .chip-ios {
    width: 100% !important;
  }
  page-profile-modal-family ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-profile-modal-family ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-profile-modal-family .chip-md {
    width: 50% !important;
  }
  page-profile-modal-family .chip-ios {
    width: 100% !important;
  }
}

page-profile-modal-family .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-family .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-family .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-insurance .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-profile-modal-langskill .stars-container ion-col {
  padding: 0px;
}

page-profile-modal-langskill .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-profile-modal-langskill .star-check {
  color: #e6ae37 !important;
}

page-profile-modal-langskill .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-stars p {
  font-size: 1.0em;
  font-weight: bold;
  color: black;
  margin: 0px;
  margin-bottom: 10px;
}

page-profile-modal-langskill .question-stars .stars-container ion-col {
  padding: 0px;
}

page-profile-modal-langskill .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-profile-modal-langskill .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-profile-modal-langskill .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-profile-modal-langskill .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-profile-modal-langskill .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-profile-modal-langskill .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-profile-modal-langskill .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-profile-modal-langskill .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-profile-modal-langskill .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-profile-modal-langskill .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-profile-modal-langskill .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-profile-modal-langskill .question-div .star-check {
  color: #e6ae37 !important;
}

page-profile-modal-langskill .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-profile-modal-langskill .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-profile-modal-langskill .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-profile-modal-langskill .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-profile-modal-langskill .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-profile-modal-langskill .question-div .question-multiple .checkbox-md .checkbox-icon, page-profile-modal-langskill .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-profile-modal-langskill .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-profile-modal-langskill .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-profile-modal-langskill .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-profile-modal-langskill .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-profile-modal-langskill .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-profile-modal-langskill .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-profile-modal-langskill .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-profile-modal-medicalhistory .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-profile-modal-medicalhistory ion-input.input1 {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-profile-modal-medicalhistory ion-label.label2 {
  margin-top: 7px !important;
}

@media screen and (min-width: 768px) {
  page-profile-modal-medicalhistory .form-section.multiple-input .label1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    max-width: 20% !important;
  }
  page-profile-modal-medicalhistory .form-section.multiple-input .input1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    width: 20% !important;
    max-width: 80px !important;
    padding-bottom: 0px !important;
  }
  page-profile-modal-medicalhistory .form-section.multiple-input .label2 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-top: 0px !important;
  }
  page-profile-modal-medicalhistory .form-section.multiple-input .input2 {
    width: 20% !important;
    max-width: 80px !important;
  }
}

page-profile-modal-medicalhistory ion-chip {
  height: 190px !important;
}

page-profile-modal-medicalhistory .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-medicalhistory .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-medicalhistory .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-orgactiv .multi-input {
  border-bottom: none !important;
}

page-profile-modal-orgactiv .multi-input .datetime-wrapper, page-profile-modal-orgactiv .multi-input ion-select, page-profile-modal-orgactiv .multi-input ion-input {
  border-bottom: 1px solid #dbdbe1;
}

@media only screen and (max-width: 600px) {
  page-profile-modal-orgactiv .multi-input .period-section {
    margin: 0 !important;
  }
}

page-profile-modal-psychological-test .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-profile-modal-psychological-test ion-input.input1 {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-profile-modal-psychological-test ion-label.label2 {
  margin-top: 7px !important;
}

@media screen and (min-width: 768px) {
  page-profile-modal-psychological-test .form-section.multiple-input .label1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    max-width: 20% !important;
  }
  page-profile-modal-psychological-test .form-section.multiple-input .input1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    width: 20% !important;
    max-width: 80px !important;
    padding-bottom: 0px !important;
  }
  page-profile-modal-psychological-test .form-section.multiple-input .label2 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-top: 0px !important;
  }
  page-profile-modal-psychological-test .form-section.multiple-input .input2 {
    width: 20% !important;
    max-width: 80px !important;
  }
}

page-profile-modal-psychological-test ion-chip {
  height: 190px !important;
}

page-profile-modal-psychological-test .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-psychological-test .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-psychological-test .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-service-agreement .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-profile-modal-service-agreement ion-input.input1 {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-profile-modal-service-agreement ion-label.label2 {
  margin-top: 7px !important;
}

@media screen and (min-width: 768px) {
  page-profile-modal-service-agreement .form-section.multiple-input .label1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    max-width: 20% !important;
  }
  page-profile-modal-service-agreement .form-section.multiple-input .input1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    width: 20% !important;
    max-width: 80px !important;
    padding-bottom: 0px !important;
  }
  page-profile-modal-service-agreement .form-section.multiple-input .label2 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-top: 0px !important;
  }
  page-profile-modal-service-agreement .form-section.multiple-input .input2 {
    width: 20% !important;
    max-width: 80px !important;
  }
}

page-profile-modal-service-agreement ion-chip {
  height: 190px !important;
}

page-profile-modal-service-agreement .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-service-agreement .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-service-agreement .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-profile-modal-success .modal-container {
  height: calc(100% - 200px) !important;
  margin-top: 200px !important;
}

page-profile-modal-success .container img {
  margin-bottom: 35px;
}

page-profile-modal-success .container .title {
  font-size: 20px !important;
  font-family: 'bold' !important;
  margin-bottom: 14px;
  white-space: pre-wrap;
  text-align: center;
}

page-profile-modal-success .container .caption {
  margin-bottom: 24px;
  width: 70%;
  text-align: center;
}

page-profile-modal-success .container .button-group {
  width: 100%;
  padding: 16px;
}

page-profile-modal-success .container .button-group button {
  width: 100%;
  border-radius: 4px;
  text-transform: capitalize;
}

page-profile-modal-trainingrecord .div-multi-request ion-col {
  padding: 0px !important;
}

page-profile-modal-trainingrecord .div-multi-request .sficon-forward {
  padding: 11.5px !important;
}

page-profile-modal-trainingrecord .div-multi-request .sficon-top {
  padding: 11.5px !important;
}

page-profile-modal-trainingrecord form > .form-input-box > .form-section > ion-input.no-margin-r {
  margin-right: 0px !important;
}

page-profile-modal-trainingrecord form > .form-input-box > .form-section > ion-toggle.toggleDesktop {
  margin-right: 0px !important;
}

page-profile-modal-trainingrecord .form-label-attch {
  color: #F68A22 !important;
}

page-profile-modal-trainingrecord page-expandable .expand-wrapper {
  padding: 0px !important;
}

@media only screen and (min-width: 320px) {
  page-profile-modal-trainingrecord .toggleDesktop {
    display: none;
  }
  page-profile-modal-trainingrecord .toggleMobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  page-profile-modal-trainingrecord .toggleDesktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  page-profile-modal-trainingrecord .toggleMobile {
    display: none !important;
  }
}

page-profile-modal-trainingrecord ion-chip2 {
  height: 190px !important;
  float: left;
  border: none !important;
}

page-profile-modal-trainingrecord ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-profile-modal-trainingrecord .align-left {
  float: left;
}

page-profile-modal-trainingrecord .align-right {
  float: right;
}

page-profile-modal-trainingrecord .chip-md {
  width: 40% !important;
}

page-profile-modal-trainingrecord .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-profile-modal-trainingrecord .item-row-time .item-inner {
  border: none !important;
}

@media screen and (max-width: 600px) {
  page-profile-modal-trainingrecord .chip-md {
    width: 100% !important;
    float: left;
  }
  page-profile-modal-trainingrecord .chip-ios {
    width: 100% !important;
  }
  page-profile-modal-trainingrecord ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-profile-modal-trainingrecord ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-profile-modal-trainingrecord .chip-md {
    width: 50% !important;
  }
  page-profile-modal-trainingrecord .chip-ios {
    width: 100% !important;
  }
}

page-profile-modal-trainingrecord .img-preview {
  position: relative;
  display: inline-block;
}

page-profile-modal-trainingrecord .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-profile-modal-trainingrecord .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-autocomplete-trainingrecord h2 {
  color: #F68A22 !important;
}

page-autocomplete-trainingrecord [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-autocomplete-trainingrecord .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-profile-new-bank-distribution .container {
  padding: 16px;
}

page-profile-new-bank-distribution .container .header {
  margin-bottom: 30px;
}

page-profile-new-bank-distribution .container .header .title {
  font-size: 20px !important;
  font-family: 'bold' !important;
}

page-profile-new-bank-distribution .container .body .form-box .form-section {
  margin-bottom: 16px;
}

page-profile-new-bank-distribution .container .body .form-box .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-profile-new-bank-distribution .container .body .form-box .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-profile-new-bank-distribution .container .body .form-box .form-section .value-box ion-label {
  padding: 0 8px;
}

page-profile-new-bank-distribution .container .body .form-box .form-section .value-box ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-profile-new-bank-distribution ion-footer {
  padding: 16px;
}

page-profile-new-bank-distribution ion-footer button {
  width: 100%;
}

page-profile-new-recipient .container {
  padding: 16px;
}

page-profile-new-recipient .container .header {
  margin-bottom: 30px;
}

page-profile-new-recipient .container .header .title {
  font-size: 20px !important;
  font-family: 'bold' !important;
}

page-profile-new-recipient .container .body .form-box .form-section {
  margin-bottom: 16px;
}

page-profile-new-recipient .container .body .form-box .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-profile-new-recipient .container .body .form-box .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-profile-new-recipient .container .body .form-box .form-section .value-box ion-label {
  padding: 0 8px;
}

page-profile-new-recipient .container .body .form-box .form-section .value-box ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-profile-new-recipient ion-footer {
  padding: 16px;
}

page-profile-new-recipient ion-footer button {
  width: 100%;
}

page-profile-ohsa-history .container-desktop {
  position: relative;
}

page-profile-ohsa-history .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-ohsa-history .container-mobile {
  padding: 16px;
}

page-profile-ohsa-history .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-profile-ohsa-history .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-ohsa-history .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-ohsa-history .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-ohsa-history .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-ohsa-history .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-ohsa-history .table-box {
  padding-bottom: 26px;
}

page-profile-ohsa-history .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-ohsa-history .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-ohsa-history .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-ohsa-history .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-ohsa-history .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-ohsa-history .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-ohsa-history .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-ohsa-history .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-ohsa-history .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-ohsa-history .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-ohsa-history .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;
}

page-profile-orgactiv .container-desktop {
  position: relative;
}

page-profile-orgactiv .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-orgactiv .container-mobile {
  padding: 16px;
}

page-profile-orgactiv .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-profile-orgactiv .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-orgactiv .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-orgactiv .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-orgactiv .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-orgactiv .table-section.hover {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-orgactiv .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-orgactiv .table-box {
  padding-bottom: 26px;
  width: 100%;
}

page-profile-orgactiv .education-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-orgactiv .education-card .card-box {
  width: 100%;
  margin: 10px;
  padding: 15px 10px 15px 15px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-orgactiv .education-card .card-box .left-box .level-section {
  width: 100%;
}

page-profile-orgactiv .education-card .card-box .left-box .level-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-orgactiv .education-card .card-box .left-box .major-section {
  margin: 0px !important;
  width: 100%;
}

page-profile-orgactiv .education-card .card-box .left-box .major-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 12px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-orgactiv .education-card .card-box .left-box .institution-section {
  color: #333333;
}

page-profile-orgactiv .education-card .card-box .left-box .institution-section .education-supsection {
  margin-top: 5px;
}

page-profile-orgactiv .education-card .card-box .right-box ion-label {
  font-size: 1.2rem !important;
}

page-profile-orgactiv .education-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-orgactiv .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-orgactiv .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-orgactiv .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;
}

page-profile-payroll-distribution .choose-area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-profile-payroll-distribution .choose-area ion-item {
  background: none;
}

page-profile-payroll-distribution .choose-area ion-item .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border: none !important;
}

page-profile-payroll-distribution .choose-area ion-item .item-inner .input-wrapper {
  width: calc(100% - 26px);
}

page-profile-payroll-distribution .distribution-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-profile-payroll-distribution .distribution-list p.anounce {
  font-size: 12px;
  color: #3498db;
}

page-profile-payroll-distribution .moving {
  background-color: #eef4fa !important;
}

page-profile-payroll-distribution .card-box {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-payroll-distribution .card-box .bank-name {
  font-weight: bold;
  font-size: 1.5rem !important;
}

page-profile-payroll-distribution .card-box .number, page-profile-payroll-distribution .card-box .name {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-payroll-distribution .card-box p.remaining {
  font-size: 12px;
  color: #2BB34D;
}

page-profile-payroll-distribution .card-box ion-badge.status-primary {
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
  font-weight: 500;
}

page-profile-payroll-distribution .card-box ion-label.status-priority {
  color: #F68A22 !important;
  font-size: 16px !important;
  text-align: right;
}

page-profile-payroll-distribution .card-box ion-label {
  font-family: inherit;
  line-height: normal;
  font-size: 0.9em !important;
  margin: 0px 0px 6px 0 !important;
}

page-profile-payroll-distribution .card-box img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-payroll-distribution .card-box img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-profile-payroll-distribution .card-box .card-top {
  padding: 10px;
}

page-profile-payroll-distribution .card-box .card-top .currency-area .idr-input {
  max-width: 110px !important;
}

page-profile-payroll-distribution .card-box .card-top .currency-area .percent-input {
  max-width: 60px !important;
}

page-profile-payroll-distribution .card-box .card-top .currency-area .percent-input input {
  text-align: center !important;
}

page-profile-payroll-distribution .card-box .card-top .currency-area input {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 5px;
}

page-profile-payroll-distribution .card-box .card-top .currency-area input input {
  margin: 5px !important;
}

page-profile-payroll-distribution .card-box .card-top .currency-area span {
  font-size: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-profile-payroll-distribution .card-box .card-bottom {
  border-top: 1px solid #dbdbe1;
  padding: 10px;
  margin-top: 8px;
  min-height: 50px;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(1) button.delete {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin: 0;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(1) button.delete span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(1) button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(1) button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) h4 {
  font-size: 14px !important;
  font-weight: 700;
  color: #2BB34D;
  margin: 0 10px 0 0 !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  cursor: pointer;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block {
  border-radius: 21px;
  border: none !important;
  width: 57px !important;
  height: 30px !important;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block .rounded-toggle {
  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;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.deactive {
  background: #dbdbe1 !important;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.deactive .rounded-toggle {
  left: 0;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.active {
  background: #F68A22 !important;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) .toggle-block.active .rounded-toggle {
  left: 27px;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) button.deactive {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin-right: 0px !important;
}

page-profile-payroll-distribution .card-box .card-bottom div:nth-child(2) button.deactive span {
  font-size: 14px;
  text-transform: capitalize;
}

page-profile-payroll-distribution ion-footer ion-toolbar button {
  width: 100%;
}

page-profile-performance .container-desktop {
  position: relative;
}

page-profile-performance .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-performance .container-mobile {
  padding: 16px;
}

page-profile-performance .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-profile-performance .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-performance .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-performance .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-performance .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-performance .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-performance .table-box {
  padding-bottom: 26px;
}

page-profile-performance .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-performance .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-performance .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-performance .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-performance .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-performance .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-performance .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-performance .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-performance .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-performance .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-performance .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;
}

page-profile-personal .form-profil-box {
  margin-bottom: 100px;
}

page-profile-personal .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-profile-personal .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-profile-personal .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-profile-personal .head-form {
    display: none;
  }
}

page-profile-personal .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-profile-pic-detail ion-header ion-navbar ion-title .toolbar-title {
  color: white;
}

page-profile-pic-detail ion-header ion-navbar button {
  color: white !important;
}

page-profile-pic-detail ion-content {
  background-color: #000 !important;
  height: 100%;
}

page-profile-pic-detail ion-content .container {
  height: 100%;
  width: 100%;
  padding: 16px;
}

page-profile-pic-detail ion-content .container image-component {
  width: 100%;
}

page-profile-pic-detail ion-content .container image-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

page-profile-pic-detail ion-content .container .camera-icon {
  border: 1.8px solid rgba(255, 255, 255, 0.5);
  border-radius: 200px;
  padding: 8px 24px;
}

page-profile-pic-detail ion-content .container .camera-icon span {
  color: white;
  font-size: 40px;
}

page-profile-pic-detail h2 {
  color: #189dae !important;
}

page-profile-pic-detail ion-item {
  background-color: #000 !important;
}

page-profile-pic-detail ion-item .item-inner {
  margin-left: 20px !important;
  margin-right: 10px !important;
  margin-bottom: -10px !important;
  border: none !important;
}

page-profile-pic-detail .align-left {
  float: left;
}

page-profile-pic-detail .align-right {
  float: right;
}

page-profile-pic-detail .text-comments {
  font-size: 1.1em !important;
  margin-top: 10px !important;
  text-align: center;
  top: 50%;
  margin-top: 0.7em;
}

page-profile-pic-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;
  margin-top: 30% !important;
}

page-profile-pic-detail .img-circle {
  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: 5px;
  background: #ed4956;
  color: #EEEEEE;
  text-align: center;
}

page-profilepopover .list-md {
  margin: 0px;
}

page-profilepopover .btn-icon {
  text-align: left;
}

page-profilepopover .btn-icon ion-icon {
  padding-top: 2px;
  padding-right: 10px;
  font-size: 1.5em;
}

page-profilepopover .btn-icon p {
  padding-top: 4px;
  padding-left: 20px;
  font-size: 1.1em;
}

page-profile-psychological-test .container-desktop {
  position: relative;
}

page-profile-psychological-test .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-psychological-test .container-mobile {
  padding: 16px;
}

page-profile-psychological-test .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-profile-psychological-test .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-psychological-test .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-psychological-test .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-psychological-test .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-psychological-test .table-section.hover {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-psychological-test .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-psychological-test .table-box {
  padding-bottom: 26px;
  width: 100%;
}

page-profile-psychological-test .education-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-profile-psychological-test .education-card .card-box {
  width: 100%;
  margin: 10px;
  padding: 15px 10px 15px 15px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-profile-psychological-test .education-card .card-box .left-box .level-section {
  width: 100%;
}

page-profile-psychological-test .education-card .card-box .left-box .level-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-psychological-test .education-card .card-box .left-box .major-section {
  margin: 0px !important;
  width: 100%;
}

page-profile-psychological-test .education-card .card-box .left-box .major-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 12px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-profile-psychological-test .education-card .card-box .left-box .institution-section {
  color: #333333;
}

page-profile-psychological-test .education-card .card-box .left-box .institution-section .education-supsection {
  margin-top: 5px;
}

page-profile-psychological-test .education-card .card-box .right-box ion-label {
  font-size: 1.2rem !important;
}

page-profile-psychological-test .education-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-psychological-test .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-psychological-test .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-psychological-test .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-psychological-test .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-psychological-test .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-psychological-test .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-psychological-test .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-psychological-test .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-psychological-test .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;
}

page-profile-qr-code .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-profile-qr-code .header-md::after {
  background-image: none !important;
}

page-profile-qr-code ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-profile-qr-code 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-profile-qr-code ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-profile-qr-code ion-header .name {
  font-size: 1.8rem;
}

page-profile-qr-code ion-header .date {
  font-size: 1.5rem;
}

page-profile-qr-code ion-header img {
  width: 24px;
  height: 24px;
}

page-profile-qr-code ion-header button.back-button {
  color: #f4f4f4;
}

page-profile-qr-code ion-header .hide-header {
  top: -56px !important;
}

page-profile-qr-code ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-profile-qr-code .content {
  height: 100%;
  pointer-events: none;
}

page-profile-qr-code .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;
}

page-profile-qr-code .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;
}

page-profile-qr-code .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-profile-qr-code .content .box-frame .profile-section {
  text-align: center;
}

page-profile-qr-code .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-profile-qr-code .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-profile-qr-code .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-profile-qr-code .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;
}

page-profile-qr-code .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-profile-qr-code .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-profile-qr-code .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-profile-qr-code .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-profile-qr-code .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-profile-reference .container-desktop {
  position: relative;
}

page-profile-reference .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-reference .container-mobile {
  padding: 16px;
}

page-profile-reference .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-profile-reference .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-reference .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-reference .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-reference .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-reference .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-reference .table-box {
  padding-bottom: 26px;
}

page-profile-reference .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-reference .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-reference .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-reference .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-reference .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-reference .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-reference .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-reference .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-reference .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-reference .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-reference .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;
}

page-profile-select-bank .container {
  padding: 16px;
  height: 100%;
}

page-profile-select-bank .container .header {
  margin-bottom: 30px;
}

page-profile-select-bank .container .header .title {
  font-size: 20px !important;
  font-family: "bold" !important;
}

page-profile-select-bank .container .body .search-box {
  padding: 0 16px;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  margin-bottom: 30px;
}

page-profile-select-bank .container .body .search-box ion-input {
  border: none;
}

page-profile-select-bank .container .body .search-box ion-icon {
  font-size: 24px;
  color: black;
}

page-profile-select-bank .container .body .list-box {
  overflow: auto;
}

page-profile-select-bank .container .body .list-box ion-label {
  margin-bottom: 16px;
  font-size: 16px !important;
  font-family: 'medium' !important;
  padding: 0px 16px;
}

page-profile-select-bank-distribution .container {
  padding: 16px;
  height: 100%;
}

page-profile-select-bank-distribution .container .header {
  margin-bottom: 30px;
}

page-profile-select-bank-distribution .container .header .title {
  font-size: 20px !important;
  font-family: "bold" !important;
}

page-profile-select-bank-distribution .container .body .search-box {
  padding: 0 16px;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  margin-bottom: 30px;
}

page-profile-select-bank-distribution .container .body .search-box ion-input {
  border: none;
}

page-profile-select-bank-distribution .container .body .search-box ion-icon {
  font-size: 24px;
  color: black;
}

page-profile-select-bank-distribution .container .body .list-box {
  overflow: auto;
}

page-profile-select-bank-distribution .container .body .list-box ion-label {
  margin-bottom: 16px;
  font-size: 16px !important;
  font-family: 'medium' !important;
  padding: 0px 16px;
}

page-profile-service-agreement .container-desktop {
  position: relative;
}

page-profile-service-agreement .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-service-agreement .container-mobile {
  padding: 16px;
}

page-profile-service-agreement .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-profile-service-agreement .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-service-agreement .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-service-agreement .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-service-agreement .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-service-agreement .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-service-agreement .table-box {
  padding-bottom: 26px;
}

page-profile-service-agreement .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-service-agreement .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-service-agreement .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-profile-service-agreement .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-service-agreement .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-service-agreement .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-service-agreement .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-service-agreement .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-service-agreement .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-service-agreement .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-service-agreement .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;
}

page-profile-skill {
  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: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 768px) {
  page-profile-skill .date-start {
    min-width: 100%;
  }
  page-profile-skill .date-end {
    min-width: 100%;
  }
}

page-profile-skill .stars-container ion-col {
  padding: 0px;
}

page-profile-skill .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-profile-skill .star-check {
  color: #e6ae37 !important;
}

page-profile-skill .bank-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

page-profile-skill .bank-card .card-box {
  margin: 0 16px 16px;
  padding: 16px;
  background-color: white;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  max-width: 250px;
}

page-profile-skill .bank-card .card-box .bank-name {
  font-family: "bold" !important;
  font-size: 16px !important;
}

page-profile-skill .bank-card .card-box ion-label {
  margin-left: 15px;
  font-family: "bold" !important;
}

page-profile-skill .bank-card .card-box ion-select {
  max-width: 80%;
  margin-left: 0x;
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 80%;
  background-color: white;
  font-size: 17px !important;
}

page-profile-skill .bank-card .card-box .close {
  text-align: right;
}

page-profile-skill .bank-card .card-box .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-profile-skill .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0;
  background-color: white;
}

page-profile-skill .form-button-box .add-btn {
  color: #F68A22 !important;
}

page-profile-skill .form-button-box .manage-btn {
  color: white !important;
}

page-profile-skill button {
  text-transform: capitalize;
}

page-profile-skill .chip {
  border-radius: 200px;
  text-align: center;
  padding: 5px 16px;
  font-size: 13px !important;
}

page-profile-skill .chip.active {
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
}

page-profile-skill .chip.pending {
  background-color: #FEF1D2;
  border: 1px solid #F68A22;
  color: #F68A22 !important;
}

page-profile-skill .status ion-badge {
  color: #2BB34D !important;
  background-color: #f0f2f4 !important;
  padding: 5px 8px;
}

page-profile-skill .status ion-badge.notactive {
  color: #A5B0B7 !important;
}

page-profile-skill .detail {
  margin-bottom: 24px;
}

page-profile-skill .priority {
  color: #F68A22 !important;
}

@media screen and (max-width: 768px) {
  page-profile-skill .bank-card .card-box {
    margin: 0 0 16px 0;
  }
  page-profile-skill .form-button-box {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-profile-skill .form-button-box button {
    margin: 0;
  }
  page-profile-skill .form-button-box button:first-child {
    margin-right: 16px;
  }
}

page-profile-skill .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-profile-skill .container-mobile {
  padding: 16px;
}

page-profile-skill .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-profile-skill .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-skill .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-skill .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-social-media .content-md {
  background-color: transparent !important;
  position: relative;
}

page-profile-social-media .wrapper-select {
  position: relative;
}

page-profile-social-media .wrapper-select .fake-label {
  position: absolute;
  top: 0;
  left: 0;
}

page-profile-social-media .country-select .select-text {
  opacity: 0 !important;
}

page-profile-social-media .container {
  margin: 0 auto;
  height: 100%;
  border-radius: 1rem;
  position: relative;
}

page-profile-social-media .container .socialmedia-box {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 75%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-profile-social-media .container .socialmedia-box .socialmedia-section {
  background-color: white !important;
  border: 2px white solid;
  border-radius: 10px;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-title {
  padding: 10px 5px 0px 5px !important;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-title .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #E2E9ED;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-title .icon-box img {
  height: 20px;
  width: 20px;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-title .title-box {
  padding-left: 10px;
  color: #bfc6c9;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-input {
  padding: 0px 10px 15px 10px !important;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-button {
  padding-bottom: 15px;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-button .button-save {
  text-transform: capitalize;
  margin-left: 15px;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-button .button-save ion-icon {
  padding-right: 10px;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-button .button-visit {
  text-transform: capitalize;
}

page-profile-social-media .container .socialmedia-box .socialmedia-section .socialmedia-button .button-visit ion-icon {
  padding-right: 10px;
}

page-profile-social-media .container .socialmedia-box .close-button {
  left: 100% !important;
  height: 5% !important;
}

page-profile-trainingrecord .container-desktop {
  position: relative;
}

page-profile-trainingrecord .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-profile-trainingrecord .container-mobile {
  padding: 16px;
}

page-profile-trainingrecord .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-profile-trainingrecord .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-profile-trainingrecord .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-profile-trainingrecord .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-profile-trainingrecord .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-trainingrecord .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-profile-trainingrecord .table-box {
  padding-bottom: 26px;
}

page-profile-trainingrecord .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-profile-trainingrecord .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-profile-trainingrecord .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-profile-trainingrecord .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-profile-trainingrecord .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-profile-trainingrecord .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-profile-trainingrecord .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-profile-trainingrecord .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-profile-trainingrecord .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-profile-trainingrecord .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-profile-trainingrecord .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;
}

page-profile-upload .word {
  width: 200px;
  margin: 0 auto;
}

page-profile-upload .tengah {
  text-align: center;
}

page-search-city h2 {
  color: #F68A22 !important;
}

page-search-city .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-search-city .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

page-search-city .toggle-select .item-inner {
  margin-left: 0em !important;
  border-bottom: none !important;
}

page-search-city .select-filter {
  position: absolute;
  right: 16px;
}

page-search-city .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

page-search-city .item-cover {
  height: unset;
}

page-search-city .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-search-city .header-box .switch svg rect {
    fill: #F68A22;
  }
}

page-search-city .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-search-city .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

page-search-city .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-search-city .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

page-search-city .container-filter .filter-section .new-filter {
  color: #F68A22;
}

page-search-city .container-filter .filter-section .add-filter {
  color: #F68A22;
}

page-search-city .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

page-search-city .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-search-city .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-search-city .container-filter .category-section .category-list .text {
  text-align: left;
}

page-search-city .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

page-search-city .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-search-city .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-city .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp .employee .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-city .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;
}

page-search-city .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-city .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp .subordinate .subordinate-emp .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-search-city .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

page-search-city .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-city .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-city .container-emp-search .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-city .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-search-city .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

page-search-city .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

page-search-city .group-search:last-child {
  margin-bottom: 30px;
}

page-search-city .button-funnel.button-ios,
page-search-city .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  page-search-city .button-funnel.button-ios,
  page-search-city .button-funnel.button-md {
    color: #F68A22;
  }
}

page-search-city .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-search-city .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-search-city .skeleton-section .chat-skeleton {
  height: 40px;
}

page-search-city .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-city .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-city .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-search-city .emp-list-full .skeleton-section .avatar-skeleton {
  height: 42px;
  width: 42px;
  border-radius: 200px;
  margin: 8px 11px 8px 16px !important;
}

page-search-city .emp-list-full .skeleton-section .chat-skeleton {
  height: 85px !important;
  /* padding-left: 16px; */
}

page-search-city .icon-check {
  font-size: 2.2em;
}

page-report-post-confirm .container-report-confirm {
  padding: 20px 24px;
  background-color: #fff;
}

page-report-post-confirm .container-report-confirm p {
  font-size: 16px !important;
  font-weight: bold;
  color: #222;
  margin-bottom: 16px;
  text-align: center;
  line-height: 19px;
}

page-report-post-modal .container .title {
  padding-bottom: 21px;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 2px;
}

page-report-post-modal .container .title ion-label {
  color: #222 !important;
  font-weight: bold;
  font-size: 16px !important;
  text-align: center;
}

page-report-post-modal .container .subtitle {
  color: #222 !important;
  font-weight: bold;
  margin-bottom: 14px;
  padding: 8px;
}

page-report-post-modal .container .list ion-label {
  padding: 8px;
  color: #222 !important;
}

page-report-post-modal .container .list ion-label:hover {
  background-color: rgba(0, 0, 0, 0.05);
  cursor: pointer;
}

page-report-post-popover .container-report-modal {
  padding: 24px;
  background-color: #fff;
}

page-report-post-popover .container-report-modal .icon-wrapper {
  width: 104px;
  height: 104px;
  background-color: #2BB34D;
  border-radius: 200px;
  margin-bottom: 24px;
}

page-report-post-popover .container-report-modal .icon-wrapper img {
  width: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-report-post-popover .container-report-modal .icon-wrapper svg-icon svg path {
  stroke: white;
  stroke-width: 5px;
}

page-report-post-popover .container-report-modal .detail {
  margin-bottom: 24px;
  width: 100%;
}

page-report-post-popover .container-report-modal .detail .title {
  font-size: 16px !important;
  font-weight: bold;
  color: #222 !important;
  margin-bottom: 8px;
  text-align: center;
  white-space: normal;
}

page-report-post-popover .container-report-modal .detail .subtitle {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  text-align: center;
  white-space: normal;
}

page-request div[pt-10] {
  padding-top: 10px;
}

page-request div[lh-20] {
  line-height: 20px;
}

page-request div[mr-18] {
  margin-right: 18px;
}

page-request div[mt-18] {
  margin-top: 18px;
}

page-request ion-label[muted] {
  color: #a5b0b7 !important;
}

page-request span[muted] {
  color: #a5b0b7;
}

page-request ion-title img {
  margin-right: 5px;
}

page-request ion-header ion-title.title.title-ios {
  padding: 16px !important;
}

page-request ion-header .toolbar-title.toolbar-title-ios {
  text-align: left;
}

page-request ion-header ion-navbar .toolbar-background {
  background-color: white;
}

page-request ion-header ion-navbar ion-title .toolbar-title {
  color: #222;
}

page-request .filter {
  border: 1px solid #c1ccd2;
  border-radius: 10px;
  padding: 5px 13px;
}

page-request .segment {
  width: 100%;
  background: white;
}

page-request ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-top: 10px;
}

page-request ion-segment 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-request ion-segment ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #F68A22 !important;
  border: none !important;
}

page-request ion-segment 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-request .add img {
  border-radius: 10px;
  background: #63befb;
  padding: 15px;
}

page-request .container {
  padding: 20px 18px;
  margin-top: 60px;
}

page-request .container .card {
  -webkit-box-shadow: 0px 0px 3px -2px #192528;
  box-shadow: 0px 0px 3px -2px #192528;
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px 15px;
}

page-request .container .card .card-header {
  overflow: hidden;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

page-request .container .card .card-header .status .status-1 {
  margin-right: 10px;
}

page-request .container .card .card-header .status .status-1 .approve {
  border: 1px solid #8cc63f;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 20px;
  text-align: center;
}

page-request .container .card .card-header .status .status-1 .approve img {
  background: #8cc63f;
  padding: 4px;
  border-radius: 200%;
  margin-left: 5px;
  margin-right: -5px;
}

page-request .container .card .card-header .status .status-1 .approve ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request .container .card .card-header .status .status-1 .rejected {
  border: 1px solid #fb745e;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 99px;
  height: 20px;
  text-align: center;
}

page-request .container .card .card-header .status .status-1 .rejected img {
  background: #fb745e;
  padding: 4px;
  border-radius: 200%;
  margin-left: 5px;
  margin-right: -5px;
}

page-request .container .card .card-header .status .status-1 .rejected ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request .container .card .card-header .status .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-request .container .card .card-header .status .status-2 .Unverified {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Unverified ion-label {
  color: #63befb !important;
}

page-request .container .card .card-header .status .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-request .container .card .card-header .status .status-2 .Fully_Approved {
  border: 1px solid #8cc63f !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Fully_Approved ion-label {
  color: #8cc63f !important;
}

page-request .container .card .card-header .status .status-2 .Revised {
  border: 1px solid #fbac5e !important;
  background-color: rgba(251, 172, 94, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Revised ion-label {
  color: #fbac5e !important;
}

page-request .container .card .card-header .status .status-2 .Rejected {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-request .container .card .card-header .status .status-2 .Rejected ion-label {
  color: #fb745e !important;
}

page-request .container .card .card-header .status .status-2 .part {
  width: 99px;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-request .container .card .card-header .status .status-2 .part ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request .container .card .card-content {
  margin-top: 5px;
}

page-request .container .card .card-content .type-leave {
  margin-top: -5px;
}

page-request .container .card .card-content .type-leave img {
  height: 25px;
  width: 25px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 10px;
}

page-request .container .card .card-content .type-leave ion-label.title {
  color: #fbac5e !important;
  font-weight: bold !important;
}

page-request .container .card .card-content .info {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 10px;
}

page-request .container .card .card-content .sub_before {
  position: relative;
}

page-request .container .card .card-content .sub_before .garis {
  position: absolute;
  border-right: 2px solid #e2e9ed;
  height: 34px;
  right: 10px;
}

page-request .container .card .card-content .leave .leave_info ion-label > span {
  margin-right: 10px;
}

page-request .container .card .card-content .leave .date_leave ion-label > span {
  margin-right: 10px;
}

page-request .container .card .card-content .overtime .overtime_info ion-label > span {
  margin-right: 10px;
}

page-request .container .card .card-content .overtime .date_overtime ion-label > span {
  margin-right: 10px;
}

page-request .container .card .card-content .footer {
  margin-top: 26px;
}

page-request .container .card .card-content .footer button.approve {
  background-color: #8cc63f;
}

page-request .container .card .card-content .footer button.revise {
  background-color: white;
  color: #a5b0b7;
  border: 1px solid #a5b0b7;
}

page-request .container .card .card-content .footer button.reject {
  background-color: white;
  color: #fb745e;
  border: 1px solid #fb745e;
}

page-request .list-md .item-block .item-inner {
  border-bottom: 1px solid #c1ccd2 !important;
}

page-request .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-request .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-request .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-request .text-ket {
  text-align: right;
}

page-request p {
  color: #909090 !important;
}

page-request .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;
}

page-request .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #189dae;
  text-align: center;
}

page-request .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-request .light-grey {
  color: #7f7f7f !important;
}

page-request .selected {
  background-color: #e3f5ff;
}

page-request .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-request .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-request .title-col {
  color: #F68A22 !important;
  font-weight: bold;
  white-space: normal;
  line-height: 1.1em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  margin: 5px 0;
}

page-request .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-request .item-history ion-label h4 {
  white-space: normal;
}

page-request .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-request .align-left {
  float: left !important;
}

page-request .align-right {
  float: right !important;
}

page-request .align-center {
  float: center !important;
}

page-request span {
  font-size: 12px !important;
}

page-request .searchbar-clear-icon {
  display: none !important;
}

page-request .img-sfmola {
  max-width: 170px !important;
  max-height: 170px !important;
}

page-request .img-sfmola {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  page-request .img-sfmola {
    width: 100% !important;
    height: 100% !important;
    max-width: 180px !important;
    max-height: 180px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1280px) {
  page-request .img-sfmola {
    width: 100% !important;
    height: 100% !important;
    max-width: 200px !important;
    max-height: 200px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

page-request .skeleton-box {
  padding: 16px;
  margin-top: 60px;
}

page-request .skeleton-box .left,
page-request .skeleton-box .right {
  width: 100%;
}

page-request .skeleton-box .ss-skeleton {
  width: 20px;
  height: 19px;
  border-radius: 5px;
}

page-request .skeleton-box .s-skeleton {
  width: 30%;
  height: 17px;
  border-radius: 5px;
}

page-request .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-request .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-request .skeleton-box .f-skeleton {
  width: 100%;
  height: 15px;
  border-radius: 5px;
}

page-request-all .ico-req {
  color: #808080 !important;
  font-size: 24pt !important;
}

page-request-all .list-take {
  padding: 1em 0.5em !important;
}

page-request-all .list-take button {
  padding: 0.3em 0 !important;
}

page-request-all ion-item ion-label {
  color: #808080 !important;
  text-transform: capitalize;
  padding: 0.5em 0.2em;
}

page-request-all ion-item .sficon-forward {
  color: #F68A22 !important;
}

page-request-all .announce-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: 150%;
  margin-bottom: 3em;
}

page-request-all .left-button {
  margin-top: -5px;
  border-right: 1px solid #F68A22;
  text-align: center;
  height: 200px;
  white-space: normal;
}

page-request-all .right-button {
  margin-top: -5px;
  text-align: center;
  height: 200px;
  white-space: normal;
}

page-request2page div[pt-10] {
  padding-top: 10px;
}

page-request2page div[lh-20] {
  line-height: 20px;
}

page-request2page div[mr-18] {
  margin-right: 18px;
}

page-request2page div[mt-18] {
  margin-top: 18px;
}

page-request2page ion-label[muted] {
  color: #a5b0b7 !important;
}

page-request2page span[muted] {
  color: #a5b0b7;
}

page-request2page ion-title img {
  margin-right: 5px;
}

page-request2page .filter {
  border: 1px solid #c1ccd2;
  border-radius: 10px;
  padding: 5px 13px;
}

page-request2page ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-top: 10px;
}

page-request2page ion-segment 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-request2page ion-segment ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-request2page ion-segment 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-request2page .add img {
  border-radius: 10px;
  background: #63befb;
  padding: 15px;
}

page-request2page .container {
  padding: 20px 18px;
}

page-request2page .container .card {
  -webkit-box-shadow: 0px 0px 3px -2px #192528;
  box-shadow: 0px 0px 3px -2px #192528;
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px 15px;
}

page-request2page .container .card .card-header {
  overflow: hidden;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

page-request2page .container .card .card-header .status .status-1 {
  margin-right: 10px;
}

page-request2page .container .card .card-header .status .status-1 .approve {
  border: 1px solid #8cc63f;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 99px;
  height: 20px;
  text-align: center;
}

page-request2page .container .card .card-header .status .status-1 .approve img {
  background: #8cc63f;
  padding: 4px;
  border-radius: 200%;
  margin-left: 5px;
  margin-right: -5px;
}

page-request2page .container .card .card-header .status .status-1 .approve ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request2page .container .card .card-header .status .status-1 .rejected {
  border: 1px solid #fb745e;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 99px;
  height: 20px;
  text-align: center;
}

page-request2page .container .card .card-header .status .status-1 .rejected img {
  background: #fb745e;
  padding: 4px;
  border-radius: 200%;
  margin-left: 5px;
  margin-right: -5px;
}

page-request2page .container .card .card-header .status .status-1 .rejected ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request2page .container .card .card-header .status .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-request2page .container .card .card-header .status .status-2 .Unverified {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Unverified ion-label {
  color: #63befb !important;
}

page-request2page .container .card .card-header .status .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-request2page .container .card .card-header .status .status-2 .Fully_Approved {
  border: 1px solid #8cc63f !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Fully_Approved ion-label {
  color: #8cc63f !important;
}

page-request2page .container .card .card-header .status .status-2 .Revised {
  border: 1px solid #fbac5e !important;
  background-color: rgba(251, 172, 94, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Revised ion-label {
  color: #fbac5e !important;
}

page-request2page .container .card .card-header .status .status-2 .Rejected {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Rejected ion-label {
  color: #fb745e !important;
}

page-request2page .container .card .card-header .status .status-2 .Cancelled {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Cancelled ion-label {
  color: #fb745e !important;
}

page-request2page .container .card .card-header .status .status-2 .Closed {
  border: 1px solid #507027 !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-request2page .container .card .card-header .status .status-2 .Closed ion-label {
  color: #507027 !important;
}

page-request2page .container .card .card-header .status .status-2 .part {
  width: 99px;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-request2page .container .card .card-header .status .status-2 .part ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-request2page .container .card .card-content {
  margin-top: 5px;
}

page-request2page .container .card .card-content .type-leave {
  margin-top: -5px;
}

page-request2page .container .card .card-content .type-leave img {
  height: 25px;
  width: 25px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 10px;
}

page-request2page .container .card .card-content .type-leave ion-label.title {
  color: #fbac5e !important;
  font-weight: bold !important;
}

page-request2page .container .card .card-content .info {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 10px;
}

page-request2page .container .card .card-content .sub_before {
  position: relative;
}

page-request2page .container .card .card-content .sub_before .garis {
  position: absolute;
  border-right: 2px solid #e2e9ed;
  height: 34px;
  right: 10px;
}

page-request2page .container .card .card-content .leave .leave_info ion-label > span {
  margin-right: 10px;
}

page-request2page .container .card .card-content .leave .date_leave ion-label > span {
  margin-right: 10px;
}

page-request2page .container .card .card-content .overtime .overtime_info ion-label > span {
  margin-right: 10px;
}

page-request2page .container .card .card-content .overtime .date_overtime ion-label > span {
  margin-right: 10px;
}

page-request2page .container .card .card-content .footer {
  margin-top: 26px;
}

page-request2page .container .card .card-content .footer button.approve {
  background-color: #8cc63f;
}

page-request2page .container .card .card-content .footer button.revise {
  background-color: white;
  color: #a5b0b7;
  border: 1px solid #a5b0b7;
}

page-request2page .container .card .card-content .footer button.reject {
  background-color: white;
  color: #fb745e;
  border: 1px solid #fb745e;
}

page-request2page .list-md .item-block .item-inner {
  border-bottom: 1px solid #c1ccd2 !important;
}

page-request2page .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-request2page .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-request2page .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-request2page .text-ket {
  text-align: right;
}

page-request2page p {
  color: #909090 !important;
}

page-request2page .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;
}

page-request2page .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #189dae;
  text-align: center;
}

page-request2page .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-request2page .light-grey {
  color: #7f7f7f !important;
}

page-request2page .selected {
  background-color: #e3f5ff;
}

page-request2page .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-request2page .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-request2page .title-col {
  color: #F68A22 !important;
  font-weight: bold;
  white-space: normal;
  line-height: 1.1em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  margin: 5px 0;
}

page-request2page .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-request2page .item-history ion-label h4 {
  white-space: normal;
}

page-request2page .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-request2page .align-left {
  float: left !important;
}

page-request2page .align-right {
  float: right !important;
}

page-request2page .align-center {
  float: center !important;
}

page-request2page span {
  font-size: 12px !important;
}

page-request2page .searchbar-clear-icon {
  display: none !important;
}

page-request2page .img-sfmola {
  max-width: 170px !important;
  max-height: 170px !important;
}

page-request2page .img-sfmola {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  page-request2page .img-sfmola {
    width: 100% !important;
    height: 100% !important;
    max-width: 180px !important;
    max-height: 180px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1280px) {
  page-request2page .img-sfmola {
    width: 100% !important;
    height: 100% !important;
    max-width: 200px !important;
    max-height: 200px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

page-request2page .skeleton-box {
  padding: 16px;
}

page-request2page .skeleton-box .left,
page-request2page .skeleton-box .right {
  width: 100%;
}

page-request2page .skeleton-box .ss-skeleton {
  width: 20px;
  height: 19px;
  border-radius: 5px;
}

page-request2page .skeleton-box .s-skeleton {
  width: 30%;
  height: 17px;
  border-radius: 5px;
}

page-request2page .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-request2page .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-request2page .skeleton-box .f-skeleton {
  width: 100%;
  height: 15px;
  border-radius: 5px;
}

page-request2-filter-status .item-box {
  margin-bottom: 12px;
  border-bottom: 1px solid #dbdbe1;
  position: relative;
}

page-request2-filter-status .item-box .item-inner {
  border-bottom: none !important;
}

page-request2-filter-status .item-box input {
  margin: 0 !important;
  padding: 8px;
}

page-request2-filter-status .suspect-box {
  padding: 8px 0;
}

page-request2-filter-status .suspect-section {
  margin-bottom: 0px !important;
}

page-request2-filter-status .icon-input-status:after {
  content: "\e929";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-request2-filter-status .icon-briefcase:after {
  content: "\e932";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-request2-filter-status .text-input-md {
  text-overflow: ellipsis;
  width: calc(100% - 25px) !important;
}

page-request2-filter-status .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-request2-filter-status .btn-tag span {
  font-size: 1.2em !important;
}

page-request2-filter-status span.stat {
  color: #fff;
  margin-right: 5px;
  font-size: 13px;
}

page-request2-filter-status span.unpr::after {
  content: "UNPR";
  background: #333;
  padding: 0 10px;
  border-radius: 2em;
}

page-request2-filter-status span.abs::after {
  content: "ABS";
  background: #a50024;
  padding: 0 10px;
  border-radius: 2em;
}

page-request2-filter-status span.lti::after {
  content: "LTI";
  background: #ba910f;
  padding: 0 10px;
  border-radius: 2em;
}

page-request2-filter-status span.nsi::after {
  content: "NSI";
  background: #00a89c;
  padding: 0 10px;
  border-radius: 2em;
}

page-request2-filter-status span.nso::after {
  content: "NSO";
  background: #00a89c;
  padding: 0 10px;
  border-radius: 2em;
}

page-request2-filter-status .time-stt {
  float: left;
  margin-top: 2px;
}

page-request2-filter-status .list-md {
  margin: initial !important;
}

page-request2-filter-status .starttime {
  color: #F68A22;
}

page-request2-filter-status .endtime {
  color: #f37249;
}

page-request2-history h2 {
  color: #F68A22 !important;
}

page-request2-history .upd-stat {
  color: #F68A22 !important;
}

page-request2-history .del-stat {
  color: #F0624D !important;
}

page-request2-history .col-right {
  text-align: right;
}

page-request2-history [padding] h2:first-child {
  margin-top: 0px !important;
}

page-request2-history .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-request2-history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-request2-history .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-request2-history .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-request2-history .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-request2-history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !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-sfgo-playground .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-sfgo-playground .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-sfgo-playground .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-sfgo-playground .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-sfgo-playground .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-sfgo-playground .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-sfgo-playground .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-sfgo-playground .btn-tag span {
  font-size: 1.2em !important;
}

.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-workflow-setting .item-md.item-block .item-inner, page-workflow-setting .item-ios.item-block .item-inner {
  padding-right: 0px !important;
}

page-workflow-setting .label-md, page-workflow-setting .label-ios {
  margin: 10px 0;
}

page-workflow-setting ion-col {
  position: absolute;
}

page-workflow-setting ion-col h2 {
  margin: 5px 0px !important;
  color: #F68A22;
}

page-workflow-setting ion-col p {
  margin: 5px 0px !important;
}

page-workflow-setting ion-col ion-icon {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 1.8em;
}

page-workflow-setting ion-col.col {
  overflow: hidden;
  text-overflow: ellipsis;
}

page-approval-workflow-setting h2 {
  color: #F68A22 !important;
}

page-edit-workflow-setting h2 {
  color: #F68A22;
}

page-edit-workflow-setting .upd-stat {
  color: #F68A22;
}

page-edit-workflow-setting .del-stat {
  color: #F0624D;
}

page-edit-workflow-setting .col-right {
  text-align: right;
}

page-edit-workflow-setting .chip-md {
  width: 40% !important;
}

page-edit-workflow-setting .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-edit-workflow-setting .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-edit-workflow-setting .align-left {
  float: left;
}

page-edit-workflow-setting .align-right {
  float: right;
}

page-edit-workflow-setting .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-edit-workflow-setting .item-row-time .item-inner {
  border: none !important;
}

page-edit-workflow-setting .periodused {
  color: #189dae !important;
}

page-edit-workflow-setting ion-chip {
  height: 200px !important;
}

page-edit-workflow-setting ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-edit-workflow-setting .chip-md {
    width: 100% !important;
  }
  page-edit-workflow-setting .chip-ios {
    width: 100% !important;
  }
  page-edit-workflow-setting ion-chip {
    height: 170px !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-edit-workflow-setting .chip-md {
    width: 50% !important;
  }
  page-edit-workflow-setting .chip-ios {
    width: 100% !important;
  }
}

page-edit-workflow-setting .item-inner {
  border-bottom: none !important;
}

page-edit-workflow-setting ion-col {
  padding: 0 !important;
}

page-edit-workflow-setting .box-input {
  border: 1px solid #dbdbe1 !important;
  padding: 5px 16px;
  border-radius: 10px;
  margin-top: 10px !important;
}

page-edit-workflow-setting ion-item ion-input {
  border: 1px solid #dbdbe1 !important;
  padding: 5px 16px;
  border-radius: 10px;
  margin-top: 10px !important;
}

page-edit-workflow-setting ion-item .item-inner {
  margin-left: 0em !important;
}

page-edit-workflow-setting ion-item ion-select {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px !important;
}

page-edit-workflow-setting ion-item ion-textarea {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px !important;
}

page-edit-workflow-setting p {
  margin-left: 10px;
}

page-edit-workflow-setting [myCenter] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-edit-workflow-setting [myCenter] img {
  margin-left: 10px;
}

page-edit-workflow-setting .button-add {
  font-weight: bold;
  margin-top: 26px;
}

page-edit-workflow-setting .button-add ion-icon {
  margin-right: 13px;
}

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-help-center-detail .content {
  text-align: justify;
  font-family: regular !important;
  color: black !important;
  line-height: 1.25;
  padding: 15px;
}

page-help-center-detail .content li {
  padding-bottom: 8px;
}

page-help-center-detail .content p {
  color: black !important;
}

page-help-center-detail .open-wa {
  color: #F68A22;
  cursor: pointer;
}

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-home-onboarding-modal .container {
  height: 100%;
  position: relative;
}

page-home-onboarding-modal .container .transparent-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.1);
  z-index: 1;
}

page-home-onboarding-modal .container .content-box {
  position: relative;
  z-index: 2;
  background-color: white;
  width: 90%;
  max-width: 322px;
  border-radius: 16px;
  padding: 20px;
}

page-home-onboarding-modal .container .content-box img {
  margin-bottom: 50px;
}

page-home-onboarding-modal .container .content-box h1 {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: bold;
  color: #222;
  text-align: center;
}

page-home-onboarding-modal .container .content-box p {
  text-align: center;
  margin-bottom: 16px;
  color: #A5B0B7;
}

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-activity-detail ion-header ion-icon {
  color: white !important;
}

page-activity-detail ion-header .toolbar-title {
  color: white !important;
}

page-activity-detail .full-content {
  background-color: white;
  height: 100%;
  overflow-y: auto;
}

page-activity-detail .full-content .slides-frame {
  position: relative;
}

page-activity-detail .full-content .slides-frame .photo-slides {
  height: 40.36vh;
  background-color: rgba(0, 0, 0, 0.9);
}

page-activity-detail .full-content .slides-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-activity-detail .full-content .responsive-width {
  height: 100%;
}

page-activity-detail .full-content .detail {
  margin: 6px 0 23px 27px;
  /* component detail-item */
}

page-activity-detail .full-content .detail ion-label {
  margin: 3px 0 !important;
}

page-activity-detail .full-content .detail .detail-item {
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 18px 13px 0;
}

page-activity-detail .full-content .detail .detail-item > div {
  overflow: hidden;
}

page-activity-detail .full-content .detail .detail-item .stack-label {
  color: #A5B0B7 !important;
}

page-activity-detail .full-content .detail .detail-item .desc-text {
  white-space: pre-line;
}

page-activity-detail .full-content .detail .task .avatar {
  width: 70px;
  height: 70px;
  border-radius: 200px;
  margin-right: 14px;
}

page-activity-detail .full-content .detail .map {
  border-radius: 8px;
  margin-top: 15px;
  width: 300px;
  height: 175px;
  -o-object-fit: cover;
  object-fit: cover;
}

activity-detail2 .layer-content {
  height: 100%;
  width: 100%;
  position: absolute;
}

activity-detail2 .input-form {
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
}

activity-detail2 .item-inner {
  border: none !important;
}

activity-detail2 .form-label {
  font-weight: bold;
}

activity-detail2 form:nth-child(2) ion-col {
  margin-right: 8px;
}

activity-detail2 checkbox-icon {
  background-color: #00cc00;
}

activity-detail2 .date-box {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

activity-detail2 .date-box ion-col {
  overflow: hidden;
}

activity-detail2 .select-placeholder.select-text {
  padding: 0 10px !important;
}

activity-detail2 .select-text {
  padding-left: 10px;
}

page-activity-form {
  background-color: black;
}

page-activity-form ion-header ion-icon {
  color: white !important;
}

page-activity-form ion-header.hide-header {
  z-index: 0;
}

page-activity-form .layer-content {
  height: 100%;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 500px) {
  page-activity-form .layer1 {
    height: 100% !important;
  }
}

page-activity-form .layer1 {
  z-index: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-activity-form .layer2 {
  z-index: 1;
}

page-activity-form .layer3 {
  z-index: 1;
}

page-activity-form .bg {
  background-color: rgba(2, 2, 2, 0.6);
}

page-activity-form .bg .activity-description {
  padding: 23px 17px 0 17px;
  margin-bottom: 15px;
  position: relative;
}

page-activity-form .bg .activity-description .action-button {
  position: absolute;
  right: 18px;
  top: calc(-56px / 2);
  border-radius: 200%;
  opacity: 1 !important;
  background-color: #F68A22;
  width: 58px;
  height: 58px;
}

page-activity-form .bg .activity-description .action-button:disabled {
  background-color: #f4f4f4;
}

page-activity-form .bg .activity-description .action-button:disabled ion-icon {
  color: #333333;
}

page-activity-form .bg .activity-description .action-button ion-icon {
  color: #ffffff;
  display: inline-block;
  font-size: 30px;
}

page-activity-form .bg .activity-description .add-image {
  width: 46px;
  height: 46px;
  padding: 8px;
}

page-activity-form .bg .activity-description .linked-task {
  height: unset;
  text-transform: none;
}

page-activity-form .bg .activity-description .linked-task ion-label {
  white-space: normal;
  line-height: 1.2;
}

page-activity-form .bg .activity-description .linked-task .desc-placeholder {
  color: rgba(255, 255, 255, 0.63) !important;
}

page-activity-form .bg .activity-description .linked-task .desc-selected {
  color: white !important;
  font-size: 18px !important;
}

page-activity-form .thumb-slides {
  margin-bottom: 18px;
  padding: 0 18px;
}

page-activity-form .thumb-slides .parent_rumah {
  overflow-x: scroll;
}

page-activity-form .thumb-slides .parent_rumah .parent_foto .fixed_photo {
  position: relative;
}

page-activity-form .thumb-slides .parent_rumah .parent_foto .fixed_photo img {
  -webkit-filter: brightness(26%);
  filter: brightness(26%);
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
  min-width: 80px;
  height: 80px;
  border: 1px solid white;
}

page-activity-form .thumb-slides .parent_rumah .parent_foto .fixed_photo .photo-selected {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

page-activity-form .thumb-slides .parent_rumah .parent_foto .fixed_photo .checklist ion-icon {
  position: absolute;
  top: 0;
  -webkit-transform: translate(50%);
  transform: translate(50%);
  color: white;
  font-size: 30px;
}

page-activity-form .thumb-slides .swiper-container {
  padding: 0 17px;
  overflow: visible;
}

page-activity-form .thumb-slides .thumb-photo {
  position: relative;
  margin-right: 30px;
}

page-activity-form .thumb-slides .thumb-photo img {
  overflow: hidden;
  width: 82px;
  height: 82px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: brightness(26%);
  filter: brightness(26%);
  -webkit-transition: -webkit-filter 0.2s;
  transition: -webkit-filter 0.2s;
  transition: filter 0.2s;
  transition: filter 0.2s, -webkit-filter 0.2s;
}

page-activity-form .thumb-slides .thumb-photo .photo-selected {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

page-activity-form .thumb-slides .thumb-photo .select-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  font-size: 48px;
}

page-activity-list {
  /* main card */
}

page-activity-list .viewmore p {
  opacity: 0.4 !important;
  font-weight: bold;
}

page-activity-list ion-header {
  background-color: #F68A22;
}

page-activity-list ion-header ion-title {
  position: unset;
}

page-activity-list ion-header .btn-back {
  font-size: 2rem;
}

page-activity-list ion-header .ion-btn-back {
  float: left;
  position: relative;
  padding-left: 10px;
}

page-activity-list ion-header .toolbar-ios .title-employee {
  padding: 0 34px 1px 90px;
}

page-activity-list ion-header .title-employee .title-text {
  padding: 0 8px;
  text-align: start;
}

page-activity-list ion-header button.selected-avatar-button {
  background-color: transparent !important;
}

page-activity-list ion-header button.selected-avatar-button:hover {
  background-color: transparent !important;
}

page-activity-list ion-header .selected-avatar {
  border-radius: 200px;
  height: 37px;
  overflow: hidden;
}

page-activity-list ion-header .selected-avatar img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 37px;
  background-color: rgba(0, 0, 0, 0.08);
}

page-activity-list .responsive-width {
  height: 100%;
}

page-activity-list .activity-loading {
  text-align: center !important;
  margin: auto !important;
  top: 50% !important;
  left: 50% !important;
}

page-activity-list ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #F68A22 !important;
  fill: white !important;
}

page-activity-list .hide-div {
  opacity: 0;
}

page-activity-list .activity-card .card-header {
  margin: 0 22px;
  border-radius: 6.24px 6.24px 0 0;
  background-color: white;
  height: 65px;
  border-bottom: 1px solid #dbdbe1;
}

page-activity-list .activity-card .card-header .date-frame {
  overflow: hidden;
}

page-activity-list .activity-card .card-header .date-frame .item-inner {
  padding-right: 0px !important;
}

page-activity-list .activity-card .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);
}

page-activity-list .activity-card .card-header button:disabled {
  opacity: 0;
}

page-activity-list .activity-card .card-header .prev-day {
  padding-left: 1.2em;
  padding-right: 2em;
}

page-activity-list .activity-card .card-header .next-day {
  padding-left: 2em;
  padding-right: 1.2em;
}

page-activity-list .activity-card .card-header .hidden-model {
  opacity: 0;
}

page-activity-list .activity-card .card-body {
  margin: 0 22px;
  border-radius: 0 0 6.24px 6.24px;
  min-height: calc(100% - 21px);
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 4px;
  border-left: 1px solid #dbdbe1;
  border-right: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
}

page-activity-list .activity-card .card-body .activity-content {
  overflow-y: auto;
}

page-activity-list .activity-card .card-body .activity-content .activity-item {
  height: unset;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .activity-inner {
  width: 100%;
  max-width: 100%;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .activity-thumbnail {
  /* if change horizontal margin,
             * update fxFlex=
             * 15px + 12px + 70px = 97px
             */
  margin: 6px 15px 10px 12px;
  width: 70px;
  height: 70px;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .activity-thumbnail img {
  border-radius: 12px;
  width: 70px !important;
  height: 70px !important;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: rgba(0, 0, 0, 0.08);
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box {
  text-transform: none !important;
  overflow: hidden;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box ion-label {
  margin: 2px 12px 0 0;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .text-time {
  color: #A5B0B7 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-status {
  margin-top: 2px;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-status ion-icon {
  font-size: 20px;
  margin-right: 4.5px;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-status ion-label {
  margin: 0;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-pending ion-icon {
  color: #ff684a !important;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-pending ion-label {
  color: #ff684a !important;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-done ion-icon {
  color: #2bb673 !important;
}

page-activity-list .activity-card .card-body .activity-content .activity-item .info-box .sync-done ion-label {
  color: #2bb673 !important;
}

page-activity-list .activity-card .card-body .add-activity {
  border-radius: 4px;
  text-transform: capitalize;
}

page-activity-list .activity-card .card-body .add-activity ion-icon {
  font-size: 20px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid #F68A22;
  padding-top: 4px;
  margin-right: 6px;
}

page-activity-list .activity-card .card-body .add-activity ion-label {
  color: #F68A22 !important;
}

page-activity-list .activity-card .card-body .add-activity img {
  width: 30px;
  height: 30px;
  margin-right: 7px;
}

page-activity-list .btn-box {
  padding: 10px;
}

page-activity-list .btn-box .start-tracking {
  background-color: #3498db;
  text-transform: capitalize;
  color: white;
  border-radius: 4px;
}

page-activity-list .btn-box .start-tracking:hover {
  background-color: #3498db;
  color: white;
}

page-activity-list .btn-box .stop-tracking:hover {
  background-color: #F0624D;
  color: white;
}

page-activity-list .btn-box .stop-tracking {
  background-color: white;
  border: 1px solid #F0624D;
  text-transform: capitalize;
  color: #F0624D;
  border-radius: 4px;
}

page-activity-list .btn-box .stop-tracking .dot {
  height: 14px;
  width: 14px;
  background-color: #F0624D;
  border-radius: 200%;
  display: inline-block;
  margin-right: 10px;
}

page-activity-list .skeleton-wrapper {
  padding: 0 22px;
}

page-activity-list-subordinate {
  /* main card */
}

page-activity-list-subordinate .icon-box {
  width: 40px;
  cursor: pointer;
  padding: 5px 10px 0 0;
}

page-activity-list-subordinate .icon-box ion-icon {
  color: white;
  font-size: 28px;
}

@media screen and (min-width: 768px) {
  page-activity-list-subordinate .new-icon svg {
    fill: #F68A22 !important;
  }
  page-activity-list-subordinate .new-icon-grid path {
    stroke: #F68A22;
  }
}

page-activity-list-subordinate .toggle-box {
  padding: 10px 10px 0 10px;
}

page-activity-list-subordinate .toggle-box ion-label {
  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), secondary-text) !important;
}

page-activity-list-subordinate .toggle-box svg-icon path, page-activity-list-subordinate .toggle-box svg-icon line {
  stroke: #A5B0B7;
}

page-activity-list-subordinate .avatar {
  width: 48px;
  height: 48px;
  border-radius: 200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
}

page-activity-list-subordinate .avatar lazy-img, page-activity-list-subordinate .avatar lazy-img img {
  width: 100%;
  height: 100%;
}

page-activity-list-subordinate .avatar lazy-img img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-activity-list-subordinate .secondary-text {
  color: #A5B0B7 !important;
}

page-activity-list-subordinate ion-content .scroll-content {
  overflow: overlay;
}

page-activity-list-subordinate ion-header {
  background-color: #F68A22;
}

page-activity-list-subordinate ion-icon.search-activity {
  font-size: 28px !important;
  cursor: pointer;
}

page-activity-list-subordinate ion-icon.close-search-activity {
  position: absolute;
  font-size: 28px !important;
  cursor: pointer;
  width: 10px;
  right: 36px;
}

page-activity-list-subordinate .team-card .new-icon-grid line {
  stroke: #F68A22 !important;
}

page-activity-list-subordinate .team-card .card-header {
  margin-top: 40px !important;
  border-radius: 6.24px 6.24px 0 0;
  background-color: white;
  border-bottom: 1px solid #dbdbe1;
  position: relative;
}

page-activity-list-subordinate .team-card .card-header .avatar {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -24px;
}

page-activity-list-subordinate .team-card .card-header button {
  height: auto;
  padding-top: 24px;
  padding-bottom: 10px;
}

page-activity-list-subordinate .team-card .card-header button ion-label {
  margin-right: 0 !important;
  text-transform: none;
}

page-activity-list-subordinate .team-card .card-header .first-label {
  margin: 5px 0px !important;
}

page-activity-list-subordinate .team-card .sticky {
  background: white;
  padding: 10px;
}

page-activity-list-subordinate .team-card .card-body {
  padding: 0px 2px 16px 2px;
  border-radius: 0 0 6.24px 6.24px;
  min-height: 100% !important;
  -webkit-box-shadow: 0px 0px 15px -7px;
  box-shadow: 0px 0px 15px -7px;
  border: 0px 1px 1px 1px solid #dfdfe5;
}

page-activity-list-subordinate .team-card .card-body .team-text {
  margin-bottom: 10px !important;
  margin-top: 30px !important;
}

page-activity-list-subordinate .team-card .card-body .team-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 4px 16px 16px 16px;
}

page-activity-list-subordinate .team-card .card-body .team-content .readmore button {
  background-color: white;
  margin-top: 25px;
}

page-activity-list-subordinate .team-card .card-body .team-content .team-item {
  height: auto;
  padding: 12px 0 !important;
}

page-activity-list-subordinate .team-card .card-body .team-content .team-item ion-label {
  margin-top: 10px;
  width: 86px;
  text-transform: none;
  margin-bottom: 10px !important;
}

page-activity-list-subordinate .team-content-off .wrapper {
  -webkit-animation-name: list-row;
  animation-name: list-row;
  -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-activity-list-subordinate .team-content-on {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-activity-list-subordinate .team-content-on .wrapper {
  -webkit-animation-name: list-col;
  animation-name: list-col;
  -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  border-bottom: 1px solid #dbdbe1;
}

page-activity-list-subordinate .team-content-on .wrapper button {
  width: 100%;
}

page-activity-list-subordinate .team-content-on .wrapper ion-label {
  text-align: left;
}

@-webkit-keyframes list-row {
  0% {
    width: 100%;
    opacity: 0;
  }
  50% {
    width: 200px;
    opacity: 0;
  }
  100% {
    width: 86px;
    opacity: 1;
  }
}

@keyframes list-row {
  0% {
    width: 100%;
    opacity: 0;
  }
  50% {
    width: 200px;
    opacity: 0;
  }
  100% {
    width: 86px;
    opacity: 1;
  }
}

@-webkit-keyframes list-col {
  0% {
    width: 86px;
    opacity: 0;
  }
  50% {
    width: 200px;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes list-col {
  0% {
    width: 86px;
    opacity: 0;
  }
  50% {
    width: 200px;
    opacity: 0;
  }
  100% {
    width: 100%;
    opacity: 1;
  }
}

page-activity-list-subordinate .detail-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-activity-list-subordinate .wrapper-content-off {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  width: 86px;
}

page-activity-list-subordinate .wrapper-content-on {
  width: 100%;
}

page-activity-list-subordinate .wrapper-content-on .avatar {
  margin-right: 16px;
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
}

page-activity-list-subordinate .container {
  height: 100%;
}

@media only screen and (max-width: 500px) {
  page-activity-list-subordinate .card-body {
    margin: 0px 22px 0px 22px !important;
  }
  page-activity-list-subordinate .card-header {
    margin: 35px 22px 0px 22px !important;
  }
}

page-activity-list-subordinate ion-infinite-scroll {
  position: relative;
  width: unset !important;
}

page-activity-list-subordinate ion-infinite-scroll gdx-loading {
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

page-activity-list-subordinate-filter .header {
  padding: 16px 0 0 16px;
}

page-activity-list-subordinate-filter .header ion-label {
  font-size: 20px !important;
  color: #222 !important;
  font-weight: bold;
}

page-activity-list-subordinate-filter .container ion-radio {
  margin-right: 20px !important;
}

page-activity-list-subordinate-filter .container .radio-icon {
  width: 30px;
  height: 30px;
}

page-activity-list-subordinate-filter .container .radio-inner {
  width: 22px;
  height: 22px;
}

page-activity-list-subordinate-filter .select-box {
  position: relative;
}

page-activity-list-subordinate-filter .select-box .select-title {
  font-weight: bold;
  color: #A5B0B7 !important;
}

page-activity-list-subordinate-filter .select-box ion-select {
  width: 100%;
  max-width: none;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #dbdbe1;
}

page-activity-list-more .container .list-box {
  padding: 4px 16px;
  border-radius: 3px;
  border-bottom: 1px solid #dbdbe1;
}

page-activity-list-more .container .list-box:last-child {
  border-bottom: none;
}

page-activity-list-more .container .new-icon {
  height: 34px !important;
}

page-activity-list-more .container .icon-box {
  width: 40px;
  height: 40px;
}

page-activity-list-more .container .new-icon-grid {
  height: 24px !important;
}

page-activity-list-more .container ion-icon {
  font-size: 24px;
}

page-activity-task-modal {
  background-color: white;
}

page-activity-task-modal .fix-content {
  padding: 11px 0 9px 21px;
  background-color: white;
  z-index: 2;
  position: relative;
}

page-activity-task-modal .fix-content #please-choose {
  font-family: medium !important;
  font-size: 18.67px !important;
  color: #A5B0B7 !important;
}

page-activity-task-modal ion-content {
  background-color: transparent !important;
}

page-activity-task-modal ion-content .scroll-content {
  padding: 0 0 0 21px;
}

page-activity-task-modal ion-content .task-content {
  height: 100%;
}

page-activity-task-modal ion-content .task-box {
  min-height: 50vh !important;
  margin: 10px 0;
  padding-right: 21px;
  overflow-y: auto;
  overflow-x: hidden;
}

page-activity-task-modal ion-content .task-box .task-item {
  height: unset;
  width: 100%;
  text-transform: none;
}

page-activity-task-modal ion-content .task-box .task-item .item-div {
  width: 100%;
}

page-activity-task-modal ion-content .task-box .task-item .item-div .task-desc {
  margin: 16px 0 3px 0;
}

page-activity-task-modal ion-content .task-box .task-item .item-div .datetime {
  color: #A5B0B7 !important;
  margin: 3px 16px 13px 0;
}

page-activity-task-modal ion-content .task-box .task-item:not(:last-child) .item-div {
  border-bottom: 1px solid #dbdbe1;
}

page-activity-task-modal ion-content .filler {
  height: 100px;
}

page-activity-task-modal ion-footer {
  padding: 10px 21px;
}

page-activity-task-modal #or {
  position: relative;
}

page-activity-task-modal #or ion-label {
  font-size: 1.2em;
  background: white !important;
  z-index: 2 !important;
  padding: 0 21px;
  color: #A5B0B7 !important;
}

page-activity-task-modal #or:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #dbdbe1;
}

page-activity-task-modal .ask-label {
  margin: 14px 21px 14px 0;
  font-family: medium !important;
  font-size: 18.67px !important;
  color: #A5B0B7 !important;
}

page-activity-task-modal .custom-task .custom-text {
  border-bottom: 1px solid #dbdbe1;
}

page-att-base-compare ion-header .toolbar-background {
  background: #121212 !important;
}

page-att-base-compare ion-header .toolbar-title {
  color: #fff !important;
}

page-att-base-compare ion-header ion-icon {
  color: #fff;
  font-size: 22px;
  margin: 0 5px 0 15px;
}

page-att-base-compare ion-content {
  background: #121212 !important;
}

page-att-base-compare ion-content .container {
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 50px;
}

page-att-base-compare ion-content .container ion-label {
  color: #fff !important;
}

page-att-base-compare ion-content .container img {
  max-width: 250px;
  width: 100%;
  max-height: 380px;
}

page-att-base-compare ion-content .label-approve {
  color: black !important;
}

page-att-base-compare ion-footer {
  padding: 0px !important;
}

page-att-base-compare ion-footer button {
  height: auto !important;
}

page-att-base-compare ion-footer button .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-att-base-compare ion-footer button .button-inner ion-icon {
  font-size: 32px;
}

page-att-base-dashboard ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0px !important;
}

page-att-base-dashboard 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-att-base-dashboard ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-att-base-dashboard 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-att-base-dashboard ion-footer {
  padding: 10px 16px;
}

page-att-base-dashboard ion-label.medium {
  color: #A5B0B7 !important;
}

page-att-base-dashboard .dot-alert {
  background: #F0624D;
  width: 7px;
  height: 7px;
  border-radius: 10px;
  position: absolute;
  right: 6px;
  top: 0;
}

page-att-base-dashboard button[gdx-button] {
  margin-left: 2px !important;
}

page-att-base-dashboard .line {
  border-bottom: 1px solid #dbdbe1;
  margin: 10px 0;
}

page-att-base-dashboard .rejected {
  color: #F0624D;
}

page-att-base-dashboard .approved {
  color: #2BB34D;
}

page-att-base-dashboard ion-label.black {
  color: #192528 !important;
}

page-att-base-dashboard section {
  width: 100% !important;
}

page-att-base-dashboard section .frame {
  border-radius: 8px;
  width: 106px;
  height: 92px;
  position: relative;
  background: #efefef;
  text-align: center;
  margin-bottom: 8px;
}

page-att-base-dashboard section .frame image-component img {
  width: 106px;
  height: 92px;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

page-att-base-dashboard section .frame .icon-delete {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #FFFFFF;
  border-radius: 200px;
  padding: 2px 2px 0px 2px;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

page-att-base-dashboard section .frame .icon-plus {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  top: 35px;
}

page-att-base-dashboard section .frame .icon-plus svg-icon svg path,
page-att-base-dashboard section .frame .icon-plus svg-icon svg line,
page-att-base-dashboard section .frame .icon-plus svg-icon svg ellipse,
page-att-base-dashboard section .frame .icon-plus svg-icon svg polyline,
page-att-base-dashboard section .frame .icon-plus svg-icon svg polygon,
page-att-base-dashboard section .frame .icon-plus svg-icon svg circle,
page-att-base-dashboard section .frame .icon-plus svg-icon svg rect {
  stroke: #A5B0B7 !important;
}

page-att-base-detail div#gdx-container {
  padding: 0 !important;
}

page-att-base-detail .frame {
  height: 250px;
  overflow: hidden;
}

page-att-base-detail .frame img {
  height: 250px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-att-base-detail .padding {
  padding: 0px 20px 77px;
}

page-att-base-detail .padding .datetime {
  padding: 15px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-att-base-detail .padding .datetime ion-label.title {
  color: #A5B0B7 !important;
}

page-att-base-detail .padding .datetime ion-label.date {
  color: #192528 !important;
  font-size: 16px !important;
  font-weight: bold;
  margin-top: 8px;
}

page-att-base-detail .padding .desc {
  padding-top: 10px;
}

page-att-base-detail .padding .desc ion-label {
  color: #192528 !important;
  line-height: 21px;
}

page-att-base-detail .btn-set {
  display: inline-block;
}

page-att-base-emp-list .search-box {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 9px 12px;
}

page-att-base-emp-list .search-box ion-icon {
  font-size: 22px;
}

page-att-base-emp-list .search-box input {
  margin: 0;
}

page-att-base-emp-list .list-employee {
  padding: 15px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-att-base-emp-list .list-employee .info {
  width: 100%;
  padding: 0 10px 0 20px;
}

page-att-base-emp-list .list-employee .info [name] {
  font-size: 16px !important;
  font-weight: bold;
}

page-att-base-emp-list .list-employee .info [empid] {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-att-base-emp-list .list-employee .icon {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-att-base-photo-employee ion-label {
  color: #A5B0B7 !important;
}

page-att-base-photo-employee button[gdx-button] {
  margin-left: 2px !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%;
}

.business-trip-detail [disabled] {
  opacity: 1;
}

.business-trip-detail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-business-trip-allowance .right-align {
  text-align: right;
}

page-business-trip-allowance .right-align2 {
  text-align: right;
  padding-right: 17px;
}

page-business-trip-allowance .center-align {
  text-align: center;
}

page-business-trip-allowance .item-allowance {
  padding-top: 10px;
}

page-business-trip-allowance .grand-total {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
  font-size: 1.3em;
}

page-business-trip-allowance .div-total {
  margin-top: 9px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: right;
}

page-business-trip-allowance .shift-date {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
}

page-business-trip-allowance .row-date ion-col {
  font-size: 0.8em;
  padding: 0px;
}

page-business-trip-allowance .row-date p {
  padding: 14px 0px;
  margin: 0px;
}

page-business-trip-allowance .footer-claim {
  position: fixed;
  bottom: 0;
}

page-bst-cancellation-add .footer-btn {
  position: fixed;
  bottom: 0;
}

page-bst-cancellation-add .btn-footer-action-page ul li:first-child {
  padding: 1em 2.2em;
}

page-bst-cancellation-add .list-radio ion-item .item-inner {
  border: none !important;
}

page-bst-cancellation-detail h2 {
  color: #F68A22 !important;
}

page-bst-cancellation-detail .col-right {
  text-align: right;
}

page-bst-cancellation-detail input {
  text-align: right;
}

page-bst-cancellation-detail [disabled] {
  opacity: 1;
}

page-bst-cancellation-detail ion-content {
  padding: 16px !important;
}

page-bst-cancellation-detail .scroll-content {
  padding: 16px !important;
}

page-bst-cancellation-detail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-bst-cancellation-detail .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
  margin-bottom: 0px !important;
}

page-bst-cancellation-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-bst-cancellation-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bst-cancellation-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-bst-cancellation-detail .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-bst-cancellation-detail .title-form2 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 25px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-bst-cancellation-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-bst-cancellation-detail .text-reject-note {
  white-space: normal !important;
}

page-bst-cancellation-detail .list-ios > .item-block:last-child {
  border: none;
}

page-bst-cancellation-detail .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-bst-cancellation-detail .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-bst-cancellation-detail .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-bst-cancellation-detail .destination-card .destination-form {
  padding: 1px 12px;
}

page-bst-cancellation-detail .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-bst-cancellation-detail .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-bst-cancellation-detail .date-icon2 {
  padding: 20px 0px 0px 0px;
}

page-bst-cancellation-detail .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-bst-cancellation-detail .small-icon {
  -webkit-text-fill-color: #189dae;
}

page-bst-cancellation-detail .small-icon2 {
  -webkit-text-fill-color: #189dae;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-bst-cancellation-detail .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-bst-cancellation-detail .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-bst-cancellation-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-bst-cancellation-detail .list-md .item-input:last-child {
  border-bottom: none !important;
}

page-bst-cancellation-detail ion-footer {
  padding-left: 12px;
}

page-bst-cancellation-edit .div-warp {
  padding: 16px 16px 0px 16px;
}

page-bst-cancellation-edit .div-p {
  font-size: 110%;
  margin: 0px 0px 9px 0px !important;
  font-weight: bold;
}

page-bst-cancellation-edit .div-text-area {
  border-bottom: 1px solid #dedede !important;
}

page-bst-cancellation-edit .title-form {
  border-bottom: 1px solid #dedede !important;
  padding-bottom: 10px !important;
  padding-top: 15px !important;
  margin-left: 16px;
  margin-right: 16px;
}

page-bst-cancellation-edit .title-form p {
  margin: 7px 0px 7px 0px !important;
  font-size: 110%;
}

page-bst-cancellation-edit .footer-btn {
  position: fixed;
  bottom: 0;
}

page-bst-cancellation-edit .btn-footer-action-page ul li:first-child {
  padding: 1em 2.2em;
}

page-declaration-detail-allowance .right-align {
  text-align: right;
}

page-declaration-detail-allowance .right-align2 {
  text-align: right;
  padding-right: 17px;
}

page-declaration-detail-allowance .center-align {
  text-align: center;
}

page-declaration-detail-allowance .item-allowance {
  padding-top: 10px;
}

page-declaration-detail-allowance .grand-total {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
  font-size: 1.3em;
}

page-declaration-detail-allowance .div-total {
  margin-top: 9px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: right;
}

page-declaration-detail-allowance .shift-date {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
}

page-declaration-detail-allowance .row-date ion-col {
  font-size: 0.8em;
  padding: 0px;
}

page-declaration-detail-allowance .row-date p {
  padding: 14px 0px;
  margin: 0px;
}

page-declaration-detail-allowance .footer-claim {
  position: fixed;
  bottom: 0;
}

page-declaration-detail-time .time-data {
  font-size: 1em;
}

page-declaration-detail-time .list-date h2 {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 110%;
  margin: 0px 0px 0px 5px;
}

page-declaration-detail-time .shift-date {
  font-weight: bold;
  font-size: 1em;
  margin: 0px;
}

page-declaration-detail-time .row-date ion-col {
  padding: 0px;
  font-size: 0.8em;
}

page-declaration-detail-time .row-date p {
  padding: 0px 0px;
  margin-top: 14px;
  margin-bottom: 0px;
}

page-declaration-detail-time .date-shift {
  padding-left: 5;
  font-weight: bold;
  font-size: 1em;
}

page-declaration-detail-time .footer-claim {
  position: fixed;
  bottom: 0;
}

page-declaration-detail-time .input-chart-icon::after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-declaration-detail-time .input-chart-icon-before::before {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-declaration-detail-time .input-chart-icon-30min::after {
  content: "\e96e";
  font-family: sficon;
  font-size: 40px;
  text-decoration: inherit;
}

page-declaration-detail-time .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-declaration-detail-time .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-declaration-form-add h2 {
  color: #F68A22 !important;
}

page-declaration-form-add .col-right {
  text-align: right;
}

page-declaration-form-add [disabled] {
  opacity: 1;
}

page-declaration-form-add .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-declaration-form-add .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-declaration-form-add .data-list-request ion-item .item-inner {
  border: none !important;
}

page-declaration-form-add .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-declaration-form-add .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-declaration-form-add .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-declaration-form-add .title-form2 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 25px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-declaration-form-add .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-declaration-form-add .text-reject-note {
  white-space: normal !important;
}

page-declaration-form-add .list-ios > .item-block:last-child {
  border: none;
}

page-declaration-form-add .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-declaration-form-add .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-declaration-form-add .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-declaration-form-add .destination-card .destination-form {
  padding: 1px 12px;
}

page-declaration-form-add .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-declaration-form-add .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-declaration-form-add .date-icon2 {
  padding: 20px 0px 0px 0px;
}

page-declaration-form-add .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-declaration-form-add .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-declaration-form-add .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-declaration-form-add .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-declaration-form-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-declaration-form-add .footer-claim {
  position: fixed;
  bottom: 0;
}

page-declaration-form-add .btn-footer-action-page ul li {
  min-width: 7em;
}

page-declaration-form-add ion-chip {
  height: 100% !important;
}

page-declaration-form-add .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-declaration-form-add .img-preview {
  position: relative;
  display: inline-block;
}

page-declaration-form-add .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-declaration-form-add .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-declaration-form-add .skeleton-box {
  padding: 0;
}

page-declaration-form-add .skeleton-box .s-skeleton {
  width: 80px;
  height: 18px;
  border-radius: 5px;
}

page-declaration-form-edit h2 {
  color: #F68A22 !important;
}

page-declaration-form-edit .col-right {
  text-align: right;
}

page-declaration-form-edit [disabled] {
  opacity: 1;
}

page-declaration-form-edit .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-declaration-form-edit .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-declaration-form-edit .data-list-request ion-item .item-inner {
  border: none !important;
}

page-declaration-form-edit .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-declaration-form-edit .list-ios > .item-block:last-child {
  border: none;
}

page-declaration-form-edit .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-declaration-form-edit .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-declaration-form-edit .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-declaration-form-edit .destination-card .destination-form {
  padding: 1px 12px;
}

page-declaration-form-edit .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-declaration-form-edit .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-declaration-form-edit .date-icon2 {
  padding: 20px 0px 0px 0px;
}

page-declaration-form-edit .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-declaration-form-edit .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-declaration-form-edit .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-declaration-form-edit .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-declaration-form-edit .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-declaration-form-edit .footer-claim {
  position: fixed;
  bottom: 0;
}

page-declaration-form-edit .btn-footer-action-page ul li {
  min-width: 7em;
}

page-declaration-form-edit ion-chip {
  height: 100% !important;
}

page-declaration-form-edit .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-declaration-form-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-declaration-form-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-declaration-form-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-declaration-form-edit .skeleton-box {
  padding: 0;
}

page-declaration-form-edit .skeleton-box .s-skeleton {
  width: 80px;
  height: 18px;
  border-radius: 5px;
}

page-declaration-history h2 {
  color: #F68A22 !important;
}

page-declaration-history .col-right {
  text-align: right;
}

page-declaration-history .col-right {
  text-align: right;
}

page-declaration-history input {
  text-align: right;
}

page-declaration-history [disabled] {
  opacity: 1;
}

page-declaration-history .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-declaration-history .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-declaration-history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-declaration-history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-declaration-history .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-declaration-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-declaration-history .title-form2 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 25px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-declaration-history .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-declaration-history .text-reject-note {
  white-space: normal !important;
}

page-declaration-history .list-ios > .item-block:last-child {
  border: none;
}

page-declaration-history .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-declaration-history .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-declaration-history .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-declaration-history .destination-card .destination-form {
  padding: 1px 12px;
}

page-declaration-history .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-declaration-history .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-declaration-history .date-icon2 {
  padding: 20px 0px 0px 0px;
}

page-declaration-history .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-declaration-history .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-declaration-history .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-declaration-history .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-declaration-history .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-declaration-history .footer-claim {
  position: fixed;
  bottom: 0;
}

page-declaration-history .attachment {
  color: #F68A22;
}

page-declaration-history .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-declaration-history .skeleton-box {
  padding: 0;
}

page-declaration-history .skeleton-box .s-skeleton {
  width: 80px;
  height: 18px;
  border-radius: 5px;
}

page-business-trip-form h2 {
  color: #F68A22;
}

page-business-trip-form .upd-stat {
  color: #F68A22;
}

page-business-trip-form .del-stat {
  color: #F0624D;
}

page-business-trip-form .col-right {
  text-align: right;
}

page-business-trip-form .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-business-trip-form .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-business-trip-form .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-business-trip-form .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-business-trip-form .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-business-trip-form .align-left {
  float: left;
}

page-business-trip-form .align-right {
  float: right;
}

page-business-trip-form p {
  margin-bottom: -10px !important;
}

page-business-trip-form .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-business-trip-form .item-row-time .item-inner {
  border: none !important;
}

page-business-trip-form .periodused {
  color: #F68A22 !important;
}

page-business-trip-form .attc-btn {
  padding-top: 10px;
}

page-business-trip-form .attc-btn .item-inner {
  padding-right: 0px !important;
  border-bottom: none !important;
}

page-business-trip-form .attc-btn ion-label {
  margin-left: 2px !important;
}

page-business-trip-form ion-chip {
  height: 190px !important;
}

page-business-trip-form ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-business-trip-form .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-business-trip-form .chip-md {
  background: none !important;
  position: relative;
}

page-business-trip-form .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-business-trip-form .chip-md {
    width: 100% !important;
  }
  page-business-trip-form .chip-ios {
    width: 100% !important;
  }
  page-business-trip-form ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-business-trip-form ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-business-trip-form .chip-md {
    width: 50% !important;
  }
  page-business-trip-form .chip-ios {
    width: 100% !important;
  }
}

page-business-trip-form .img-preview {
  position: relative;
  display: inline-block;
}

page-business-trip-form .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-business-trip-form .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-business-trip-form-detail .upd-stat {
  color: #F68A22 !important;
}

page-business-trip-form-detail .del-stat {
  color: #F0624D !important;
}

page-business-trip-form-detail .nochange-stat {
  color: #bdc3c7 !important;
}

page-business-trip-form-detail .col-right {
  text-align: right;
}

page-business-trip-form-detail [padding] h2:first-child {
  margin-top: 0px !important;
}

page-business-trip-form-detail .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-business-trip-form-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-business-trip-form-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-business-trip-form-detail .panel-destination {
  margin-top: 10px;
  border: 5px solid #F68A22;
  border-radius: 10px;
}

page-business-trip-form-detail .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-business-trip-form-detail .duoInputIcon {
  margin-top: -5%;
}

page-business-trip-form-detail .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-business-trip-form-detail .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-business-trip-form-detail .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-business-trip-form-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-business-trip-form-detail .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-business-trip-form-detail .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-business-trip-form-detail .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-business-trip-form-detail .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-business-trip-form-detail .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-business-trip-form-detail .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-business-trip-form-detail .test-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

page-business-trip-form-detail .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-business-trip-form-detail .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-business-trip-form-detail .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-business-trip-form-detail .destination-card .destination-form {
  padding: 1px 12px;
}

page-business-trip-form-detail .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 768px) {
  page-business-trip-form-detail .date-start {
    min-width: 100%;
  }
  page-business-trip-form-detail .date-end {
    min-width: 100%;
  }
}

page-business-trip-form-detail-edit .upd-stat {
  color: #F68A22 !important;
}

page-business-trip-form-detail-edit .del-stat {
  color: #F0624D !important;
}

page-business-trip-form-detail-edit .nochange-stat {
  color: #bdc3c7 !important;
}

page-business-trip-form-detail-edit .col-right {
  text-align: right;
}

page-business-trip-form-detail-edit [padding] h2:first-child {
  margin-top: 0px !important;
}

page-business-trip-form-detail-edit .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-business-trip-form-detail-edit .data-list-request ion-item .item-inner {
  border: none !important;
}

page-business-trip-form-detail-edit .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-business-trip-form-detail-edit .panel-destination {
  margin-top: 10px;
  border: 5px solid #F68A22;
  border-radius: 10px;
}

page-business-trip-form-detail-edit .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-business-trip-form-detail-edit .duoInputIcon {
  margin-top: -5%;
}

page-business-trip-form-detail-edit .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-business-trip-form-detail-edit .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-business-trip-form-detail-edit .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-business-trip-form-detail-edit .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-business-trip-form-detail-edit .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-business-trip-form-detail-edit .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-business-trip-form-detail-edit .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-business-trip-form-detail-edit .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-business-trip-form-detail-edit .date-icon {
  text-align: center;
  padding: 12px 0px;
}

page-business-trip-form-detail-edit .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-business-trip-form-detail-edit .test-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

page-business-trip-form-detail-edit .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-business-trip-form-detail-edit .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-business-trip-form-detail-edit .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-business-trip-form-detail-edit .destination-card .destination-form {
  padding: 1px 12px;
}

page-business-trip-form-detail-edit ion-chip {
  height: 190px !important;
}

page-business-trip-form-detail-edit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-business-trip-form-detail-edit .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-business-trip-form-detail-edit .destination-input {
  padding-right: 12px;
}

page-business-trip-form-detail-edit .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

@media screen and (max-width: 768px) {
  page-business-trip-form-detail-edit .date-start {
    min-width: 100%;
  }
  page-business-trip-form-detail-edit .date-end {
    min-width: 100%;
  }
}

@media screen and (max-width: 600px) {
  page-business-trip-form-detail-edit .chip-md {
    width: 100% !important;
  }
  page-business-trip-form-detail-edit .chip-ios {
    width: 100% !important;
  }
  page-business-trip-form-detail-edit ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-business-trip-form-detail-edit ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-business-trip-form-detail-edit .chip-md {
    width: 50% !important;
  }
  page-business-trip-form-detail-edit .chip-ios {
    width: 100% !important;
  }
}

page-business-trip-form-detail-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-business-trip-form-detail-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-business-trip-form-detail-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-search-onduty-destination h2 {
  color: #F68A22;
}

page-search-onduty-destination .upd-stat {
  color: #F68A22;
}

page-search-onduty-destination .del-stat {
  color: #F0624D;
}

page-search-onduty-destination .col-right {
  text-align: right;
}

page-search-onduty-destination .icon-search {
  width: 40%;
  margin-right: 1em;
}

page-search-onduty-destination .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

business-trip h2 {
  color: #F68A22 !important;
}

business-trip .upd-stat {
  color: #F68A22 !important;
}

business-trip .del-stat {
  color: #F0624D !important;
}

business-trip .col-right {
  text-align: right;
}

business-trip .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

business-trip ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

business-trip .text-alipsiis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

business-trip .green {
  -webkit-text-fill-color: green;
}

business-trip .red {
  -webkit-text-fill-color: red;
}

business-trip .row-skeleton {
  margin: 7px 20px;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 15px;
}

business-trip .row-skeleton .left-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  border-radius: 2px;
}

business-trip .row-skeleton .left-side .line:nth-child(1) {
  width: 130px;
}

business-trip .row-skeleton .left-side .line:nth-child(2) {
  width: 200px;
}

business-trip .row-skeleton .left-side .line:nth-child(3) {
  width: 170px;
}

business-trip .row-skeleton .left-side .line:nth-child(4) {
  width: 150px;
}

business-trip .row-skeleton .right-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  border-radius: 2px;
}

business-trip .row-skeleton .right-side .line:nth-child(1) {
  width: 80px;
}

business-trip .row-skeleton .right-side .line:nth-child(2) {
  width: 50px;
}

page-business-trip-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-business-trip-history-detail .col-right {
  text-align: right;
}

page-business-trip-history-detail input {
  text-align: right;
}

page-business-trip-history-detail .data-list-request {
  margin-bottom: 0px;
}

page-business-trip-history-detail .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-business-trip-history-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-business-trip-history-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-business-trip-history-detail .duoInputIcon {
  margin-top: -5%;
}

page-business-trip-history-detail .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-business-trip-history-detail .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-business-trip-history-detail .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-business-trip-history-detail .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-business-trip-history-detail .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
}

page-business-trip-history-detail .small-icon {
  -webkit-text-fill-color: #F68A22;
}

page-business-trip-history-detail .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-business-trip-history-detail .date-icon {
  text-align: center;
  padding: 12px 0px;
  text-align: right;
}

page-business-trip-history-detail .date-icon3 {
  padding: 12px 0px 0px 0px;
}

page-business-trip-history-detail .div-history {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-business-trip-history-detail .div-history p {
  margin: 5px 0px 3px 0px;
}

page-business-trip-history-detail .green {
  -webkit-text-fill-color: green;
}

page-business-trip-history-detail .red {
  -webkit-text-fill-color: red;
}

page-business-trip-history-detail .attachment {
  color: #F68A22;
}

page-business-trip-history-detail .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-business-trip-history-detail .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-business-trip-history-detail .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-business-trip-history-detail .destination-card .destination-form {
  padding: 1px 12px;
}

page-business-trip-history-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-business-trip-history-detail .text-ellipsis2 {
  font-size: 140%;
  -webkit-text-fill-color: #F68A22 !important;
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 2px;
}

page-business-trip-history-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-business-trip-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-business-trip-history-detail .title-form2 {
  border-top: 1px solid #dedede !important;
  padding-top: 10px !important;
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 10px !important;
}

page-business-trip-history-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-business-trip-history-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-business-trip-history-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-business-trip-history-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-business-trip-history-detail .btn-footer-action-page ul li:first-child {
  padding: 1em 1.3em;
}

page-business-trip-history-detail .btn-footer-action-page ul li:last-child {
  padding: 1em 1.3em;
}

page-business-trip-history-detail .list-md .item-input:last-child {
  border-bottom: none !important;
}

page-business-trip-history-detail .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-business-trip-history-detail .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-business-trip-history-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-business-trip-history-detail .title-col h2 {
  display: inline-block;
}

page-business-trip-history-detail .btn-footer-action-page1 {
  text-align: center;
  margin: 0 auto;
  border-radius: 0.5em;
}

page-business-trip-history-detail .btn-footer-action-page1 ul {
  margin: 0 auto;
  padding: 0;
}

page-business-trip-history-detail .btn-footer-action-page1 ul li {
  display: inline-block;
  margin-right: 0.5px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 0.8em 0.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-business-trip-history-detail .btn-footer-action-page1 ul .spc-color {
  background-color: #f37249;
}

page-business-trip-history-detail .btn-footer-action-page1 ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 0.8em 0.5em;
}

page-business-trip-history-detail .btn-footer-action-page1 ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 0.8em 0.5em;
}

page-business-trip-history-detail 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;
}

@media screen and (max-width: 768px) {
  page-business-trip-history-detail .date-start {
    min-width: 100%;
  }
  page-business-trip-history-detail .date-end {
    min-width: 100%;
  }
}

page-business-trip-history-detail .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-business-trip-schedule .center-align {
  margin: 0px 0px 0px 17px;
}

page-business-trip-schedule .list-date h2 {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 110%;
  margin: 0px 0px;
}

page-business-trip-schedule .header-color {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 10px;
}

page-business-trip-schedule .header-color2 {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 10px;
}

page-business-trip-schedule .shift-date {
  font-weight: bold;
  font-size: 0.9em;
  padding: 5px 0px;
  margin: 0px;
}

page-business-trip-schedule .row-date ion-col {
  padding: 0px;
  font-size: 0.8em;
}

page-business-trip-schedule .row-date p {
  padding: 5px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

page-business-trip-schedule .footer-claim {
  position: fixed;
  bottom: 0;
}

page-business-trip-schedule .input-chart-icon::after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-business-trip-schedule .input-chart-icon-before::before {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-business-trip-schedule .input-chart-icon-30min::after {
  content: "\e96e";
  font-family: sficon;
  font-size: 40px;
  text-decoration: inherit;
}

page-business-trip-schedule .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-business-trip-schedule .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-business-trip-schedule .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-addpurposetype .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;
}

page-addpurposetype ion-content ion-label {
  line-height: 150%;
}

page-editpurposetype .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;
}

page-editpurposetype ion-content ion-label {
  line-height: 150%;
}

page-business-trip-setting {
  color: #808080 !important;
}

page-business-trip-setting gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-business-trip-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

page-business-trip-setting .fixed-content .helper {
  width: 100%;
}

page-business-trip-setting .list-contain ion-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;
  margin: 0;
}

page-business-trip-setting .list-contain h2 {
  color: #333333;
}

page-business-trip-setting .list-ios > .item-block:last-child {
  border: none !important;
}

page-business-trip-setting .list-ios > .item-block:first-child {
  border: none !important;
}

page-business-trip-setting .list-md > .item-block:last-child {
  border: none !important;
}

page-business-trip-setting .list-md > .item-block:first-child {
  border: none !important;
}

page-business-trip-setting .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #DEDEDE;
}

page-business-trip-setting .row-skeleton .left-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
  height: 30px;
}

page-business-trip-setting .row-skeleton .right-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
  height: 30px;
}

page-change-access .sfgo p {
  color: #F68A22;
}

page-change-access ion-label {
  white-space: pre-wrap !important;
}

page-change-access .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-access .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-access .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-change-access .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-change-access .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-access .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-access .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-access .btn-tag span {
  font-size: 1.2em !important;
}

page-change-access .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-change-access h2, page-change-access p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-change-access .edit-icon {
  color: #7f7f7f;
}

page-change-access .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-change-access .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-change-access .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-change-privacy .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-privacy .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-privacy .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-change-privacy .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-change-privacy .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-privacy .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-privacy .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-privacy .btn-tag span {
  font-size: 1.2em !important;
}

page-change-privacy .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-change-privacy h2, page-change-privacy p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-change-privacy .get-notif {
  padding-top: 3px;
}

page-change-privacy .get-notif .text-title p {
  color: #F68A22 !important;
}

page-change-privacy .get-notif .text-notif p {
  margin: 0px;
  font-size: 1.1em;
}

page-change-spv .wrapper {
  padding-bottom: 0 !important;
}

page-change-spv .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-spv .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-spv .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-change-spv .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-spv .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-spv .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-spv .btn-tag span {
  font-size: 1.2em !important;
}

page-change-spv .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-change-spv h2, page-change-spv p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-claim-approval-detail-sf6 .image-claims {
  width: 100%;
  overflow: hidden;
  height: 15em;
  text-align: center;
}

page-claim-approval-detail-sf6 .image-claims img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-claim-approval-detail-sf6 #take-img {
  margin: auto;
  text-align: center;
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

page-claim-approval-detail-sf6 .take-loc {
  width: 100%;
  padding: 20px 1em;
  float: left;
}

page-claim-approval-detail-sf6 .map-sm {
  width: 20px;
  height: auto;
  float: left;
  margin-top: 0.5em;
  margin-left: -0.5em;
}

page-claim-approval-detail-sf6 .ket-claim {
  padding: 16px;
  line-height: 1em;
}

page-claim-approval-detail-sf6 .ket-claim .small-text {
  color: #666 !important;
}

page-claim-approval-detail-sf6 .ket-claim p {
  color: #666 !important;
}

page-claim-approval-detail-sf6 .ket-claim .title-col {
  color: #F68A22 !important;
  font-weight: bold;
}

page-claim-approval-detail-sf6 .btn-footer-action-page {
  text-align: center;
}

page-claim-approval-detail-sf6 .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-claim-approval-detail-sf6 .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: 1em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-claim-approval-detail-sf6 .btn-footer-action-page ul .spc-color {
  background-color: red;
}

page-claim-approval-detail-sf6 .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-claim-approval-detail-sf6 .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-claim-approval-sf6 .new-stat {
  color: #63BEFB;
}

page-claim-approval-sf6 .col-right {
  text-align: right;
}

page-claim-approval-sf6 .total-stat {
  color: #F68A22;
  font-weight: bold;
}

page-claim-approval-sf6 .data-list-request ion-avatar.def {
  background-color: #F68A22;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.7em;
}

page-claim-approval-sf6 .data-list-request ion-avatar.def ion-icon {
  color: #fff;
  font-size: 30px;
}

page-claim-approval-sf6 .data-list-request ion-avatar.def ion-item ion-label p:last-child {
  color: #000 !important;
}

page-claim-approval-sf6 .data-list-request ion-avatar.def div.alfa-icon {
  color: #fff;
}

page-claim-approval-sf6 .list-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval-sf6 .list-border .list-status .status-right {
  float: right;
}

page-claim-approval-sf6 .list-no-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval-sf6 .list-no-border ion-item .item-inner {
  border: none !important;
}

page-claim-approval-sf6 .date-right {
  text-align: right;
}

page-claim-approval-sf6 .title-col {
  color: #F68A22;
  font-weight: bold;
  width: 120px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-approval-sf6 .status-approve {
  color: #F68A22;
  text-align: right;
}

page-claim-approval-sf6 .status-revise {
  color: #F0624D;
  text-align: right;
}

page-claim-approval-sf6 .status-reject {
  color: #F0624D;
  text-align: right;
}

page-claim-approval-sf6 .approver-status {
  color: #bdc3c7;
}

page-claim-approval-sf6 .section-pg {
  padding: 0.5em 0;
  margin: 1em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-approval-sf6 .section-pg .amount-title {
  margin: 0.5em 0 !important;
}

page-claim-approval-sf6 .section-pg-btm {
  padding: 0.1em 0;
  margin: 0.5em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-approval-sf6 .section-pg-btm p {
  color: #666 !important;
}

page-claim-approval-sf6 .ttl-claim {
  color: #F68A22 !important;
  font-weight: bold;
}

page-claim-approval-sf6 .full-btn ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-claim-approval-sf6 .avatar-icon {
  padding-top: 0px !important;
}

page-claim-approval-sf6 .list-ios > .item-block:last-child {
  border: none;
}

page-claim-approval-sf6 .list-ios > .item-block:first-child {
  border: none;
}

page-claim-approval-sf6 .list-waiting-approval {
  margin-bottom: 100px;
}

page-claim-approval-sf6 .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval-sf6 .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-claim-approval-sf6 .margin-btm {
  height: 80px;
}

page-claim-approval-sf6 .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-approval-sf6 .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-claim-approval-sf6 .header-cancellation {
  margin-left: 20px !important;
}

page-claim-approval-sf6 .title-form2 {
  border-top: 1px solid #dedede !important;
  padding-top: 10px !important;
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 10px !important;
}

page-claim-approval-sf6 .red {
  -webkit-text-fill-color: red;
}

page-claim-approval-sf6 .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-claim-balance 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-claim-balance 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-claim-balance ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-claim-balance 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-claim-balance .footer-claim {
  position: fixed;
  bottom: 0;
}

page-claim-balance .claimdetail [disabled] {
  opacity: 1;
}

page-claim-balance .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-claim-balance .cus-disabled {
  opacity: 1;
}

page-claim-balance .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-claim-balance .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-claim-balance .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-claim-balance .text-ket {
  text-align: right;
}

page-claim-balance p {
  color: #909090 !important;
}

page-claim-balance p span {
  font-size: 1.4rem !important;
}

page-claim-balance .red {
  -webkit-text-fill-color: red;
}

page-claim-balance .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-claim-balance .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-claim-balance .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-balance .light-grey {
  color: #7f7f7f !important;
}

page-claim-balance .selected {
  background-color: #e3f5ff;
}

page-claim-balance .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-claim-balance .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-claim-balance .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-claim-balance .title-col h2 {
  display: inline-block;
}

page-claim-balance .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-claim-balance .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-claim-balance .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-claim-balance .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-balance .align-left {
  float: left !important;
}

page-claim-balance .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-claim-balance .col-right {
  text-align: right;
}

page-claim-balance .align-center {
  float: center !important;
}

page-claim-balance span {
  font-size: 12px !important;
}

page-claim-balance .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-claim-balance [padding] h2:first-child {
  margin-top: 0.0rem !important;
}

page-claim-balance page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-claim-balance .div-content {
  position: relative;
  overflow: hidden;
  padding: 0px 8px;
}

page-claim-balance .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
  margin: 5px 0px 5px 0px !important;
}

page-claim-balance .div-content h2 {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #192528 !important;
}

page-claim-balance .div-content p {
  font-size: 10px !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #A5B0B7 !important;
}

page-claim-balance .div-content p.title-relation {
  font-size: 13px !important;
  -webkit-text-fill-color: #A5B0B7 !important;
}

page-claim-balance .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px 0px 7px 7px !important;
  text-align: right !important;
}

page-claim-balance .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 2px 7px 7px !important;
  text-align: right !important;
}

page-claim-balance .div-content .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-claim-balance .div-content .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-claim-balance .div-content ion-badge.status-green {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #28a745;
  font-weight: 500;
  border: 1px solid #28a745;
  color: white !important;
}

page-claim-balance .div-content ion-badge.status-yellow {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #ffc107;
  font-weight: 500;
  border: 1px solid #ffc107;
  color: white !important;
}

page-claim-balance .div-content ion-badge.status-red {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #dc3545;
  font-weight: 500;
  border: 1px solid #dc3545;
  color: white !important;
}

page-claim-balance-detail [disabled] {
  color: limegreen;
  opacity: 1;
}

page-claim-balance-detail ion-col[width-33] button:first-child {
  float: right;
  right: 35px;
}

page-claim-balance-detail ion-col[width-33] button:nth-child(2) {
  position: absolute;
  right: 8px;
}

page-claim-calculate-form-sf6 color-total {
  color: #F68A22;
}

page-claim-calculate-form-sf6 .div-header {
  padding: 16px 16px 0px 16px;
  background-color: #F68A22;
}

page-claim-calculate-form-sf6 .div-header h6, page-claim-calculate-form-sf6 .div-header p {
  color: white !important;
}

page-claim-calculate-form-sf6 .div-header ion-item {
  background-color: transparent !important;
}

page-claim-calculate-form-sf6 h4 {
  font-size: 1.6rem !important;
}

page-claim-calculate-form-sf6 ion-list {
  margin-top: 5px !important;
}

page-claim-calculate-form-sf6 ion-item-group ion-item {
  margin-left: 16px !important;
}

page-claim-calculate-receipt-form-sf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-sf6 ion-input {
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-sf6 ion-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-sf6 ion-input ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-sf6 ion-input :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-sf6 ion-input :-moz-placeholder {
  /* Firefox 18- */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-sf6 .icon-input-search2:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-sf6 .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-sf6 .input-map-icon:after {
  content: "\e93e";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-sf6 ion-list {
  padding: 0px 16px 16px 16px;
}

page-claim-calculate-receipt-form-sf6 .div-date-time {
  padding: 16px 16px 0px 16px;
}

page-claim-calculate-receipt-form-sf6 #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-calculate-receipt-form-sf6 #currency-text {
  width: 25%;
  float: left;
}

page-claim-calculate-receipt-form-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-calculate-receipt-form-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-calculate-receipt-form-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-calculate-receipt-form-sf6 #cur-item {
  float: left;
  width: 100%;
}

page-claim-calculate-receipt-form-sf6 #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-calculate-receipt-form-sf6 .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-calculate-receipt-form-sf6 #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-calculate-receipt-form-sf6 #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-calculate-receipt-form-sf6 .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-calculate-receipt-form-sf6 .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-calculate-receipt-form-sf6 .item-select {
  margin-top: 20px !important;
}

page-claim-calculate-receipt-form-sf6 .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-claim-calculate-receipt-form-edit-sf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-edit-sf6 ion-input {
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-edit-sf6 ion-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-edit-sf6 ion-input ::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-edit-sf6 ion-input :-ms-input-placeholder {
  /* IE 10+ */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-edit-sf6 ion-input :-moz-placeholder {
  /* Firefox 18- */
  font-size: 1.4rem !important;
}

page-claim-calculate-receipt-form-edit-sf6 .icon-input-search2:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-edit-sf6 .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-edit-sf6 .input-map-icon:after {
  content: "\e93e";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-calculate-receipt-form-edit-sf6 ion-list {
  padding: 0px 16px 16px 16px;
}

page-claim-calculate-receipt-form-edit-sf6 .div-date-time {
  padding: 16px 16px 0px 16px;
}

page-claim-calculate-receipt-form-edit-sf6 #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-calculate-receipt-form-edit-sf6 #currency-text {
  width: 25%;
  float: left;
}

page-claim-calculate-receipt-form-edit-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-calculate-receipt-form-edit-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-calculate-receipt-form-edit-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-calculate-receipt-form-edit-sf6 #cur-item {
  float: left;
  width: 100%;
}

page-claim-calculate-receipt-form-edit-sf6 #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-calculate-receipt-form-edit-sf6 .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-calculate-receipt-form-edit-sf6 #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-calculate-receipt-form-edit-sf6 #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-calculate-receipt-form-edit-sf6 .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-calculate-receipt-form-edit-sf6 .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-calculate-receipt-form-edit-sf6 .item-select {
  margin-top: 20px !important;
}

page-claim-calculate-receipt-form-edit-sf6 .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-claim-cancelation-add h2 {
  color: #F68A22;
}

page-claim-cancelation-add .upd-stat {
  color: #F68A22;
}

page-claim-cancelation-add .del-stat {
  color: #F0624D;
}

page-claim-cancelation-add .align-left {
  float: left;
}

page-claim-cancelation-add .align-right {
  float: right;
}

page-claim-cancelation-add p {
  margin-bottom: -10px !important;
}

page-claim-cancelation-add .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-claim-cancelation-add .item-row-time .item-inner {
  border: none !important;
}

page-claim-cancelation-add .list-radio ion-item .item-inner {
  border: none !important;
}

page-claim-cancelation-add .item-block {
  padding: 8px;
}

page-claim-cancelation-add .back-button {
  display: inline-block;
}

page-claim-cancelation-add .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

page-claim-cancelation-add .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

page-claim-cancelation-add .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

page-claim-cancelation-add .md ion-avatar {
  padding-left: 10px !important;
}

page-claim-cancelation-add .item-md p {
  height: 3rem;
}

page-claim-cancelation-add .item-md [item-right] {
  margin: 9px 0px 9px 0;
}

page-claim-cancelation-add .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.2em;
  margin-top: 0.7em;
}

page-claim-cancelation-add #p-left {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}

page-claim-cancelation-add #p-right {
  float: right;
  font-size: 1.4rem;
  color: #189dae;
  font-weight: bold;
}

page-claim-cancelation-add .label-md {
  margin: 2px 8px 2px 0 !important;
  background-color: transparent;
}

page-claim-cancelation-add ion-item-divider {
  margin-top: 10px;
  margin-bottom: 10px;
}

page-claim-cancelation-add .inner-divider {
  background-color: transparent !important;
  padding: 0px;
}

page-claim-cancelation-detail .new-stat {
  color: #63BEFB;
}

page-claim-cancelation-detail .col-right {
  text-align: right;
}

page-claim-cancelation-detail .total-stat {
  color: #F68A22;
  font-weight: bold;
}

page-claim-cancelation-detail .data-list-request ion-avatar.def {
  background-color: #F68A22;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.7em;
}

page-claim-cancelation-detail .data-list-request ion-avatar.def ion-icon {
  color: #fff;
  font-size: 30px;
}

page-claim-cancelation-detail .data-list-request ion-avatar.def ion-item ion-label p:last-child {
  color: #000 !important;
}

page-claim-cancelation-detail .data-list-request ion-avatar.def div.alfa-icon {
  color: #fff;
}

page-claim-cancelation-detail .list-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-cancelation-detail .list-no-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-cancelation-detail .list-no-border ion-item .item-inner {
  border: none !important;
}

page-claim-cancelation-detail .date-right {
  text-align: right;
}

page-claim-cancelation-detail .title-col {
  color: #F68A22;
  font-weight: bold;
  width: 120px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-cancelation-detail .status-approve {
  color: #F68A22;
  text-align: right;
}

page-claim-cancelation-detail .status-revise {
  color: #F0624D;
  text-align: right;
}

page-claim-cancelation-detail .status-reject {
  color: #F0624D;
  text-align: right;
}

page-claim-cancelation-detail .approver-status {
  color: #bdc3c7;
}

page-claim-cancelation-detail .section-pg {
  padding: 0.5em 0;
  margin: 1em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-cancelation-detail .section-pg .amount-title {
  margin: 0.5em 0 !important;
}

page-claim-cancelation-detail .section-pg-btm {
  padding: 0.1em 0;
  margin: 0.5em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-cancelation-detail .section-pg-btm p {
  color: #666 !important;
}

page-claim-cancelation-detail .ttl-claim {
  color: #F68A22 !important;
  font-weight: bold;
}

page-claim-cancelation-detail .full-btn ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-claim-cancelation-detail .avatar-icon {
  padding-top: 0px !important;
}

page-claim-cancelation-detail .list-ios > .item-block:last-child {
  border: none;
}

page-claim-cancelation-detail .list-ios > .item-block:first-child {
  border: none;
}

page-claim-cancelation-detail .list-waiting-approval {
  margin-bottom: 100px;
}

page-claim-cancelation-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-cancelation-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-claim-cancelation-detail .margin-btm {
  height: 80px;
}

page-claim-cancelation-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-cancelation-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-claim-cancelation-detail .header-cancellation {
  margin-left: 20px !important;
}

page-claim-cancelation-detail .title-form2 {
  border-top: 1px solid #dedede !important;
  padding-top: 10px !important;
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 10px !important;
}

page-claim-cancelation-detail .red {
  -webkit-text-fill-color: red;
}

page-claim-cancelation-edit h2 {
  color: #F68A22;
}

page-claim-cancelation-edit .upd-stat {
  color: #F68A22;
}

page-claim-cancelation-edit .del-stat {
  color: #F0624D;
}

page-claim-cancelation-edit .align-left {
  float: left;
}

page-claim-cancelation-edit .align-right {
  float: right;
}

page-claim-cancelation-edit p {
  margin-bottom: -10px !important;
}

page-claim-cancelation-edit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-claim-cancelation-edit .item-row-time .item-inner {
  border: none !important;
}

page-claim-cancelation-edit .list-radio ion-item .item-inner {
  border: none !important;
}

page-claim-cancelation-edit .item-block {
  padding: 8px;
}

page-claim-cancelation-edit .back-button {
  display: inline-block;
}

page-claim-cancelation-edit .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

page-claim-cancelation-edit .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

page-claim-cancelation-edit .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

page-claim-cancelation-edit .md ion-avatar {
  padding-left: 10px !important;
}

page-claim-cancelation-edit .item-md p {
  height: 3rem;
}

page-claim-cancelation-edit .item-md [item-right] {
  margin: 9px 0px 9px 0;
}

page-claim-cancelation-edit .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.2em;
  margin-top: 0.7em;
}

page-claim-cancelation-edit #p-left {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}

page-claim-cancelation-edit #p-right {
  float: right;
  font-size: 1.4rem;
  color: #189dae;
  font-weight: bold;
}

page-claim-cancelation-edit .label-md {
  margin: 2px 8px 2px 0 !important;
  background-color: transparent;
}

page-claim-cancelation-edit ion-item-divider {
  margin-top: 10px;
  margin-bottom: 10px;
}

page-claim-cancelation-edit .inner-divider {
  background-color: transparent !important;
  padding: 0px;
}

page-claim-request-form-sf6 .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;
}

page-claim-request-form-sf6 .required {
  color: red;
}

page-claim-request-form-sf6 .new-stat {
  color: #63BEFB;
}

page-claim-request-form-sf6 #img-mola {
  margin: auto;
  display: block;
}

page-claim-request-form-sf6 #p-warn {
  line-height: 1.5em;
  padding: 2em 4em;
  text-align: center;
}

page-claim-request-form-sf6 #p-left {
  float: left;
  font-size: 16pt;
  color: #666666;
}

page-claim-request-form-sf6 #p-right {
  float: right;
  font-size: 16pt;
  color: #666666;
}

page-claim-request-form-sf6 #pic-sf {
  height: 5em;
}

page-claim-request-form-sf6 #ket-total {
  width: 100%;
  padding: 1em;
}

page-claim-request-form-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-form-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-form-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-form-sf6 #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

page-claim-request-form-sf6 #btn-div {
  margin-top: 1em;
}

page-claim-request-form-sf6 #btn-add-div {
  margin-top: 2em;
  margin-bottom: 2em;
}

page-claim-request-form-sf6 #btn-add-cols {
  margin: auto;
  width: 21em;
  padding: 0 20.5px;
}

page-claim-request-form-sf6 .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

page-claim-request-form-sf6 .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

page-claim-request-form-sf6 .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

page-claim-request-form-sf6 .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.1em;
  margin-top: 0.35em;
}

page-claim-request-form-sf6 .text-ket {
  text-align: right;
}

page-claim-request-form-sf6 .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

claim-request-form-edit-sf6 .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;
}

claim-request-form-edit-sf6 .required {
  color: red;
}

claim-request-form-edit-sf6 .new-stat {
  color: #63BEFB;
}

claim-request-form-edit-sf6 #img-mola {
  margin: auto;
  display: block;
}

claim-request-form-edit-sf6 #p-warn {
  line-height: 1.5em;
  padding: 2em 4em;
  text-align: center;
}

claim-request-form-edit-sf6 #p-left {
  float: left;
  font-size: 16pt;
  color: #666666;
}

claim-request-form-edit-sf6 #p-right {
  float: right;
  font-size: 16pt;
  color: #666666;
}

claim-request-form-edit-sf6 #pic-sf {
  height: 5em;
}

claim-request-form-edit-sf6 #ket-total {
  width: 100%;
  padding: 1em;
}

claim-request-form-edit-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #F68A22;
  text-align: center;
  float: left;
}

claim-request-form-edit-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #F68A22;
  text-align: center;
  float: right;
}

claim-request-form-edit-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

claim-request-form-edit-sf6 #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

claim-request-form-edit-sf6 #btn-div {
  margin-top: 1em;
}

claim-request-form-edit-sf6 #btn-add-div {
  margin-top: 2em;
  margin-bottom: 2em;
}

claim-request-form-edit-sf6 #btn-add-cols {
  margin: auto;
  width: 21em;
  padding: 0 20.5px;
}

claim-request-form-edit-sf6 .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

claim-request-form-edit-sf6 .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

claim-request-form-edit-sf6 .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

claim-request-form-edit-sf6 .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.1em;
  margin-top: 0.35em;
}

claim-request-form-edit-sf6 .text-ket {
  text-align: right;
}

page-claim-request-receipt-form-sf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-request-receipt-form-sf6 ion-list span.sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 0.5em;
}

page-claim-request-receipt-form-sf6 .take-photo {
  width: 100%;
  height: 15em;
  line-height: 15em;
  background-color: #fff;
  text-align: center;
}

page-claim-request-receipt-form-sf6 #take-img {
  width: 7em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

page-claim-request-receipt-form-sf6 #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-request-receipt-form-sf6 #currency-text {
  width: 25%;
  float: left;
}

page-claim-request-receipt-form-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-receipt-form-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-receipt-form-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-receipt-form-sf6 #cur-item {
  float: left;
  width: 100%;
}

page-claim-request-receipt-form-sf6 #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-request-receipt-form-sf6 .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-request-receipt-form-sf6 #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-request-receipt-form-sf6 #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-request-receipt-form-sf6 .take-loc {
  width: 100%;
}

page-claim-request-receipt-form-sf6 .take-loc .location-set {
  margin-left: 3em;
  margin-top: -0.9em;
}

page-claim-request-receipt-form-sf6 .take-loc .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-claim-request-receipt-form-sf6 .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-request-receipt-form-sf6 .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-request-receipt-form-edit-sf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-claim-request-receipt-form-edit-sf6 ion-list span.sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 0.5em;
}

page-claim-request-receipt-form-edit-sf6 .take-photo {
  width: 100%;
  height: 15em;
  line-height: 15em;
  background-color: #fff;
  text-align: center;
}

page-claim-request-receipt-form-edit-sf6 #take-img {
  width: 7em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

page-claim-request-receipt-form-edit-sf6 #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-request-receipt-form-edit-sf6 #currency-text {
  width: 25%;
  float: left;
}

page-claim-request-receipt-form-edit-sf6 .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-receipt-form-edit-sf6 .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-receipt-form-edit-sf6 .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-receipt-form-edit-sf6 #cur-item {
  float: left;
  width: 100%;
}

page-claim-request-receipt-form-edit-sf6 #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-request-receipt-form-edit-sf6 .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-request-receipt-form-edit-sf6 #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-request-receipt-form-edit-sf6 #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-request-receipt-form-edit-sf6 .take-loc {
  width: 100%;
}

page-claim-request-receipt-form-edit-sf6 .take-loc .location-set {
  margin-left: 3em;
  margin-top: -0.9em;
}

page-claim-request-receipt-form-edit-sf6 .take-loc .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-claim-request-receipt-form-edit-sf6 .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-request-receipt-form-edit-sf6 .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-request-sf6 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-claim-request-sf6 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-claim-request-sf6 ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-claim-request-sf6 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-claim-request-sf6 .footer-claim {
  position: fixed;
  bottom: 0;
}

page-claim-request-sf6 .claimdetail [disabled] {
  opacity: 1;
}

page-claim-request-sf6 .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-claim-request-sf6 .cus-disabled {
  opacity: 1;
}

page-claim-request-sf6 .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-claim-request-sf6 .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-claim-request-sf6 .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-claim-request-sf6 .text-ket {
  text-align: right;
}

page-claim-request-sf6 p {
  color: #909090 !important;
}

page-claim-request-sf6 p span {
  font-size: 1.4rem !important;
}

page-claim-request-sf6 .red {
  -webkit-text-fill-color: red;
}

page-claim-request-sf6 .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-claim-request-sf6 .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-claim-request-sf6 .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-sf6 .light-grey {
  color: #7f7f7f !important;
}

page-claim-request-sf6 .selected {
  background-color: #e3f5ff;
}

page-claim-request-sf6 .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-claim-request-sf6 .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-claim-request-sf6 .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-claim-request-sf6 .title-col h2 {
  display: inline-block;
}

page-claim-request-sf6 .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-claim-request-sf6 .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-claim-request-sf6 .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-claim-request-sf6 .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-request-sf6 .align-left {
  float: left !important;
}

page-claim-request-sf6 .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-claim-request-sf6 .col-right {
  text-align: right;
}

page-claim-request-sf6 .align-center {
  float: center !important;
}

page-claim-request-sf6 span {
  font-size: 12px !important;
}

page-claim-request-sf6 .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-claim-request-sf6 [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-claim-request-sf6 .skeleton-box .left,
page-claim-request-sf6 .skeleton-box .right {
  width: 100%;
}

page-claim-request-sf6 .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-claim-request-sf6 .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-claim-request-sf6 .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-claim-request-sf6 .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-claim-submit-receipt-form-sf6 .color-total {
  color: #F68A22;
  text-align: right;
}

page-claim-submit-receipt-form-sf6 ion-list {
  padding: 0px 16px 16px 16px;
}

page-claim-submit-receipt-form-sf6 .div-header {
  padding: 16px 16px 0px 16px;
  background-color: #F68A22;
}

page-claim-submit-receipt-form-sf6 .div-header h6, page-claim-submit-receipt-form-sf6 .div-header p {
  color: white !important;
}

page-claim-submit-receipt-form-sf6 .div-header ion-item {
  background-color: transparent !important;
}

page-claim-submit-receipt-form-sf6 h4 {
  font-size: 1.6rem !important;
}

page-claim-submit-receipt-form-sf6 ion-list {
  margin-top: 5px !important;
}

page-claim-submit-receipt-form-sf6 ion-input, page-claim-submit-receipt-form-sf6 ion-select {
  color: #fff !important;
}

page-claim-submit-receipt-form-sf6 ion-input ::-webkit-input-placeholder, page-claim-submit-receipt-form-sf6 ion-select ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
  font-size: 1.2sem;
}

page-claim-submit-receipt-form-sf6 ion-input ::-moz-placeholder, page-claim-submit-receipt-form-sf6 ion-select ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}

page-claim-submit-receipt-form-sf6 ion-input :-ms-input-placeholder, page-claim-submit-receipt-form-sf6 ion-select :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
}

page-claim-submit-receipt-form-sf6 ion-input :-moz-placeholder, page-claim-submit-receipt-form-sf6 ion-select :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}

page-claim-submit-receipt-form-sf6 .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-claim-submit-receipt-form-sf6 .ng-touched::-webkit-input-placeholder {
  color: white;
}

page-claim-submit-receipt-form-sf6 .ng-untouched::-webkit-input-placeholder {
  color: white;
}

page-claim-submit-receipt-form-sf6 .idr-input {
  background: transparent;
  border: none;
  width: 100%;
  color: white;
}

page-claim-submit-receipt-form-sf6 .item-currency {
  margin-top: -0px !important;
}

page-claim-submit-receipt-form-sf6 .item-currency ion-select {
  max-width: 100% !important;
}

page-claim-submit-receipt-form-sf6 .footer-claim {
  position: fixed;
  bottom: 0;
}

page-search-destination h2 {
  color: #F68A22 !important;
}

page-search-destination [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-search-hospital h2 {
  color: #F68A22 !important;
}

page-search-hospital [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-claim-approval .col-right {
  text-align: right;
}

page-claim-approval .data-list-request ion-avatar.def {
  background-color: #F68A22;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.7em;
}

page-claim-approval .data-list-request ion-avatar.def ion-icon {
  color: #fff;
  font-size: 30px;
}

page-claim-approval .data-list-request ion-avatar.def ion-item ion-label p:last-child {
  color: #000 !important;
}

page-claim-approval .data-list-request ion-avatar.def div.alfa-icon {
  color: #fff;
}

page-claim-approval .list-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval .list-no-border ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval .list-no-border ion-item .item-inner {
  border: none !important;
}

page-claim-approval .date-right {
  text-align: right;
}

page-claim-approval .title-col {
  color: #F68A22;
  font-weight: bold;
  width: 120px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-approval .status-approve {
  color: #F68A22;
  text-align: right;
}

page-claim-approval .status-revise {
  color: #F0624D;
  text-align: right;
}

page-claim-approval .status-reject {
  color: #F0624D;
  text-align: right;
}

page-claim-approval .approver-status {
  color: #bdc3c7;
}

page-claim-approval .section-pg {
  padding: 0.5em 0;
  margin: 1em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-approval .section-pg .amount-title {
  margin: 0.5em 0 !important;
}

page-claim-approval .section-pg-btm {
  padding: 0.1em 0;
  margin: 0.5em 0;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

page-claim-approval .section-pg-btm p {
  color: #666 !important;
}

page-claim-approval .ttl-claim {
  color: #F68A22 !important;
  font-weight: bold;
}

page-claim-approval .avatar-icon {
  padding-top: 0px !important;
}

page-claim-approval .list-ios > .item-block:last-child {
  border: none;
}

page-claim-approval .list-ios > .item-block:first-child {
  border: none;
}

page-claim-approval .list-waiting-approval {
  margin-bottom: 60px;
}

page-claim-approval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-claim-approval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-claim-approval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-claim-approval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-claim-approval .skeleton-box .avatar-skeleton {
  width: 51px;
  height: 51px;
  border-radius: 200px;
}

page-claim-approval .skeleton-box .label-skeleton {
  width: 150px;
  height: 20px;
  border-radius: 3px;
}

page-claim-approval .skeleton-box .harga-skeleton {
  width: 200px;
  height: 23px;
  border-radius: 3px;
}

page-claim-approval .skeleton-box .nama-skeleton {
  width: 100px;
  border-radius: 3px;
  height: 19px;
}

page-claim-approval .skeleton-box .price-skeleton {
  width: 70px;
  border-radius: 3px;
  height: 19px;
}

page-claim-approval .skeleton-box .date-skeleton {
  width: 50px;
  height: 19px;
  border-radius: 3px;
}

page-claim-approval .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
  border-radius: 3px;
}

page-claim-approval-detail .image-claims {
  width: 100%;
  overflow: hidden;
  height: 15em;
  text-align: center;
}

page-claim-approval-detail .image-claims img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-claim-approval-detail #take-img {
  margin: auto;
  text-align: center;
  -o-object-fit: fill !important;
  object-fit: fill !important;
}

page-claim-approval-detail .take-loc {
  width: 100%;
  padding: 20px 1em;
  float: left;
}

page-claim-approval-detail .map-sm {
  width: 20px;
  height: auto;
  float: left;
  margin-top: 0.5em;
  margin-left: -0.5em;
}

page-claim-approval-detail .ket-claim {
  padding: 16px;
  line-height: 1em;
}

page-claim-approval-detail .ket-claim .small-text {
  color: #666 !important;
}

page-claim-approval-detail .ket-claim p {
  color: #666 !important;
}

page-claim-approval-detail .ket-claim .title-col {
  color: #F68A22 !important;
  font-weight: bold;
}

page-claim-approval-detail .btn-footer-action-page {
  text-align: center;
}

page-claim-approval-detail .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-claim-approval-detail .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: 1em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-claim-approval-detail .btn-footer-action-page ul .spc-color {
  background-color: red;
}

page-claim-approval-detail .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-claim-approval-detail .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-claim-approval-detail .text-input[disabled], page-claim-approval-detail text-input:disabled {
  opacity: 1 !important;
}

page-claim-approval-detail .text-area[disabled], page-claim-approval-detail text-area:disabled {
  opacity: 1 !important;
}

page-claim-approval-popover .box-pop {
  background: #fff;
  border-radius: 10px;
  padding: 0 15px;
}

page-claim-approval-popover .box-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

page-claim-approval-popover .box-pop ul li {
  font-weight: 700;
  padding: 10px 0px;
  cursor: pointer;
}

page-claim-approval-popover .box-pop ul li:first-child {
  border-bottom: 1px solid #A5B0B7;
}

page-claim-map .announce-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  line-height: 150%;
  margin-bottom: 3em;
  color: #7f7f7f !important;
}

page-claim-map h2 {
  color: #7f7f7f !important;
}

page-claim-map p {
  color: #909090 !important;
}

page-claim-map .img-place {
  width: 35px !important;
  height: auto !important;
  margin-top: 1em;
}

page-claim-map #map {
  width: 100%;
  height: 60%;
}

page-claim-map .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;
}

page-claim-map #btn-div {
  margin-top: 2em;
}

page-claim-map .thin-btn-text {
  margin: 0;
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-map #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

page-claim-request 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-claim-request 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-claim-request ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-claim-request 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-claim-request .scroll-content {
  margin-top: 56px !important;
}

page-claim-request .footer-claim {
  position: fixed;
  bottom: 0;
}

page-claim-request .claimdetail [disabled] {
  opacity: 1;
}

page-claim-request .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-claim-request .cus-disabled {
  opacity: 1;
}

page-claim-request .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
}

page-claim-request .text-ket {
  text-align: right;
}

page-claim-request p {
  color: #909090 !important;
}

page-claim-request h2 {
  text-transform: capitalize;
}

page-claim-request .light-grey {
  color: #7f7f7f !important;
}

page-claim-request .selected {
  background-color: #e3f5ff;
}

page-claim-request .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-claim-request .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-claim-request .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-claim-request .title-col h2 {
  display: inline-block;
}

page-claim-request .data-item {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

page-claim-request ion-list {
  margin-bottom: 25% !important;
}

page-claim-request [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-claim-request .skeleton-box {
  padding: 16px;
}

page-claim-request .skeleton-box .ss-skeleton {
  width: 30px;
  height: 18px;
  border-radius: 5px;
}

page-claim-request .skeleton-box .c-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-claim-request .skeleton-box .s-skeleton {
  width: 60px;
  height: 18px;
  border-radius: 5px;
}

page-claim-request .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-claim-request .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-claim-request .skeleton-box .f-skeleton {
  width: 100%;
  height: 15px;
  border-radius: 5px;
}

page-claim-request-form .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;
}

page-claim-request-form #img-mola {
  margin: auto;
  display: block;
}

page-claim-request-form #p-warn {
  line-height: 1.5em;
  padding: 2em 4em;
  text-align: center;
}

page-claim-request-form #p-left {
  float: left;
  font-size: 18pt;
  color: #666666;
}

page-claim-request-form #p-right {
  float: right;
  font-size: 18pt;
  color: #666666;
}

page-claim-request-form #pic-sf {
  height: 5em;
}

page-claim-request-form #ket-total {
  width: 100%;
  padding: 1em;
}

page-claim-request-form .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-form .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-form .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-form #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

page-claim-request-form #btn-div {
  margin-top: 1em;
}

page-claim-request-form #btn-add-div {
  margin-top: 2em;
  margin-bottom: 2em;
}

page-claim-request-form #btn-add-cols {
  margin: auto;
  width: 21em;
  padding: 0 20.5px;
}

page-claim-request-form .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

page-claim-request-form .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

page-claim-request-form .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

page-claim-request-form .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.1em;
  margin-top: 0.35em;
}

page-claim-request-form .text-ket {
  text-align: right;
}

page-claim-request-form-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;
}

page-claim-request-form-edit #img-mola {
  margin: auto;
  display: block;
}

page-claim-request-form-edit #p-warn {
  line-height: 1.5em;
  padding: 2em 4em;
  text-align: center;
}

page-claim-request-form-edit #p-left {
  float: left;
  font-weight: 100;
  font-size: 18pt;
  color: #666666;
}

page-claim-request-form-edit #p-right {
  float: right;
  font-weight: 100;
  font-size: 18pt;
  color: #666666;
}

page-claim-request-form-edit #pic-sf {
  height: 5em;
}

page-claim-request-form-edit #ket-total {
  width: 100%;
  padding: 1em;
}

page-claim-request-form-edit .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-form-edit .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-form-edit .thin-btn-text {
  margin: 0;
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-form-edit #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

page-claim-request-form-edit #btn-div {
  margin-top: 1em;
}

page-claim-request-form-edit #btn-add-div {
  margin-top: 2em;
  margin-bottom: 2em;
}

page-claim-request-form-edit #btn-add-cols {
  margin: auto;
  width: 21em;
  padding: 0 20.5px;
}

page-claim-request-form-edit .selected {
  background-color: #e3f5ff;
  border-bottom: 1px #ccc solid !important;
}

page-claim-request-form-edit .selected .grayscale {
  -webkit-filter: contrast(70%);
  filter: contrast(70%);
}

page-claim-request-form-edit .selected .item-inner {
  border-bottom: 0px !important;
  width: 100% !important;
}

page-claim-request-form-edit .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.1em;
  margin-top: 0.35em;
}

page-claim-request-form-edit .text-ket {
  text-align: right;
}

page-claim-request-receipt-form ion-list span.sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 0.5em;
}

page-claim-request-receipt-form .take-photo {
  width: 100%;
  height: 15em;
  line-height: 15em;
  background-color: #fff;
  text-align: center;
}

page-claim-request-receipt-form .idr-input {
  width: 100% !important;
  border: none !important;
}

page-claim-request-receipt-form #take-img {
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}

page-claim-request-receipt-form #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-request-receipt-form #currency-text {
  width: 25%;
  float: left;
}

page-claim-request-receipt-form .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-receipt-form .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-receipt-form .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-receipt-form #cur-item {
  float: left;
  width: 100%;
}

page-claim-request-receipt-form #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-request-receipt-form .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-request-receipt-form #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-request-receipt-form #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-request-receipt-form .take-loc {
  width: 100%;
}

page-claim-request-receipt-form .take-loc .location-set {
  margin-left: 3em;
  margin-top: -0.9em;
}

page-claim-request-receipt-form .take-loc .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-claim-request-receipt-form .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-request-receipt-form .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-request-receipt-form .img-preview {
  position: relative;
  display: inline-block;
}

page-claim-request-receipt-form .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-claim-request-receipt-form .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-claim-request-receipt-form-edit ion-list span.sficon-placeholder {
  font-size: 20pt;
  color: #F68A22;
  position: absolute;
  padding-top: 0.5em;
}

page-claim-request-receipt-form-edit .take-photo {
  width: 100%;
  height: 15em;
  line-height: 15em;
  background-color: #fff;
  text-align: center;
}

page-claim-request-receipt-form-edit .idr-input {
  width: 100% !important;
  border: none !important;
}

page-claim-request-receipt-form-edit #take-img {
  width: 7em;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}

page-claim-request-receipt-form-edit #amount-text {
  width: 70%;
  float: right;
  margin-left: 7em;
  margin-top: -60px;
}

page-claim-request-receipt-form-edit #currency-text {
  width: 25%;
  float: left;
}

page-claim-request-receipt-form-edit .btn-sub-a {
  width: 9em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: left;
}

page-claim-request-receipt-form-edit .btn-sub-b {
  width: 9em;
  height: 3em;
  border-top-right-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
  float: right;
}

page-claim-request-receipt-form-edit .thin-btn-text {
  margin: 0;
  font-size: 1.5em;
  line-height: 2em;
}

page-claim-request-receipt-form-edit #cur-item {
  float: left;
  width: 100%;
}

page-claim-request-receipt-form-edit #cur-sel {
  width: 25%;
  float: left;
  margin-top: 1em;
}

page-claim-request-receipt-form-edit .cur-amount {
  width: 70%;
  float: right;
  border: none !important;
  margin-left: 7em;
  margin-top: -45px;
}

page-claim-request-receipt-form-edit #btn-tab-two {
  margin-top: 2em;
  margin-bottom: 5em;
}

page-claim-request-receipt-form-edit #btn-add {
  margin: auto;
  width: 21em;
  padding: 0.2em 20.5px;
}

page-claim-request-receipt-form-edit .take-loc {
  width: 100%;
}

page-claim-request-receipt-form-edit .take-loc .location-set {
  margin-left: 3em;
  margin-top: -0.9em;
}

page-claim-request-receipt-form-edit .take-loc .location-border {
  border-bottom: 1px solid #dedede !important;
  height: 1px;
  width: auto;
}

page-claim-request-receipt-form-edit .map-sm {
  width: 20px;
  height: auto;
  float: left;
  margin-top: 0.5em;
  margin-left: -0.5em;
}

page-claim-request-receipt-form-edit .text-area {
  width: 95%;
  margin: auto;
  display: block;
  height: 8em;
  padding: 1em 1em;
  border: none;
  border-bottom: 1px solid #dedede;
}

page-claim-request-receipt-form-edit .foto-div {
  width: 10em;
  height: 10em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  border: 3px solid #FFF;
  vertical-align: middle;
}

page-claim-request-receipt-form-edit .image-claims {
  width: 100%;
  overflow: hidden;
  height: 15em;
  text-align: center;
}

page-claim-request-receipt-form-edit .image-claims img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

page-claim-request-receipt-form-edit .align-left {
  float: left;
}

page-claim-request-receipt-form-edit .btn-footer-action-page p {
  color: white;
}

page-claim-request-receipt-form-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-claim-request-receipt-form-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-claim-request-receipt-form-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

claim-setting {
  color: #808080 !important;
}

claim-setting .list-ios > .item-block:last-child {
  border: none !important;
}

claim-setting .list-ios > .item-block:first-child {
  border: none !important;
}

claim-setting .list-md > .item-block:last-child {
  border: none !important;
}

claim-setting .list-md > .item-block:first-child {
  border: none !important;
}

claim-setting .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

claim-setting .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

claim-setting .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

claim-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

claim-setting .fixed-content .helper {
  width: 100%;
}

claim-setting .introjs-fixParent {
  z-index: 99 !important;
}

add-claim-setting ion-content .add-claim-container {
  padding: 16px;
}

add-claim-setting ion-content .add-claim-container .header {
  padding-bottom: 8px;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 16px;
}

add-claim-setting ion-content .add-claim-container .header p {
  font-size: 20px !important;
  color: #222 !important;
  font-weight: bold;
}

add-claim-setting ion-content .add-claim-container .form-box {
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 8px;
  padding-bottom: 24px;
}

add-claim-setting ion-content .add-claim-container .form-box .item-inner {
  border-bottom: none;
}

add-claim-setting ion-content .add-claim-container .form-box ion-input {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-top: 8px;
  padding: 1px 16px;
}

add-claim-setting ion-content ion-label {
  line-height: 150%;
}

edit-claim-setting .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;
  padding: 10px !important;
}

edit-claim-setting ion-content ion-label {
  line-height: 150%;
}

configure-data-page ion-label {
  color: #808080 !important;
}

configure-data-page ion-list {
  padding-bottom: 16px;
  margin-bottom: 0px !important;
}

configure-data-page ion-list-header {
  border-top: none !important;
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 0 0 8px !important;
}

configure-data-page .item-md.item-block .item-inner {
  padding-left: 8px;
}

@media screen and (max-width: 768px) {
  page-e-learning ion-header .bar-button-menutoggle {
    display: block !important;
  }
}

page-e-learning .col-right {
  float: right;
}

page-e-learning .row-div ion-col.col {
  padding: 0;
  text-align: center;
}

page-e-learning .row-div ion-col.col button {
  width: 100px;
}

page-e-learning .fixed-top {
  width: 100%;
  background: #fff !important;
}

page-e-learning .div-catalogue {
  padding-top: 5px !important;
}

page-e-learning .div-catalogue ion-row {
  padding-top: 13px;
  padding-bottom: 15px;
  margin-left: 18px;
  margin-right: 18px;
}

page-e-learning .div-catalogue ion-col {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-e-learning .div-catalogue h2 {
  margin: 3px 0px;
  font-size: 1em;
  -webkit-text-fill-color: #F68A22 !important;
}

page-e-learning .div-catalogue p {
  margin: 5px 0px 0px 25px;
}

page-e-learning button .item-inner {
  border-bottom: none !important;
}

page-e-learning .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-e-learning .last-item {
  border-bottom: none !important;
}

page-e-learning .div-margin {
  padding: 0px !important;
  margin: 0px !important;
  border-bottom: none !important;
}

page-e-learning .sficon-clock {
  float: left !important;
  font-size: 1.5em;
}

page-e-learning .sficon-forward {
  font-size: 1.8em;
  padding-top: 11px !important;
  padding-left: 10px !important;
}

page-e-learning .div-footer h2 {
  margin-left: 20px;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 1em;
  font-weight: bold !important;
}

page-e-learning .div-footer .sficon-forward {
  padding-bottom: 10px !important;
  font-size: 1.5em;
}

page-e-learning .progress-bar {
  border-radius: 14px;
  background-color: #F1F1F1 !important;
}

page-e-learning .progress-bar > div {
  color: white;
  background: #F68A22 !important;
  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-e-learning .item-md.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-e-learning .label-md {
  margin: 0px !important;
}

page-e-learning .label-ios {
  margin: 10px 0px !important;
}

page-e-learning .item-ios h2:last-child {
  margin-top: 0px !important;
  font-size: 1em;
}

page-e-learning .no-padding {
  padding: 0px !important;
}

page-e-learning .date-margin {
  margin: 7px 0px 0px 28px !important;
}

page-e-learning .date-margin2 {
  margin: 4px 0px 0px 28px !important;
}

page-e-learning .div-spinner {
  color: #F68A22 !important;
  margin-top: 57% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-e-learning ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-e-learning .div-norecord p {
  margin: 0px !important;
}

page-e-learning .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-e-learning page-no-record p {
  padding-top: 30% !important;
}

page-e-learning ion-searchbar {
  background: #FFFFFF !important;
}

page-e-learning .light-grey {
  color: #7f7f7f !important;
}

page-e-learning .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-e-quiz .header-md::after {
  background-image: none !important;
}

page-e-quiz .no-scroll .scroll-content {
  overflow: hidden;
}

page-e-quiz .no-scroll ion-scroll .scroll-content {
  overflow-y: auto !important;
}

page-e-quiz .div-slides {
  height: 50px;
  background-color: #fff !important;
}

page-e-quiz .div-slides ion-slide {
  font-size: 14px !important;
  background-color: #fff !important;
  -webkit-text-fill-color: #F68A22 !important;
}

page-e-quiz .waktu {
  background: #f68a22 !important;
  border: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-e-quiz .waktu ion-label {
  color: white !important;
  padding: 10px 16px;
}

page-e-quiz .waktu ion-label.time {
  text-align: right;
}

page-e-quiz .div-question {
  text-align: center;
  line-height: 170px;
  height: 180px;
  background-color: #F68A22 !important;
  padding: 0px 30px 0px 30px;
  border-top: 1px solid #e0e0e0 !important;
}

page-e-quiz .div-question ion-scroll {
  height: 170px;
}

page-e-quiz .div-question ion-scroll.scroll-y .scroll-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

page-e-quiz .div-question h2 {
  font-size: 1.3em;
  -webkit-text-fill-color: #fff;
  margin: 0;
  line-height: 1.5;
}

page-e-quiz .div-options ion-scroll {
  height: 70vh;
}

page-e-quiz .div-options ion-scroll .scroll-content {
  overflow-y: auto !important;
  margin-bottom: 100px !important;
}

page-e-quiz .div-score {
  width: 100%;
  height: 100%;
  position: relative;
}

page-e-quiz .div-score .score-content {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
  transform: translate(-50%, -45%);
  text-align: center;
  width: 300px;
}

page-e-quiz .div-score .score-content img {
  width: 60%;
  height: 60%;
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  page-e-quiz .div-options ion-scroll {
    height: 70vh;
  }
  page-e-quiz .div-options ion-scroll.scroll-y .scroll-content {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1280px) {
  page-e-quiz .div-options ion-scroll {
    height: 70vh;
  }
  page-e-quiz .div-options ion-scroll.scroll-y .scroll-content {
    padding-bottom: 30px;
  }
}

page-e-quiz .checked {
  border: 1px solid #F68A22 !important;
  border-radius: 5px !important;
  margin: 15px 12px 0px 12px !important;
}

page-e-quiz .checked p {
  margin: 7px !important;
  -webkit-text-fill-color: #F68A22 !important;
}

page-e-quiz .checked ion-checkbox {
  padding: 5px 0px 5px 5px !important;
}

page-e-quiz .uncheck {
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
  margin: 15px 12px 0px 12px !important;
}

page-e-quiz .uncheck p {
  margin: 7px !important;
}

page-e-quiz .uncheck ion-checkbox {
  padding: 5px 0px 5px 5px !important;
}

page-e-quiz .checkbox-md .checkbox-checked {
  background-color: #F68A22 !important;
}

page-e-quiz .checkbox-ios .checkbox-checked {
  background-color: #F68A22 !important;
}

page-e-quiz .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #ffffff !important;
  left: 8px !important;
  top: 5px !important;
}

page-e-quiz .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #ffffff !important;
  left: 9px !important;
  top: 5px !important;
}

page-e-quiz .checkbox-md.checkbox-disabled {
  opacity: 1 !important;
}

page-e-quiz .checkbox-ios.checkbox-disabled {
  opacity: 1 !important;
}

page-e-quiz .div-time {
  margin-right: 6px;
  padding: 5px 10px;
  -webkit-text-fill-color: #0f6570;
}

page-e-quiz .pick {
  -webkit-text-fill-color: #F68A22 !important;
}

page-e-quiz .unpick {
  -webkit-text-fill-color: #d9d9d9;
}

page-e-quiz .submitBtn {
  float: right !important;
  padding: 9px 15px;
  margin: 6px 15px 3px 0px;
  -webkit-text-fill-color: #fff !important;
  background-color: #F68A22 !important;
  border-radius: 25px;
  width: 100px;
  text-align: center;
}

page-e-quiz .div-angka {
  text-align: center !important;
  margin-top: 10px;
  display: inline-block;
  font-size: 1.1em;
  -webkit-text-fill-color: #F68A22 !important;
}

page-e-quiz .footer-claim {
  position: fixed;
  bottom: 0;
}

page-e-quiz .footer-claim ion-icon {
  font-size: 3em;
  padding: 0px 20px;
  color: #F68A22 !important;
}

page-e-quiz .div-options ion-scroll .scroll-content .scroll-zoom-wrapper {
  margin-bottom: 30vh;
}

page-e-quiz .image-size {
  width: 100%;
  overflow: hidden;
  height: 15em;
  text-align: center;
}

page-e-quiz .image-size img {
  text-align: center;
  -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;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-e-quiz .div-info {
  background: #f68a22 !important;
  border: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-e-quiz .div-info small {
  -webkit-text-fill-color: black;
}

page-elearning-catalogue-detail ion-header {
  background-color: #F68A22 !important;
}

page-elearning-catalogue-detail .header-md::after {
  background-image: none !important;
  z-index: -1 !important;
}

page-elearning-catalogue-detail .div-header {
  margin-top: 15px;
  height: 40px;
  padding: 0px 23px 7px 23px !important;
  background-color: #F68A22 !important;
}

page-elearning-catalogue-detail .div-header h2 {
  margin: 0px !important;
  -webkit-text-fill-color: #fff !important;
}

page-elearning-catalogue-detail .div-header p {
  margin: 0px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 3px;
  padding-left: 28px;
}

page-elearning-catalogue-detail .div-header .sficon-clock {
  margin: 0px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.6em;
  float: left !important;
}

page-elearning-catalogue-detail .div-fbutton {
  height: 55px;
  background-color: #fff !important;
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 55px;
  margin-bottom: -28px;
  -webkit-box-shadow: 1px 1px 8px 1px #888888;
  box-shadow: 1px 1px 8px 1px #888888;
  text-align: center !important;
}

page-elearning-catalogue-detail .div-fbutton p {
  margin: 0px;
  padding: 20px 0px;
  -webkit-text-fill-color: #F68A22 !important;
  font-weight: bold;
}

page-elearning-catalogue-detail .div-list {
  padding-top: 0px;
  margin-bottom: 0px !important;
}

page-elearning-catalogue-detail .div-list ion-item {
  padding: 0px 7px 0px 7px;
}

page-elearning-catalogue-detail .div-list h2 {
  margin: 0px;
  font-weight: bold;
}

page-elearning-catalogue-detail .div-list p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-catalogue-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-elearning-catalogue-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-elearning-catalogue-detail .div-list-info h2 {
  margin: 0px;
}

page-elearning-catalogue-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-catalogue-detail .div-wrapper-row {
  background-color: white;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}

page-elearning-catalogue-detail .div-wrapper-1 {
  position: absolute;
  z-index: -1;
  padding-bottom: 30px !important;
  width: inherit !important;
}

page-elearning-catalogue-detail .div-content-wrapper {
  border: 1px solid #dedede !important;
  padding: 2px 12px;
  border-radius: 10px;
}

page-elearning-catalogue-detail .div-row-wrapper {
  padding: 7px 0px 7px 0px !important;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #dedede;
}

page-elearning-catalogue-detail .div-row-wrapper .div-content {
  position: relative;
  overflow: hidden;
}

page-elearning-catalogue-detail .div-row-wrapper .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-elearning-catalogue-detail .div-row-wrapper .div-content p {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373;
}

page-elearning-catalogue-detail .div-row-wrapper .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 8px !important;
  text-align: right !important;
}

page-elearning-catalogue-detail .div-row-wrapper .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-border {
  margin-top: 7px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content {
  padding-left: 10px !important;
  position: relative;
  overflow: hidden;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content ion-col {
  padding: 3px 0px 3px 0px !important;
  margin: 3px 0px 3px 0px !important;
  border-bottom: none !important;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content p {
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-list {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-zxvideo {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-ppt {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-pdf {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-bookmark {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-elearning-catalogue-detail .div-row-wrapper .div-drop-content .sficon-forward {
  font-size: 1em !important;
  padding: 10px !important;
  text-align: right !important;
}

page-elearning-catalogue-detail .div-row-wrapper-info {
  padding: 8px 0px 8px 0px;
  margin: 0px 7px 7px 7px;
  border-bottom: 1px solid #dedede !important;
}

page-elearning-catalogue-detail .div-row-wrapper-info .div-content-info {
  position: relative;
  overflow: hidden;
}

page-elearning-catalogue-detail .div-row-wrapper-info .div-content-info ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-elearning-catalogue-detail .div-row-wrapper-info .div-content-info p {
  font-size: 1.2em;
  margin: 10px 0px !important;
  font-weight: bold;
  -webkit-text-fill-color: #737373;
}

page-elearning-catalogue-detail .div-row-wrapper-info .div-content-info .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px !important;
  text-align: right !important;
}

page-elearning-catalogue-detail .div-row-wrapper-info .div-content-info .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-elearning-catalogue-detail .list-ios > .item-block:first-child {
  border-bottom: none !important;
}

page-elearning-catalogue-detail .last-item {
  border-bottom: none !important;
}

page-elearning-catalogue-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-catalogue-detail page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-elearning-content .fixed-content {
  margin-top: 56px;
  margin-bottom: 66px;
}

page-elearning-content .row-div ion-col.col {
  padding: 0;
  text-align: center;
}

page-elearning-content .row-div ion-col.col button {
  width: 100px;
}

page-elearning-content .div-pdf-viewer {
  display: block;
  padding: 12px;
}

page-elearning-content .div-pdf-viewer .textLayer {
  -webkit-box-shadow: 1px 1px 10px 0px #000;
  box-shadow: 1px 1px 10px 0px #000;
}

page-elearning-content .fab[mini] {
  margin: 8px;
  width: 35px;
  height: 35px;
  line-height: 40px;
  background-color: #e4e4e4;
}

page-elearning-content .fab[mini] ion-icon {
  font-size: 1.2em !important;
  color: #575757 !important;
}

page-elearning-content ion-scroll .scroll-content {
  background-color: #c9c9c9;
}

page-elearning-content ion-footer {
  padding-bottom: 0 !important;
}

page-elearning-content .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-elearning-content .div-wrapper h2 {
  font-weight: bold !important;
  padding: 5px 0px 5px 10px !important;
}

page-elearning-content .div-wrapper p {
  padding: 5px 0px 5px 10px !important;
}

page-elearning-content .div-wrapper .div-wrapper-sound {
  padding: 25px 5px 5px 5px !important;
}

page-elearning-course ion-header {
  background-color: #189dae !important;
}

page-elearning-course .header-md::after {
  background-image: none !important;
  z-index: -1 !important;
}

page-elearning-course .blue {
  -webkit-text-fill-color: #189dae !important;
}

page-elearning-course .red {
  -webkit-text-fill-color: #F37249 !important;
}

page-elearning-course .div-header {
  height: 90px;
  padding: 7px 23px !important;
  background-color: #189dae !important;
}

page-elearning-course .div-header h2 {
  margin: 0px !important;
  -webkit-text-fill-color: #fff !important;
}

page-elearning-course .div-header p {
  margin: 7px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 3px;
  padding-left: 3px;
}

page-elearning-course .div-fbutton {
  height: 55px;
  background-color: #fff !important;
  margin-left: 70px;
  margin-right: 70px;
  border-radius: 55px;
  margin-bottom: -28px;
  -webkit-box-shadow: 1px 1px 8px 1px #888888;
  box-shadow: 1px 1px 8px 1px #888888;
  text-align: center !important;
}

page-elearning-course .div-fbutton p {
  margin: 0px;
  padding: 20px 0px;
  font-weight: bold;
}

page-elearning-course .div-row .div-content {
  position: relative;
  overflow: hidden;
}

page-elearning-course .div-row .div-content ion-col {
  padding: 0px 0px 10px 0px !important;
  margin: 5px 0px 5px 0px !important;
  border-bottom: 1px solid #d9d9d9;
}

page-elearning-course .div-row .div-content p {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #189dae;
}

page-elearning-course .div-row .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px !important;
  text-align: right !important;
}

page-elearning-course .div-row .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-elearning-course .div-row .div-drop-content {
  position: relative;
  overflow: hidden;
}

page-elearning-course .div-row .div-drop-content ion-col {
  padding: 0px 0px 10px 0px !important;
  margin: 5px 0px 5px 0px !important;
  border-bottom: none !important;
}

page-elearning-course .div-row .div-drop-content p {
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-course .div-row .div-drop-content .sficon-forward {
  font-size: 1em !important;
  padding: 10px !important;
  text-align: right !important;
}

page-elearning-course .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-ebook .row-div ion-col.col {
  padding: 0;
  text-align: center;
}

page-elearning-ebook .row-div ion-col.col button {
  width: 100px;
}

page-elearning-ebook .footer-content {
  position: fixed;
  bottom: 0;
}

page-elearning-ebook .div-title {
  padding: 15px 0px 15px 16px;
  margin-bottom: 10px;
  background-color: #f8f8f8;
  width: 100%;
}

page-elearning-ebook .div-title p {
  margin: 0px;
  font-size: 1.3em;
  font-weight: bold;
}

page-elearning-ebook .description {
  padding: 0px 16px 16px 16px;
}

page-elearning-ebook content-drawer {
  background-color: #189dae !important;
}

page-elearning-ebook content-drawer .content {
  padding: 20px;
}

page-ebook-popover .list-md {
  margin: 0px;
}

page-ebook-popover .btn-icon {
  text-align: left;
}

page-ebook-popover .btn-icon ion-icon {
  padding-top: 2px;
  padding-right: 10px;
  font-size: 1.5em;
}

page-ebook-popover .btn-icon p {
  padding-top: 4px;
  padding-left: 20px;
  font-size: 1.1em;
}

page-elearning-evaluation .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-elearning-evaluation .data-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation .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-elearning-evaluation .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-elearning-evaluation .list-ios > .item-block:last-child {
  border: none;
}

page-elearning-evaluation .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-elearning-evaluation .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-elearning-evaluation .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation .div-multi-request ion-col {
  padding: 0px !important;
}

page-elearning-evaluation .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-elearning-evaluation ion-scroll {
  height: 200px;
}

page-elearning-evaluation ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-elearning-evaluation .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-elearning-evaluation .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-elearning-evaluation .div-list-info h2 {
  margin: 0px;
}

page-elearning-evaluation .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-evaluation .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-elearning-evaluation .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-elearning-evaluation .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation table {
  width: 100%;
  text-align: center;
}

page-elearning-evaluation .td-time {
  width: 150px;
  padding: 2.5%;
}

page-elearning-evaluation .td-detail {
  width: 60%;
}

page-elearning-evaluation .td-instructor {
  width: 25%;
}

page-elearning-evaluation td, page-elearning-evaluation th {
  border: solid 1px;
}

page-elearning-evaluation .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-elearning-evaluation .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-elearning-evaluation .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-elearning-evaluation .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-elearning-evaluation .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-elearning-evaluation .pollingdetail .post-bottomarea {
  clear: both;
}

page-elearning-evaluation .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-elearning-evaluation #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-elearning-evaluation #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-elearning-evaluation .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-elearning-evaluation .answer-bar {
  font-size: small;
}

page-elearning-evaluation .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-elearning-evaluation .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-elearning-evaluation .page-pollingdetail .container .banner {
  background: #189dae;
}

page-elearning-evaluation .checkyn {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation .checkyn p {
  color: #ffffff !important;
}

page-elearning-evaluation .uncheckyn {
  background-color: none !important;
}

page-elearning-evaluation .uncheckyn p {
  color: #737373 !important;
}

page-elearning-evaluation .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-evaluation textarea {
  margin: 0px !important;
}

page-elearning-evaluation .text-input-ios {
  margin: 0px !important;
}

page-elearning-evaluation .skeleton-box .left,
page-elearning-evaluation .skeleton-box .right {
  width: 100%;
}

page-elearning-evaluation .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

page-elearning-evaluation .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-elearning-evaluation .eval-container {
  height: 100%;
}

page-elearning-evaluation .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-elearning-evaluation .sficon-clock {
  float: left !important;
  font-size: 1.5em;
}

page-elearning-evaluation .date-margin {
  margin: 7px 0px 0px 28px !important;
}

page-elearning-evaluation .date-margin2 {
  margin: 4px 0px 0px 28px !important;
}

page-elearning-evaluation .div-norecord p {
  margin: 0px !important;
}

page-elearning-evaluation .last-item {
  border-bottom: none !important;
}

page-elearning-evaluation .row-div ion-col.col {
  padding: 0;
  text-align: center;
}

page-elearning-evaluation .row-div ion-col.col button {
  width: 100px;
}

page-elearning-evaluation h2 {
  margin: 3px 0px;
  font-size: 1em;
  -webkit-text-fill-color: #F68A22 !important;
}

page-elearning-evaluation p {
  margin: 5px 0px 0px 25px;
}

page-elearning-evaluation-detail .col-right {
  text-align: right;
}

page-elearning-evaluation-detail .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-elearning-evaluation-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-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-elearning-evaluation-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-elearning-evaluation-detail .list-ios > .item-block:last-child {
  border: none;
}

page-elearning-evaluation-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-elearning-evaluation-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-elearning-evaluation-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-detail .div-multi-request ion-col {
  padding: 0px !important;
}

page-elearning-evaluation-detail .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-detail .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-detail page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-elearning-evaluation-detail ion-scroll {
  height: 200px;
}

page-elearning-evaluation-detail ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-elearning-evaluation-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-elearning-evaluation-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-elearning-evaluation-detail .div-list-info h2 {
  margin: 0px;
}

page-elearning-evaluation-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-evaluation-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-elearning-evaluation-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-elearning-evaluation-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-detail table {
  width: 100%;
  text-align: center;
}

page-elearning-evaluation-detail .td-time {
  width: 150px;
  padding: 2.5%;
}

page-elearning-evaluation-detail .td-detail {
  width: 60%;
}

page-elearning-evaluation-detail .td-instructor {
  width: 25%;
}

page-elearning-evaluation-detail td, page-elearning-evaluation-detail th {
  border: solid 1px;
}

page-elearning-evaluation-detail .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-elearning-evaluation-detail .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-elearning-evaluation-detail .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-elearning-evaluation-detail .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-elearning-evaluation-detail .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-elearning-evaluation-detail .pollingdetail .post-bottomarea {
  clear: both;
}

page-elearning-evaluation-detail .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-elearning-evaluation-detail #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-elearning-evaluation-detail #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-elearning-evaluation-detail .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-elearning-evaluation-detail .answer-bar {
  font-size: small;
}

page-elearning-evaluation-detail .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-elearning-evaluation-detail .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-elearning-evaluation-detail .page-pollingdetail .container .banner {
  background: #189dae;
}

page-elearning-evaluation-detail .addmargin {
  margin-bottom: 70px;
}

page-elearning-evaluation-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-detail .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-elearning-evaluation-detail .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-detail .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-detail .detail-question {
  padding: 8px 25px 0px 25px;
}

page-elearning-evaluation-detail .detail-question h2 {
  font-weight: bold !important;
}

page-elearning-evaluation-detail .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-elearning-evaluation-detail .detail-list label {
  padding: 3px 0px;
}

page-elearning-evaluation-detail .checked {
  color: #e6ae37 !important;
}

page-elearning-evaluation-detail .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-elearning-evaluation-detail .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-elearning-evaluation-detail .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-elearning-evaluation-detail .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-elearning-evaluation-detail .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-detail .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-detail .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-detail .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-detail .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-detail .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-detail .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-detail .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-elearning-evaluation-detail .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-elearning-evaluation-detail .question-div .star-check {
  color: #e6ae37 !important;
}

page-elearning-evaluation-detail .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-detail .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-detail .question-div .question-comment ion-select {
  max-width: 100%;
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  font-size: 17px !important;
}

page-elearning-evaluation-detail .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-detail .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-detail .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-detail .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-detail .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-detail .question-div .question-multiple .checkbox-md .checkbox-icon, page-elearning-evaluation-detail .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-elearning-evaluation-detail .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-detail .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-elearning-evaluation-detail .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-elearning-evaluation-detail .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-elearning-evaluation-detail .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-elearning-evaluation-detail .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-elearning-evaluation-detail .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-elearning-evaluation-detail .checkyn {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-detail .checkyn p {
  color: #ffffff !important;
}

page-elearning-evaluation-detail .uncheckyn {
  background-color: none !important;
}

page-elearning-evaluation-detail .uncheckyn p {
  color: #737373 !important;
}

page-elearning-evaluation-detail .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-elearning-evaluation-detail .question-btn {
  padding: 15px;
}

page-elearning-evaluation-detail .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-evaluation-detail .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-elearning-evaluation-detail .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-elearning-evaluation-detail .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-elearning-evaluation-detail .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-elearning-evaluation-detail .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-elearning-evaluation-detail .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-elearning-evaluation-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-evaluation-detail textarea {
  margin: 0px !important;
}

page-elearning-evaluation-detail .text-input-ios {
  margin: 0px !important;
}

page-elearning-evaluation-detail .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-detail .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-detail .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-detail .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-detail .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-elearning-evaluation-detail .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-elearning-evaluation-detail .checkbox-md.checkbox-disabled, page-elearning-evaluation-detail .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-detail .checkbox-ios.checkbox-disabled, page-elearning-evaluation-detail .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-detail .text-input[disabled] {
  opacity: 1;
}

page-elearning-evaluation-detail .skeleton-page {
  width: 100%;
}

page-elearning-evaluation-detail .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-elearning-evaluation-detail .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-elearning-evaluation-detail .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-elearning-evaluation-detail .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-elearning-evaluation-detail .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-elearning-evaluation-detail .alert {
  background: #E1F4FF;
  padding: 10px;
  margin-top: 20px;
  border-radius: 10px;
}

page-elearning-evaluation-detail .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #3383EA !important;
}

page-elearning-evaluation-detail .alert ion-label.subheading {
  color: #3383EA !important;
}

page-elearning-evaluation-detail ion-select {
  max-width: 100%;
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  font-size: 17px !important;
}

page-elearning-evaluation-member .col-right {
  text-align: right;
}

page-elearning-evaluation-member .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-elearning-evaluation-member .data-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-member .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-elearning-evaluation-member .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-member .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-elearning-evaluation-member .list-ios > .item-block:last-child {
  border: none;
}

page-elearning-evaluation-member .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-elearning-evaluation-member .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-elearning-evaluation-member .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-member .div-multi-request ion-col {
  padding: 0px !important;
}

page-elearning-evaluation-member .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-member .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-member page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-elearning-evaluation-member ion-scroll {
  height: 200px;
}

page-elearning-evaluation-member ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-elearning-evaluation-member .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-elearning-evaluation-member .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-elearning-evaluation-member .div-list-info h2 {
  margin: 0px;
}

page-elearning-evaluation-member .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-evaluation-member .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-elearning-evaluation-member .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-elearning-evaluation-member .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-member .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-member table {
  width: 100%;
  text-align: center;
}

page-elearning-evaluation-member .td-time {
  width: 150px;
  padding: 2.5%;
}

page-elearning-evaluation-member .td-detail {
  width: 60%;
}

page-elearning-evaluation-member .td-instructor {
  width: 25%;
}

page-elearning-evaluation-member td, page-elearning-evaluation-member th {
  border: solid 1px;
}

page-elearning-evaluation-member .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-elearning-evaluation-member .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-elearning-evaluation-member .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-elearning-evaluation-member .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-elearning-evaluation-member .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-elearning-evaluation-member .pollingdetail .post-bottomarea {
  clear: both;
}

page-elearning-evaluation-member .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-elearning-evaluation-member #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-elearning-evaluation-member #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-elearning-evaluation-member .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-elearning-evaluation-member .answer-bar {
  font-size: small;
}

page-elearning-evaluation-member .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-elearning-evaluation-member .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-elearning-evaluation-member .page-pollingdetail .container .banner {
  background: #189dae;
}

page-elearning-evaluation-member .addmargin {
  margin-bottom: 70px;
}

page-elearning-evaluation-member .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-member .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-elearning-evaluation-member .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-member .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-member .detail-question {
  padding: 8px 25px 0px 25px;
}

page-elearning-evaluation-member .detail-question h2 {
  font-weight: bold !important;
}

page-elearning-evaluation-member .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-elearning-evaluation-member .detail-list label {
  padding: 3px 0px;
}

page-elearning-evaluation-member .checked {
  color: #e6ae37 !important;
}

page-elearning-evaluation-member .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-elearning-evaluation-member .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-elearning-evaluation-member .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-elearning-evaluation-member .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-elearning-evaluation-member .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-member .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-member .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-member .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-member .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-member .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-member .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-member .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-elearning-evaluation-member .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-elearning-evaluation-member .question-div .star-check {
  color: #e6ae37 !important;
}

page-elearning-evaluation-member .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-member .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-member .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-member .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-member .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-member .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-member .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-member .question-div .question-multiple .checkbox-md .checkbox-icon, page-elearning-evaluation-member .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-elearning-evaluation-member .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-member .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-elearning-evaluation-member .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-elearning-evaluation-member .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-elearning-evaluation-member .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-elearning-evaluation-member .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-elearning-evaluation-member .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-elearning-evaluation-member .checkyn {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-member .checkyn p {
  color: #ffffff !important;
}

page-elearning-evaluation-member .uncheckyn {
  background-color: none !important;
}

page-elearning-evaluation-member .uncheckyn p {
  color: #737373 !important;
}

page-elearning-evaluation-member .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-elearning-evaluation-member .question-btn {
  padding: 15px;
}

page-elearning-evaluation-member .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-evaluation-member .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-elearning-evaluation-member .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-elearning-evaluation-member .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-elearning-evaluation-member .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-elearning-evaluation-member .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-elearning-evaluation-member .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-elearning-evaluation-member .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-evaluation-member textarea {
  margin: 0px !important;
}

page-elearning-evaluation-member .text-input-ios {
  margin: 0px !important;
}

page-elearning-evaluation-member .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-member .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-member .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-member .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-member .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-elearning-evaluation-member .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-elearning-evaluation-member .checkbox-md.checkbox-disabled, page-elearning-evaluation-member .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-member .checkbox-ios.checkbox-disabled, page-elearning-evaluation-member .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-member .text-input[disabled] {
  opacity: 1;
}

page-elearning-evaluation-member .skeleton-page {
  width: 100%;
}

page-elearning-evaluation-member .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-elearning-evaluation-member .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-elearning-evaluation-member .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-elearning-evaluation-member .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-elearning-evaluation-member .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-elearning-evaluation-member .skeleton-box .left,
page-elearning-evaluation-member .skeleton-box .right {
  width: 100%;
}

page-elearning-evaluation-member .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

page-elearning-evaluation-member .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation-member .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation-member .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-elearning-evaluation-member .eval-container {
  height: 100%;
}

page-elearning-evaluation-stage .col-right {
  text-align: right;
}

page-elearning-evaluation-stage .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-elearning-evaluation-stage .data-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-stage .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-elearning-evaluation-stage .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-stage .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-elearning-evaluation-stage .list-ios > .item-block:last-child {
  border: none;
}

page-elearning-evaluation-stage .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-elearning-evaluation-stage .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-elearning-evaluation-stage .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-stage .div-multi-request ion-col {
  padding: 0px !important;
}

page-elearning-evaluation-stage .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-stage .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-evaluation-stage page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-elearning-evaluation-stage ion-scroll {
  height: 200px;
}

page-elearning-evaluation-stage ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-elearning-evaluation-stage .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-elearning-evaluation-stage .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-elearning-evaluation-stage .div-list-info h2 {
  margin: 0px;
}

page-elearning-evaluation-stage .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-evaluation-stage .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-elearning-evaluation-stage .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-elearning-evaluation-stage .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-evaluation-stage .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-evaluation-stage table {
  width: 100%;
  text-align: center;
}

page-elearning-evaluation-stage .td-time {
  width: 150px;
  padding: 2.5%;
}

page-elearning-evaluation-stage .td-detail {
  width: 60%;
}

page-elearning-evaluation-stage .td-instructor {
  width: 25%;
}

page-elearning-evaluation-stage td, page-elearning-evaluation-stage th {
  border: solid 1px;
}

page-elearning-evaluation-stage .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-elearning-evaluation-stage .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-elearning-evaluation-stage .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-elearning-evaluation-stage .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-elearning-evaluation-stage .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-elearning-evaluation-stage .pollingdetail .post-bottomarea {
  clear: both;
}

page-elearning-evaluation-stage .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-elearning-evaluation-stage #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-elearning-evaluation-stage #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-elearning-evaluation-stage .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-elearning-evaluation-stage .answer-bar {
  font-size: small;
}

page-elearning-evaluation-stage .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-elearning-evaluation-stage .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-elearning-evaluation-stage .page-pollingdetail .container .banner {
  background: #189dae;
}

page-elearning-evaluation-stage .addmargin {
  margin-bottom: 70px;
}

page-elearning-evaluation-stage .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-evaluation-stage .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-elearning-evaluation-stage .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-stage .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-elearning-evaluation-stage .detail-question {
  padding: 8px 25px 0px 25px;
}

page-elearning-evaluation-stage .detail-question h2 {
  font-weight: bold !important;
}

page-elearning-evaluation-stage .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-elearning-evaluation-stage .detail-list label {
  padding: 3px 0px;
}

page-elearning-evaluation-stage .checked {
  color: #e6ae37 !important;
}

page-elearning-evaluation-stage .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-elearning-evaluation-stage .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-elearning-evaluation-stage .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-elearning-evaluation-stage .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-elearning-evaluation-stage .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-stage .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-stage .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-stage .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-stage .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-stage .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-stage .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-stage .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-elearning-evaluation-stage .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-elearning-evaluation-stage .question-div .star-check {
  color: #e6ae37 !important;
}

page-elearning-evaluation-stage .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-stage .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-elearning-evaluation-stage .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-stage .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-elearning-evaluation-stage .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-elearning-evaluation-stage .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-elearning-evaluation-stage .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-elearning-evaluation-stage .question-div .question-multiple .checkbox-md .checkbox-icon, page-elearning-evaluation-stage .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-elearning-evaluation-stage .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-elearning-evaluation-stage .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-elearning-evaluation-stage .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-elearning-evaluation-stage .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-elearning-evaluation-stage .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-elearning-evaluation-stage .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-elearning-evaluation-stage .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-elearning-evaluation-stage .checkyn {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-stage .checkyn p {
  color: #ffffff !important;
}

page-elearning-evaluation-stage .uncheckyn {
  background-color: none !important;
}

page-elearning-evaluation-stage .uncheckyn p {
  color: #737373 !important;
}

page-elearning-evaluation-stage .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-elearning-evaluation-stage .question-btn {
  padding: 15px;
}

page-elearning-evaluation-stage .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-evaluation-stage .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-elearning-evaluation-stage .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-elearning-evaluation-stage .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-elearning-evaluation-stage .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-elearning-evaluation-stage .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-elearning-evaluation-stage .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-elearning-evaluation-stage .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-evaluation-stage textarea {
  margin: 0px !important;
}

page-elearning-evaluation-stage .text-input-ios {
  margin: 0px !important;
}

page-elearning-evaluation-stage .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-stage .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-elearning-evaluation-stage .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-stage .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-elearning-evaluation-stage .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-elearning-evaluation-stage .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-elearning-evaluation-stage .checkbox-md.checkbox-disabled, page-elearning-evaluation-stage .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-stage .checkbox-ios.checkbox-disabled, page-elearning-evaluation-stage .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-elearning-evaluation-stage .text-input[disabled] {
  opacity: 1;
}

page-elearning-evaluation-stage .skeleton-page {
  width: 100%;
}

page-elearning-evaluation-stage .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-elearning-evaluation-stage .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-elearning-evaluation-stage .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-elearning-evaluation-stage .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-elearning-evaluation-stage .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-elearning-evaluation-stage .skeleton-box .left,
page-elearning-evaluation-stage .skeleton-box .right {
  width: 100%;
}

page-elearning-evaluation-stage .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

page-elearning-evaluation-stage .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation-stage .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-elearning-evaluation-stage .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-elearning-my-class-detail .progress-bar {
  border-radius: 14px;
  background-color: #F1F1F1 !important;
}

page-elearning-my-class-detail .progress-bar > div {
  color: white;
  background: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-animation: progress-bar 2s;
  animation: progress-bar 2s;
}

page-elearning-my-class-detail .div-catalogue h2 {
  margin: 3px 0px;
  font-size: 1.3em;
  font-weight: bold;
}

page-elearning-my-class-detail .progress-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-elearning-my-class-detail .progress-class {
  float: left;
  width: 80%;
}

page-elearning-my-class-detail .progress-dots {
  float: right;
  width: 20%;
}

page-elearning-my-class-detail ul.progress-dots-style {
  float: right;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

page-elearning-my-class-detail ul.progress-dots-style::after {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  background: #777;
  width: 1px;
  height: 100vh;
}

page-elearning-my-class-detail ul.progress-dots-style li {
  display: block;
  float: right;
  background: white;
  border: 1px solid gray !important;
  border-radius: 100px;
  width: 15px;
  height: 15px;
  z-index: 1;
  position: relative;
}

page-elearning-my-class-detail ul.progress-dots-style li.stop {
  background: white;
}

page-elearning-my-class-detail .finished {
  width: 11px;
  height: 11px;
  background: #F68A22 !important;
  border-radius: 100px;
  padding: 1px;
  margin: 1px;
}

page-elearning-my-class-detail .unfinished {
  width: 11px;
  height: 11px;
  background: #777;
  border-radius: 100px;
  padding: 1px;
  margin: 1px;
}

page-elearning-my-class-detail .sficon-forward {
  font-size: 1.8em;
  padding-top: 11px !important;
  padding-left: 10px !important;
}

page-elearning-my-class-detail .div-footer h2 {
  margin-left: 20px;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 1.1em;
  font-weight: bold !important;
}

page-elearning-my-class-detail .div-footer .sficon-forward {
  padding-bottom: 10px !important;
  font-size: 1.5em;
}

page-elearning-my-class-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-elearning-my-class-detail .padding-progress {
  padding-top: 10px !important;
}

page-elearning-my-class-detail .padding-table {
  padding-top: 18px !important;
}

page-elearning-my-class-detail .div-row-wrapper {
  padding: 5px 8px;
  border-radius: 10px;
}

page-elearning-my-class-detail .div-row-wrapper .chat-section button {
  background: #39b54a;
  border-radius: 1.9rem;
  padding: 10px 18px;
  height: 3.8rem;
}

page-elearning-my-class-detail .div-row-wrapper .chat-section button img {
  width: 22px;
  height: 16px;
  margin-right: 6px;
}

page-elearning-my-class-detail .div-row-wrapper .chat-section button ion-label {
  margin: 0 !important;
  text-transform: none !important;
  color: white !important;
}

page-elearning-my-class-detail .div-row {
  border: 1px solid #ced6ff;
  background-color: #f3f5ff;
  border-radius: 5px;
  padding: 0px 5px;
  margin-bottom: 10px;
}

page-elearning-my-class-detail .div-row .div-content {
  position: relative;
  overflow: hidden;
  padding: 0px 8px;
}

page-elearning-my-class-detail .div-row .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
  margin: 5px 0px 5px 0px !important;
}

page-elearning-my-class-detail .div-row .div-content p {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #F68A22 !important;
}

page-elearning-my-class-detail .div-row .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px 0px 7px 7px !important;
  text-align: right !important;
}

page-elearning-my-class-detail .div-row .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 2px 7px 7px !important;
  text-align: right !important;
}

page-elearning-my-class-detail .div-row .div-drop-content {
  position: relative;
  overflow: hidden;
  background-color: #f3f5ff;
}

page-elearning-my-class-detail .div-row .div-drop-content p {
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 10px 0px 10px 10px !important;
  -webkit-text-fill-color: #F68A22 !important;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-molamola {
  font-size: 1.3em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 9px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-list {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 6px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-zxvideo {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 5px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-ppt {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 5px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-pdf {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 5px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .sficon-bookmark {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding: 5px 0px;
}

page-elearning-my-class-detail .div-row .div-drop-content .outer-bullet {
  width: 19px !important;
  height: 19px !important;
  border: thin solid #F68A22 !important;
  border-radius: 18px !important;
  background-color: #F68A22 !important;
  margin: 10px 0px 10px -11px !important;
  text-align: center;
  line-height: 15px;
}

page-elearning-my-class-detail .div-row .div-drop-content .inner-bullet {
  position: absolute;
  width: 5px;
  height: 9px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff !important;
  left: 1px !important;
  top: 19px !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

page-elearning-my-class-detail .div-row .div-drop-content .inner-line-up {
  position: absolute;
  height: 25px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #F68A22 !important;
  left: 4px !important;
  bottom: 39px !important;
}

page-elearning-my-class-detail .div-row .div-drop-content .inner-line-down {
  position: absolute;
  height: 25px;
  border-width: 1px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #F68A22 !important;
  left: 4px !important;
  top: 29px !important;
}

page-elearning-my-class-detail .div-row .border-white {
  border-color: #fff !important;
}

page-elearning-my-class-detail .div-row .border-empty {
  border: thin solid #F68A22 !important;
  background-color: #fff !important;
}

page-elearning-my-class-detail .div-row page-expandable .expand-wrapper {
  padding: 0 0px !important;
  background-color: #f3f5ff;
  border-radius: 10px;
}

page-elearning-my-class-detail .no-border-top {
  border-top: none !important;
  margin-top: 0px !important;
}

page-elearning-my-class-detail .no-border-bottom {
  border-bottom: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

page-elearning-my-class-detail .item-md.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-elearning-my-class-detail .label-md {
  margin: 0px !important;
}

page-elearning-my-class-detail .label-ios {
  margin: 10px 0px !important;
}

page-elearning-my-class-detail .item-ios h2:last-child {
  margin-top: 0px !important;
  font-size: 1em;
}

page-elearning-my-class-detail .no-padding {
  padding: 0px !important;
}

page-discussion-detail ion-header {
  background-color: #F68A22 !important;
}

page-discussion-detail .header-md::after {
  background-image: none !important;
}

page-discussion-detail .div-header {
  height: 50px;
  padding: 8px 23px !important;
  background-color: #F68A22 !important;
}

page-discussion-detail .div-header h2 {
  margin: 0px !important;
  -webkit-text-fill-color: #fff !important;
}

page-discussion-detail .div-fbutton {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 55px;
  background-color: #fff !important;
  margin-left: 80px;
  margin-right: 80px;
  border-radius: 55px;
  margin-bottom: -28px;
  -webkit-box-shadow: 1px 1px 8px 1px #888888;
  box-shadow: 1px 1px 8px 1px #888888;
  text-align: center !important;
}

page-discussion-detail .div-fbutton span {
  margin: 0px;
  padding: 20px 0px;
  -webkit-text-fill-color: #F68A22 !important;
  font-weight: bold;
}

page-discussion-detail .flexdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-discussion-detail .div-list {
  padding: 12px !important;
}

page-discussion-detail .div-list p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  padding-top: 10px;
}

page-discussion-detail .div-list .div-replies {
  padding-bottom: 0px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  padding-top: 10px !important;
  margin-top: 17px;
  border: 1px solid #d9d9d9;
}

page-discussion-detail .div-list .div-replies .div-quote {
  padding-top: 10px;
}

page-discussion-detail .div-questions {
  padding: 20px 23px 23px 23px !important;
  background-color: #fff !important;
  -webkit-box-shadow: 0px 0px 5px 0px #b9b9b9;
  box-shadow: 0px 0px 5px 0px #b9b9b9;
  position: fixed;
  width: 100%;
  z-index: -1 !important;
}

page-discussion-detail .div-questions ion-row {
  padding: 5px 0px 0px 0px !important;
}

page-discussion-detail .div-questions ion-col {
  padding: 0px !important;
}

page-discussion-detail .div-questions h2 {
  margin: 0px;
  font-weight: bold;
  -webkit-text-fill-color: #F68A22 !important;
  font-size: 1.2em !important;
}

page-discussion-detail .div-questions p {
  margin: 0px !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding-top: 3px;
}

page-discussion-detail .div-questions .sficon-chat {
  -webkit-text-fill-color: #F68A22 !important;
  font-size: 1.4em;
  padding-top: 3px;
}

page-discussion-detail .div-questions2 {
  padding: 20px 23px 23px 23px !important;
  background-color: #fff !important;
}

page-discussion-detail .div-questions2 ion-row {
  padding: 5px 0px 0px 0px !important;
}

page-discussion-detail .div-questions2 ion-col {
  padding: 0px !important;
}

page-discussion-detail .div-questions2 h2 {
  margin: 0px;
  font-weight: bold;
  -webkit-text-fill-color: #F68A22 !important;
  font-size: 1.2em !important;
}

page-discussion-detail .div-questions2 p {
  margin: 0px !important;
  -webkit-text-fill-color: #F68A22 !important;
  padding-top: 3px;
}

page-discussion-detail .div-questions2 .sficon-chat {
  -webkit-text-fill-color: #F68A22 !important;
  font-size: 1.4em;
  padding-top: 3px;
}

page-discussion-detail .item-md::after {
  content: "\e929";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-discussion-detail .fab ion-icon {
  font-size: 2rem !important;
}

page-discussion-detail .no-margin-top {
  margin-top: 0px !important;
}

page-discussion-detail .quote {
  margin-top: 5px;
  -webkit-text-fill-color: #F68A22 !important;
}

page-discussion-detail .quote2 {
  margin-top: 5px;
}

page-discussion-detail .clear-both {
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  border-top: 1px solid #d9d9d9 !important;
  padding: 11px 5px 11px 5px !important;
  margin-top: 10px !important;
}

page-discussion-detail .clear-both .numindex {
  margin-top: 5px !important;
}

page-discussion-detail .clear-both .name {
  margin: 5px 0px 0px 10px;
}

page-discussion-detail .clear-both .avatar {
  height: 25px;
  width: 25px;
  border-radius: 50px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin-left: 12px;
}

page-discussion-detail .clear-both .avatar img {
  border-radius: 50%;
}

page-discussion-detail .from-quote {
  display: inline-block;
  width: 100%;
  padding: 10px !important;
  margin: 3px 0px 3px 0px !important;
  background-color: #e7e7e7 !important;
}

page-discussion-detail .from-quote p {
  margin-top: 0px;
  padding-top: 5px;
}

page-discussion-detail .from-quote span {
  font-size: 0.8em !important;
}

page-discussion-detail .margin-top {
  margin-top: 4px !important;
  margin-bottom: 15px !important;
}

page-discussion-post .attachment::after {
  content: "\e929";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-discussion-post .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-discussion-post .div-row {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 10px;
}

page-discussion-post .div-row h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-discussion-post .div-row .sficon-forward {
  font-size: 2em !important;
  padding: 9px !important;
}

page-discussion-post .div-row .text-input-md {
  margin: 13px 0px 13px 0px !important;
}

page-discussion-post .div-row p {
  margin: 0px !important;
  padding: 5px 0px 0px 0px;
}

page-discussion-post .no-border {
  border-bottom: none !important;
}

page-discussion-post .div-wrapper {
  padding: 0px 5px 0px 5px !important;
}

page-discussion-post .footer-claim {
  position: fixed;
  bottom: 0;
  height: 80px !important;
}

page-discussion-post .footer-md::before {
  top: 0px !important;
}

page-discussion-post ion-chip {
  height: 100% !important;
}

page-discussion-post .img-preview {
  position: relative;
  display: inline-block;
}

page-discussion-post .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-discussion-post .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-discussion-reply .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-discussion-reply .attachment::after {
  content: "\e929";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-discussion-reply .from-quote {
  display: inline-block;
  width: 100%;
  padding: 10px !important;
  margin: 12px 0px 3px 0px !important;
  background-color: #e7e7e7 !important;
}

page-discussion-reply .from-quote span {
  font-size: 1em !important;
}

page-discussion-reply .from-quote .quote {
  padding: 8px 0px !important;
}

page-discussion-reply .margin-top {
  margin-top: 4px !important;
}

page-discussion-reply .div-row {
  border-bottom: 1px solid #d9d9d9;
  padding-top: 10px;
}

page-discussion-reply .div-row h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-discussion-reply .div-row .sficon-forward {
  font-size: 2em !important;
  padding: 9px !important;
}

page-discussion-reply .div-row .text-input-md {
  margin: 13px 0px 13px 0px !important;
}

page-discussion-reply .div-row p {
  margin: 0px !important;
  padding: 5px 0px 0px 0px;
}

page-discussion-reply .no-border {
  border-bottom: none !important;
}

page-discussion-reply .div-wrapper {
  padding: 0px 5px 0px 5px !important;
}

page-discussion-reply .footer-claim {
  position: fixed;
  bottom: 0;
  height: 80px !important;
}

page-discussion-reply .footer-md::before {
  top: 0px !important;
}

page-discussion-reply .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-discussion-reply ion-chip {
  height: 100% !important;
}

page-discussion-reply .img-preview {
  position: relative;
  display: inline-block;
}

page-discussion-reply .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-discussion-reply .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-elearning-my-class-discussion ion-header {
  background-color: #189dae !important;
}

page-elearning-my-class-discussion .header-md::after {
  background-image: none !important;
  z-index: -1 !important;
}

page-elearning-my-class-discussion .div-header {
  height: 90px;
  padding: 8px 23px !important;
  background-color: #189dae !important;
}

page-elearning-my-class-discussion .div-header h2 {
  margin: 0px !important;
  -webkit-text-fill-color: #fff !important;
}

page-elearning-my-class-discussion .div-header p {
  margin: 5px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 3px;
  padding-left: 10px;
  float: right;
  font-size: 1.4rem;
}

page-elearning-my-class-discussion .div-header .sficon-chat {
  margin: 5px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.6em;
  float: left !important;
}

page-elearning-my-class-discussion .div-fbutton {
  height: 55px;
  background-color: #fff !important;
  margin-left: 80px;
  margin-right: 80px;
  border-radius: 55px;
  margin-bottom: -28px;
  -webkit-box-shadow: 1px 1px 8px 1px #888888;
  box-shadow: 1px 1px 8px 1px #888888;
  text-align: center !important;
}

page-elearning-my-class-discussion .div-fbutton p {
  margin: 0px;
  padding: 20px 0px;
  -webkit-text-fill-color: #189dae !important;
  font-weight: bold;
}

page-elearning-my-class-discussion .flexdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-elearning-my-class-discussion .div-buttons button {
  background: none !important;
  padding: 0px !important;
}

page-elearning-my-class-discussion .div-buttons .div-post {
  -webkit-text-fill-color: #fff !important;
  padding-right: 10px !important;
  padding-top: 3px !important;
  margin: 0px;
  float: left;
}

page-elearning-my-class-discussion .div-buttons .sficon-chat {
  -webkit-text-fill-color: #fff !important;
  font-size: 1.5em;
  float: left;
  padding-top: 1px !important;
  padding-right: 7px !important;
}

page-elearning-my-class-discussion .div-list button {
  padding: 0px 7px 5px 7px;
}

page-elearning-my-class-discussion .div-list h2 {
  margin: 0px;
  -webkit-text-fill-color: #F68A22 !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-elearning-my-class-discussion .div-list p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-elearning-my-class-discussion .div-list .details {
  margin-top: 8px;
  font-size: 0.8em !important;
}

page-elearning-my-class-discussion .label-md {
  margin: 13px 0px !important;
}

page-elearning-my-class-info .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-elearning-my-class-info .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-elearning-my-class-info .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-expand-my-class .expand-wrapper {
  background-color: white;
  overflow: hidden;
  -webkit-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}

page-expand-my-class .collapsed {
  height: 0 !important;
}

page-elearning-request-detail .col-right {
  text-align: right;
}

page-elearning-request-detail .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-elearning-request-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-elearning-request-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-elearning-request-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-elearning-request-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-elearning-request-detail .list-ios > .item-block:last-child {
  border: none;
}

page-elearning-request-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-elearning-request-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-elearning-request-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-elearning-request-detail .div-multi-request ion-col {
  padding: 0px !important;
}

page-elearning-request-detail .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-request-detail .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-elearning-request-detail page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-elearning-request-detail ion-scroll {
  height: 200px;
}

page-elearning-request-detail ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-elearning-request-add .div-row {
  padding-top: 10px !important;
}

page-elearning-request-add .div-row h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-elearning-request-add .div-row p {
  margin: 0px !important;
  padding: 5px 0px;
}

page-elearning-request-add .div-row .sficon-forward {
  font-size: 2em !important;
  padding: 9px !important;
}

page-elearning-request-add .div-reason {
  padding-top: 10px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

page-elearning-request-add .div-reason h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-elearning-request-add .div-reason .text-input-md {
  margin: 13px 0px 13px 0px !important;
}

page-elearning-request-add .text-ellipsis {
  width: 18em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-elearning-request-add .footer-claim {
  position: fixed;
  bottom: 0;
  height: 80px !important;
}

page-elearning-request-add .footer-md::before {
  top: 0px !important;
}

page-elearning-request-add .div-item-select {
  padding: 0px 5px !important;
}

page-elearning-request-add .div-item-select ion-label {
  font-weight: bold !important;
  -webkit-text-fill-color: #737373 !important;
}

page-elearning-request-edit .div-row {
  padding-top: 10px !important;
}

page-elearning-request-edit .div-row h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-elearning-request-edit .div-row p {
  margin: 0px !important;
  padding: 5px 0px;
}

page-elearning-request-edit .div-row .sficon-forward {
  font-size: 2em !important;
  padding: 9px !important;
}

page-elearning-request-edit .div-reason {
  padding-top: 10px !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

page-elearning-request-edit .div-reason h2 {
  margin: 0px !important;
  font-size: 1.3em !important;
  font-weight: bold;
}

page-elearning-request-edit .div-reason .text-input-md {
  margin: 13px 0px 13px 0px !important;
}

page-elearning-request-edit .text-ellipsis {
  width: 20em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-elearning-request-edit .footer-claim {
  position: fixed;
  bottom: 0;
  height: 80px !important;
}

page-elearning-request-edit .footer-md::before {
  top: 0px !important;
}

page-elearning-request-edit .div-item-select {
  padding: 0px 5px !important;
}

page-elearning-request-edit .div-item-select ion-label {
  font-weight: bold !important;
  -webkit-text-fill-color: #737373 !important;
}

page-search-class h2 {
  color: #F68A22 !important;
}

page-search-class [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-search-class .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-search-employee-elr h2 {
  color: #F68A22 !important;
}

page-search-employee-elr .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-record-video .btn-record {
  padding: 10px;
  padding-bottom: 13px;
  width: 100%;
  height: 50px;
  position: relative;
  background-color: #F68A22 !important;
}

page-record-video .btn-record p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-record-video .view-video {
  padding: 10px;
}

page-record-video .view-video video {
  width: 100%;
  height: 350px;
}

page-record-video .view-video p {
  text-align: right !important;
  font-size: small;
  font-style: italic;
  -webkit-text-fill-color: slategray;
}

page-record-video .btn-browse {
  margin-top: 20px !important;
  padding: 10px;
  padding-bottom: 13px;
  width: 100%;
  height: 50px;
  position: relative;
  background-color: #F68A22 !important;
}

page-record-video .btn-browse p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-save-to ion-item .item-inner {
  padding: 0px !important;
}

page-save-to ion-item .label-md {
  margin: 0px 0px;
  padding: 15px 0px 5px 0px;
}

page-save-to ion-item h2 {
  color: #189dae;
  margin: 0px !important;
  margin-bottom: 5px !important;
}

page-save-to ion-item p {
  margin: 0px !important;
  margin-top: 5px !important;
  font-size: 0.8em;
}

page-save-to page-expandable .expand-wrapper {
  margin: 10px 0px 0px 0px !important;
  padding: 0px !important;
}

page-save-to page-expandable .expand-wrapper .expand-item {
  border: 1px solid #ced6ff !important;
  border-bottom: none !important;
  border-radius: 5px 5px 0px 0px;
  margin: 10px 0px 0px 0px !important;
  padding: 0px 5px 0px 0px;
  background-color: #f3f5ff;
}

page-save-to page-expandable .expand-wrapper .expand-item p {
  margin-top: 2px !important;
  padding-left: 10px;
  color: #189dae;
}

page-save-to page-expandable .expand-wrapper .expand-item-sub {
  border-left: 1px solid #ced6ff !important;
  border-right: 1px solid #ced6ff !important;
  background-color: #f3f5ff;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 5px 0px 0px;
}

page-save-to page-expandable .expand-wrapper .expand-item-sub p {
  margin-top: 2px !important;
  padding-left: 10px;
}

page-save-to page-expandable .expand-wrapper .expand-item-sub:last-child {
  border: 1px solid #ced6ff !important;
  border-top: none !important;
  border-radius: 0px 0px 5px 5px;
  background-color: #f3f5ff;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 5px 0px 0px;
}

page-save-to page-expandable .expand-wrapper .expand-item-sub:last-child p {
  margin-top: 2px !important;
  padding-left: 10px;
}

page-save-to page-expandable .expand-wrapper ion-item .item-inner {
  padding: 0px !important;
}

page-save-to page-expandable .expand-wrapper .label-md {
  padding: 0px !important;
}

page-save-to .sficon-forward, page-save-to .sficon-top {
  color: #737373;
  padding-top: 9px;
  padding-right: 10px;
  font-size: 1.4em;
  float: right;
}

page-save-to .return-left, page-save-to .sync {
  padding-top: 0px;
  padding-right: 14px;
  float: right;
  color: #3bae18;
}

page-save-to .sync {
  color: #ae1818;
  padding-right: 18px;
}

page-save-to .info-circle {
  font-size: 24px;
  padding-right: 5px;
}

page-save-to .sficon-list, page-save-to .sficon-zxvideo, page-save-to .sficon-ppt, page-save-to .sficon-pdf, page-save-to .sficon-bookmark {
  float: left;
  padding-left: 10px;
  font-size: 1.3em;
  color: #189dae;
}

page-save-to .alert-md .alert-head {
  padding: 12px 12px !important;
}

page-save-to .test {
  margin: 0px !important;
}

page-welcome-record-video .bg-item {
  background-color: #F68A22;
}

page-welcome-record-video .graph-payslip {
  text-align: center;
}

page-welcome-record-video .graph-payslip .sficon-wizard {
  font-size: 14em;
  color: white;
  text-align: center;
  display: block;
  margin-top: 0.1em;
}

page-welcome-record-video .graph-payslip p {
  font-size: 1.2em;
  color: white;
  text-align: center;
}

page-welcome-record-video .graph-payslip h4 {
  color: white;
}

page-welcome-record-video .graph-payslip .loan-wizard {
  width: 55%;
  margin-top: 1em;
}

page-welcome-record-video .content-menu {
  background-color: white;
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
}

page-welcome-record-video .content-menu div {
  width: 100%;
  height: 40%;
  position: fixed;
}

page-welcome-record-video .content-menu div .bottom-curve {
  position: absolute;
  top: -32px;
  left: 0;
  width: 100%;
}

page-welcome-record-video .header-md::after, page-welcome-record-video .tabs-md[tabsPlacement="top"] > .tabbar::after, page-welcome-record-video .footer-md::before, page-welcome-record-video .tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  content: none !important;
}

page-welcome-record-video ion-grid {
  position: absolute !important;
  bottom: 0;
}

page-welcome-record-video ion-grid ion-row {
  height: 40%;
  width: 100%;
  text-align: center;
}

page-welcome-record-video ion-grid ion-row ion-col span {
  color: #F68A22;
  font-size: 7em;
}

page-welcome-record-video ion-grid ion-row ion-col p {
  color: #808080;
  font-size: 12pt;
  text-align: center;
}

page-welcome-record-video ion-grid ion-row button-payroll-bottom {
  width: 100%;
  background-color: white;
}

page-welcome-record-video .border-bottom {
  border-bottom: 2px #ececec solid;
}

page-welcome-record-video .border-left {
  border-left: 2px #ececec solid;
}

page-welcome-record-video .btn-center {
  position: fixed;
  bottom: 0;
  margin: auto;
  width: 100%;
  margin-bottom: 2.7em !important;
}

page-welcome-record-video .btn-center p {
  position: fixed;
  bottom: 0;
  margin: auto;
  margin-bottom: 1.2em;
  width: 100%;
}

page-welcome-record-video .btn-stroke-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-welcome-record-video .btn-stroke-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-welcome-record-video .btn-stroke-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22 !important;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-welcome-record-video .btn-stroke-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-welcome-record-video .btn-stroke-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-welcome-record-video .btn-stroke-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-welcome-record-video .btn-stroke-footer-action-page:active {
  color: rgba(0, 0, 0, 0.4) !important;
}

page-welcome-record-video .loan-label {
  text-align: center !important;
  color: white !important;
  font-size: 2em !important;
}

page-welcome-record-video .content-loan {
  position: relative !important;
  height: 100% !important;
  text-align: center !important;
}

page-welcome-record-video .loan-label {
  position: absolute !important;
  display: table-cell;
  vertical-align: middle;
  left: 0;
  right: 0;
  margin: auto;
  top: 25% !important;
  -webkit-transform: translateY(-25%) !important;
  transform: translateY(-25%) !important;
}

page-welcome-record-video .loan-label img {
  width: 60%;
  margin: auto !important;
}

page-welcome-record-video .record-desc {
  font-family: light;
  font-size: 60%;
  color: #fff;
  margin: 5px 0px !important;
}

page-welcome-record-video .welcome-button {
  font-family: medium;
  margin: auto;
  height: 50px !important;
  background-color: white;
  width: 60%;
  border-radius: 50px;
  color: #00a9be;
  font-size: 0.7em;
  padding-top: 0.6em;
}

page-welcome-record-video .loan-loading {
  text-align: center !important;
  margin: auto !important;
  top: 50% !important;
}

page-welcome-record-video ion-spinner svg * {
  stroke: rgba(255, 255, 255, 0.555) !important;
  fill: rgba(255, 255, 255, 0.555) !important;
}

page-welcome-record-video .record-btn {
  margin-top: 20px;
}

page-welcome-record-video .record-btn p {
  font-family: light;
  margin: 0px !important;
  font-size: 60%;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 10px 30px;
}

page-welcome-record-video .footer {
  border-top: 1px solid #ffffff5d;
  height: 70px;
  background: #189dae !important;
}

page-welcome-record-video .footer ion-row {
  height: 100%;
}

page-welcome-record-video .footer ion-col {
  text-align: center;
  position: relative;
}

page-welcome-record-video .footer p {
  font-family: light;
  position: absolute;
  margin: 0px;
  color: #fff;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

page-welcome-record-video .record-icon {
  width: 60% !important;
  padding-left: 25px;
}

@media screen and (min-width: 768px) {
  page-welcome-record-video .record-icon {
    width: 25% !important;
  }
}

@media screen and (min-width: 1024px) {
  page-welcome-record-video .record-icon {
    width: 25% !important;
  }
}

@media screen and (min-width: 1366px) {
  page-welcome-record-video .record-icon {
    width: 25% !important;
  }
}

page-edutitle-setting {
  color: #808080 !important;
}

page-edutitle-setting .list-ios > .item-block:last-child {
  border: none !important;
}

page-edutitle-setting .list-ios > .item-block:first-child {
  border: none !important;
}

page-edutitle-setting .list-md > .item-block:last-child {
  border: none !important;
}

page-edutitle-setting .list-md > .item-block:first-child {
  border: none !important;
}

page-edutitle-setting .skeleton-box .box {
  width: 100%;
}

page-edutitle-setting .skeleton-box .title-skeleton {
  width: 60%;
  height: 19px;
  border-radius: 3px;
}

page-edutitle-setting .skeleton-box .date-skeleton {
  width: 20%;
  border-radius: 3px;
  height: 19px;
}

page-edutitle-setting .skeleton-box .datefull-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 3px;
}

page-edutitle-setting .skeleton-box .approve-skeleton {
  width: 40%;
  height: 18px;
}

page-edutitle-setting .skeleton-box .report-skeleton {
  width: 80%;
  height: 19px;
}

page-edutitle-setting .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
}

page-edutitle-setting .left-box {
  z-index: 2;
  height: 100%;
}

page-edutitle-setting .left-box .title-box ion-label:last-child {
  color: #F68A22 !important;
}

page-edutitle-setting .right-box {
  z-index: 2;
  height: 100%;
}

page-edutitle-setting .right-box .title-box ion-label:last-child {
  color: #F68A22 !important;
}

page-emp-career p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-emp-career .btn-template-upload {
  position: relative;
  width: 100%;
  margin: auto;
}

page-emp-career .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 24vh;
  margin: auto !important;
}

page-emp-career .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-emp-career button ion-label {
  color: white !important;
}

page-emp-career ion-icon::before {
  font-size: 22px !important;
}

page-emp-career .primary-color {
  color: #F68A22 !important;
}

page-emp-career 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-emp-career .button-round-md {
  border-radius: 64px;
  padding: 0 2rem !important;
}

page-emp-career-warning ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-emp-career-warning ion-content .top-panel .panel {
  padding: 15px;
}

page-emp-career-warning ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-emp-career-warning ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-emp-career-warning ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-emp-career-warning ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-emp-career-warning ion-content .wrap-list {
  padding: 0px 15px;
}

page-emp-career-warning ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-emp-career-warning ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-emp-career-warning ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-emp-career-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;
  margin-bottom: 5px;
  position: relative;
  top: -3px;
}

page-emp-career-warning ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-emp-career-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-emp-career-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-emp-career-warning ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-emp-career-warning ion-content .wrap-list .success-box {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
}

page-emp-career-warning ion-content .wrap-list .success-box .name-type-box ion-label {
  margin: 0;
}

page-emp-career-warning ion-content .wrap-list .success-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-emp-career-warning ion-content .wrap-list .success-box .name-type-box .label-type {
  font-size: 14px !important;
  color: #F68A22 !important;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dfdfdf;
  margin-bottom: 5px;
  position: relative;
  top: -3px;
}

page-emp-career-warning ion-content .wrap-list .success-box .date-box {
  margin-bottom: 8px;
}

page-emp-career-warning ion-content .wrap-list .success-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-emp-career-warning ion-content .wrap-list .success-box .message-box {
  background: #eafcff;
  border-left: 4px solid #F68A22;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
}

page-emp-career-warning ion-content .wrap-list .success-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-emp-list .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

page-emp-list .item-cover {
  height: unset;
}

page-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) {
  page-emp-list .header-box .switch svg rect {
    fill: #F68A22;
  }
}

page-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) {
  page-emp-list .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

page-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;
}

page-emp-list .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

page-emp-list .container-filter .filter-section .new-filter {
  color: #F68A22;
}

page-emp-list .container-filter .filter-section .add-filter {
  color: #F68A22;
}

page-emp-list .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

page-emp-list .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-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;
}

page-emp-list .container-filter .category-section .category-list .text {
  text-align: left;
}

page-emp-list .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

page-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;
}

page-emp-list .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-emp-list .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-emp-list .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-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;
}

page-emp-list .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-emp-list .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-emp-list .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-emp-list .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-emp-list .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

page-emp-list .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-emp-list .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-emp-list .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-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;
}

page-emp-list .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

page-emp-list .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

page-emp-list .group-search:last-child {
  margin-bottom: 30px;
}

page-emp-list .button-funnel.button-ios,
page-emp-list .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  page-emp-list .button-funnel.button-ios,
  page-emp-list .button-funnel.button-md {
    color: #F68A22;
  }
}

page-emp-list .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-emp-list .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-emp-list .skeleton-section .chat-skeleton {
  height: 40px;
}

page-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;
}

page-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;
}

page-emp-list .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-chat-contact ion-content .list-box .label-box page-emp-rehire ion-label, page-chat-contact ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-employee-list ion-content .list-box .label-box page-emp-rehire ion-label, page-employee-list ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-employee-spv-path ion-content .list-box .label-box page-emp-rehire ion-label, page-employee-spv-path ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-login-session ion-content .list-box .label-box page-emp-rehire ion-label, page-login-session ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-emp-rehire ion-content .list-box .label-box ion-label, page-emp-rehire ion-content .list-box .list-section .detail ion-label, page-onboarding-setting ion-content .list-box .label-box page-emp-rehire ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-emp-rehire ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-emp-rehire ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-emp-rehire ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header ion-icon {
  font-size: 1.8em;
}

page-emp-rehire ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-emp-rehire ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-emp-rehire ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-emp-rehire ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-emp-rehire ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 0px;
}

page-emp-rehire ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-emp-rehire 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-emp-rehire .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-emp-rehire .edit-btn:hover {
  background-color: #F68A22 !important;
  color: white !important;
}

page-emp-rehire .icon-padding {
  padding-right: 8px;
}

page-emp-rehire .label-padding {
  padding-left: 8px;
}

page-emp-rehire 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-emp-rehire-modal .content-md {
  background-color: transparent !important;
  position: relative;
}

page-emp-rehire-modal .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-emp-rehire-modal .container {
  margin: 0 auto;
  height: 100%;
  border-radius: 1rem;
  position: relative;
}

page-emp-rehire-modal .container .socialmedia-box {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 75%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section {
  background-color: white !important;
  border: 2px white solid;
  border-radius: 10px;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-title {
  padding: 10px 5px 0px 5px !important;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-title .icon-box {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  border: 1.5px solid #E2E9ED;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-title .icon-box img {
  height: 20px;
  width: 20px;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-title .title-box {
  padding-left: 10px;
  color: #bfc6c9;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-input {
  padding: 0px 10px 15px 10px !important;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-button {
  padding-bottom: 15px;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-button .button-save {
  text-transform: capitalize;
  margin-left: 15px;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-button .button-save ion-icon {
  padding-right: 10px;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-button .button-visit {
  text-transform: capitalize;
}

page-emp-rehire-modal .container .socialmedia-box .socialmedia-section .socialmedia-button .button-visit ion-icon {
  padding-right: 10px;
}

page-emp-rehire-modal .container .socialmedia-box .close-button {
  left: 100% !important;
  height: 5% !important;
}

page-chat-contact ion-content .list-box .label-box page-emp-rehire ion-label, page-chat-contact ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-employee-list ion-content .list-box .label-box page-emp-rehire ion-label, page-employee-list ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-employee-spv-path ion-content .list-box .label-box page-emp-rehire ion-label, page-employee-spv-path ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-login-session ion-content .list-box .label-box page-emp-rehire ion-label, page-login-session ion-content .list-box .list-section .detail page-emp-rehire ion-label, page-emp-rehire ion-content .list-box .label-box ion-label, page-emp-rehire ion-content .list-box .list-section .detail ion-label, page-onboarding-setting ion-content .list-box .label-box page-emp-rehire ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-emp-rehire ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-emp-rehire ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-emp-rehire ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-emp-rehire ion-header ion-icon {
  font-size: 1.8em;
}

page-emp-rehire ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-emp-rehire ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-emp-rehire ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-emp-rehire ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-emp-rehire ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 0px;
}

page-emp-rehire ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-emp-rehire 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-emp-rehire .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-emp-rehire .edit-btn:hover {
  background-color: #F68A22 !important;
  color: white !important;
}

page-emp-rehire .icon-padding {
  padding-right: 8px;
}

page-emp-rehire .label-padding {
  padding-left: 8px;
}

page-emp-rehire 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%);
}

emp-setup-search .btn-filter {
  padding-top: 4px;
}

emp-setup-search .btn-filter:hover {
  cursor: pointer;
  opacity: 0.7;
}

emp-setup-search .filter-gender {
  background: #f0efed;
  padding-left: 16px;
  font-weight: bold;
  color: #F68A22;
}

emp-setup-search .filter-gender ion-item {
  background: transparent !important;
}

emp-setup-search .filter-gender ion-label:hover {
  cursor: pointer;
}

emp-setup-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) {
  emp-setup-search .header-box .switch svg rect {
    fill: #F68A22;
  }
}

emp-setup-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) {
  emp-setup-search .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

emp-setup-search ion-avatar img {
  width: 45px !important;
  height: 45px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

emp-setup-search ion-header ion-navbar {
  border-bottom: 1px solid #e2e9ed;
}

emp-setup-search ion-header .chosen-box {
  border-bottom: 1px solid #e2e9ed;
  padding: 0 12px;
}

emp-setup-search ion-header .chosen-box ion-avatar {
  margin-right: 0px !important;
}

emp-setup-search ion-header .chosen-box .avatar-box {
  position: relative;
}

emp-setup-search ion-header .chosen-box .avatar-box .icon-box {
  position: absolute;
  top: 7px;
  left: 31px;
  background: #db4119;
  width: 18px;
  height: 18px;
  border-radius: 200px;
}

emp-setup-search ion-header .chosen-box .avatar-box ion-icon {
  color: white;
  font-size: 0.9em;
}

emp-setup-search ion-content .list-box .list-section {
  border-bottom: 1px solid #e2e9ed;
  padding: 16px 22px;
}

emp-setup-search ion-content .list-box .list-section .detail {
  overflow: hidden;
}

emp-setup-search 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;
}

emp-setup-search ion-content .list-box .list-section .detail ion-label {
  font-size: 1.5rem !important;
  font-family: "regular" !important;
  color: #a5b0b7 !important;
}

emp-setup-search ion-content .list-box .list-section ion-checkbox {
  padding-right: 10px;
}

emp-setup-search ion-content .list-box .list-section ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #a5b0b7;
}

emp-setup-search ion-content .list-box .list-section ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

emp-setup-search ion-content .list-box .list-section ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

emp-setup-search .skeleton-box .skeleton-section {
  width: 100%;
}

emp-setup-search .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%;
}

emp-setup-search .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;
}

emp-setup-search .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;
}

emp-setup-search ion-footer button {
  margin-bottom: 25px;
}

page-emp-status-setting gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-emp-status-setting #shiftStep1 {
  width: 34px;
  height: 34px;
}

page-emp-status-setting .container {
  padding-bottom: 30px;
}

page-emp-status-setting .item-worklocation ion-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-emp-status-setting .item-worklocation p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-emp-status-setting .item-worklocation h2 {
  color: #333333;
}

page-emp-status-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

page-emp-status-setting .fixed-content .helper {
  width: 100%;
}

page-emp-subordinate img.orstruct-icon, page-emp-subordinate img.add-icon {
  -webkit-filter: invert(90%) sepia(39%) saturate(3%) hue-rotate(236deg) brightness(107%) contrast(91%);
  filter: invert(90%) sepia(39%) saturate(3%) hue-rotate(236deg) brightness(107%) contrast(91%);
}

@media only screen and (min-width: 768px) {
  page-emp-subordinate img.orstruct-icon, page-emp-subordinate img.add-icon {
    -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%);
  }
}

page-emp-subordinate .container-emp {
  position: relative;
  font-family: 'Roboto' !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  border-bottom: 1px solid #dbdbe1 !important;
}

page-emp-subordinate .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-emp-subordinate .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-emp-subordinate .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-emp-subordinate .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;
  margin-bottom: 10px;
}

page-emp-subordinate .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-emp-subordinate .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-emp-subordinate .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-emp-subordinate .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-employee-letter-add h2 {
  color: #F68A22 !important;
}

page-employee-letter-add .upd-stat {
  color: #F68A22 !important;
}

page-employee-letter-add .del-stat {
  color: #F0624D !important;
}

page-employee-letter-add .col-right {
  text-align: right;
}

page-employee-letter-add .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-letter-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-letter-add .attc-btn {
  padding-top: 10px;
}

page-employee-letter-add .attc-btn .item-inner {
  padding-right: 0px !important;
  border-bottom: none !important;
}

page-employee-letter-add .attc-btn ion-label {
  margin-left: 2px !important;
}

page-employee-letter-add ion-chip {
  height: 190px !important;
}

page-employee-letter-add ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-employee-letter-add .chip-md {
    width: 100% !important;
  }
  page-employee-letter-add .chip-ios {
    width: 100% !important;
  }
  page-employee-letter-add ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-employee-letter-add ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-employee-letter-add .chip-md {
    width: 50% !important;
  }
  page-employee-letter-add .chip-ios {
    width: 100% !important;
  }
}

page-employee-letter-detail {
  color: #666 !important;
}

page-employee-letter-detail ion-grid {
  margin: 0 !important;
}

page-employee-letter-detail .col-right {
  text-align: right;
}

page-employee-letter-detail div .right {
  float: right !important;
}

page-employee-letter-detail div .left {
  float: left !important;
}

page-employee-letter-detail div .clear-fl {
  clear: left !important;
}

page-employee-letter-detail .attend-status {
  color: #bdc3c7 !important;
}

page-employee-letter-detail .container-border {
  border-top: 1px #ececec solid;
}

page-employee-letter-detail ion-item .item-inner {
  border: none !important;
  width: 100% !important;
}

page-employee-letter-detail p, page-employee-letter-detail h2 {
  color: #666 !important;
}

page-employee-letter-detail .list-status {
  border-top: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-employee-letter-detail .list-status .status-left {
  float: left;
  color: #F68A22;
  text-transform: uppercase !important;
}

page-employee-letter-detail .list-status .status-right {
  float: right;
}

page-employee-letter-detail .detail-correction ion-col h2.title {
  color: #F68A22 !important;
}

page-employee-letter-detail .detail-correction ion-col p.status-update {
  color: #F68A22 !important;
}

page-employee-letter-detail .detail-correction ion-col p.status-delete {
  color: #F0624D !important;
}

page-employee-letter-detail .detail-correction ion-col p.status-nochange {
  color: #bdc3c7 !important;
}

page-employee-letter-detail ion-list ion-row.nogrid {
  border: none !important;
}

page-employee-letter-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-employee-letter-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-employee-letter-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-employee-letter-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-employee-letter-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-employee-letter-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-employee-letter-detail .list-ios > .item-block:last-child {
  border: none;
}

page-employee-letter-detail .list-ios > .item-block:first-child {
  border: none;
}

page-employee-letter-detail .title-form1 {
  margin-top: 10px !important;
}

page-employee-letter-edit h2 {
  color: #F68A22 !important;
}

page-employee-letter-edit .upd-stat {
  color: #F68A22 !important;
}

page-employee-letter-edit .del-stat {
  color: #F0624D !important;
}

page-employee-letter-edit .col-right {
  text-align: right;
}

page-employee-letter-edit .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-letter-edit .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-letter-edit .attc-btn {
  padding-top: 10px;
}

page-employee-letter-edit .attc-btn .item-inner {
  padding-right: 0px !important;
  border-bottom: none !important;
}

page-employee-letter-edit .attc-btn ion-label {
  margin-left: 2px !important;
}

page-employee-letter-edit ion-chip {
  height: 190px !important;
}

page-employee-letter-edit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-employee-letter-edit .chip-md {
    width: 100% !important;
  }
  page-employee-letter-edit .chip-ios {
    width: 100% !important;
  }
  page-employee-letter-edit ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-employee-letter-edit ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-employee-letter-edit .chip-md {
    width: 50% !important;
  }
  page-employee-letter-edit .chip-ios {
    width: 100% !important;
  }
}

page-employee-letter-history h2 {
  color: #F68A22 !important;
}

page-employee-letter-history .upd-stat {
  color: #F68A22 !important;
}

page-employee-letter-history .del-stat {
  color: #F0624D !important;
}

page-employee-letter-history .col-right {
  text-align: right;
}

page-employee-letter-history .col-left {
  text-align: left;
}

page-employee-letter-history .input-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-letter-history ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-employee-letter-history .skeleton-box .box {
  width: 100%;
}

page-employee-letter-history .skeleton-box .title-skeleton {
  width: 60%;
  height: 19px;
  border-radius: 3px;
}

page-employee-letter-history .skeleton-box .date-skeleton {
  width: 20%;
  border-radius: 3px;
  height: 19px;
}

page-employee-letter-history .skeleton-box .datefull-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 3px;
}

page-employee-letter-history .skeleton-box .approve-skeleton {
  width: 40%;
  height: 18px;
}

page-employee-letter-history .skeleton-box .report-skeleton {
  width: 80%;
  height: 19px;
}

page-employee-letter-history .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
}

page-fthermal-add-picture .container-box .header-box .title {
  font-family: 'bold' !important;
  font-size: 24px !important;
  color: #222 !important;
  margin-bottom: 8px;
}

page-fthermal-add-picture .container-box .header-box .desc {
  color: #A5B0B7 !important;
}

page-fthermal-add-picture .container-box .divider-box {
  height: 1px;
  margin: 16px;
  width: 100%;
  background-color: #dbdbe1;
}

page-fthermal-add-picture .container-box .body-box .list-section {
  margin-bottom: 40px;
}

page-fthermal-add-picture .container-box .body-box .list-section img {
  width: 22px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-fthermal-add-picture .container-box .body-box .list-section ion-label {
  font-family: 'bold' !important;
  font-size: 16px !important;
  color: #222 !important;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section {
  margin-bottom: 32px;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .name {
  margin-bottom: 8px;
  font-size: 12px !important;
  color: #222 !important;
  font-weight: bold;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .note {
  font-size: 12px !important;
  color: #A5B0B7 !important;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .input-box {
  margin-bottom: 8px;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .input-box input {
  padding: 12px 16px;
  margin: 0;
  outline: none;
  border: none;
  color: #222;
  font-size: 14px;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .input-box gdx-dropdown .gdx-dropdown-section {
  margin-bottom: 3px;
  width: 100%;
}

page-fthermal-add-user-tenant .container-box .form-box .form-section .input-box gdx-dropdown .gdx-dropdown-section .select-dropdown {
  border-radius: 4px !important;
}

page-fthermal-add-users ion-header ion-icon {
  font-size: 30px;
  color: #222;
}

page-fthermal-add-users ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-top: 10px;
}

page-fthermal-add-users ion-segment 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;
  min-width: 80px !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-fthermal-add-users ion-segment ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-fthermal-add-users ion-segment 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-fthermal-add-users .container-box .list-box .list-section {
  margin-bottom: 34px;
}

page-fthermal-add-users .container-box .list-box .list-section img {
  width: 43px;
  height: 43px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
}

page-fthermal-add-users .container-box .list-box .list-section .name {
  font-size: 16px !important;
  font-family: 'bold' !important;
  color: #222 !important;
  margin-bottom: 8px;
}

page-fthermal-add-users .container-box .list-box .list-section .job {
  color: #A5B0B7 !important;
}

page-fthermal-add-users gdx-footer button {
  width: 100%;
  border-radius: 3px;
}

page-fthermal-all-user .name {
  font-weight: bold;
}

page-fthermal-all-user .search-section ion-icon {
  color: #424242 !important;
}

page-fthermal-all-user ion-icon {
  font-size: 24px;
}

page-fthermal-all-user .search-box {
  padding: 10px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  overflow: hidden;
}

page-fthermal-all-user .search-active {
  width: 100%;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

page-fthermal-all-user .search-desc {
  color: #A5B0B7;
}

page-fthermal-all-user ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding-top: 10px;
  overflow: auto;
}

page-fthermal-all-user ion-segment 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;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

page-fthermal-all-user ion-segment ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-fthermal-all-user ion-segment 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-fthermal-danger-list .list-box {
  padding: 10px 0;
}

page-fthermal-danger-list .list-box .left-section h3 {
  margin: 0;
  font-size: 16px;
}

page-fthermal-danger-list .list-box .left-section p {
  margin: 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-fthermal-danger-list .list-box .right-section .indicator {
  position: absolute;
  border-radius: 100px;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  font-size: 9px;
  color: #fff;
  font-weight: 700;
  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: 1px solid #fff;
}

page-fthermal-danger-list .list-box .right-section .safe {
  background: #2BB34D;
}

page-fthermal-danger-list .list-box .right-section .danger {
  background: #F0624D;
}

page-fthermal-danger-list .list-box .right-section .danger + img {
  border: 2px solid #F0624D;
}

page-fthermal-danger-list .list-box .right-section img {
  min-width: 53px;
  height: 53px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: 8px;
}

page-fthermal-danger-profile .top-content {
  margin-bottom: 5px;
}

page-fthermal-danger-profile .top-content .photo-box .indicator {
  position: absolute;
  border-radius: 100px;
  min-width: 20px;
  height: 20px;
  padding: 0 3px;
  font-size: 9px;
  color: #fff;
  font-weight: 700;
  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: 1px solid #fff;
}

page-fthermal-danger-profile .top-content .photo-box .safe {
  background: #2BB34D;
}

page-fthermal-danger-profile .top-content .photo-box .safe + img {
  border: 2px solid #2BB34D;
}

page-fthermal-danger-profile .top-content .photo-box .danger {
  background: #F0624D;
}

page-fthermal-danger-profile .top-content .photo-box .danger + img {
  border: 2px solid #F0624D;
}

page-fthermal-danger-profile .top-content .photo-box img {
  min-width: 53px;
  height: 53px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  border-radius: 8px;
}

page-fthermal-danger-profile .top-content h2.name {
  font-size: 16px;
  margin: 0;
}

page-fthermal-danger-profile .top-content h2.company {
  font-size: 16px;
  margin: 0;
  color: #A5B0B7;
}

page-fthermal-danger-profile .desc-content p {
  font-size: 14px;
  margin-bottom: 20px;
}

page-fthermal-danger-profile .desc-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

page-fthermal-danger-profile .desc-content ul li {
  color: #A5B0B7;
  margin-bottom: 5px;
}

page-fthermal-danger-profile .map-content {
  text-align: center;
  margin-top: 15px;
}

page-fthermal-dashboard .container-box .title-box {
  margin-bottom: 36px;
}

page-fthermal-dashboard .container-box .title-box p {
  font-size: 14px;
  color: #A5B0B7 !important;
  line-height: 22 px;
}

page-fthermal-dashboard .container-box .list-box .list-section {
  border: 1px solid #dbdbe1;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  padding: 12px 16px;
}

page-fthermal-dashboard .container-box .list-box .list-section img {
  width: 52px;
  height: 52px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-fthermal-dashboard .container-box .list-box .list-section .list-detail .list-name {
  font-size: 16px !important;
  color: #222 !important;
  font-family: 'bold' !important;
  margin-bottom: 6px;
}

page-fthermal-dashboard .container-box .list-box .list-section .list-detail .list-desc {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  line-height: 20px;
}

page-fthermal-emp-detail .log-container {
  height: 60vh;
  overflow-y: scroll;
}

page-fthermal-emp-detail .log-avatar {
  margin-right: 12px;
  width: 60px;
  height: 60px;
  border-radius: 14px;
  overflow: hidden;
}

page-fthermal-emp-detail .log-avatar img {
  width: 100%;
  height: 100%;
  -o-object-position: top;
  object-position: top;
  -o-object-fit: fill;
  object-fit: fill;
}

page-fthermal-emp-detail .edit-btn-icon svg-icon {
  width: 24px;
  height: 24px;
}

page-fthermal-emp-detail .edit-btn-icon svg-icon path {
  stroke: #A5B0B7;
}

page-fthermal-emp-detail .container-box .detail-box .detail-section {
  margin-bottom: 10px;
}

page-fthermal-emp-detail .container-box .detail-box .detail-section .detail .detail-title {
  font-size: 12px !important;
  color: #222 !important;
  margin-bottom: 3px;
}

page-fthermal-emp-detail .container-box .detail-box .detail-section .detail .detail-desc {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-fthermal-emp-detail .container-box .temperature-text {
  color: #8cc63f !important;
}

page-fthermal-emp-detail .container-box .time-text {
  color: #A5B0B7 !important;
}

page-fthermal-emp-detail .container-box .phone-btn-icon {
  background-color: white !important;
}

page-fthermal-emp-detail .container-box .phone-btn-icon path {
  stroke: #A5B0B7;
}

page-fthermal-emp-detail .container-box .server-add-btn {
  margin-left: 22px;
  background-color: white;
  border-color: #A5B0B7 !important;
}

page-fthermal-emp-detail .container-box .server-add-btn ion-icon {
  color: #A5B0B7;
}

page-fthermal-emp-detail .container-box ion-label {
  font-size: 16px !important;
  font-weight: bold;
}

page-fthermal-emp-detail .container-box .not-good {
  position: absolute;
  background: black;
  bottom: 0;
  width: 100%;
  height: 20px;
  text-align: center;
  color: white;
  font-size: 10px;
  line-height: 20px;
}

page-fthermal-emp-detail .container-box .photo {
  border-radius: 14px;
  overflow: visible;
  width: 60px;
  height: 60px;
  margin: 10px 8px 10px 0;
  position: relative;
}

page-fthermal-emp-detail .container-box .photo img {
  -o-object-fit: fill;
  object-fit: fill;
  -o-object-position: top;
  object-position: top;
  border-radius: 14px;
  width: 60px;
  height: 60px;
  background-color: #E2E9ED;
}

page-fthermal-emp-detail .container-box .photo .delete-photo {
  position: absolute;
  top: -12px;
  right: -12px;
}

page-fthermal-emp-detail .container-box .photo .delete-photo path {
  fill: rgba(255, 0, 0, 0.6);
  stroke: none;
}

page-fthermal-emp-detail .btn-add-face {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border-color: #dbdbe1;
  margin-left: 8px;
}

page-fthermal-emp-list gdx-header ion-header ion-navbar ion-icon {
  font-size: 30px;
  color: #222 !important;
}

page-fthermal-emp-list gdx-header ion-header ion-navbar .tooltip-alert {
  position: absolute;
  top: 0;
  right: 0;
}

page-fthermal-emp-list gdx-header .tooltip-alert {
  z-index: 99;
  position: absolute;
  right: 20px;
  top: 60px;
  background: #F68A22;
  padding: 5px 20px;
  border-radius: 8px;
}

page-fthermal-emp-list gdx-header .tooltip-alert ion-label {
  color: white !important;
}

page-fthermal-emp-list gdx-header .tooltip-alert .triangle {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #F68A22;
  content: "";
  position: absolute;
  right: 5px;
  top: -10px;
}

page-fthermal-emp-list .container-box .employee-item {
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

page-fthermal-emp-list .container-box .employee-item ion-label {
  font-size: 16px !important;
  font-weight: bold;
}

page-fthermal-emp-list gdx-footer button {
  width: 100%;
  border-radius: 3px;
}

@media screen and (min-width: 361px) and (max-width: 400px) {
  page-fthermal-emp-list .tooltip-alert {
    right: 15px !important;
    top: 50px !important;
  }
}

@media screen and (min-width: 1280px) {
  page-fthermal-emp-list .tooltip-alert {
    display: none;
  }
}

page-fthermal-form-device .container-box .form-box .form-section {
  margin-bottom: 32px;
}

page-fthermal-form-device .container-box .form-box .form-section .name {
  margin-bottom: 8px;
  font-size: 12px !important;
  color: #222 !important;
  font-weight: bold;
}

page-fthermal-form-device .container-box .form-box .form-section .note {
  font-size: 12px !important;
  color: #A5B0B7 !important;
}

page-fthermal-form-device .container-box .form-box .form-section .input-box {
  margin-bottom: 8px;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-fthermal-form-device .container-box .form-box .form-section .input-box input {
  padding: 12px 16px;
  margin: 0;
  outline: none;
  border: none;
  color: #222;
  font-size: 14px;
}

page-fthermal-form-device .container-box .form-box .form-section .input-box ion-label {
  -webkit-flex: none !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: none !important;
  flex: none !important;
}

page-fthermal-introduction .scroll-content .container-box {
  text-align: center;
  height: 100vh;
}

page-fthermal-introduction .scroll-content .container-box h2 {
  font-size: 20px;
  color: #222;
  font-family: 'bold';
  margin-bottom: 10px;
}

page-fthermal-introduction .scroll-content .container-box p {
  color: #A5B0B7;
  margin-bottom: 22px;
  line-height: 22px;
  padding: 0 10px;
}

page-fthermal-manage-attendance .container-box .title-box {
  margin-bottom: 10px;
}

page-fthermal-manage-attendance .container-box .title-box h5 {
  font-size: 20px;
  font-family: 'bold';
  margin-bottom: 8px;
}

page-fthermal-manage-attendance .container-box .title-box p {
  color: #A5B0B7;
  line-height: 23px;
}

page-fthermal-manage-attendance .container-box .list-devices {
  margin-bottom: 24px;
}

page-fthermal-manage-attendance .container-box .list-devices .item-device div:first-child {
  overflow: hidden;
}

page-fthermal-manage-attendance .container-box .list-devices .item-device div:first-child ion-label {
  margin: 0;
  font-size: 16px !important;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

page-fthermal-manage-attendance .container-box .list-devices .item-device div:first-child p {
  color: #A5B0B7;
}

page-fthermal-manage-attendance .container-box .list-devices .item-device button {
  padding: 0 !important;
  font-size: 12px !important;
}

page-fthermal-manage-attendance .container-box .list-devices .item-device span {
  font-size: 12px;
}

page-fthermal-manage-attendance .container-box .item-device, page-fthermal-manage-attendance .container-box .sync-box {
  -webkit-box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  padding: 12px 15px;
  margin-bottom: 15px;
}

page-fthermal-manage-attendance .container-box .sync-wrap p {
  font-size: 14px;
  line-height: 23px;
  color: #A5B0B7;
  margin-bottom: 8px;
}

page-fthermal-manage-attendance .container-box .sync-wrap .sync-box ion-label {
  font-family: 'bold' !important;
  font-size: 16px !important;
  white-space: normal;
  margin-bottom: 5px;
}

page-fthermal-manage-attendance .container-box .sync-wrap .sync-box p {
  color: #A5B0B7;
  font-size: 12px;
  line-height: 16px;
}

page-fthermal-manage-device .container-box .title-box {
  margin-bottom: 10px;
}

page-fthermal-manage-device .container-box .title-box h5 {
  font-size: 20px;
  font-family: 'bold';
  margin-bottom: 8px;
}

page-fthermal-manage-device .container-box .title-box p {
  color: #A5B0B7;
  line-height: 23px;
}

page-fthermal-manage-device .container-box .list-devices {
  margin-bottom: 24px;
}

page-fthermal-manage-device .container-box .list-devices .item-device div:first-child {
  overflow: hidden;
}

page-fthermal-manage-device .container-box .list-devices .item-device div:first-child ion-label {
  margin: 0;
  font-size: 16px !important;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

page-fthermal-manage-device .container-box .list-devices .item-device div:first-child p {
  color: #A5B0B7;
}

page-fthermal-manage-device .container-box .list-devices .item-device button {
  padding: 0 !important;
  font-size: 12px !important;
}

page-fthermal-manage-device .container-box .list-devices .item-device span {
  font-size: 12px;
}

page-fthermal-manage-device .container-box .list-devices .item-device .message {
  color: #fb745e;
}

page-fthermal-manage-device .container-box .item-device, page-fthermal-manage-device .container-box .sync-box {
  -webkit-box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  padding: 12px 15px;
  margin-bottom: 15px;
}

page-fthermal-manage-device .container-box .sync-wrap p {
  font-size: 14px;
  line-height: 23px;
  color: #A5B0B7;
  margin-bottom: 8px;
}

page-fthermal-manage-device .container-box .sync-wrap .sync-box ion-label {
  font-family: 'bold' !important;
  font-size: 16px !important;
  white-space: normal;
  margin-bottom: 5px;
}

page-fthermal-manage-device .container-box .sync-wrap .sync-box p {
  color: #A5B0B7;
  font-size: 12px;
  line-height: 16px;
}

page-fthermal-manage-notification .name {
  font-family: "bold" !important;
  font-size: 16px !important;
  margin-bottom: 4px;
}

page-fthermal-manage-notification .jobPosition {
  color: #A5B0B7 !important;
}

page-fthermal-manage-notification .desc {
  color: #A5B0B7;
  margin-bottom: 16px;
}

page-fthermal-manage-notification ion-icon {
  font-size: 24px;
  color: #222 !important;
}

page-fthermal-manage-notification .list-section {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 10px;
}

page-fthermal-notification-add-users ion-input {
  border: 1.5px solid #dbdbe1;
  border-radius: 5px;
}

page-fthermal-notification-add-users ion-input input {
  padding-left: 10px !important;
  border: none;
}

page-fthermal-notification-add-users ion-label {
  padding-bottom: 10px !important;
}

page-fthermal-notification-add-users ion-header ion-icon {
  font-size: 30px;
  color: #222;
}

page-fthermal-notification-add-users .container-box .list-box .list-section {
  margin-bottom: 34px;
}

page-fthermal-notification-add-users .container-box .list-box .list-section img {
  width: 43px;
  height: 43px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
}

page-fthermal-notification-add-users .container-box .list-box .list-section .name {
  font-size: 16px !important;
  font-family: "bold" !important;
  color: #222 !important;
  margin-bottom: 8px;
}

page-fthermal-notification-add-users .container-box .list-box .list-section .job {
  color: #A5B0B7 !important;
}

page-fthermal-notification-add-users gdx-footer button {
  width: 100%;
  border-radius: 3px;
}

page-fthermal-notification-employees .name {
  font-family: "bold" !important;
  font-size: 16px !important;
  margin-bottom: 4px;
}

page-fthermal-notification-employees .jobPosition {
  color: #A5B0B7 !important;
}

page-fthermal-notification-employees .desc {
  color: #A5B0B7;
  margin-bottom: 16px;
}

page-fthermal-notification-employees ion-icon {
  font-size: 24px;
  color: #222 !important;
}

page-fthermal-notification-employees .list-section {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 10px;
}

page-fthermal-modal-alert .container-box img {
  margin-bottom: 32px;
  width: 120px;
  height: 120px;
  border-radius: 200px;
}

page-fthermal-modal-alert .container-box h2 {
  font-size: 20px;
  font-family: 'bold';
  margin-bottom: 16px;
}

page-fthermal-modal-syncing .container-box .title {
  font-size: 20px !important;
  color: #222 !important;
  font-family: 'bold' !important;
  margin-bottom: 8px;
  text-align: center;
}

page-fthermal-modal-syncing .container-box .desc {
  color: #A5B0B7 !important;
  margin-bottom: 36px;
}

page-fthermal-modal-syncing gdx-progress-bar {
  width: 100%;
}

page-fthermal-recognized-list .recognized-item {
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

page-fthermal-recognized-list .recognized-item .recognized-photo {
  width: 53px;
  height: 53px;
  border-radius: 8px;
}

page-fthermal-recognized-list .recognized-item ion-label {
  font-size: 16px !important;
  font-weight: bold;
}

fthermal-report h2 {
  color: #F68A22;
}

fthermal-report .upd-stat {
  color: #F68A22;
}

fthermal-report .del-stat {
  color: #F0624D;
}

fthermal-report .col-right {
  text-align: right;
}

fthermal-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

fthermal-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

fthermal-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

fthermal-report .list-ios > .item-block:last-child {
  border: none !important;
}

fthermal-report .list-ios > .item-block:first-child {
  border: none !important;
}

fthermal-report .list-md > .item-block:last-child {
  border: none !important;
}

fthermal-report .list-md > .item-block:first-child {
  border: none !important;
}

fthermal-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

fthermal-report .list-radio ion-item .item-inner {
  border: none !important;
}

fthermal-report ion-select {
  margin-top: 10px !important;
}

fthermal-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

fthermal-report .btn-tag span {
  font-size: 1.2em !important;
}

page-fthermal-result-sync ion-content .device-name {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid silver;
}

page-fthermal-result-sync ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-fthermal-result-sync ion-content .top-panel .panel {
  padding: 15px;
}

page-fthermal-result-sync ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-fthermal-result-sync ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-fthermal-result-sync ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-fthermal-result-sync ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-fthermal-result-sync ion-content .wrap-list {
  padding: 0px 15px;
}

page-fthermal-result-sync ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 0px;
}

page-fthermal-result-sync ion-content .wrap-list .error-box .name-type-box {
  display: block;
}

page-fthermal-result-sync ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-fthermal-result-sync ion-content .wrap-list .error-box .name-type-box .label-name {
  color: #707070 !important;
  margin-right: 8px;
  font-size: 14px !important;
  padding: 4px;
}

page-fthermal-result-sync 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-fthermal-result-sync ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-fthermal-result-sync 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-fthermal-result-sync 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-fthermal-result-sync ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-fthermal-set-admin .form-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  overflow: hidden;
}

page-fthermal-set-admin ion-input input {
  padding: 14px 16px !important;
  border: none !important;
  font-size: 14px;
  margin: 0 !important;
}

page-fthermal-set-admin ion-header ion-icon {
  font-size: 30px;
  color: #222;
}

page-fthermal-set-admin .container-box .form-box {
  margin-bottom: 40px;
}

page-fthermal-set-admin .container-box .form-box .form-wrap {
  margin-bottom: 14px;
}

page-fthermal-set-admin .container-box .form-box .form-wrap:last-child {
  margin-bottom: 0 !important;
}

page-fthermal-set-admin .container-box .form-box h2 {
  margin-bottom: 8px;
}

page-fthermal-set-admin .container-box .form-box ion-label {
  margin-bottom: 6px;
  font-size: 12px !important;
}

page-fthermal-set-admin .container-box .form-box:last-child {
  margin-bottom: 0;
}

page-fthermal-set-admin gdx-footer button {
  width: 100%;
  border-radius: 3px;
}

page-fthermal-setting ion-header ion-icon {
  font-size: 30px;
  color: #222 !important;
}

page-fthermal-setting .container-box .list-box .list-section {
  margin-bottom: 20px;
}

page-fthermal-setting .container-box .list-box .list-section .left-box .name {
  font-size: 16px !important;
  font-family: 'bold' !important;
  color: #222 !important;
  margin-bottom: 8px;
}

page-fthermal-setting .container-box .list-box .list-section .left-box .desc {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  margin-bottom: 4px;
}

page-fthermal-setting .container-box .list-box .list-section .right-box ion-icon {
  font-size: 24px;
}

page-fthermal-setting .container-box .list-box .list-section .right-box .close {
  opacity: .7;
}

page-fthermal-setting .container-box .empty-box {
  text-align: center;
}

page-fthermal-setting .container-box .empty-box h2 {
  font-size: 20px;
  color: #121212;
  font-weight: 600;
}

page-fthermal-setting .container-box .empty-box p {
  color: #A5B0B7;
  margin: 15px auto 20px;
  line-height: 23px;
}

page-fthermal-upload-results .danger {
  color: #fb745e !important;
}

page-fthermal-upload-results .success {
  color: #2BB34D;
}

page-fthermal-upload-results .content-list p {
  font-size: 12px !important;
}

page-fthermal-upload-results .content-list h5 {
  font-weight: bold;
  font-size: 16px;
  white-space: pre-wrap;
}

page-fthermal-upload-results .container-box .title {
  font-size: 20px !important;
  color: #222 !important;
  font-family: "bold" !important;
  margin-bottom: 8px;
  text-align: center;
}

page-fthermal-upload-results .container-box .desc {
  color: #A5B0B7 !important;
  margin-bottom: 36px;
}

page-fthermal-upload-results gdx-progress-bar {
  width: 100%;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

page-holiday-setting {
  color: #808080 !important;
}

page-holiday-setting .list-ios > .item-block:last-child {
  border: none !important;
}

page-holiday-setting .list-ios > .item-block:first-child {
  border: none !important;
}

page-holiday-setting .list-md > .item-block:last-child {
  border: none !important;
}

page-holiday-setting .list-md > .item-block:first-child {
  border: none !important;
}

page-holiday-setting .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #DEDEDE;
}

page-holiday-setting .row-skeleton .left-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-holiday-setting .row-skeleton .right-side .line {
  background: #DEDEDE;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-holiday-setting-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-holiday-setting-add .add-content {
  margin: 0px !important;
}

page-holiday-setting-add .add-content ion-item .item-inner {
  padding-bottom: 7px;
}

page-holiday-setting-add .row-period {
  padding-bottom: 12px !important;
  border-bottom: 1px solid #dedede;
}

page-holiday-setting-add .row-period ion-item .item-inner {
  padding: 0px;
}

page-holiday-setting-add .row-period ion-item .datetime-text {
  padding-top: 5px;
}

page-holiday-setting-add .title-period {
  margin: 16px 0px 7px 0px;
  color: #58595b !important;
  font-size: 1.18em !important;
}

page-holiday-setting-add .border-bottom {
  padding-bottom: 20px;
  border-bottom: 1px solid #dedede;
}

page-holiday-setting-add .no-padding {
  padding: 0px;
}

page-holiday-setting-add .item-label-stacked .select-md, page-holiday-setting-add .item-label-floating .select-md {
  padding: 10px 2px 10px 2px !important;
}

holiday-upload-page .primary-color {
  color: #F68A22 !important;
}

holiday-upload-page .fileUpload {
  position: relative;
  overflow: hidden;
}

holiday-upload-page .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

holiday-upload-page p {
  line-height: 150%;
  color: #F68A22 !important;
}

holiday-upload-page .btn-template-upload .upload-header {
  padding-top: 3vh;
  max-width: 240px;
}

holiday-upload-page .btn-template-upload .upload-label {
  margin-top: 28px;
  margin-bottom: 6px;
  max-width: 240px;
}

holiday-upload-page .btn-template-upload .upload-button {
  width: 200px;
}

holiday-upload-page .btn-template-upload-wrapper-download {
  position: absolute;
  width: 200px;
  padding-top: 15vh;
  margin: auto !important;
}

holiday-upload-page .btn-template-upload-wrapper-upload {
  position: absolute;
  width: 200px;
  padding-top: 15vh;
  margin: auto !important;
}

holiday-upload-page .header-template-upload-wrapper-first {
  position: absolute;
  max-width: 240px;
  padding-top: 3vh;
  margin: auto !important;
}

holiday-upload-page .header-template-upload-wrapper-second {
  position: absolute;
  max-width: 240px;
  padding-top: 15vh;
  margin: auto !important;
}

holiday-upload-page .btn-template-upload-wrapper-second-download {
  position: absolute;
  width: 200px;
  padding-top: 20vh;
  margin: auto !important;
}

holiday-upload-page .btn-template-upload-wrapper-second-upload {
  position: absolute;
  width: 200px;
  padding-top: 28vh;
  margin: auto !important;
}

holiday-upload-page .header-template-upload-wrapper-third {
  position: absolute;
  max-width: 240px;
  padding-top: 40vh;
  margin: auto !important;
}

holiday-upload-page .btn-template-upload-wrapper-third-upload {
  position: absolute;
  width: 200px;
  padding-top: 45vh;
  margin: auto !important;
}

holiday-upload-page .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 3vh;
  margin: auto !important;
}

holiday-upload-page button ion-label {
  color: white !important;
}

holiday-upload-page ion-icon::before {
  font-size: 22px !important;
}

holiday-upload-page .top {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 10px;
}

page-birthday-card {
  position: relative;
}

page-birthday-card feature-feedback {
  position: absolute;
  top: 0;
  padding: 0 12px;
  z-index: 1;
}

page-birthday-card .card-box {
  background-color: #e3f1f9;
  margin: 12vh 5% 0;
  height: 100%;
  border-radius: 1rem;
  position: relative;
}

page-birthday-card .card-box .card-photo {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-birthday-card .card-box .card-photo image-component img {
  width: 80px;
  height: 80px;
  border: 5px solid white;
  border-radius: 200px;
}

page-birthday-card .card-box .close-btn ion-icon {
  opacity: .6;
  font-size: 26px;
}

page-birthday-card .card-box .card-greeting .greeting-component h4 {
  padding: 0;
  color: #002d56 !important;
}

page-birthday-card .card-box .card-greeting .greeting-component .greeting-message {
  padding-bottom: 1rem;
}

page-birthday-card .card-box .card-greeting .greeting-component .greeting-person {
  font-weight: bold;
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-balloon {
  margin: 0 auto;
  position: absolute;
  top: -5%;
  left: 5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 4000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 4000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes spin {
  0%,
  100% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
}

@keyframes spin {
  0%,
  100% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-balloon2 {
  margin: 0 auto;
  position: absolute;
  top: 53%;
  right: 1%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-animation-name: spin;
  -webkit-animation-duration: 3000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 3000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes spin {
  0%,
  100% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

@keyframes spin {
  0%,
  100% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-other {
  margin: 0 auto;
  position: absolute;
  top: 11%;
  right: -2%;
  height: 60px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-other2 {
  margin: 0 auto;
  position: absolute;
  top: 48%;
  left: 8%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-other3 {
  margin: 0 auto;
  position: absolute;
  top: 34%;
  right: 5%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
  -webkit-animation-name: fadeinout;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeinout;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: fadeinout;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-other4 {
  margin: 0 auto;
  position: absolute;
  top: 25%;
  left: 10%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms;
  -webkit-animation-name: fadeinout;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeinout;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: fadeinout;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

page-birthday-card .card-box .card-greeting .greeting-component-animation .add-other5 {
  margin: 0 auto;
  position: absolute;
  top: 90%;
  left: 10%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
  -webkit-animation-name: fadeinout;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeinout;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: fadeinout;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}

page-birthday-card .card-box .card-greeting .greeting-additional {
  position: relative;
  padding-top: 12vh;
  padding-bottom: 11vh;
  width: 100%;
}

page-birthday-card .card-box .card-greeting .greeting-additional .add-tart {
  padding-top: 25px;
  position: absolute;
  z-index: 99999;
  max-width: 140px;
  max-height: 140px;
}

page-birthday-card .card-box .card-greeting .greeting-additional .background-tart {
  position: absolute;
  -webkit-animation-name: fadeinout;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeinout;
  -moz-animation-duration: 2000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: fadeinout;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes fadeinout {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

page-birthday-card .card-box .greeting-signature {
  position: relative;
  padding-top: 2rem;
}

page-birthday-card .card-box .greeting-signature h6 {
  margin-top: 0rem !important;
  margin-bottom: 0.5rem !important;
  color: #58595b !important;
}

page-birthday-card .card-box .greeting-signature .font-kecil {
  font-weight: lighter;
}

page-birthday-card .card-box .greeting-signature .ttd-name {
  color: #002d56 !important;
}

page-birthday-card .card-box .greeting-signature .add-signature {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 80px;
  max-height: 80px;
}

page-birthday-card .card-box .footer-decorator {
  position: relative;
  height: 3vh;
}

page-birthday-card .card-box .footer-decorator .background {
  position: absolute;
  width: 100%;
  height: 6.5vh;
  bottom: -1px;
}

page-birthday-card .card-box .greeting-footer {
  position: relative;
  background-color: #002d56 !important;
  height: 10vh;
  padding: 0 12px 16px;
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
}

page-birthday-card .card-box .greeting-footer .logo {
  max-width: 100px;
  max-height: 80px;
  padding-top: 10px;
  padding-bottom: 5px;
}

page-birthday-card .dontshow {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  z-index: 2;
  text-transform: unset;
  color: white !important;
  font-size: 12px !important;
}

page-birthday-card .dontshow .button-inner {
  opacity: .5;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  padding: 0 4px 0 14px;
}

page-birthday-card .noshowagain .button-inner {
  opacity: 1;
}

@media screen and (min-width: 900px) {
  page-birthday-card .card-box {
    height: 150%;
  }
  page-birthday-card .greeting-component-animation .add-other {
    margin: 0 auto;
    position: absolute;
    top: 15%;
    right: 8% !important;
    height: 60px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  page-birthday-card .footer-decorator .background {
    display: none;
  }
  page-birthday-card .greeting-footer {
    padding-top: 5px;
  }
  page-birthday-card .greeting-footer .logo {
    height: 100% !important;
    max-width: 200px;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}

page-birthday-config .btn {
  text-transform: capitalize !important;
  width: 150px;
  font-size: 12px;
  margin-bottom: 10px;
}

page-birthday-config .btn .btn-img {
  margin-right: 5px;
}

page-birthday-config .btn1 {
  width: 200px;
}

page-birthday-config .line {
  border-bottom: 1px solid #dbdbe1;
  margin: 0px 0px 5px 0px;
}

page-birthday-config .line .input-label {
  color: #F68A22 !important;
  font-weight: bold;
}

page-birthday-config .line .img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100px;
  margin-bottom: 8px;
  border: 0.5 solid #dbdbe1 !important;
}

page-birthday-config .terupload {
  color: #39B44A !important;
}

page-birthday-config .checklist {
  font-size: 2.4rem !important;
  color: #39B44A !important;
}

.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-teammates-and-event .event-box {
  border-top: 1px solid #dbdbe1;
  overflow: auto;
  min-height: 120px;
  padding: 10px;
}

page-teammates-and-event .event-box .detail-event-box {
  margin: 10px 0;
}

page-teammates-and-event .event-box .detail-event-box .group-title-event {
  margin: 0;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}

page-teammates-and-event .event-box .detail-event-box .detail-event-section {
  padding: 10px 8px 10px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-teammates-and-event .event-box .detail-event-box .detail-event-section .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  overflow: hidden;
}

page-teammates-and-event .event-box .detail-event-box .detail-event-section .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-teammates-and-event .event-box .detail-event-box .detail-event-section .detail-label-box .detail-title {
  margin: 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-teammates-and-event .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-mass-leave .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-mass-leave .title-col h2 {
  display: inline-block;
}

page-mass-leave .text-ket {
  text-align: right;
  padding-bottom: 35px;
}

page-mass-leave p {
  color: #909090 !important;
}

page-mass-leave p span {
  font-size: 1.4rem !important;
}

page-mass-leave .footer-claim {
  position: fixed;
  bottom: 0;
}

page-filter-mass-leave .container-item {
  padding-bottom: 10px;
}

page-filter-mass-leave .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-filter-mass-leave ion-textarea {
  max-height: 200px;
  border: 1px solid silver;
  border-radius: 10px;
  max-width: 100%;
  padding: 10px;
}

page-filter-mass-leave ion-textarea textarea {
  height: 200px;
}

page-filter-mass-leave .container-select select {
  height: 35vh;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid silver;
}

page-filter-mass-leave .right {
  position: relative;
  top: 40px;
}

page-filter-mass-leave .container-btn {
  text-align: center;
  margin-top: 100px;
}

page-filter-mass-leave .container-btn button {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-filter-mass-leave .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-filter-mass-leave .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-filter-mass-leave .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-filter-mass-leave .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-filter-mass-leave .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-filter-mass-leave .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-filter-mass-leave .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-filter-mass-leave .btn-tag span {
  font-size: 1.2em !important;
}

page-filter-mass-leave .search {
  margin-bottom: 10px;
}

page-filter-mass-leave .search input[type="text"] {
  padding-left: 10px;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border-color: silver;
}

page-mass-leave-add .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-mass-leave-add .title-col h2 {
  display: inline-block;
}

page-mass-leave-add .footer-claim {
  position: fixed;
  bottom: 0;
}

page-mass-leave-add p {
  margin-bottom: -10px !important;
}

page-mass-leave-add .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-mass-leave-add .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-mass-leave-edit .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-mass-leave-edit .title-col h2 {
  display: inline-block;
}

page-mass-leave-edit .footer-claim {
  position: fixed;
  bottom: 0;
}

page-mass-leave-edit p {
  margin-bottom: -10px !important;
}

page-mass-leave-edit .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-mass-leave-edit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-mass-leave-emp h2 {
  color: #F68A22 !important;
}

page-mass-leave-result ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-mass-leave-result ion-content .top-panel .panel {
  padding: 15px;
}

page-mass-leave-result ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-mass-leave-result ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-mass-leave-result ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-mass-leave-result ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-mass-leave-result ion-content .wrap-list {
  padding: 0px 15px;
}

page-mass-leave-result ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-mass-leave-result ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-mass-leave-result ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-mass-leave-result 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-mass-leave-result ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-mass-leave-result 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-mass-leave-result 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-mass-leave-result ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-requestfor-leave h2 {
  color: #F68A22 !important;
}

page-loan-request .footer-claim {
  position: fixed;
  bottom: 0;
}

page-loan-request .claimdetail [disabled] {
  opacity: 1;
}

page-loan-request .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-loan-request .cus-disabled {
  opacity: 1;
}

page-loan-request .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-loan-request .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-loan-request .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-loan-request .text-ket {
  text-align: right;
}

page-loan-request p {
  color: #909090 !important;
}

page-loan-request p span {
  font-size: 1.4rem !important;
}

page-loan-request .red {
  -webkit-text-fill-color: red;
}

page-loan-request .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;
}

page-loan-request .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #189dae;
  text-align: center;
}

page-loan-request .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-loan-request .light-grey {
  color: #7f7f7f !important;
}

page-loan-request .selected {
  background-color: #e3f5ff;
}

page-loan-request .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-loan-request .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-loan-request .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-loan-request .title-col h2 {
  display: inline-block;
}

page-loan-request .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-loan-request .progress-bar {
  border: 2px solid #189dae;
  border-radius: 14px;
  overflow: hidden;
}

page-loan-request .progress-bar > div {
  color: white;
  background: #189dae;
  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-loan-request .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-loan-request .align-left {
  float: left !important;
}

page-loan-request .align-right {
  color: #189dae !important;
  text-align: right;
}

page-loan-request .col-right {
  text-align: right;
}

page-loan-request .align-center {
  float: center !important;
}

page-loan-request span {
  font-size: 12px !important;
}

page-loan-request .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-loan-request [padding] h2:first-child {
  margin-top: 0.0rem !important;
}

page-loan-request .skeleton-box .left, page-loan-request .skeleton-box .right {
  width: 100%;
}

page-loan-request .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-loan-request .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-loan-request .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-loan-request .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-employee-loan .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-employee-loan .title-col h2 {
  display: inline-block;
}

page-employee-loan .skeleton-box .left,
page-employee-loan .skeleton-box .right {
  width: 100%;
}

page-employee-loan .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-employee-loan-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-employee-loan-detail .title-col h2 {
  display: inline-block;
}

page-employee-loan-detail .ion-item1 .item-inner {
  border: none !important;
}

page-employee-loan-payment .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-employee-loan-payment .title-col h2 {
  display: inline-block;
}

page-employee-loan-payment .ion-item1 .item-inner {
  border: none !important;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

page-employee-loan-payment .skeleton-box .left,
page-employee-loan-payment .skeleton-box .right {
  width: 100%;
}

page-employee-loan-payment .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan-payment .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan-payment .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-employee-loan-payment .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-employee-loan-payment .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-employee-loan-payment .detail-correction ion-col h2.title {
  color: #F68A22 !important;
}

page-employee-loan-payment .detail-correction ion-col p.status-update {
  color: #F68A22 !important;
}

page-employee-loan-payment .detail-correction ion-col p.status-delete {
  color: #F0624D !important;
}

page-employee-loan-payment .detail-correction ion-col p.status-nochange {
  color: #bdc3c7 !important;
}

page-employee-loan-payment ion-list ion-row.nogrid {
  border: none !important;
}

page-employee-loan-payment .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-employee-loan-payment .ion-iconSmall {
  zoom: 0.8;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 1px;
}

page-loan-request-calculate h2 {
  color: #F68A22;
}

page-loan-request-calculate .upd-stat {
  color: #F68A22;
}

page-loan-request-calculate .del-stat {
  color: #F0624D;
}

page-loan-request-calculate .col-right {
  text-align: right;
}

page-loan-request-calculate .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate .chip-md {
  width: 40% !important;
}

page-loan-request-calculate .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-loan-request-calculate .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-loan-request-calculate .align-left {
  float: left;
}

page-loan-request-calculate .align-right {
  float: right;
}

page-loan-request-calculate p {
  margin-bottom: -10px !important;
}

page-loan-request-calculate .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-loan-request-calculate .item-row-time .item-inner {
  border: none !important;
}

page-loan-request-calculate .periodused {
  color: #189dae !important;
}

page-loan-request-calculate ion-chip {
  height: 200px !important;
}

page-loan-request-calculate ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-loan-request-calculate #p-left {
  float: left;
  font-size: 16pt;
  color: #666666;
}

page-loan-request-calculate #p-right {
  float: right;
  font-size: 16pt;
  color: #666666;
}

@media screen and (max-width: 600px) {
  page-loan-request-calculate .chip-md {
    width: 100% !important;
  }
  page-loan-request-calculate .chip-ios {
    width: 100% !important;
  }
  page-loan-request-calculate ion-chip {
    height: 170px !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-loan-request-calculate .chip-md {
    width: 50% !important;
  }
  page-loan-request-calculate .chip-ios {
    width: 100% !important;
  }
}

page-loan-request-calculate .img-preview {
  position: relative;
  display: inline-block;
}

page-loan-request-calculate .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-loan-request-calculate .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-loan-request-calculate-edit h2 {
  color: #F68A22;
}

page-loan-request-calculate-edit .upd-stat {
  color: #F68A22;
}

page-loan-request-calculate-edit .del-stat {
  color: #F0624D;
}

page-loan-request-calculate-edit .col-right {
  text-align: right;
}

page-loan-request-calculate-edit .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate-edit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate-edit .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-calculate-edit .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-loan-request-calculate-edit .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-loan-request-calculate-edit .align-left {
  float: left;
}

page-loan-request-calculate-edit .align-right {
  float: right;
}

page-loan-request-calculate-edit p {
  margin-bottom: -10px !important;
}

page-loan-request-calculate-edit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-loan-request-calculate-edit .item-row-time .item-inner {
  border: none !important;
}

page-loan-request-calculate-edit .periodused {
  color: #189dae !important;
}

page-loan-request-calculate-edit ion-chip {
  height: 100% !important;
}

page-loan-request-calculate-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-loan-request-calculate-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-loan-request-calculate-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-loan-request-form h2 {
  color: #F68A22;
}

page-loan-request-form .upd-stat {
  color: #F68A22;
}

page-loan-request-form .del-stat {
  color: #F0624D;
}

page-loan-request-form .col-right {
  text-align: right;
}

page-loan-request-form .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-form .chip-md {
  width: 40% !important;
}

page-loan-request-form .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-form .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-form .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-loan-request-form .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-loan-request-form .align-left {
  float: left;
}

page-loan-request-form .align-right {
  float: right;
}

page-loan-request-form p {
  margin-bottom: -10px !important;
}

page-loan-request-form .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-loan-request-form .item-row-time .item-inner {
  border: none !important;
}

page-loan-request-form .periodused {
  color: #189dae !important;
}

page-loan-request-form ion-chip {
  height: 200px !important;
}

page-loan-request-form ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-loan-request-form #p-left {
  float: left;
  font-size: 16pt;
  color: #666666;
}

page-loan-request-form #p-right {
  float: right;
  font-size: 16pt;
  color: #666666;
}

@media screen and (max-width: 600px) {
  page-loan-request-form .chip-md {
    width: 100% !important;
  }
  page-loan-request-form .chip-ios {
    width: 100% !important;
  }
  page-loan-request-form ion-chip {
    height: 170px !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-loan-request-form .chip-md {
    width: 50% !important;
  }
  page-loan-request-form .chip-ios {
    width: 100% !important;
  }
}

page-loan-request-formedit h2 {
  color: #F68A22;
}

page-loan-request-formedit .upd-stat {
  color: #F68A22;
}

page-loan-request-formedit .del-stat {
  color: #F0624D;
}

page-loan-request-formedit .col-right {
  text-align: right;
}

page-loan-request-formedit .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-formedit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-formedit .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-formedit .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-loan-request-formedit .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-loan-request-formedit .align-left {
  float: left;
}

page-loan-request-formedit .align-right {
  float: right;
}

page-loan-request-formedit p {
  margin-bottom: -10px !important;
}

page-loan-request-formedit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-loan-request-formedit .item-row-time .item-inner {
  border: none !important;
}

page-loan-request-formedit .periodused {
  color: #189dae !important;
}

page-loan-request-formedit ion-chip {
  height: 100% !important;
}

.cus-textarea {
  font-size: 1.4rem !important;
  color: #666 !important;
}

page-loan-request-history .skeleton-box {
  padding: 0;
}

page-loan-request-history .skeleton-box .ss-skeleton {
  width: 30px;
  height: 18px;
  border-radius: 5px;
}

page-loan-request-history .skeleton-box .c-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-loan-request-history .skeleton-box .s-skeleton {
  width: 60px;
  height: 18px;
  border-radius: 5px;
}

page-loan-request-history .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-loan-request-history .skeleton-box .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-loan-request-history .skeleton-box .f-skeleton {
  width: 100%;
  height: 15px;
  border-radius: 5px;
}

page-loan-request-history h2 {
  color: #F68A22 !important;
}

page-loan-request-history .upd-stat {
  color: #F68A22 !important;
}

page-loan-request-history .del-stat {
  color: #F0624D !important;
}

page-loan-request-history .col-right {
  text-align: right;
}

page-loan-request-history [padding] h2:first-child {
  margin-top: 0px !important;
}

page-loan-request-history .data-list-request {
  margin-bottom: 0px !important;
}

page-loan-request-history .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-loan-request-history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-loan-request-history .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-loan-request-history .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-loan-request-history .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-loan-request-history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-loan-request-history .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-loan-request-history .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-loan-request-history .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-loan-request-history .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-loan-request-history .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-loan-request-history .list-ios > .item-block:last-child {
  border: none;
}

page-loan-request-history .list-ios > .item-block:first-child {
  border: none;
}

page-loan-request-history .item-date .item-inner {
  margin-left: -35px !important;
}

page-loan-request-history .title-form-cancel {
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  -webkit-text-fill-color: red;
}

page-loan-request-history .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-loan-request-history .title-col h2 {
  display: inline-block;
}

page-loan-request-history .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-loan-request-history .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-loan-request-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-requestfor-loan h2 {
  color: #F68A22 !important;
}

page-my-attendance-data .sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}

page-my-attendance-data .div-highlight {
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 0px;
}

page-my-attendance-data .div-highlight h2 {
  margin: 5px 0px;
  font-size: 1.2em;
  font-weight: 600;
}

page-my-attendance-data .div-legend {
  width: 100%;
  text-align: center;
  padding: 2px 35px;
}

page-my-attendance-data .div-legend .div-bground2 {
  height: 10px;
  width: 10px;
  display: inline-block;
}

page-my-attendance-data .div-legend span {
  margin: 0px;
  margin-right: 5px;
  margin-left: 3px;
}

page-my-attendance-data .div-header {
  text-align: left;
}

page-my-attendance-data .div-header ion-row {
  padding: 5px 16px 5px 16px;
  border-bottom: 1px solid #d3d3d3;
}

page-my-attendance-data .div-header ion-row p {
  margin: 0px;
  font-weight: bold;
}

page-my-attendance-data .div-content {
  text-align: left;
  padding: 5px 16px 16px 16px;
}

page-my-attendance-data .div-content ion-row {
  padding: 10px 0px;
  border-bottom: 1px solid #d3d3d3;
}

page-my-attendance-data .div-content ion-row p {
  margin: 0px;
}

page-my-attendance-data .div-content .div-bground {
  margin: 0px;
  margin-right: 3px;
  padding: 3px 6px;
  -webkit-text-fill-color: #fff;
  border-radius: 20px;
  font-size: 0.7em !important;
  font-weight: normal !important;
  display: inline-block;
  position: relative;
}

page-my-attendance-data .skeleton-box .label2-skeleton {
  width: 100%;
  border-radius: 5px;
  height: 35px;
}

page-my-attendance-data .skeleton-box .label-skeleton {
  width: 70px;
  border-radius: 3px;
  height: 19px;
}

page-new-organization-structure .container-box .company-box .image-box, page-new-organization-structure .container-box .direct-box ion-slides ion-slide .image-box {
  border: 1.2px solid #F68A22;
  border-radius: 200px;
  width: 78px;
  height: 78px;
  padding: 5px;
}

page-new-organization-structure .container-box .company-box .image-box img, page-new-organization-structure .container-box .direct-box ion-slides ion-slide .image-box image-component img {
  width: 100%;
  height: 100%;
  border-radius: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-new-organization-structure .primary-title {
  color: #F68A22 !important;
  font-size: 16px !important;
  font-family: 'regular' !important;
}

page-new-organization-structure .secondary-title {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  width: 100%;
  font-family: 'regular' !important;
}

page-new-organization-structure .org-line {
  margin-top: 1px;
}

page-new-organization-structure .line-img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
}

page-new-organization-structure .line-child-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  z-index: 5;
}

page-new-organization-structure .line-child-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 5;
}

page-new-organization-structure .line-child-both {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

page-new-organization-structure .single-slide .swiper-wrapper {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-new-organization-structure .focus {
  border: 1.2px solid #63BEFB !important;
}

page-new-organization-structure .container-box {
  height: 200vh;
}

page-new-organization-structure .container-box .company-box {
  margin-bottom: 5px;
}

page-new-organization-structure .container-box .direct-box {
  margin-bottom: 5px;
}

page-new-organization-structure .container-box .direct-box .wrapper {
  width: 100%;
}

page-new-organization-structure .container-box .direct-box ion-slides ion-slide {
  position: relative;
  padding-top: 15px;
}

page-new-organization-structure .container-box .direct-box ion-slides ion-slide .slide-zoom {
  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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-new-organization-structure .container-box .direct-box ion-slides ion-slide .image-box {
  margin-right: 0 !important;
  position: relative;
}

page-new-organization-structure .container-box .direct-box ion-slides ion-slide .image-box image-component {
  width: 100%;
  height: 100%;
}

page-new-organization-structure .container-box .direct-box ion-slides ion-slide .image-box ion-badge {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  height: 25px;
  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: 200px;
}

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-employee-list ion-content .list-box .label-box page-onboarding-setting ion-label, page-employee-list ion-content .list-box .list-section .detail page-onboarding-setting ion-label, page-employee-spv-path ion-content .list-box .label-box page-onboarding-setting ion-label, page-employee-spv-path 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-emp-rehire ion-content .list-box .label-box page-onboarding-setting ion-label, page-emp-rehire 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-overtime-setting .introjs-fixParent {
  z-index: 99 !important;
}

page-overtime-setting-add .grid-table {
  margin-right: unset !important;
  margin-left: unset !important;
  width: unset !important;
}

page-overtime-setting-add .square {
  padding: 5px;
  border: 1px solid black;
}

page-overtime-setting-add .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-overtime-setting-add .container .list-box .list-section ion-input {
  border: 1px solid #dbdbe1;
  padding: 5px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add .container .list-box .list-section .item-inner {
  margin-left: 0em !important;
}

page-overtime-setting-add .container .list-box .list-section ion-select {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add .container .list-box .list-section ion-textarea {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add .container .list-box .list-section ion-datetime {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add .container .factory-box .factory-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  padding: 0 0 6px 0;
}

page-overtime-setting-add .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-overtime-setting-add .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

page-overtime-setting-add .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

page-overtime-setting-add .container .factory-box .factory-section .content-container button {
  margin-top: 16px;
  width: 100%;
}

page-overtime-setting-add .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-overtime-setting-add .container .factory-box .factory-section .content-container .content-box {
  margin-top: 16px;
}

page-overtime-setting-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-overtime-setting-add ion-item ion-input {
  border: 1px solid #dbdbe1;
  padding: 5px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add ion-item .item-inner {
  margin-left: 0em !important;
}

page-overtime-setting-add ion-item ion-select {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add ion-item ion-textarea {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-add ion-item ion-datetime {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-overtime-setting-edit .grid-table {
  margin-right: unset !important;
  margin-left: unset !important;
  width: unset !important;
}

page-overtime-setting-edit .square {
  padding: 5px;
  border: 1px solid black;
}

page-overtime-setting-edit .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-overtime-setting-edit .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-overtime-setting-edit .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-overtime-setting-edit .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-overtime-setting-edit .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-overtime-setting-edit .container .factory-box .factory-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  padding: 0 0 6px 0;
}

page-overtime-setting-edit .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-overtime-setting-edit .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

page-overtime-setting-edit .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

page-overtime-setting-edit .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-overtime-setting-edit .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-overtime-setting-edit .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

page-overtime-setting-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;
}

page-ovt-cancellation-detail .col-right {
  text-align: right;
}

page-ovt-cancellation-detail .data-list-request {
  margin-bottom: 0px !important;
}

page-ovt-cancellation-detail .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-ovt-cancellation-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-ovt-cancellation-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-ovt-cancellation-detail .cus-textarea {
  font-size: 1.4rem !important;
  color: #666 !important;
}

page-ovt-cancellation-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-ovt-cancellation-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-ovt-cancellation-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-ovt-cancellation-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-ovt-cancellation-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-overtime-detailsf6 .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-overtime-detailsf6 .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-overtime-detailsf6 .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-overtime-detailsf6 .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-overtime-formsf6 h2 {
  color: #F68A22;
}

page-overtime-formsf6 .upd-stat {
  color: #F68A22;
}

page-overtime-formsf6 .del-stat {
  color: #F0624D;
}

page-overtime-formsf6 .col-right {
  text-align: right;
}

page-overtime-formsf6 .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-formsf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-formsf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-formsf6 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-overtime-formsf6 ion-chip {
  height: 190px !important;
}

page-overtime-formsf6 ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-formsf6 .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-formsf6 .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-formsf6 .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-overtime-formsf6 .chip-md {
    width: 100% !important;
  }
  page-overtime-formsf6 .chip-ios {
    width: 100% !important;
  }
  page-overtime-formsf6 ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-overtime-formsf6 ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-overtime-formsf6 .chip-md {
    width: 50% !important;
  }
  page-overtime-formsf6 .chip-ios {
    width: 100% !important;
  }
}

page-overtime-formsf6 .img-preview {
  position: relative;
  display: inline-block;
}

page-overtime-formsf6 .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-overtime-formsf6 .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-overtime-history-sf6 h2 {
  color: #F68A22 !important;
}

page-overtime-history-sf6 .upd-stat {
  color: #F68A22 !important;
}

page-overtime-history-sf6 .del-stat {
  color: #F0624D !important;
}

page-overtime-history-sf6 .col-right {
  text-align: right;
}

page-overtime-history-sf6 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-overtime-history-sf6 ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-overtime-history-sf6 .text-alipsiis {
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-overtime-history-sf6 .overtime {
  color: #F68A22;
  text-overflow: ellipsis;
  overflow: hidden;
}

page-overtime-history-sf6 .skeleton-page {
  width: 100% !important;
}

page-overtime-history-sf6 .skeleton-page .overtime-box {
  width: 100% !important;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

page-overtime-history-sf6 .skeleton-page .overtime-box .left-section .alpha-skeleton {
  width: 80px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-overtime-history-sf6 .skeleton-page .overtime-box .left-section .beta-skeleton {
  width: 200px;
  height: 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-overtime-history-sf6 .skeleton-page .overtime-box .left-section .charlie-skeleton {
  width: 100px;
  height: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-overtime-history-sf6 .skeleton-page .overtime-box .right-section .delta-skeleton {
  width: 150px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-overtime-history-sf6 .skeleton-page .overtime-box .right-section .eva-skeleton {
  width: 80px;
  height: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.text-cancel {
  color: red !important;
}

.cus-textarea {
  font-size: 1.4rem !important;
  color: #666 !important;
}

page-overtime-history-detailsf6 h2 {
  color: #F68A22 !important;
}

page-overtime-history-detailsf6 .upd-stat {
  color: #F68A22 !important;
}

page-overtime-history-detailsf6 .del-stat {
  color: #F0624D !important;
}

page-overtime-history-detailsf6 .col-right {
  text-align: right;
}

page-overtime-history-detailsf6 [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-history-detailsf6 .data-list-request {
  margin-bottom: 0px !important;
}

page-overtime-history-detailsf6 .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detailsf6 .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-history-detailsf6 .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-history-detailsf6 .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detailsf6 .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-history-detailsf6 .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detailsf6 .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-overtime-history-detailsf6 .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-overtime-history-detailsf6 .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-overtime-history-detailsf6 .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-overtime-history-detailsf6 .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-overtime-history-detailsf6 .list-ios > .item-block:last-child {
  border: none;
}

page-overtime-history-detailsf6 .list-ios > .item-block:first-child {
  border: none;
}

page-overtime-history-detailsf6 .item-date .item-inner {
  margin-left: -35px !important;
}

page-overtime-history-detailsf6 .title-form-cancel {
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  -webkit-text-fill-color: red;
}

page-overtime-history-detailsf6 .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-overtime-history-detailsf6 .title-col h2 {
  display: inline-block;
}

page-overtime-history-detailsf6 .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-overtime-history-detailsf6 .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-overtime-history-detailsf6 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-overtime-history-detailsf6 .warning-box {
  padding: 16px;
  background-color: #c1f8c9;
  margin: 8px 0;
  border-radius: 16px;
}

page-overtime-history-detailsf6 .warning-box svg-icon circle, page-overtime-history-detailsf6 .warning-box svg-icon path {
  stroke: #A5B0B7;
}

page-overtime-history-detailsf6 .warning-box .detail p {
  font-size: 12px !important;
  color: #258832 !important;
  width: 100%;
}

page-overtime-history-detailsf6 .warning-box .detail ion-label {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  font-weight: bold;
}

page-overtime-list {
  height: 190px !important;
}

page-overtime-list h2 {
  color: #F68A22 !important;
}

page-overtime-list .upd-stat {
  color: #F68A22 !important;
}

page-overtime-list .del-stat {
  color: #F0624D !important;
}

page-overtime-list .col-right {
  text-align: right;
}

page-overtime-list [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-list .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-list .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-list .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-list .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-list .chip-md button {
  position: absolute;
  right: 0;
}

page-overtime-list page-overtime-list ion-chip {
  height: 190px !important;
}

page-overtime-list ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-list .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-list .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-list .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-overtime-list .chip-md {
    width: 100% !important;
  }
  page-overtime-list .chip-ios {
    width: 100% !important;
  }
  page-overtime-list page-overtime-list ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-overtime-list page-overtime-list ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-overtime-list .chip-md {
    width: 50% !important;
  }
  page-overtime-list .chip-ios {
    width: 100% !important;
  }
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton .skeleton-record {
  margin-bottom: 10px !important;
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton [class*="skeleton"] {
  margin: 4px 0;
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton .time-skeleton {
  height: 17px;
  width: 155px;
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton .item-skeleton {
  height: 14px;
  width: 120px;
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton .status-row .item-skeleton:first-child {
  width: 100px;
}

page-overtime-list page-overtime-listsf6 .ovt-skeleton .status-row .item-skeleton:nth-child(2) {
  width: 60px;
}

page-overtime-list page-overtime-listsf6 img.attach-img {
  height: 190px;
}

page-overtime-list page-overtime-listsf6 ion-chip {
  height: 190px !important;
}

page-overtime-list page-overtime-listsf6 ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-list page-overtime-listsf6 .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-list page-overtime-listsf6 .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-list page-overtime-listsf6 .chip-md button {
  position: absolute;
  right: 0;
}

page-overtime-list page-overtime-listsf6 ion-chip {
  height: 190px !important;
}

page-overtime-list page-overtime-listsf6 ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-list page-overtime-listsf6 .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-list page-overtime-listsf6 .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-list page-overtime-listsf6 .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-overtime-list page-overtime-listsf6 .chip-md {
    width: 100% !important;
  }
  page-overtime-list page-overtime-listsf6 .chip-ios {
    width: 100% !important;
  }
  page-overtime-list page-overtime-listsf6 ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-overtime-list page-overtime-listsf6 ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-overtime-list page-overtime-listsf6 .chip-md {
    width: 50% !important;
  }
  page-overtime-list page-overtime-listsf6 .chip-ios {
    width: 100% !important;
  }
}

page-overtime-list .img-preview {
  position: relative;
  display: inline-block;
}

page-overtime-list .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-overtime-list .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-overtime-list h2 {
  color: #F68A22 !important;
}

page-overtime-list .upd-stat {
  color: #F68A22 !important;
}

page-overtime-list .del-stat {
  color: #F0624D !important;
}

page-overtime-list .nochange-stat {
  color: #bdc3c7 !important;
}

page-overtime-list .col-right {
  text-align: right;
}

page-overtime-list [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-list .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-list .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-ovt-cancellation-detail-sfgo .col-right {
  text-align: right;
}

page-ovt-cancellation-detail-sfgo .data-list-request {
  margin-bottom: 0px !important;
}

page-ovt-cancellation-detail-sfgo .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail-sfgo .data-list-request ion-item .item-inner {
  border: none !important;
}

page-ovt-cancellation-detail-sfgo .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-ovt-cancellation-detail-sfgo .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail-sfgo .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-ovt-cancellation-detail-sfgo .cus-textarea {
  font-size: 1.4rem !important;
  color: #666 !important;
}

page-ovt-cancellation-detail-sfgo .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-ovt-cancellation-detail-sfgo .title-form3 {
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-ovt-cancellation-detail-sfgo .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-ovt-cancellation-detail-sfgo .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-ovt-cancellation-detail-sfgo .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-ovt-cancellation-detail-sfgo .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-overtime-detail-sfgo .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

page-overtime-detail-sfgo .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-overtime-detail-sfgo .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-overtime-detail-sfgo .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-overtime-form-sfgo h2 {
  color: #F68A22;
}

page-overtime-form-sfgo .upd-stat {
  color: #F68A22;
}

page-overtime-form-sfgo .del-stat {
  color: #F0624D;
}

page-overtime-form-sfgo .col-right {
  text-align: right;
}

page-overtime-form-sfgo .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-form-sfgo .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-form-sfgo .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-overtime-form-sfgo .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-overtime-form-sfgo ion-chip {
  height: 190px !important;
}

page-overtime-form-sfgo ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-form-sfgo .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-form-sfgo .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-form-sfgo .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-overtime-form-sfgo .chip-md {
    width: 100% !important;
  }
  page-overtime-form-sfgo .chip-ios {
    width: 100% !important;
  }
  page-overtime-form-sfgo ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-overtime-form-sfgo ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-overtime-form-sfgo .chip-md {
    width: 50% !important;
  }
  page-overtime-form-sfgo .chip-ios {
    width: 100% !important;
  }
}

page-overtime-form-sfgo ion-item .ios .select-ios,
page-overtime-form-sfgo ion-item .ios .select-md,
page-overtime-form-sfgo ion-item .md .select-ios,
page-overtime-form-sfgo ion-item .md .select-md {
  padding-left: 0px !important;
}

page-overtime-form-sfgo .img-preview {
  position: relative;
  display: inline-block;
}

page-overtime-form-sfgo .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-overtime-form-sfgo .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

.cus-textarea {
  font-size: 1.4rem !important;
  color: #666 !important;
}

page-overtime-history-detail-sfgo h2 {
  color: #F68A22 !important;
}

page-overtime-history-detail-sfgo .upd-stat {
  color: #F68A22 !important;
}

page-overtime-history-detail-sfgo .del-stat {
  color: #F0624D !important;
}

page-overtime-history-detail-sfgo .col-right {
  text-align: right;
}

page-overtime-history-detail-sfgo [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-history-detail-sfgo .data-list-request {
  margin-bottom: 0px !important;
}

page-overtime-history-detail-sfgo .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detail-sfgo .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-history-detail-sfgo .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-history-detail-sfgo .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detail-sfgo .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-history-detail-sfgo .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-history-detail-sfgo .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-overtime-history-detail-sfgo .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-overtime-history-detail-sfgo .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-overtime-history-detail-sfgo .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-overtime-history-detail-sfgo .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-overtime-history-detail-sfgo .list-ios > .item-block:last-child {
  border: none;
}

page-overtime-history-detail-sfgo .list-ios > .item-block:first-child {
  border: none;
}

page-overtime-history-detail-sfgo .item-date .item-inner {
  margin-left: -35px !important;
}

page-overtime-history-detail-sfgo .title-form-cancel {
  border-bottom: 1px solid #dedede !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  -webkit-text-fill-color: red;
}

page-overtime-history-detail-sfgo .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-overtime-history-detail-sfgo .title-col h2 {
  display: inline-block;
}

page-overtime-history-detail-sfgo .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-overtime-history-detail-sfgo .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-overtime-history-detail-sfgo 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-overtime-history-sfgo h2 {
  color: #F68A22 !important;
}

page-overtime-history-sfgo .upd-stat {
  color: #F68A22 !important;
}

page-overtime-history-sfgo .del-stat {
  color: #F0624D !important;
}

page-overtime-history-sfgo .col-right {
  text-align: right;
}

page-overtime-history-sfgo .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-overtime-history-sfgo ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-overtime-history-sfgo .text-alipsiis {
  width: 180px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-overtime-history-sfgo .overtime {
  color: #F68A22;
  text-overflow: ellipsis;
  overflow: hidden;
}

page-overtime-history-sfgo .skeleton-page {
  width: 100% !important;
}

page-overtime-history-sfgo .skeleton-page .overtime-box {
  width: 100% !important;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

page-overtime-history-sfgo .skeleton-page .overtime-box .left-section .alpha-skeleton {
  width: 80px;
  height: 20px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-overtime-history-sfgo .skeleton-page .overtime-box .left-section .beta-skeleton {
  width: 200px;
  height: 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-overtime-history-sfgo .skeleton-page .overtime-box .left-section .charlie-skeleton {
  width: 100px;
  height: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-overtime-history-sfgo .skeleton-page .overtime-box .right-section .delta-skeleton {
  width: 150px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
}

page-overtime-history-sfgo .skeleton-page .overtime-box .right-section .eva-skeleton {
  width: 80px;
  height: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.text-cancel {
  color: red !important;
}

page-overtime-list-edit h2 {
  color: #F68A22 !important;
}

page-overtime-list-edit .upd-stat {
  color: #F68A22 !important;
}

page-overtime-list-edit .del-stat {
  color: #F0624D !important;
}

page-overtime-list-edit .col-right {
  text-align: right;
}

page-overtime-list-edit [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-list-edit .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list-edit .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list-edit .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-list-edit .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list-edit .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list-edit ion-chip {
  height: 190px !important;
}

page-overtime-list-edit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

page-overtime-list-edit .attach-img {
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}

page-overtime-list-edit .chip-md {
  background: none !important;
  position: relative;
}

page-overtime-list-edit .chip-md button {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 600px) {
  page-overtime-list-edit .chip-md {
    width: 100% !important;
  }
  page-overtime-list-edit .chip-ios {
    width: 100% !important;
  }
  page-overtime-list-edit ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-overtime-list-edit ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-overtime-list-edit .chip-md {
    width: 50% !important;
  }
  page-overtime-list-edit .chip-ios {
    width: 100% !important;
  }
}

page-overtime-list-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-overtime-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-overtime-list-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-overtime-list-sfgo h2 {
  color: #F68A22 !important;
}

page-overtime-list-sfgo .upd-stat {
  color: #F68A22 !important;
}

page-overtime-list-sfgo .del-stat {
  color: #F0624D !important;
}

page-overtime-list-sfgo .nochange-stat {
  color: #bdc3c7 !important;
}

page-overtime-list-sfgo .col-right {
  text-align: right;
}

page-overtime-list-sfgo [padding] h2:first-child {
  margin-top: 0px !important;
}

page-overtime-list-sfgo .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list-sfgo .data-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-list-sfgo .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-overtime-list-sfgo .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-overtime-list-sfgo .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-overtime-reprocess-sfgo {
  contain: none !important;
}

page-overtime-reprocess-sfgo .header-mobile {
  padding: 0px;
}

page-overtime-reprocess-sfgo .close-btn {
  position: absolute;
  right: -22px;
  top: 10px;
  z-index: 99;
}

page-overtime-reprocess-sfgo .close-btn ion-icon {
  font-size: 22px;
  color: white;
}

page-overtime-reprocess-sfgo ion-header {
  background: red;
  border-bottom: 1px solid #dbdbe1;
}

page-overtime-reprocess-sfgo .header button {
  text-transform: capitalize;
}

page-overtime-reprocess-sfgo .header .period {
  margin-top: 5px;
  color: #A5B0B7 !important;
  font-size: 15px !important;
  font-family: "regular" !important;
}

page-overtime-reprocess-sfgo .left-header ion-label {
  padding: 0 12px;
}

page-overtime-reprocess-sfgo .container {
  padding: 0 16px;
  overflow: hidden;
  height: 100%;
}

page-overtime-reprocess-sfgo .container .card-box {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-overtime-reprocess-sfgo .grey-box-item ion-label {
  margin: 1.2px 0 !important;
}

page-overtime-reprocess-sfgo .full-item .item-inner {
  padding-right: 0 !important;
}

page-overtime-reprocess-sfgo .full-item .item-inner ion-label {
  margin-right: 0 !important;
}

page-overtime-reprocess-sfgo .calendar-icon:after {
  content: "\e909";
}

page-overtime-reprocess-sfgo .blue-icon {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

page-overtime-reprocess-sfgo .blue-icon button {
  padding-left: 0px;
}

page-overtime-reprocess-sfgo .blue-icon .datetime-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin: 0px 10px;
  border: none;
}

page-overtime-reprocess-sfgo .blue-icon input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0px 10px;
  max-width: calc(100% - 28px);
  border: none;
}

page-overtime-reprocess-sfgo .blue-icon::after {
  color: #F68A22;
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
}

page-overtime-reprocess-sfgo .blue-icon::after, page-overtime-reprocess-sfgo .blue-icon::after input {
  text-overflow: unset !important;
  overflow: visible !important;
}

page-overtime-reprocess-sfgo .blue-icon::after:after {
  position: unset;
}

page-overtime-reprocess-sfgo .grey-label {
  color: #BBBCBC !important;
  font-size: 1.35rem !important;
  margin: 0 10px !important;
}

page-overtime-reprocess-sfgo .full-item .item-inner {
  padding-right: 0 !important;
}

page-overtime-reprocess-sfgo .full-item .item-inner ion-label {
  margin-right: 0 !important;
}

page-payroll2 .empty_state page-no-record .img-sfmola {
  width: 100%;
  height: 100%;
}

page-payroll2 .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-payroll2 .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #3383EA !important;
}

page-payroll2 .alert ion-label.subheading {
  color: #3383EA !important;
}

page-payroll2 h5.sub {
  color: #192528 !important;
  font-size: 14px !important;
}

page-payroll2 h6.unsub {
  color: #F68A22 !important;
  font-size: 14px !important;
}

page-change-password-payslip 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;
}

page-change-password-payslip .main-background {
  width: 100%;
  height: 100%;
}

page-change-password-payslip .logo-icon {
  text-align: center;
  font-size: 20px;
  margin-top: -5%;
}

page-change-password-payslip .slide-title {
  margin-top: 0.5rem;
  color: #189dae;
  font-size: 2em !important;
}

page-change-password-payslip .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-change-password-payslip .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-change-password-payslip .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-change-password-payslip .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-change-password-payslip .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-change-password-payslip .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-change-password-payslip .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-change-password-payslip .btn-tag span {
  font-size: 1.2em !important;
}

page-change-password-payslip .eye-icon {
  margin-bottom: 7px;
}

page-change-password-payslip ion-item {
  padding-left: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-change-password-payslip ion-item ion-input.input-ion input {
  font-size: 15px !important;
  min-width: 100%;
  margin: 10px 0;
  color: #333333 !important;
}

page-change-password-payslip .form-border {
  border-bottom: 1.5px solid #dbdbe1 !important;
}

page-pay-slip-detail .name-employee h2 {
  color: #F68A22;
}

page-pay-slip-detail .pay-slip-detail {
  text-align: center;
}

page-pay-slip-detail .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

page-pay-slip-detail .pay-slip-detail p {
  font-size: 12pt;
}

page-pay-slip-detail .pay-slip-detail h2.grey {
  color: #808080;
}

page-pay-slip-detail h2.title {
  color: #F68A22 !important;
}

page-pay-slip-detail .titlex {
  color: #63BEFB !important;
}

page-pay-slip-detail .titles {
  color: #F68A22 !important;
}

page-pay-slip-detail [col-4] h2, page-pay-slip-detail [col-4] p, page-pay-slip-detail [col-2] h2, page-pay-slip-detail [col-2] p {
  text-align: right !important;
}

page-pay-slip-detail p.notes {
  opacity: 0.5;
}

page-pay-slip-detail .download-icon {
  color: black;
  font-size: 18pt;
}

page-pay-slip-detail .text-ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-pay-slip-detail .table-section {
  padding: 0px 16px;
  border-bottom: 1px solid #A5B0B7;
  margin-bottom: 8px;
  padding-bottom: 16px;
}

page-pay-slip-detail .table-section table {
  width: 100%;
}

page-pay-slip-detail .table-section table tr td p {
  margin: 0;
  padding: 0;
}

page-pay-slip-detail .table-section table tr td:first-child {
  padding-bottom: 5px;
  vertical-align: top;
}

page-pay-slip-detail .table-section table tr td:nth-child(2) {
  width: 40px;
  vertical-align: top;
}

page-pay-slip-detail .table-section table tr td:last-child {
  text-align: right;
  vertical-align: top;
}

page-pay-slip-detail-id .header-pay-slip {
  margin-bottom: -2%;
}

page-pay-slip-detail-id .name-employee h2 {
  color: #F68A22;
}

page-pay-slip-detail-id .pay-slip-detail {
  text-align: center;
}

page-pay-slip-detail-id .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

page-pay-slip-detail-id .pay-slip-detail p {
  font-size: 12pt;
}

page-pay-slip-detail-id .pay-slip-detail h2.grey {
  color: #808080;
}

page-pay-slip-detail-id h2.title {
  color: #F68A22 !important;
}

page-pay-slip-detail-id .titlex {
  color: #63BEFB !important;
}

page-pay-slip-detail-id .titles {
  color: #F68A22 !important;
}

page-pay-slip-detail-id [col-4] h2, page-pay-slip-detail-id [col-4] p, page-pay-slip-detail-id [col-2] h2, page-pay-slip-detail-id [col-2] p {
  text-align: right !important;
}

page-pay-slip-detail-id p.notes {
  opacity: 0.5;
}

page-pay-slip-detail-id .download-icon {
  color: black;
  font-size: 18pt;
}

page-pay-slip-detail-id .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-pay-slip-detail-my .header-pay-slip {
  margin-bottom: -2%;
}

page-pay-slip-detail-my .name-employee h2 {
  color: #F68A22;
}

page-pay-slip-detail-my .pay-slip-detail {
  text-align: center;
}

page-pay-slip-detail-my .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

page-pay-slip-detail-my .pay-slip-detail p {
  font-size: 12pt;
}

page-pay-slip-detail-my .pay-slip-detail h2.grey {
  color: #808080;
}

page-pay-slip-detail-my h2.title {
  color: #F68A22 !important;
}

page-pay-slip-detail-my .titlex {
  color: #63BEFB !important;
}

page-pay-slip-detail-my .titles {
  color: #F68A22 !important;
}

page-pay-slip-detail-my [col-4] h2, page-pay-slip-detail-my [col-4] p, page-pay-slip-detail-my [col-2] h2, page-pay-slip-detail-my [col-2] p {
  text-align: right !important;
}

page-pay-slip-detail-my p.notes {
  opacity: 0.5;
}

page-pay-slip-detail-my .download-icon {
  color: black;
  font-size: 18pt;
}

page-pay-slip-detail-my .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-pay-slip-detail-ph .header-pay-slip {
  margin-bottom: -2%;
}

page-pay-slip-detail-ph .name-employee h2 {
  color: #F68A22;
}

page-pay-slip-detail-ph .pay-slip-detail {
  text-align: center;
}

page-pay-slip-detail-ph .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

page-pay-slip-detail-ph .pay-slip-detail p {
  font-size: 12pt;
}

page-pay-slip-detail-ph .pay-slip-detail h2.grey {
  color: #808080;
}

page-pay-slip-detail-ph h2.title {
  color: #F68A22 !important;
}

page-pay-slip-detail-ph .titlex {
  color: #63BEFB !important;
}

page-pay-slip-detail-ph .titles {
  color: #F68A22 !important;
}

page-pay-slip-detail-ph [col-4] h2, page-pay-slip-detail-ph [col-4] p, page-pay-slip-detail-ph [col-2] h2, page-pay-slip-detail-ph [col-2] p {
  text-align: right !important;
}

page-pay-slip-detail-ph p.notes {
  opacity: 0.5;
}

page-pay-slip-detail-ph .download-icon {
  color: black;
  font-size: 18pt;
}

page-pay-slip-detail-ph .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-pay-slip-detail-th .header-pay-slip {
  margin-bottom: -2%;
}

page-pay-slip-detail-th .name-employee h2 {
  color: #F68A22;
}

page-pay-slip-detail-th .pay-slip-detail {
  text-align: center;
}

page-pay-slip-detail-th .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

page-pay-slip-detail-th .pay-slip-detail p {
  font-size: 12pt;
}

page-pay-slip-detail-th .pay-slip-detail h2.grey {
  color: #808080;
}

page-pay-slip-detail-th h2.title {
  color: #F68A22 !important;
}

page-pay-slip-detail-th .titlex {
  color: #63BEFB !important;
}

page-pay-slip-detail-th .titles {
  color: #F68A22 !important;
}

page-pay-slip-detail-th [col-4] h2, page-pay-slip-detail-th [col-4] p, page-pay-slip-detail-th [col-2] h2, page-pay-slip-detail-th [col-2] p {
  text-align: right !important;
}

page-pay-slip-detail-th p.notes {
  opacity: 0.5;
}

page-pay-slip-detail-th .download-icon {
  color: black;
  font-size: 18pt;
}

page-pay-slip-detail-th .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-pay-slip-pass [heading] {
  font-size: 16px !important;
  font-weight: bold !important;
}

page-pay-slip-pass .content {
  padding: 24px 16px;
  background: white;
  border-radius: 5px;
  -webkit-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}

page-pay-slip-pass .content .pass {
  border: 1px solid #dbdbe1;
  margin-bottom: 10px;
}

page-pay-slip-pass .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

payslip-custom-detail .name-employee h2 {
  color: #F68A22;
}

payslip-custom-detail .pay-slip-detail {
  text-align: center;
}

payslip-custom-detail .pay-slip-detail h2 {
  color: #F68A22;
  font-size: 18pt;
  line-height: 2em;
}

payslip-custom-detail .pay-slip-detail p {
  font-size: 12pt;
}

payslip-custom-detail .pay-slip-detail h2.grey {
  color: #808080;
}

payslip-custom-detail h2.title {
  color: #F68A22 !important;
}

payslip-custom-detail .titlex {
  color: #63BEFB !important;
}

payslip-custom-detail .titles {
  color: #F68A22 !important;
}

payslip-custom-detail [col-4] h2,
payslip-custom-detail [col-4] p,
payslip-custom-detail [col-2] h2,
payslip-custom-detail [col-2] p {
  text-align: right !important;
}

payslip-custom-detail p.notes {
  opacity: 0.5;
}

payslip-custom-detail .download-icon {
  color: white;
  font-size: 18pt;
  font-weight: bold;
}

payslip-custom-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

payslip-custom-detail .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;
}

payslip-custom-detail .progressbar ion-content {
  background-color: #febe38 !important;
}

payslip-custom-detail .progressbar ion-content .content img {
  margin-bottom: 5px;
}

payslip-custom-detail .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;
}

payslip-custom-detail .progressbar ion-content .content .backgroound-bar .bar {
  width: 0%;
  height: 10px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  position: absolute;
}

payslip-custom-detail .progressbar ion-content .content .text {
  color: white !important;
  font-size: 20px !important;
  margin-top: 35px;
}

page-performance-evaluation 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-performance-evaluation 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-performance-evaluation ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-evaluation 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-performance-evaluation .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-evaluation .claimdetail [disabled] {
  opacity: 1;
}

page-performance-evaluation .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-evaluation .cus-disabled {
  opacity: 1;
}

page-performance-evaluation .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-evaluation .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-evaluation .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-evaluation .text-ket {
  text-align: right;
}

page-performance-evaluation p {
  color: #909090 !important;
}

page-performance-evaluation p span {
  font-size: 1.4rem !important;
}

page-performance-evaluation .red {
  -webkit-text-fill-color: red;
}

page-performance-evaluation .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-performance-evaluation .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-evaluation .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-evaluation .light-grey {
  color: #7f7f7f !important;
}

page-performance-evaluation .selected {
  background-color: #e3f5ff;
}

page-performance-evaluation .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-evaluation .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-evaluation .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation .title-col h2 {
  display: inline-block;
}

page-performance-evaluation .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-evaluation .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-evaluation .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-performance-evaluation .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-evaluation .align-left {
  float: left !important;
}

page-performance-evaluation .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-evaluation .col-right {
  text-align: right;
}

page-performance-evaluation .align-center {
  float: center !important;
}

page-performance-evaluation span {
  font-size: 12px !important;
}

page-performance-evaluation .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-evaluation [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-evaluation .skeleton-box .left,
page-performance-evaluation .skeleton-box .right {
  width: 100%;
}

page-performance-evaluation .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-evaluation .status-right {
  text-align: right !important;
  padding-right: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-empdetail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-empdetail .title-col h2 {
  display: inline-block;
}

page-performance-evaluation-empdetail .ion-item1 .item-inner {
  border: none !important;
}

page-performance-evaluation-empdetail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-evaluation-empdetail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-evaluation-form ion-content .scroll-content {
  margin-top: 150px !important;
}

page-performance-evaluation-form ion-content .fixed-container {
  pointer-events: auto;
  top: 0.5px;
  background-color: #f2f5f8;
  -webkit-box-shadow: transparent 0px 2px 2px 0px;
  box-shadow: transparent 0px 2px 2px 0px;
  -webkit-transition: -webkit-box-shadow 250ms ease 0s;
  transition: -webkit-box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s;
  min-height: 1px;
  width: 100%;
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-evaluation-form ion-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-performance-evaluation-form ion-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

page-performance-evaluation-form ion-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;
}

page-performance-evaluation-form ion-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

page-performance-evaluation-form ion-content .fixed-container [add-button]:hover {
  background: #3498db;
}

page-performance-evaluation-form ion-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);
}

page-performance-evaluation-form ion-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-performance-evaluation-form ion-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-performance-evaluation-form ion-content .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-evaluation-form ion-content .gdx-container .list-status .status-left {
  float: left;
}

page-performance-evaluation-form ion-content .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-evaluation-form ion-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-performance-evaluation-form ion-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-performance-evaluation-form ion-content .gdx-container .cta-transparent {
  background: none;
}

page-performance-evaluation-form ion-content .gdx-container .cta-transparent div[cta-buttons]::before,
page-performance-evaluation-form ion-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-performance-evaluation-form ion-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;
}

page-performance-evaluation-form ion-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-performance-evaluation-form ion-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-performance-evaluation-form ion-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-performance-evaluation-form ion-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-performance-evaluation-form ion-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-performance-evaluation-form ion-content .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-evaluation-form ion-content .gdx-container ion-textarea {
  border: solid 1px red;
}

page-performance-evaluation-form ion-content .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-evaluation-form ion-content .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-evaluation-form ion-header {
  background-color: #F68A22;
}

page-performance-evaluation-form 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-performance-evaluation-form 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-performance-evaluation-form ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-evaluation-form 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-performance-evaluation-form .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-evaluation-form .claimdetail [disabled] {
  opacity: 1;
}

page-performance-evaluation-form .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-evaluation-form .cus-disabled {
  opacity: 1;
}

page-performance-evaluation-form .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-evaluation-form .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-evaluation-form .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-evaluation-form .text-ket {
  text-align: right;
}

page-performance-evaluation-form p {
  color: #909090 !important;
}

page-performance-evaluation-form p span {
  font-size: 1.4rem !important;
}

page-performance-evaluation-form .red {
  -webkit-text-fill-color: red;
}

page-performance-evaluation-form .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-performance-evaluation-form .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-evaluation-form .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-evaluation-form .light-grey {
  color: #7f7f7f !important;
}

page-performance-evaluation-form .selected {
  background-color: #e3f5ff;
}

page-performance-evaluation-form .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-evaluation-form .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-evaluation-form .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-form .title-col h2 {
  display: inline-block;
}

page-performance-evaluation-form .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-evaluation-form .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-evaluation-form .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-performance-evaluation-form .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-evaluation-form .align-left {
  float: left !important;
}

page-performance-evaluation-form .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-evaluation-form .col-right {
  text-align: right;
}

page-performance-evaluation-form .align-center {
  float: center !important;
}

page-performance-evaluation-form span {
  font-size: 12px !important;
}

page-performance-evaluation-form .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-evaluation-form [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-evaluation-form .skeleton-box .left,
page-performance-evaluation-form .skeleton-box .right {
  width: 100%;
}

page-performance-evaluation-form .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-form .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-form .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-form .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-evaluation-form .balance-history .benefit-setting {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 32px;
}

page-performance-evaluation-form .balance-history ion-label {
  font-family: 'regular' !important;
  color: black !important;
  margin: 0;
  font-size: 1.2em !important;
}

page-performance-evaluation-form .balance-history img {
  width: 32px;
  height: 30px;
}

page-performance-evaluation-form .total-weight {
  color: #F68A22;
  margin-left: 15px;
  margin-bottom: 15px;
}

page-performance-evaluation-form .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-evaluation-form ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-evaluation-form .team-card .profile {
  max-height: 90px !important;
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-performance-evaluation-form .team-card .profile .full-name {
  padding-left: 10px;
  text-align: left !important;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-form .team-card .profile .position-job {
  padding-left: 10px;
  text-align: left !important;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-form .team-card .profile .seedetail {
  padding-left: 10px;
  text-align: left !important;
  font-size: 10px;
}

page-performance-evaluation-form .score-right-score {
  text-align: center !important;
  text-justify: auto !important;
  font-size: 25px;
}

page-performance-evaluation-form .score-right-conclusion {
  text-align: center !important;
  font-size: 14px;
}

page-performance-evaluation-form .div-content {
  position: relative;
  overflow: hidden;
  padding: 0px 8px;
}

page-performance-evaluation-form .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
  margin: 5px 0px 5px 0px !important;
}

page-performance-evaluation-form .div-content h2 {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #192528 !important;
}

page-performance-evaluation-form .div-content p {
  font-size: 10px !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #A5B0B7 !important;
}

page-performance-evaluation-form .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px 0px 7px 7px !important;
  text-align: right !important;
}

page-performance-evaluation-form .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 2px 7px 7px !important;
  text-align: right !important;
}

page-performance-evaluation-form .div-content .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-evaluation-form .div-content .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-performance-evaluation-form .div-content ion-badge.status-green {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #28a745;
  font-weight: 500;
  border: 1px solid #28a745;
  color: white !important;
}

page-performance-evaluation-form .div-content ion-badge.status-yellow {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #ffc107;
  font-weight: 500;
  border: 1px solid #ffc107;
  color: white !important;
}

page-performance-evaluation-form .div-content ion-badge.status-red {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #dc3545;
  font-weight: 500;
  border: 1px solid #dc3545;
  color: white !important;
}

page-performance-evaluation-form page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-performance-evaluation-form .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-evaluation-form .list-status .status-left {
  float: left;
}

page-performance-evaluation-form .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-evaluation-form .styleMaxWidth {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-evaluation-history h2 {
  color: #F68A22 !important;
}

page-performance-evaluation-history .upd-stat {
  color: #F68A22 !important;
}

page-performance-evaluation-history .del-stat {
  color: #F0624D !important;
}

page-performance-evaluation-history .col-right {
  text-align: right;
}

page-performance-evaluation-history .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-performance-evaluation-history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-performance-evaluation-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-performance-evaluation-history .leave-status {
  color: #bdc3c7 !important;
}

page-performance-evaluation-history .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-performance-evaluation-history .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-performance-evaluation-history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-evaluation-history .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-evaluation-history .list-ios > .item-block:last-child {
  border: none;
}

page-performance-evaluation-history .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-performance-evaluation-history .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-performance-evaluation-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-performance-evaluation-history .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-evaluation-history .title-col h2 {
  display: inline-block;
}

page-performance-evaluation-history .div-multi-request ion-col {
  padding: 0px !important;
}

page-performance-evaluation-history .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-performance-evaluation-history .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-performance-evaluation-history page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-performance-evaluation-history ion-scroll {
  height: 200px;
}

page-performance-evaluation-history ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-performance-evaluation-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-performance-evaluation-history .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-performance-evaluation-history .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-performance-evaluation-history .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-performance-evaluation-history .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-performance-evaluation-history .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-performance-evaluation-history .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-performance-evaluation-history .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-performance-evaluation-history .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-performance-evaluation-history .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-performance-evaluation-history .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-performance-evaluation-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-performance-evaluation-history .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-performance-evaluation-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-performance-evaluation-history .skeleton-box .left,
page-performance-evaluation-history .skeleton-box .right {
  width: 100%;
}

page-performance-evaluation-history .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-history .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-history .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-evaluation-history .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-evaluation-modal .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-evaluation-modal .upd-stat {
  color: #F68A22 !important;
}

page-performance-evaluation-modal .del-stat {
  color: #F0624D !important;
}

page-performance-evaluation-modal .col-right {
  text-align: right;
}

page-performance-evaluation-modal .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal small {
  color: #999 !important;
}

page-performance-evaluation-modal .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-evaluation-modal .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-evaluation-modal .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-evaluation-modal .form-section {
  margin-bottom: 16px;
}

page-performance-evaluation-modal .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-evaluation-modal .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-evaluation-modal ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-evaluation-modal .close {
  text-align: right;
}

page-performance-evaluation-modal .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-evaluation-modal .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-evaluation-modal .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-evaluation-modal .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-evaluation-modal .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-evaluation-modal .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-performance-evaluation-modal .question-div .question-stars {
  margin-top: 5px;
  padding: 5px;
}

page-performance-evaluation-modal .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal .question-div .question-stars .stars-container {
  padding-top: 10px;
}

page-performance-evaluation-modal .question-div .question-stars .stars-container ion-col {
  padding: 15px;
}

page-performance-evaluation-modal .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-performance-evaluation-modal .question-div .question-stars ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal .question-div .question-stars ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal .question-div .question-stars ion-input {
  margin-top: 15px;
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal .question-div ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal .question-div ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal .question-div ion-input {
  margin-top: 15px;
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal .question-div .weighted-score {
  text-align: center !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;
  float: center !important;
}

page-performance-evaluation-modal .question-div .star-check {
  color: #e6ae37 !important;
}

page-performance-evaluation-modal .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal .question-div .question-comment ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal .question-div .question-selectbox {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal .question-div .question-selectbox ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal .question-div .question-selectbox p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal .outRangeLabel {
  color: #d02102 !important;
}

page-performance-evaluation-modal-listquestion360 .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-listquestion360 [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-evaluation-modal-listquestion360 .upd-stat {
  color: #F68A22 !important;
}

page-performance-evaluation-modal-listquestion360 .del-stat {
  color: #F0624D !important;
}

page-performance-evaluation-modal-listquestion360 .col-right {
  text-align: right;
}

page-performance-evaluation-modal-listquestion360 .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-listquestion360 small {
  color: #999 !important;
}

page-performance-evaluation-modal-listquestion360 .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-listquestion360 .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-evaluation-modal-listquestion360 .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-evaluation-modal-listquestion360 .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-evaluation-modal-listquestion360 .form-section {
  margin-bottom: 16px;
}

page-performance-evaluation-modal-listquestion360 .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-evaluation-modal-listquestion360 .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-evaluation-modal-listquestion360 ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-evaluation-modal-listquestion360 .close {
  text-align: right;
}

page-performance-evaluation-modal-listquestion360 .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-evaluation-modal-listquestion360 .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-evaluation-modal-listquestion360 .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-evaluation-modal-listquestion360 .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-evaluation-modal-listquestion360 .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-evaluation-modal-listquestion360 .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars .stars-container {
  padding-top: 30px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-stars ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-listquestion360 .question-div .star-check {
  color: #e6ae37 !important;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-comment ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-selectbox {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-selectbox ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-listquestion360 .question-div .question-selectbox p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-question360 .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-question360 .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-question360 [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-evaluation-modal-question360 .upd-stat {
  color: #F68A22 !important;
}

page-performance-evaluation-modal-question360 .del-stat {
  color: #F0624D !important;
}

page-performance-evaluation-modal-question360 .col-right {
  text-align: right;
}

page-performance-evaluation-modal-question360 .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-question360 small {
  color: #999 !important;
}

page-performance-evaluation-modal-question360 .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-question360 .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-evaluation-modal-question360 .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-evaluation-modal-question360 .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-evaluation-modal-question360 .form-section {
  margin-bottom: 16px;
}

page-performance-evaluation-modal-question360 .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-evaluation-modal-question360 .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-evaluation-modal-question360 ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-evaluation-modal-question360 .close {
  text-align: right;
}

page-performance-evaluation-modal-question360 .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-evaluation-modal-question360 .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-evaluation-modal-question360 .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-evaluation-modal-question360 .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-evaluation-modal-question360 .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-evaluation-modal-question360 .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-performance-evaluation-modal-question360 .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-question360 .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-question360 .question-div .question-stars .stars-container {
  padding-top: 30px;
}

page-performance-evaluation-modal-question360 .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-performance-evaluation-modal-question360 .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-performance-evaluation-modal-question360 .question-div .question-stars ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-question360 .question-div .question-stars ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-question360 .question-div .star-check {
  color: #e6ae37 !important;
}

page-performance-evaluation-modal-question360 .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-question360 .question-div .question-comment ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-question360 .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-question360 .question-div .question-selectbox {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-question360 .question-div .question-selectbox ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-question360 .question-div .question-selectbox p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-taskfeedback .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-taskfeedback [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-evaluation-modal-taskfeedback .upd-stat {
  color: #F68A22 !important;
}

page-performance-evaluation-modal-taskfeedback .del-stat {
  color: #F0624D !important;
}

page-performance-evaluation-modal-taskfeedback .col-right {
  text-align: right;
}

page-performance-evaluation-modal-taskfeedback .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-taskfeedback small {
  color: #999 !important;
}

page-performance-evaluation-modal-taskfeedback .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-evaluation-modal-taskfeedback .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-evaluation-modal-taskfeedback .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-evaluation-modal-taskfeedback .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-evaluation-modal-taskfeedback .form-section {
  margin-bottom: 16px;
}

page-performance-evaluation-modal-taskfeedback .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-evaluation-modal-taskfeedback .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-evaluation-modal-taskfeedback ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-evaluation-modal-taskfeedback .close {
  text-align: right;
}

page-performance-evaluation-modal-taskfeedback .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-evaluation-modal-taskfeedback .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-evaluation-modal-taskfeedback .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-evaluation-modal-taskfeedback .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-evaluation-modal-taskfeedback .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-evaluation-modal-taskfeedback .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars .stars-container {
  padding-top: 30px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-stars ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-taskfeedback .question-div .star-check {
  color: #e6ae37 !important;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-comment ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-selectbox {
  margin-top: 15px;
  padding: 16px;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-selectbox ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-performance-evaluation-modal-taskfeedback .question-div .question-selectbox p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-performance-evaluation-notes .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-performance-evaluation-notes .header-md::after {
  background-image: none !important;
}

page-performance-evaluation-notes ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-performance-evaluation-notes 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-performance-evaluation-notes ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-performance-evaluation-notes ion-header ion-item ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-evaluation-notes ion-header .name {
  font-size: 1.8rem;
}

page-performance-evaluation-notes ion-header .date {
  font-size: 1.5rem;
}

page-performance-evaluation-notes ion-header img {
  width: 24px;
  height: 24px;
}

page-performance-evaluation-notes ion-header button.back-button {
  color: #f4f4f4;
}

page-performance-evaluation-notes ion-header .hide-header {
  top: -56px !important;
}

page-performance-evaluation-notes ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-performance-evaluation-notes .content {
  height: 100%;
  pointer-events: none;
}

page-performance-evaluation-notes .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;
}

page-performance-evaluation-notes .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;
}

page-performance-evaluation-notes .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-performance-evaluation-notes .content .box-frame .profile-section {
  text-align: center;
}

page-performance-evaluation-notes .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-performance-evaluation-notes .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-evaluation-notes .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-evaluation-notes .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;
}

page-performance-evaluation-notes .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-performance-evaluation-notes .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-performance-evaluation-notes .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-performance-evaluation-notes .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-performance-evaluation-notes .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-performance-evaluation-reviewer .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-performance-evaluation-reviewer .header-md::after {
  background-image: none !important;
}

page-performance-evaluation-reviewer ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-performance-evaluation-reviewer 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-performance-evaluation-reviewer ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-performance-evaluation-reviewer ion-header .name {
  font-size: 1.8rem;
}

page-performance-evaluation-reviewer ion-header .date {
  font-size: 1.5rem;
}

page-performance-evaluation-reviewer ion-header img {
  width: 24px;
  height: 24px;
}

page-performance-evaluation-reviewer ion-header button.back-button {
  color: #f4f4f4;
}

page-performance-evaluation-reviewer ion-header .hide-header {
  top: -56px !important;
}

page-performance-evaluation-reviewer ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-performance-evaluation-reviewer .content {
  height: 100%;
  pointer-events: none;
}

page-performance-evaluation-reviewer .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;
}

page-performance-evaluation-reviewer .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;
}

page-performance-evaluation-reviewer .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-performance-evaluation-reviewer .content .box-frame .profile-section {
  text-align: center;
}

page-performance-evaluation-reviewer .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-performance-evaluation-reviewer .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-evaluation-reviewer .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-evaluation-reviewer .content .box-frame .profile-section .title-label {
  text-align: left;
  color: #F68A22 !important;
}

page-performance-evaluation-reviewer .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;
}

page-performance-evaluation-reviewer .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-performance-evaluation-reviewer .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-performance-evaluation-reviewer .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-performance-evaluation-reviewer .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-performance-evaluation-reviewer .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-performance-monitoring 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-performance-monitoring 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-performance-monitoring ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-monitoring 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-performance-monitoring .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-monitoring .claimdetail [disabled] {
  opacity: 1;
}

page-performance-monitoring .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-monitoring .cus-disabled {
  opacity: 1;
}

page-performance-monitoring .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-monitoring .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-monitoring .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-monitoring .text-ket {
  text-align: right;
}

page-performance-monitoring p {
  color: #909090 !important;
}

page-performance-monitoring p span {
  font-size: 1.4rem !important;
}

page-performance-monitoring .red {
  -webkit-text-fill-color: red;
}

page-performance-monitoring .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-performance-monitoring .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-monitoring .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-monitoring .light-grey {
  color: #7f7f7f !important;
}

page-performance-monitoring .selected {
  background-color: #e3f5ff;
}

page-performance-monitoring .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-monitoring .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-monitoring .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring .title-col h2 {
  display: inline-block;
}

page-performance-monitoring .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-monitoring .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-monitoring .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-performance-monitoring .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-monitoring .align-left {
  float: left !important;
}

page-performance-monitoring .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-monitoring .col-right {
  text-align: right;
}

page-performance-monitoring .align-center {
  float: center !important;
}

page-performance-monitoring span {
  font-size: 12px !important;
}

page-performance-monitoring .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-monitoring [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-monitoring .skeleton-box .left,
page-performance-monitoring .skeleton-box .right {
  width: 100%;
}

page-performance-monitoring .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-monitoring .status-right {
  text-align: right !important;
  padding-right: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-emp-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-emp-detail .title-col h2 {
  display: inline-block;
}

page-performance-monitoring-emp-detail .ion-item1 .item-inner {
  border: none !important;
}

page-performance-monitoring-emp-detail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-emp-detail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-form ion-content .scroll-content {
  margin-top: 150px !important;
}

page-performance-monitoring-form ion-content .fixed-container {
  pointer-events: auto;
  top: 0.5px;
  background-color: #f2f5f8;
  -webkit-box-shadow: transparent 0px 2px 2px 0px;
  box-shadow: transparent 0px 2px 2px 0px;
  -webkit-transition: -webkit-box-shadow 250ms ease 0s;
  transition: -webkit-box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s;
  min-height: 1px;
  width: 100%;
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-monitoring-form ion-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-performance-monitoring-form ion-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

page-performance-monitoring-form ion-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;
}

page-performance-monitoring-form ion-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

page-performance-monitoring-form ion-content .fixed-container [add-button]:hover {
  background: #3498db;
}

page-performance-monitoring-form ion-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);
}

page-performance-monitoring-form ion-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-performance-monitoring-form ion-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-performance-monitoring-form ion-content .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-monitoring-form ion-content .gdx-container .list-status .status-left {
  float: left;
}

page-performance-monitoring-form ion-content .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-monitoring-form ion-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-performance-monitoring-form ion-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-performance-monitoring-form ion-content .gdx-container .cta-transparent {
  background: none;
}

page-performance-monitoring-form ion-content .gdx-container .cta-transparent div[cta-buttons]::before,
page-performance-monitoring-form ion-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-performance-monitoring-form ion-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;
}

page-performance-monitoring-form ion-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-performance-monitoring-form ion-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-performance-monitoring-form ion-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-performance-monitoring-form ion-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-performance-monitoring-form ion-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-performance-monitoring-form ion-content .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-monitoring-form ion-content .gdx-container ion-textarea {
  border: solid 1px red;
}

page-performance-monitoring-form ion-content .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-form ion-content .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-form ion-header {
  background-color: #F68A22;
}

page-performance-monitoring-form 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-performance-monitoring-form 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-performance-monitoring-form ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-monitoring-form 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-performance-monitoring-form .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-monitoring-form .claimdetail [disabled] {
  opacity: 1;
}

page-performance-monitoring-form .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-monitoring-form .cus-disabled {
  opacity: 1;
}

page-performance-monitoring-form .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-monitoring-form .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-monitoring-form .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-monitoring-form .text-ket {
  text-align: right;
}

page-performance-monitoring-form p {
  color: #909090 !important;
}

page-performance-monitoring-form p span {
  font-size: 1.4rem !important;
}

page-performance-monitoring-form .red {
  -webkit-text-fill-color: red;
}

page-performance-monitoring-form .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-performance-monitoring-form .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-monitoring-form .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-monitoring-form .light-grey {
  color: #7f7f7f !important;
}

page-performance-monitoring-form .selected {
  background-color: #e3f5ff;
}

page-performance-monitoring-form .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-monitoring-form .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-monitoring-form .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-form .title-col h2 {
  display: inline-block;
}

page-performance-monitoring-form .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-monitoring-form .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-monitoring-form .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-performance-monitoring-form .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-monitoring-form .align-left {
  float: left !important;
}

page-performance-monitoring-form .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-monitoring-form .col-right {
  text-align: right;
}

page-performance-monitoring-form .align-center {
  float: center !important;
}

page-performance-monitoring-form span {
  font-size: 12px !important;
}

page-performance-monitoring-form .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-monitoring-form [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-monitoring-form .skeleton-box .left,
page-performance-monitoring-form .skeleton-box .right {
  width: 100%;
}

page-performance-monitoring-form .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-form .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-form .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-form .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-monitoring-form .balance-history .benefit-setting {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 32px;
}

page-performance-monitoring-form .balance-history ion-label {
  font-family: 'regular' !important;
  color: black !important;
  margin: 0;
  font-size: 1.2em !important;
}

page-performance-monitoring-form .balance-history img {
  width: 32px;
  height: 30px;
}

page-performance-monitoring-form .total-weight {
  color: #F68A22;
  margin-left: 15px;
  margin-bottom: 15px;
}

page-performance-monitoring-form .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-form ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-form .team-card .profile {
  max-height: 90px !important;
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-performance-monitoring-form .team-card .profile .full-name {
  padding-left: 10px;
  text-align: left !important;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-form .team-card .profile .position-job {
  padding-left: 10px;
  text-align: left !important;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-form .team-card .profile .seedetail {
  padding-left: 10px;
  text-align: left !important;
  font-size: 10px;
}

page-performance-monitoring-form .score-right-score {
  text-align: center !important;
  text-justify: auto !important;
  font-size: 25px;
}

page-performance-monitoring-form .score-right-conclusion {
  text-align: center !important;
  font-size: 14px;
}

page-performance-monitoring-form .div-content {
  position: relative;
  overflow: hidden;
  padding: 0px 8px;
}

page-performance-monitoring-form .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
  margin: 5px 0px 5px 0px !important;
}

page-performance-monitoring-form .div-content h2 {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #192528 !important;
}

page-performance-monitoring-form .div-content p {
  font-size: 10px !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #A5B0B7 !important;
}

page-performance-monitoring-form .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px 0px 7px 7px !important;
  text-align: right !important;
}

page-performance-monitoring-form .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 2px 7px 7px !important;
  text-align: right !important;
}

page-performance-monitoring-form .div-content .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-monitoring-form .div-content .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-performance-monitoring-form .div-content ion-badge.status-green {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #28a745;
  font-weight: 500;
  border: 1px solid #28a745;
  color: white !important;
}

page-performance-monitoring-form .div-content ion-badge.status-yellow {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #ffc107;
  font-weight: 500;
  border: 1px solid #ffc107;
  color: white !important;
}

page-performance-monitoring-form .div-content ion-badge.status-red {
  padding: 6px 14px;
  border-radius: 100px;
  background-color: #dc3545;
  font-weight: 500;
  border: 1px solid #dc3545;
  color: white !important;
}

page-performance-monitoring-form page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-performance-monitoring-form .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-monitoring-form .list-status .status-left {
  float: left;
}

page-performance-monitoring-form .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-monitoring-form .status-category .depth1 {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-category .depth2 {
  margin-left: 25px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-category .depth3 {
  margin-left: 30px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-category .depth4 {
  margin-left: 35px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-category .part {
  font-weight: bold;
}

page-performance-monitoring-form .status-item .depth1 {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-item .depth2 {
  margin-left: 25px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-item .depth3 {
  margin-left: 30px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-item .depth4 {
  margin-left: 35px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-form .status-item .part-item {
  font-weight: normal;
}

page-performance-monitoring-modal .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-monitoring-modal [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-monitoring-modal .upd-stat {
  color: #F68A22 !important;
}

page-performance-monitoring-modal .del-stat {
  color: #F0624D !important;
}

page-performance-monitoring-modal .col-right {
  text-align: right;
}

page-performance-monitoring-modal .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-monitoring-modal small {
  color: #999 !important;
}

page-performance-monitoring-modal .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-monitoring-modal .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-monitoring-modal .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-monitoring-modal .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-monitoring-modal .form-section {
  margin-bottom: 16px;
}

page-performance-monitoring-modal .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-monitoring-modal .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-monitoring-modal ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-monitoring-modal .close {
  text-align: right;
}

page-performance-monitoring-modal .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-monitoring-modal .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-monitoring-modal .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-monitoring-modal .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-monitoring-modal .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-monitoring-modal ion-select {
  padding: 0px 0px 0px 0px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  max-width: 180px !important;
  background-color: white;
  font-size: 1.0em !important;
}

page-performance-monitoring-modal .form-section {
  margin-bottom: 16px;
}

page-performance-monitoring-modal .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-monitoring-modal .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-monitoring-modal button {
  max-width: 100%;
  font-size: 15px;
}

page-performance-monitoring-modal .ion-item1 .item-inner {
  border: none !important;
}

page-performance-monitoring-notes .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-performance-monitoring-notes .header-md::after {
  background-image: none !important;
}

page-performance-monitoring-notes ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-performance-monitoring-notes 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-performance-monitoring-notes ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-performance-monitoring-notes ion-header ion-item ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-monitoring-notes ion-header .name {
  font-size: 1.8rem;
}

page-performance-monitoring-notes ion-header .date {
  font-size: 1.5rem;
}

page-performance-monitoring-notes ion-header img {
  width: 24px;
  height: 24px;
}

page-performance-monitoring-notes ion-header button.back-button {
  color: #f4f4f4;
}

page-performance-monitoring-notes ion-header .hide-header {
  top: -56px !important;
}

page-performance-monitoring-notes ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-performance-monitoring-notes .content {
  height: 100%;
  pointer-events: none;
}

page-performance-monitoring-notes .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;
}

page-performance-monitoring-notes .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;
}

page-performance-monitoring-notes .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-performance-monitoring-notes .content .box-frame .profile-section {
  text-align: center;
}

page-performance-monitoring-notes .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-performance-monitoring-notes .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-monitoring-notes .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-monitoring-notes .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;
}

page-performance-monitoring-notes .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-performance-monitoring-notes .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-performance-monitoring-notes .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-performance-monitoring-notes .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-performance-monitoring-notes .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-performance-monitoring-revision-history .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-revision-history ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-revision-detail ion-content .fixed-container {
  pointer-events: auto;
  top: 0.5px;
  background-color: #f2f5f8;
  -webkit-box-shadow: transparent 0px 2px 2px 0px;
  box-shadow: transparent 0px 2px 2px 0px;
  -webkit-transition: -webkit-box-shadow 250ms ease 0s;
  transition: -webkit-box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s;
  min-height: 1px;
  width: 100%;
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-monitoring-revision-detail ion-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-performance-monitoring-revision-detail ion-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

page-performance-monitoring-revision-detail ion-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;
}

page-performance-monitoring-revision-detail ion-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

page-performance-monitoring-revision-detail ion-content .fixed-container [add-button]:hover {
  background: #3498db;
}

page-performance-monitoring-revision-detail ion-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);
}

page-performance-monitoring-revision-detail ion-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-performance-monitoring-revision-detail ion-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .list-status .status-left {
  float: left;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .cta-transparent {
  background: none;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::before,
page-performance-monitoring-revision-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-performance-monitoring-revision-detail ion-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;
}

page-performance-monitoring-revision-detail ion-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-performance-monitoring-revision-detail ion-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-performance-monitoring-revision-detail ion-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-performance-monitoring-revision-detail ion-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-performance-monitoring-revision-detail ion-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-monitoring-revision-detail ion-content .gdx-container ion-textarea {
  border: solid 1px red;
}

page-performance-monitoring-revision-detail ion-content .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-revision-detail ion-content .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-revision-detail ion-header {
  background-color: #F68A22;
}

page-performance-monitoring-revision-detail 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-performance-monitoring-revision-detail 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-performance-monitoring-revision-detail ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-monitoring-revision-detail 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-performance-monitoring-revision-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-monitoring-revision-detail .claimdetail [disabled] {
  opacity: 1;
}

page-performance-monitoring-revision-detail .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-monitoring-revision-detail .cus-disabled {
  opacity: 1;
}

page-performance-monitoring-revision-detail .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-monitoring-revision-detail .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-monitoring-revision-detail .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-monitoring-revision-detail .text-ket {
  text-align: right;
}

page-performance-monitoring-revision-detail p {
  color: #909090 !important;
}

page-performance-monitoring-revision-detail p span {
  font-size: 1.4rem !important;
}

page-performance-monitoring-revision-detail .red {
  -webkit-text-fill-color: red;
}

page-performance-monitoring-revision-detail .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-performance-monitoring-revision-detail .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-monitoring-revision-detail .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-monitoring-revision-detail .light-grey {
  color: #7f7f7f !important;
}

page-performance-monitoring-revision-detail .selected {
  background-color: #e3f5ff;
}

page-performance-monitoring-revision-detail .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-monitoring-revision-detail .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-monitoring-revision-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-monitoring-revision-detail .title-col h2 {
  display: inline-block;
}

page-performance-monitoring-revision-detail .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-monitoring-revision-detail .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-monitoring-revision-detail .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-performance-monitoring-revision-detail .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-monitoring-revision-detail .align-left {
  float: left !important;
}

page-performance-monitoring-revision-detail .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-monitoring-revision-detail .col-right {
  text-align: right;
}

page-performance-monitoring-revision-detail .align-center {
  float: center !important;
}

page-performance-monitoring-revision-detail span {
  font-size: 12px !important;
}

page-performance-monitoring-revision-detail .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-monitoring-revision-detail [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-monitoring-revision-detail .skeleton-box .left,
page-performance-monitoring-revision-detail .skeleton-box .right {
  width: 100%;
}

page-performance-monitoring-revision-detail .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-revision-detail .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-revision-detail .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-monitoring-revision-detail .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-monitoring-revision-detail .balance-history .benefit-setting {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 32px;
}

page-performance-monitoring-revision-detail .balance-history ion-label {
  font-family: 'regular' !important;
  color: black !important;
  margin: 0;
  font-size: 1.2em !important;
}

page-performance-monitoring-revision-detail .balance-history img {
  width: 32px;
  height: 30px;
}

page-performance-monitoring-revision-detail .total-weight {
  color: #F68A22;
  margin-left: 15px;
  margin-bottom: 15px;
}

page-performance-monitoring-revision-detail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-monitoring-revision-detail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-monitoring-revision-detail .team-card .profile {
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-performance-monitoring-revision-detail .team-card .profile .full-name {
  padding-left: 10px;
  text-align: left !important;
  font-size: 20px;
}

page-performance-monitoring-revision-detail .team-card .profile .position-job {
  padding-left: 10px;
  text-align: left !important;
  font-size: 14px;
}

page-performance-monitoring-revision-detail .team-card .profile .seedetail {
  padding-left: 10px;
  text-align: left !important;
  font-size: 10px;
}

page-performance-monitoring-revision-detail .status-category .depth1 {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-category .depth2 {
  margin-left: 25px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-category .depth3 {
  margin-left: 30px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-category .depth4 {
  margin-left: 35px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-category .part {
  font-weight: bold;
}

page-performance-monitoring-revision-detail .status-item .depth1 {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-item .depth2 {
  margin-left: 25px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-item .depth3 {
  margin-left: 30px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-item .depth4 {
  margin-left: 35px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-monitoring-revision-detail .status-item .part-item {
  font-weight: normal;
}

page-performance-planning 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-performance-planning 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-performance-planning ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-planning 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-performance-planning .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-planning .claimdetail [disabled] {
  opacity: 1;
}

page-performance-planning .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-planning .cus-disabled {
  opacity: 1;
}

page-performance-planning .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-planning .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-planning .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-planning .text-ket {
  text-align: right;
}

page-performance-planning p {
  color: #909090 !important;
}

page-performance-planning p span {
  font-size: 1.4rem !important;
}

page-performance-planning .red {
  -webkit-text-fill-color: red;
}

page-performance-planning .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-performance-planning .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-planning .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-planning .light-grey {
  color: #7f7f7f !important;
}

page-performance-planning .selected {
  background-color: #e3f5ff;
}

page-performance-planning .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-planning .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-planning .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-planning .title-col h2 {
  display: inline-block;
}

page-performance-planning .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-planning .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-planning .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-performance-planning .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-planning .align-left {
  float: left !important;
}

page-performance-planning .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-planning .col-right {
  text-align: right;
}

page-performance-planning .align-center {
  float: center !important;
}

page-performance-planning span {
  font-size: 12px !important;
}

page-performance-planning .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-planning [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-planning .skeleton-box .left,
page-performance-planning .skeleton-box .right {
  width: 100%;
}

page-performance-planning .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-planning-achievement .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-achievement [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-planning-achievement .upd-stat {
  color: #F68A22 !important;
}

page-performance-planning-achievement .del-stat {
  color: #F0624D !important;
}

page-performance-planning-achievement .col-right {
  text-align: right;
}

page-performance-planning-achievement .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-achievement .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-achievement small {
  color: #999 !important;
}

page-performance-planning-achievement .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-achievement .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-planning-achievement .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-planning-achievement .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-planning-achievement .form-section {
  margin-bottom: 16px;
}

page-performance-planning-achievement .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-planning-achievement .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-planning-achievement ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-planning-achievement .close {
  text-align: right;
}

page-performance-planning-achievement .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-planning-achievement .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-planning-achievement .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-planning-achievement .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-planning-achievement .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-planning-achievement .item-lookup ion-select {
  max-width: 100% !important;
}

page-performance-planning-detail ion-content .fixed-container {
  pointer-events: auto;
  top: 0.5px;
  background-color: #f2f5f8;
  -webkit-box-shadow: transparent 0px 2px 2px 0px;
  box-shadow: transparent 0px 2px 2px 0px;
  -webkit-transition: -webkit-box-shadow 250ms ease 0s;
  transition: -webkit-box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s;
  min-height: 1px;
  width: 100%;
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-planning-detail ion-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-performance-planning-detail ion-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

page-performance-planning-detail ion-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;
}

page-performance-planning-detail ion-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

page-performance-planning-detail ion-content .fixed-container [add-button]:hover {
  background: #3498db;
}

page-performance-planning-detail ion-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);
}

page-performance-planning-detail ion-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-performance-planning-detail ion-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-performance-planning-detail ion-content .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-planning-detail ion-content .gdx-container .list-status .status-left {
  float: left;
}

page-performance-planning-detail ion-content .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-planning-detail ion-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-performance-planning-detail ion-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-performance-planning-detail ion-content .gdx-container .cta-transparent {
  background: none;
}

page-performance-planning-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::before,
page-performance-planning-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-performance-planning-detail ion-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;
}

page-performance-planning-detail ion-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-performance-planning-detail ion-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-performance-planning-detail ion-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-performance-planning-detail ion-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-performance-planning-detail ion-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-performance-planning-detail ion-content .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-planning-detail ion-content .gdx-container ion-textarea {
  border: solid 1px red;
}

page-performance-planning-detail ion-content .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-planning-detail ion-content .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-planning-detail ion-header {
  background-color: #F68A22;
}

page-performance-planning-detail 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-performance-planning-detail 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-performance-planning-detail ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-performance-planning-detail 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-performance-planning-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-performance-planning-detail .claimdetail [disabled] {
  opacity: 1;
}

page-performance-planning-detail .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-performance-planning-detail .cus-disabled {
  opacity: 1;
}

page-performance-planning-detail .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-performance-planning-detail .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-performance-planning-detail .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-performance-planning-detail .text-ket {
  text-align: right;
}

page-performance-planning-detail p {
  color: #909090 !important;
}

page-performance-planning-detail p span {
  font-size: 1.4rem !important;
}

page-performance-planning-detail .red {
  -webkit-text-fill-color: red;
}

page-performance-planning-detail .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-performance-planning-detail .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-performance-planning-detail .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-performance-planning-detail .light-grey {
  color: #7f7f7f !important;
}

page-performance-planning-detail .selected {
  background-color: #e3f5ff;
}

page-performance-planning-detail .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-performance-planning-detail .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-performance-planning-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-planning-detail .title-col h2 {
  display: inline-block;
}

page-performance-planning-detail .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-performance-planning-detail .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-performance-planning-detail .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-performance-planning-detail .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-planning-detail .align-left {
  float: left !important;
}

page-performance-planning-detail .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-performance-planning-detail .col-right {
  text-align: right;
}

page-performance-planning-detail .align-center {
  float: center !important;
}

page-performance-planning-detail span {
  font-size: 12px !important;
}

page-performance-planning-detail .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-performance-planning-detail [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-performance-planning-detail .skeleton-box .left,
page-performance-planning-detail .skeleton-box .right {
  width: 100%;
}

page-performance-planning-detail .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning-detail .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning-detail .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-performance-planning-detail .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-performance-planning-detail .balance-history .benefit-setting {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 32px;
}

page-performance-planning-detail .balance-history ion-label {
  font-family: 'regular' !important;
  color: black !important;
  margin: 0;
  font-size: 1.2em !important;
}

page-performance-planning-detail .balance-history img {
  width: 32px;
  height: 30px;
}

page-performance-planning-detail .total-weight {
  color: #F68A22;
  margin-left: 15px;
  margin-bottom: 15px;
}

page-performance-planning-detail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-planning-detail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-planning-detail .team-card .profile {
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-performance-planning-detail .team-card .profile .full-name {
  padding-left: 10px;
  text-align: left !important;
  font-size: 20px;
}

page-performance-planning-detail .team-card .profile .position-job {
  padding-left: 10px;
  text-align: left !important;
  font-size: 14px;
}

page-performance-planning-detail .team-card .profile .seedetail {
  padding-left: 10px;
  text-align: left !important;
  font-size: 10px;
}

page-performance-planning-detail .styleMaxWidth {
  margin-left: 20px !important;
  margin-right: auto;
  white-space: normal;
}

page-performance-planning-empdata .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-performance-planning-empdata .title-col h2 {
  display: inline-block;
}

page-performance-planning-empdata .ion-item1 .item-inner {
  border: none !important;
}

page-performance-planning-empdata .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-planning-empdata ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-planning-librarykpi h2 {
  color: #F68A22;
}

page-performance-planning-librarykpi .upd-stat {
  color: #F68A22;
}

page-performance-planning-librarykpi .del-stat {
  color: #F0624D;
}

page-performance-planning-librarykpi .col-right {
  text-align: right;
}

page-performance-planning-librarykpi .icon-search {
  width: 40%;
  margin-right: 1em;
}

page-performance-planning-librarykpi .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-planning-modal .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-modal [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-performance-planning-modal .upd-stat {
  color: #F68A22 !important;
}

page-performance-planning-modal .del-stat {
  color: #F0624D !important;
}

page-performance-planning-modal .col-right {
  text-align: right;
}

page-performance-planning-modal .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-modal .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-modal small {
  color: #999 !important;
}

page-performance-planning-modal .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-planning-modal .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-performance-planning-modal .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-performance-planning-modal .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-performance-planning-modal .form-section {
  margin-bottom: 16px;
}

page-performance-planning-modal .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-performance-planning-modal .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-planning-modal ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-planning-modal .close {
  text-align: right;
}

page-performance-planning-modal .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-performance-planning-modal .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-performance-planning-modal .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-performance-planning-modal .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-performance-planning-modal .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-planning-cascade {
  background-color: #f2f5f8;
}

page-performance-planning-cascade .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);
}

page-performance-planning-cascade .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-performance-planning-cascade .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-performance-planning-cascade .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-performance-planning-cascade .gdx-container .list-status .status-left {
  float: left;
  color: #F68A22 !important;
}

page-performance-planning-cascade .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-performance-planning-cascade .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-performance-planning-cascade .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-performance-planning-cascade .gdx-container .cta-transparent {
  background: none;
}

page-performance-planning-cascade .gdx-container .cta-transparent div[cta-buttons]::before,
page-performance-planning-cascade .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-performance-planning-cascade .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;
}

page-performance-planning-cascade .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-performance-planning-cascade .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-performance-planning-cascade .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-performance-planning-cascade .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-performance-planning-cascade .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-performance-planning-cascade .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-performance-planning-cascade .gdx-container ion-textarea {
  border: solid 1px red;
}

page-performance-planning-cascade .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-performance-planning-cascade .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-performance-planning-cascade .choose-area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-performance-planning-cascade .choose-area ion-item {
  background: white;
  font-size: 12px;
}

page-performance-planning-cascade .choose-area ion-item .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  border: none !important;
}

page-performance-planning-cascade .choose-area ion-item .item-inner .input-wrapper {
  width: calc(100% - 26px);
}

page-performance-planning-cascade .distribution-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-performance-planning-cascade .distribution-list p.anounce {
  font-size: 12px;
  color: #3498db;
}

page-performance-planning-cascade .bankNew {
  color: #F68A22 !important;
  font-size: 10px !important;
  text-align: right;
}

page-performance-planning-cascade .moving {
  background-color: #eef4fa !important;
}

page-performance-planning-cascade .card-box {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-performance-planning-cascade .card-box .bank-name {
  font-weight: bold;
  font-size: 1.5rem !important;
}

page-performance-planning-cascade .card-box .number,
page-performance-planning-cascade .card-box .name {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-performance-planning-cascade .card-box .infoInput {
  font-size: 10px !important;
  color: #F0624D !important;
}

page-performance-planning-cascade .card-box p.remaining {
  font-size: 12px;
  color: #2BB34D;
}

page-performance-planning-cascade .card-box ion-badge.status-primary {
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #2BB34D;
  color: #2BB34D !important;
  background-color: #dafbd5;
  font-weight: 500;
}

page-performance-planning-cascade .card-box ion-label.status-priority {
  color: #F68A22 !important;
  font-size: 16px !important;
}

page-performance-planning-cascade .card-box ion-label {
  font-family: inherit;
  line-height: normal;
  font-size: 0.9em !important;
  margin: 0px 0px 6px 0 !important;
}

page-performance-planning-cascade .card-box img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-performance-planning-cascade .card-box img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-performance-planning-cascade .card-box .card-top {
  padding: 5px;
}

page-performance-planning-cascade .card-box .card-top .currency-area .idr-input {
  max-width: 110px !important;
}

page-performance-planning-cascade .card-box .card-top .currency-area .percent-input {
  max-width: 60px !important;
}

page-performance-planning-cascade .card-box .card-top .currency-area .percent-input input {
  text-align: center !important;
}

page-performance-planning-cascade .card-box .card-top .currency-area input {
  border-radius: 5px;
  border: 1px solid #A5B0B7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 5px;
}

page-performance-planning-cascade .card-box .card-top .currency-area input input {
  margin: 5px !important;
}

page-performance-planning-cascade .card-box .card-top .currency-area span {
  font-size: 16px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-performance-planning-cascade .card-box .card-bottom {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  margin-top: 0px;
  min-height: 20px;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(1) button.delete {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin: 0;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(1) button.delete span {
  font-size: 14px;
  text-transform: capitalize;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(1) button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(1) button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) h4 {
  font-size: 14px !important;
  font-weight: 700;
  color: #2BB34D;
  margin: 0 10px 0 0 !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: right;
  cursor: pointer;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  font-size: 14px;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block {
  border-radius: 21px;
  border: none !important;
  width: 57px !important;
  height: 30px !important;
  margin: 0 8px;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  cursor: pointer;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block .rounded-toggle {
  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;
  border-radius: 50%;
  position: absolute;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block.deactive {
  background: #dbdbe1 !important;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block.deactive .rounded-toggle {
  left: 0;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block.active {
  background: #F68A22 !important;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) .toggle-block.active .rounded-toggle {
  left: 27px;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) button.deactive {
  height: 30px !important;
  padding: 0 13px;
  color: #F0624D;
  margin-right: 0px !important;
}

page-performance-planning-cascade .card-box .card-bottom div:nth-child(2) button.deactive span {
  font-size: 14px;
  text-transform: capitalize;
}

page-performance-planning-cascade ion-footer ion-toolbar button {
  width: 100%;
}

page-performance-planning-cascade .status-2 .Partially_Approved {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Partially_Approved ion-label {
  color: #63befb !important;
}

page-performance-planning-cascade .status-2 .Unverified {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Unverified ion-label {
  color: #63befb !important;
}

page-performance-planning-cascade .status-2 .Partially_Approved {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Partially_Approved ion-label {
  color: #63befb !important;
}

page-performance-planning-cascade .status-2 .Fully_Approved {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Fully_Approved ion-label {
  color: #fb745e !important;
}

page-performance-planning-cascade .status-2 .Revised {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Revised ion-label {
  color: #63befb !important;
}

page-performance-planning-cascade .status-2 .Rejected {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Rejected ion-label {
  color: #fb745e !important;
}

page-performance-planning-cascade .status-2 .Cancelled {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Cancelled ion-label {
  color: #fb745e !important;
}

page-performance-planning-cascade .status-2 .Closed {
  border: 1px solid #507027 !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Closed ion-label {
  color: #507027 !important;
}

page-performance-planning-cascade .status-2 .part {
  width: 10px;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 10px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-planning-cascade .status-2 .part ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-performance-planning-cascade .status-2 .Not_Requested {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-cascade .status-2 .Not_Requested ion-label {
  color: #63befb !important;
}

page-performance-planning-cascade .req-icon {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: #fff;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-performance-planning-cascade .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-performance-planning-cascade .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-performance-planning-cascade .req-icon .badge-request {
  position: absolute;
  top: -9px;
  right: -8px;
  bottom: unset;
  left: unset;
  background: #fb745e;
}

page-performance-planning-cascade .req-icon .badge-approval {
  position: absolute;
  top: 12px;
  right: -8px;
  bottom: unset;
  left: unset;
  background: #fbcc5e;
}

page-performance-planning-cascade .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-performance-planning-cascade .container-mobile .card-box {
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
}

page-performance-planning-cascade .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-performance-planning-cascade .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-performance-planning-cascade .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-employee-cascade h2 {
  color: #F68A22 !important;
}

page-performance-planning-modal-cascade [heading] {
  font-size: 16px !important;
  font-weight: bold !important;
}

page-performance-planning-modal-cascade .content {
  padding: 24px 16px;
  background: white;
  border-radius: 5px;
  -webkit-transform: translate(0px, 50%);
  transform: translate(0px, 50%);
}

page-performance-planning-modal-cascade .content .pass {
  border: 1px solid #dbdbe1;
  margin-bottom: 10px;
}

page-performance-planning-modal-cascade .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-performance-planning-modal-cascade .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-performance-planning-modal-cascade .status-2 .Unverified {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Unverified ion-label {
  color: #63befb !important;
}

page-performance-planning-modal-cascade .status-2 .Partially_Approved {
  border: 1px solid #8d5efb !important;
  background-color: rgba(141, 94, 251, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Partially_Approved ion-label {
  color: #8d5efb !important;
}

page-performance-planning-modal-cascade .status-2 .Fully_Approved {
  border: 1px solid #8cc63f !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Fully_Approved ion-label {
  color: #8cc63f !important;
}

page-performance-planning-modal-cascade .status-2 .Revised {
  border: 1px solid #fbac5e !important;
  background-color: rgba(251, 172, 94, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Revised ion-label {
  color: #fbac5e !important;
}

page-performance-planning-modal-cascade .status-2 .Rejected {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Rejected ion-label {
  color: #fb745e !important;
}

page-performance-planning-modal-cascade .status-2 .Cancelled {
  border: 1px solid #fb745e !important;
  background-color: rgba(251, 116, 94, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Cancelled ion-label {
  color: #fb745e !important;
}

page-performance-planning-modal-cascade .status-2 .Closed {
  border: 1px solid #507027 !important;
  background-color: rgba(140, 198, 63, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Closed ion-label {
  color: #507027 !important;
}

page-performance-planning-modal-cascade .status-2 .part {
  width: 99px;
  border-radius: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-performance-planning-modal-cascade .status-2 .part ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-performance-planning-modal-cascade .status-2 .Not_Requested {
  border: 1px solid #63befb !important;
  background-color: rgba(99, 190, 251, 0.347) !important;
}

page-performance-planning-modal-cascade .status-2 .Not_Requested ion-label {
  color: #63befb !important;
}

page-performance-planning-modal-cascade .close {
  text-align: right;
  margin: 0px 10px 10px 10px !important;
}

page-performance-planning-modal-cascade .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  width: 25px;
  height: 25px;
  padding-right: 15px;
  margin: 0px 10px 10px 10px !important;
}

page-setting-cascade .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-setting-cascade [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-setting-cascade .upd-stat {
  color: #F68A22 !important;
}

page-setting-cascade .del-stat {
  color: #F0624D !important;
}

page-setting-cascade .col-right {
  text-align: right;
}

page-setting-cascade .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-setting-cascade .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-setting-cascade small {
  color: #999 !important;
}

page-setting-cascade .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-setting-cascade .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-setting-cascade .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-setting-cascade .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-setting-cascade .form-section {
  margin-bottom: 16px;
}

page-setting-cascade .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

page-setting-cascade .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-setting-cascade ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-setting-cascade .close {
  text-align: right;
}

page-setting-cascade .close .close-icon {
  background: #fff;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

page-setting-cascade .input-search-icon:after {
  content: "\e94a";
  font-family: sficon;
  font-size: 24px;
  padding-top: 7px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-setting-cascade .alert {
  background: #E1F4FF;
  padding: 10px;
  border-radius: 10px;
}

page-setting-cascade .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #050505 !important;
}

page-setting-cascade .alert ion-item.subheading {
  color: #3383EA !important;
}

page-performance-planning-notes .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-performance-planning-notes .header-md::after {
  background-image: none !important;
}

page-performance-planning-notes ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-performance-planning-notes 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-performance-planning-notes ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-performance-planning-notes ion-header ion-item ion-textarea {
  border: solid 1px #3c3b3b;
  border-radius: 4px;
}

page-performance-planning-notes ion-header .name {
  font-size: 1.8rem;
}

page-performance-planning-notes ion-header .date {
  font-size: 1.5rem;
}

page-performance-planning-notes ion-header img {
  width: 24px;
  height: 24px;
}

page-performance-planning-notes ion-header button.back-button {
  color: #f4f4f4;
}

page-performance-planning-notes ion-header .hide-header {
  top: -56px !important;
}

page-performance-planning-notes ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-performance-planning-notes .content {
  height: 100%;
  pointer-events: none;
}

page-performance-planning-notes .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;
}

page-performance-planning-notes .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;
}

page-performance-planning-notes .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-performance-planning-notes .content .box-frame .profile-section {
  text-align: center;
}

page-performance-planning-notes .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-performance-planning-notes .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-planning-notes .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-planning-notes .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;
}

page-performance-planning-notes .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-performance-planning-notes .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-performance-planning-notes .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-performance-planning-notes .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-performance-planning-notes .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-performance-planning-reviewer .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-performance-planning-reviewer .header-md::after {
  background-image: none !important;
}

page-performance-planning-reviewer ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-performance-planning-reviewer 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-performance-planning-reviewer ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-performance-planning-reviewer ion-header .name {
  font-size: 1.8rem;
}

page-performance-planning-reviewer ion-header .date {
  font-size: 1.5rem;
}

page-performance-planning-reviewer ion-header img {
  width: 24px;
  height: 24px;
}

page-performance-planning-reviewer ion-header button.back-button {
  color: #f4f4f4;
}

page-performance-planning-reviewer ion-header .hide-header {
  top: -56px !important;
}

page-performance-planning-reviewer ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-performance-planning-reviewer .content {
  height: 100%;
  pointer-events: none;
}

page-performance-planning-reviewer .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;
}

page-performance-planning-reviewer .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;
}

page-performance-planning-reviewer .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-performance-planning-reviewer .content .box-frame .profile-section {
  text-align: center;
}

page-performance-planning-reviewer .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-performance-planning-reviewer .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-planning-reviewer .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-performance-planning-reviewer .content .box-frame .profile-section .title-label {
  text-align: left;
  color: #F68A22 !important;
}

page-performance-planning-reviewer .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;
}

page-performance-planning-reviewer .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-performance-planning-reviewer .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-performance-planning-reviewer .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-performance-planning-reviewer .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-performance-planning-reviewer .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-revision-history .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-revision-history ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-revision-history-detail ion-content .fixed-container {
  pointer-events: auto;
  top: 0.5px;
  background-color: #f2f5f8;
  -webkit-box-shadow: transparent 0px 2px 2px 0px;
  box-shadow: transparent 0px 2px 2px 0px;
  -webkit-transition: -webkit-box-shadow 250ms ease 0s;
  transition: -webkit-box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s;
  transition: box-shadow 250ms ease 0s, -webkit-box-shadow 250ms ease 0s;
  min-height: 1px;
  width: 100%;
  padding: 0 16px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-revision-history-detail ion-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-revision-history-detail ion-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

page-revision-history-detail ion-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;
}

page-revision-history-detail ion-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

page-revision-history-detail ion-content .fixed-container [add-button]:hover {
  background: #3498db;
}

page-revision-history-detail ion-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);
}

page-revision-history-detail ion-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

page-revision-history-detail ion-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

page-revision-history-detail ion-content .gdx-container .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-revision-history-detail ion-content .gdx-container .list-status .status-left {
  float: left;
}

page-revision-history-detail ion-content .gdx-container .list-status .status-right {
  float: right;
  color: #F68A22 !important;
}

page-revision-history-detail ion-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

page-revision-history-detail ion-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

page-revision-history-detail ion-content .gdx-container .cta-transparent {
  background: none;
}

page-revision-history-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::before,
page-revision-history-detail ion-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

page-revision-history-detail ion-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;
}

page-revision-history-detail ion-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

page-revision-history-detail ion-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

page-revision-history-detail ion-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

page-revision-history-detail ion-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  left: -16px;
  top: 0;
}

page-revision-history-detail ion-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 16px;
  height: 100%;
  background: white;
  position: absolute;
  right: -16px;
  top: 0;
}

page-revision-history-detail ion-content .gdx-container .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

page-revision-history-detail ion-content .gdx-container ion-textarea {
  border: solid 1px red;
}

page-revision-history-detail ion-content .gdx-container .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-revision-history-detail ion-content .gdx-container ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-revision-history-detail ion-header {
  background-color: #F68A22;
}

page-revision-history-detail 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-revision-history-detail 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-revision-history-detail ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-revision-history-detail 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-revision-history-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-revision-history-detail .claimdetail [disabled] {
  opacity: 1;
}

page-revision-history-detail .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-revision-history-detail .cus-disabled {
  opacity: 1;
}

page-revision-history-detail .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-revision-history-detail .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-revision-history-detail .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-revision-history-detail .text-ket {
  text-align: right;
}

page-revision-history-detail p {
  color: #909090 !important;
}

page-revision-history-detail p span {
  font-size: 1.4rem !important;
}

page-revision-history-detail .red {
  -webkit-text-fill-color: red;
}

page-revision-history-detail .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-revision-history-detail .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-revision-history-detail .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-revision-history-detail .light-grey {
  color: #7f7f7f !important;
}

page-revision-history-detail .selected {
  background-color: #e3f5ff;
}

page-revision-history-detail .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-revision-history-detail .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-revision-history-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-revision-history-detail .title-col h2 {
  display: inline-block;
}

page-revision-history-detail .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-revision-history-detail .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-revision-history-detail .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-revision-history-detail .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-revision-history-detail .align-left {
  float: left !important;
}

page-revision-history-detail .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-revision-history-detail .col-right {
  text-align: right;
}

page-revision-history-detail .align-center {
  float: center !important;
}

page-revision-history-detail span {
  font-size: 12px !important;
}

page-revision-history-detail .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-revision-history-detail [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-revision-history-detail .skeleton-box .left,
page-revision-history-detail .skeleton-box .right {
  width: 100%;
}

page-revision-history-detail .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-revision-history-detail .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-revision-history-detail .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-revision-history-detail .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-revision-history-detail .balance-history .benefit-setting {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  width: 32px;
}

page-revision-history-detail .balance-history ion-label {
  font-family: 'regular' !important;
  color: black !important;
  margin: 0;
  font-size: 1.2em !important;
}

page-revision-history-detail .balance-history img {
  width: 32px;
  height: 30px;
}

page-revision-history-detail .total-weight {
  color: #F68A22;
  margin-left: 15px;
  margin-bottom: 15px;
}

page-revision-history-detail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-revision-history-detail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-revision-history-detail .team-card .profile {
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-revision-history-detail .team-card .profile .full-name {
  padding-left: 10px;
  text-align: left !important;
  font-size: 20px;
}

page-revision-history-detail .team-card .profile .position-job {
  padding-left: 10px;
  text-align: left !important;
  font-size: 14px;
}

page-revision-history-detail .team-card .profile .seedetail {
  padding-left: 10px;
  text-align: left !important;
  font-size: 10px;
}

page-question360 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-question360 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-question360 ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-question360 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-question360 .footer-claim {
  position: fixed;
  bottom: 0;
}

page-question360 .claimdetail [disabled] {
  opacity: 1;
}

page-question360 .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-question360 .cus-disabled {
  opacity: 1;
}

page-question360 .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-question360 .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-question360 .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-question360 .text-ket {
  text-align: right;
}

page-question360 p {
  color: #909090 !important;
}

page-question360 p span {
  font-size: 1.4rem !important;
}

page-question360 .red {
  -webkit-text-fill-color: red;
}

page-question360 .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-question360 .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-question360 .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-question360 .light-grey {
  color: #7f7f7f !important;
}

page-question360 .selected {
  background-color: #e3f5ff;
}

page-question360 .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-question360 .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-question360 .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360 .title-col h2 {
  display: inline-block;
}

page-question360 .status-right {
  text-align: right !important;
  padding-right: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360 .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-question360 .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-question360 .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-question360 .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-question360 .align-left {
  float: left !important;
}

page-question360 .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-question360 .col-right {
  text-align: right;
}

page-question360 .align-center {
  float: center !important;
}

page-question360 span {
  font-size: 12px !important;
}

page-question360 .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-question360 [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-question360 .skeleton-box .left,
page-question360 .skeleton-box .right {
  width: 100%;
}

page-question360 .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-question360 .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-question360 .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-question360 .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-question360 .styleMaxWidth {
  margin-right: auto;
  white-space: normal;
}

page-question360-empdetail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360-empdetail .title-col h2 {
  display: inline-block;
}

page-question360-empdetail .ion-item1 .item-inner {
  border: none !important;
}

page-question360-empdetail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-question360-empdetail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-question360-form ion-header {
  background-color: #F68A22;
}

page-question360-form .team-card .profile {
  -webkit-box-align: left !important;
  -webkit-align-items: left !important;
  -ms-flex-align: left !important;
  align-items: left !important;
  color: white !important;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 10px;
}

page-question360-form .team-card .profile .full-name {
  padding-left: 0px;
  padding-right: 0px;
  text-align: left !important;
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360-form .team-card .profile .position-job {
  padding-left: 0px;
  padding-right: 0px;
  text-align: left !important;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360-form .team-card .profile .seedetail {
  padding-left: 0px;
  text-align: left !important;
  font-size: 10px;
}

page-question360-form .team-card .profile .score-right {
  text-align: right !important;
  font-size: 15px;
}

page-question360-form .team-card .profile .score-right ion-icon {
  color: yellow;
}

page-question360-form .team-card .profile .score-right-avg {
  text-align: right !important;
  font-size: 8px;
}

page-question360-form .team-card .profile .score-right-space {
  text-align: right !important;
  font-size: 10px;
}

page-question360-form .team-card .profile .score-right-as {
  text-align: right !important;
  font-size: 10px;
}

page-question360-form .team-card .profile .score-right-as-name {
  text-align: right !important;
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-question360-form .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-question360-form .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
}

page-question360-form .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-question360-form .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-question360-form .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-question360-form .question-div .question-stars ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-question360-form .question-div .question-stars ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-question360-form .question-div .star-check {
  color: #e6ae37 !important;
}

page-question360-form .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
}

page-question360-form .question-div .question-comment ion-textarea {
  border: solid 1px #494949;
  border-radius: 4px;
}

page-question360-form .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-question360-form .question-div .question-selectbox {
  margin-top: 15px;
  padding: 16px;
}

page-question360-form .question-div .question-selectbox ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-question360-form .question-div .question-selectbox p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-question360-form .div-angka {
  text-align: center !important;
  margin-top: 10px;
  display: inline-block;
  font-size: 1.1em;
  -webkit-text-fill-color: #F68A22 !important;
}

page-question360-form .footer-claim {
  position: fixed;
  bottom: 0;
}

page-question360-form .footer-claim ion-icon {
  font-size: 3em;
  padding: 0px 20px;
  color: #F68A22 !important;
}

page-question360-form .submitBtn {
  float: right !important;
  padding: 9px 15px;
  margin: 6px 15px 3px 0px;
  -webkit-text-fill-color: #fff !important;
  background-color: #3498db !important;
  border-radius: 25px;
  width: 80px;
  text-align: center;
}

page-question360-form .draftBtn {
  float: right !important;
  padding: 9px 15px;
  margin: 6px 15px 3px 0px;
  -webkit-text-fill-color: #000000 !important;
  background-color: #dbdbe1 !important;
  border-radius: 25px;
  width: 80px;
  text-align: center;
}

page-question360-form .submitBtn2 {
  float: right !important;
  padding: 9px 15px;
  margin: 6px 15px 3px 0px;
  width: 80px;
  text-align: center;
}

page-question360-form .addmargin {
  margin-bottom: 70px;
}

page-search-emp-scheduling h2 {
  color: #F68A22 !important;
}

page-applicant .applicant-container {
  padding-top: 0.5em !important;
}

page-applicant .applicant-container .list-datepicker {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

page-applicant .card-green {
  -webkit-box-shadow: 0px -2px 0px 0px green;
  box-shadow: 0px -2px 0px 0px green;
  border: 1px solid green;
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px 15px;
}

page-applicant .card-green .card-header {
  overflow: hidden;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

page-applicant .card-green .card-header .title ion-label {
  font-size: 15px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-green .card-header .open ion-label {
  font-size: 12px !important;
  margin: 0;
  color: green !important;
}

page-applicant .card-green .card-header .closed ion-label {
  font-size: 12px !important;
  margin: 0;
  color: red !important;
}

page-applicant .card-green .card-content {
  margin-top: 5px;
}

page-applicant .card-green .card-content .detailrecruitment {
  margin-top: 0px;
}

page-applicant .card-green .card-content .detailrecruitment p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-green .card-content .hiringmanagerHead {
  margin-top: 10px;
}

page-applicant .card-green .card-content .hiringmanagerHead ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-green .card-content .hiringmanager .info {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 10px;
}

page-applicant .card-green .card-content .hiringmanager .info p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-green .card-content .hiringmanager button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-applicant .card-green .card-content .hiringmanager button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-applicant .card-green .card-content .cardbottom .infobottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

page-applicant .card-green .card-content .cardbottom .infobottom p {
  font-size: 12px !important;
  margin: 0;
  text-align: center !important;
}

page-applicant .card-red {
  -webkit-box-shadow: 0px -2px 0px 0px red;
  box-shadow: 0px -2px 0px 0px red;
  border: 1px solid red;
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px 15px;
}

page-applicant .card-red .card-header {
  overflow: hidden;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

page-applicant .card-red .card-header .title ion-label {
  font-size: 15px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-red .card-header .open ion-label {
  font-size: 12px !important;
  margin: 0;
  color: green !important;
}

page-applicant .card-red .card-header .closed ion-label {
  font-size: 12px !important;
  margin: 0;
  color: red !important;
}

page-applicant .card-red .card-content {
  margin-top: 5px;
}

page-applicant .card-red .card-content .detailrecruitment {
  margin-top: 0px;
}

page-applicant .card-red .card-content .detailrecruitment p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-red .card-content .hiringmanagerHead {
  margin-top: 10px;
}

page-applicant .card-red .card-content .hiringmanagerHead ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-red .card-content .hiringmanager .info {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 10px;
}

page-applicant .card-red .card-content .hiringmanager .info p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-red .card-content .hiringmanager button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-applicant .card-red .card-content .hiringmanager button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-applicant .card-red .card-content .cardbottom .infobottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

page-applicant .card-red .card-content .cardbottom .infobottom p {
  font-size: 12px !important;
  margin: 0;
  text-align: center !important;
}

page-applicant .card-yellow {
  -webkit-box-shadow: 0px -2px 0px 0px yellow;
  box-shadow: 0px -2px 0px 0px yellow;
  border: 1px solid yellow;
  margin-bottom: 20px;
  background: white;
  border-radius: 10px;
  padding: 20px 15px;
}

page-applicant .card-yellow .card-header {
  overflow: hidden;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

page-applicant .card-yellow .card-header .title ion-label {
  font-size: 15px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-yellow .card-header .open ion-label {
  font-size: 12px !important;
  margin: 0;
  color: green !important;
}

page-applicant .card-yellow .card-header .closed ion-label {
  font-size: 12px !important;
  margin: 0;
  color: red !important;
}

page-applicant .card-yellow .card-content {
  margin-top: 5px;
}

page-applicant .card-yellow .card-content .detailrecruitment {
  margin-top: 0px;
}

page-applicant .card-yellow .card-content .detailrecruitment p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-yellow .card-content .hiringmanagerHead {
  margin-top: 10px;
}

page-applicant .card-yellow .card-content .hiringmanagerHead ion-label {
  font-size: 10px !important;
  margin: 0;
  font-weight: bold;
}

page-applicant .card-yellow .card-content .hiringmanager .info {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 10px;
}

page-applicant .card-yellow .card-content .hiringmanager .info p {
  font-size: 12px !important;
  margin: 0;
}

page-applicant .card-yellow .card-content .hiringmanager button.setPrimary {
  height: 30px !important;
  padding: 0 13px;
}

page-applicant .card-yellow .card-content .hiringmanager button.setPrimary span {
  font-size: 14px;
  text-transform: capitalize;
}

page-applicant .card-yellow .card-content .cardbottom .infobottom {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

page-applicant .card-yellow .card-content .cardbottom .infobottom p {
  font-size: 12px !important;
  margin: 0;
  text-align: center !important;
}

page-applicant 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-applicant 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-applicant ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-applicant 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-applicant .footer-claim {
  position: fixed;
  bottom: 0;
}

page-applicant .claimdetail [disabled] {
  opacity: 1;
}

page-applicant .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-applicant .cus-disabled {
  opacity: 1;
}

page-applicant .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-applicant .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-applicant .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-applicant .text-ket {
  text-align: right;
}

page-applicant .container p {
  color: #909090 !important;
}

page-applicant .container p span {
  font-size: 1.4rem !important;
}

page-applicant .red {
  -webkit-text-fill-color: red;
}

page-applicant .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-applicant .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-applicant .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-applicant .light-grey {
  color: #7f7f7f !important;
}

page-applicant .selected {
  background-color: #e3f5ff;
}

page-applicant .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-applicant .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-applicant .title-col {
  color: #192528 !important;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-applicant .title-col h2 {
  display: inline-block;
}

page-applicant .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-applicant .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-applicant .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-applicant .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-applicant .align-left {
  float: left !important;
}

page-applicant .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-applicant .col-right {
  text-align: right;
}

page-applicant .align-center {
  float: center !important;
}

page-applicant span {
  font-size: 12px !important;
}

page-applicant .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-applicant [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-applicant .skeleton-box .left,
page-applicant .skeleton-box .right {
  width: 100%;
}

page-applicant .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-applicant .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-applicant .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-applicant .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-applicant .fixed-datepicker {
  background-color: blue;
}

page-applicant .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-applicant .fixed-datepicker .gdx-container .list-datepicker .gdx-container {
  display: block;
  height: 100%;
  overflow: hidden;
}

page-applicant .fixed-datepicker .gdx-container .leave-container {
  height: 100%;
}

page-applicant .feed-request {
  min-height: 70px !important;
  border-radius: 10px !important;
}

page-applicant .feed-request .item-inner {
  padding: 0;
}

page-applicant .feed-request .input-wrapper ion-label {
  width: 100%;
  margin-right: 0;
}

page-applicant .feed-request ion-avatar {
  position: relative;
}

page-applicant .feed-request span.sficon-setting {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

page-applicant .feed-request .more-icon {
  font-size: 1.2em;
  padding: 0px 3px 0px 10px;
  margin: 0px;
  -webkit-text-fill-color: #58595b;
}

page-applicant .feed-request h2 {
  color: #F68A22;
  margin-top: 0;
}

page-applicant .feed-request p {
  font-size: 0.9em;
}

page-applicant .feed-request ion-icon {
  margin-left: 10px;
}

page-applicant .feed-request ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

page-applicant .feed-request ion-list ion-item ion-label {
  margin: 0;
}

page-applicant .aksi .more-action {
  position: relative;
}

page-applicant-action h2 {
  color: #F68A22 !important;
}

page-applicant-action .upd-stat {
  color: #F68A22 !important;
}

page-applicant-action .del-stat {
  color: #F0624D !important;
}

page-applicant-action .col-right {
  text-align: right;
}

page-applicant-action .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-applicant-action .data-list-request ion-item1 .item-inner {
  border: none !important;
}

page-applicant-action .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-applicant-action .leave-status {
  color: #bdc3c7 !important;
}

page-applicant-action .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-applicant-action .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-applicant-action .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-applicant-action .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-applicant-action .list-ios > .item-block:last-child {
  border: none;
}

page-applicant-action .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-applicant-action .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-applicant-action .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-applicant-action .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-applicant-action .title-col h2 {
  display: inline-block;
}

page-applicant-action .div-multi-request ion-col {
  padding: 0px !important;
}

page-applicant-action .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-applicant-action .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-applicant-action page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-applicant-action ion-scroll {
  height: 200px;
}

page-applicant-action ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-applicant-action 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-applicant-action .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-applicant-action .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-applicant-action .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-applicant-action .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-applicant-action .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-applicant-action .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-applicant-action .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-applicant-action .container .factory-box .factory-section .title-box ion-row {
  width: 100%;
}

page-applicant-action .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-applicant-action .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-applicant-action .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-applicant-action .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-applicant-action .container .factory-box .factory-section .content-container .content-box ion-row {
  width: 100% !important;
  max-width: unset !important;
}

page-applicant-action .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-applicant-action .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-applicant-action .warning-box {
  padding: 16px;
  background-color: rgba(165, 176, 183, 0.1);
  margin: 8px 0;
  border-radius: 16px;
}

page-applicant-action .warning-box svg-icon circle, page-applicant-action .warning-box svg-icon path {
  stroke: #A5B0B7;
}

page-applicant-action .warning-box .detail p {
  font-size: 12px !important;
  color: #A5B0B7;
  width: 100%;
}

page-applicant-action .warning-box .detail ion-label {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  font-weight: bold;
}

page-applicant-action .event-box {
  border-top: 1px solid #dbdbe1;
  overflow: auto;
  min-height: 120px;
  padding: 10px;
}

page-applicant-action .event-box .group-title-event {
  margin: 0;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}

page-applicant-action .event-box .detail-event-box {
  margin: 10px 0;
}

page-applicant-action .event-box .detail-event-box .detail-event-section {
  padding: 10px 8px 10px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-applicant-action .event-box .detail-event-box .detail-event-section .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  overflow: hidden;
}

page-applicant-action .event-box .detail-event-box .detail-event-section .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-applicant-action .event-box .detail-event-box .detail-event-section .detail-label-box .detail-title {
  margin: 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-applicant-action .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-applicant-action .img-preview {
  position: relative;
  display: inline-block;
}

page-applicant-action .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-applicant-action .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-modal-applicant-pic-other h2 {
  color: #F68A22 !important;
}

page-applicant-detail .select-disabled,
page-applicant-detail .item-select-disabled,
page-applicant-detail .datetime-disabled,
page-applicant-detail .item-datetime-disabled {
  opacity: 1 !important;
}

page-applicant-detail .list-section {
  overflow-y: scroll;
  height: 300px;
}

page-applicant-detail page-no-record .wrapper {
  padding: 50px 0px 50px 0px !important;
}

page-applicant-detail ion-segment {
  overflow: auto;
}

page-applicant-detail ion-segment::-webkit-scrollbar {
  height: 0px !important;
}

@media screen and (min-width: 768px) {
  page-applicant-detail .container-mobile,
  page-applicant-detail .button-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  page-applicant-detail .container-desktop,
  page-applicant-detail .button-desktop {
    display: none !important;
  }
}

page-applicant-detail .regular-text {
  color: #192528 !important;
}

page-applicant-detail .primary-text {
  color: #F68A22 !important;
}

page-applicant-detail .responsive-large {
  margin-left: 13px;
  margin-right: 13px;
  max-width: calc(100% - 26px);
  margin-bottom: 30px;
}

page-applicant-detail .responsive-card {
  margin: unset !important;
  padding: 0px 25px 0px 25px !important;
  max-width: 100% !important;
  border: unset !important;
  border-radius: unset !important;
}

page-applicant-detail .scroll-content,
page-applicant-detail .gdx-container {
  padding-bottom: 0 !important;
}

page-applicant-detail .container-desktop {
  height: 100%;
}

page-applicant-detail .container-desktop .tab-box ion-icon {
  padding: 4px 10px;
  color: #222;
  font-size: 18px;
  cursor: pointer;
}

page-applicant-detail .container-desktop .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-applicant-detail .container-desktop .tab-box ion-segment {
  padding-bottom: 10px;
}

page-applicant-detail .container-desktop .tab-box ion-segment-button {
  padding: 4px 8px !important;
  height: 40px !important;
}

page-applicant-detail .container-desktop .content-box {
  padding: 44px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

page-applicant-detail .container-desktop .content-box .tabContent {
  background: white;
  padding: 26px 13px;
  height: auto;
}

page-applicant-detail .container-mobile {
  position: relative;
  height: auto;
}

page-applicant-detail .container-mobile .tab-box ion-icon {
  padding: 4px 10px;
  font-size: 18px;
  color: #222;
  cursor: pointer;
}

page-applicant-detail .container-mobile .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-applicant-detail .container-mobile .list-box {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 40px;
}

page-applicant-detail .container-mobile .list-box .list-label {
  padding: 18px 23px;
}

page-applicant-detail .container-mobile .list-box .list-label ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #F68A22 !important;
}

page-applicant-detail .container-mobile .list-box .list-section {
  background: white;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  left: 0;
  padding: 24px 16px 38px 16px;
  position: absolute;
  width: 100%;
}

page-applicant-detail .container-mobile .list-box .list-section ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #192528 !important;
}

page-applicant-detail .container-mobile .content-box {
  z-index: 2;
}

page-applicant-detail .container-mobile .content-box h5 {
  margin-bottom: 0px !important;
}

page-applicant-detail .form-button-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background-color: white;
}

page-applicant-detail .form-button-box button {
  text-transform: capitalize;
}

page-applicant-detail .form-button-box .add-btn {
  background-color: white;
  color: #F68A22 !important;
}

page-applicant-detail .form-button-box .manage-btn {
  color: white !important;
}

@media screen and (max-width: 768px) {
  page-applicant-detail .form-button-box {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

page-applicant-address .container-desktop {
  position: relative;
}

page-applicant-address .container-desktop .skeleton .skeleton-box {
  height: 100px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: white;
  margin: 10px 10px 0px 10px;
}

page-applicant-address .container-desktop .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-address .container-desktop .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-address .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-applicant-address .container-mobile .card-box {
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
}

page-applicant-address .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-applicant-address .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-address .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-address .address-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-applicant-address .address-card .card-box {
  margin: 10px 10px 0px 10px;
  padding: 20px 15px 20px 20px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  min-height: 120px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-applicant-address .address-card .card-box .name-section {
  width: 100%;
}

page-applicant-address .address-card .card-box .name-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

page-applicant-address .address-card .card-box .address-section {
  color: #58595B;
}

page-applicant-address .address-card .card-box .address-section .icon-supsection img {
  margin-right: 10px;
  height: 20px;
}

page-applicant-address .address-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-address .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-applicant-address .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;
}

page-applicant-address .skeleton .skeleton-box {
  height: 100px;
  border-radius: 10px;
}

page-applicant-contact .form-profil-box {
  margin-bottom: 100px;
}

page-applicant-contact .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-applicant-contact .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-applicant-contact .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-applicant-contact .head-form {
    display: none;
  }
}

page-applicant-contact .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-applicant-education .container-desktop {
  position: relative;
}

page-applicant-education .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-applicant-education .container-mobile {
  padding: 16px;
}

page-applicant-education .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-applicant-education .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-education .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-education .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-applicant-education .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-applicant-education .table-section.hover {
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-applicant-education .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-education .table-box {
  padding-bottom: 26px;
  width: 100%;
}

page-applicant-education .education-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-applicant-education .education-card .card-box {
  width: 100%;
  margin: 10px;
  padding: 15px 10px 15px 15px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-applicant-education .education-card .card-box .left-box .level-section {
  width: 100%;
}

page-applicant-education .education-card .card-box .left-box .level-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-applicant-education .education-card .card-box .left-box .major-section {
  margin: 0px !important;
  width: 100%;
}

page-applicant-education .education-card .card-box .left-box .major-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-size: 12px !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
}

page-applicant-education .education-card .card-box .left-box .institution-section {
  color: #333333;
}

page-applicant-education .education-card .card-box .left-box .institution-section .education-supsection {
  margin-top: 5px;
}

page-applicant-education .education-card .card-box .right-box ion-label {
  font-size: 1.2rem !important;
}

page-applicant-education .education-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-education .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-applicant-education .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-applicant-education .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;
}

page-applicant-emergency .container-desktop {
  position: relative;
}

page-applicant-emergency .container-desktop .skeleton .skeleton-box {
  height: 100px;
  border-radius: 8px;
  border: 1px solid #dddddd;
  padding: 10px;
  background-color: white;
  margin: 10px 10px 0px 10px;
}

page-applicant-emergency .container-desktop .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-emergency .container-desktop .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-emergency .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-applicant-emergency .container-mobile .card-box {
  padding: 20px 15px 20px 20px;
  margin-bottom: 10px;
}

page-applicant-emergency .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-applicant-emergency .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-emergency .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-emergency .emergency-card {
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-applicant-emergency .emergency-card .card-box {
  margin: 10px 10px 0px 10px;
  padding: 20px 15px 20px 20px;
  background-color: white;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
}

page-applicant-emergency .emergency-card .card-box .name-section {
  width: 100%;
}

page-applicant-emergency .emergency-card .card-box .name-section ion-label {
  color: #F68A22 !important;
  word-wrap: break-word;
  font-weight: 500 !important;
  margin-top: 0px !important;
}

page-applicant-emergency .emergency-card .card-box .emergency-section {
  color: #58595B;
}

page-applicant-emergency .emergency-card .card-box .emergency-section .icon-supsection img {
  margin-right: 10px;
  height: 20px;
  -webkit-filter: invert(56%) sepia(32%) saturate(1202%) hue-rotate(139deg) brightness(86%) contrast(81%);
  filter: invert(56%) sepia(32%) saturate(1202%) hue-rotate(139deg) brightness(86%) contrast(81%);
}

page-applicant-emergency .emergency-card .card-box:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-emergency .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
}

page-applicant-emergency .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;
}

page-applicant-experience .container-desktop {
  position: relative;
}

page-applicant-experience .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-applicant-experience .container-mobile {
  padding: 16px;
}

page-applicant-experience .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-applicant-experience .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-experience .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-experience .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-applicant-experience .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-applicant-experience .table-content {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-applicant-experience .table-section.hover {
  background-color: white;
  margin-bottom: 20px;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-applicant-experience .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-experience .container-mobile {
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
  padding: 16px;
}

page-applicant-experience .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-applicant-experience .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-applicant-experience .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-applicant-experience .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-applicant-experience .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-applicant-experience .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-applicant-experience .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-applicant-experience .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;
}

page-applicant-family .container-desktop {
  position: relative;
}

page-applicant-family .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-applicant-family .container-mobile {
  padding: 16px;
}

page-applicant-family .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-applicant-family .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-applicant-family .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-applicant-family .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-applicant-family .table-head {
  font-size: 13px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-applicant-family .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: 'regular' !important;
  color: #192528 !important;
}

page-applicant-family .table-box {
  padding-bottom: 26px;
}

page-applicant-family .table-section.hover {
  background-color: white;
  padding: 10px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

page-applicant-family .table-section.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-applicant-family .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-applicant-family .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-applicant-family .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-applicant-family .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-applicant-family .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-applicant-family .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-applicant-family .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-applicant-family .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-applicant-family .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;
}

page-applicant-job-application .form-profil-box {
  margin-bottom: 100px;
}

page-applicant-job-application .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-applicant-job-application .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-applicant-job-application .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-applicant-job-application .head-form {
    display: none;
  }
}

page-applicant-job-application .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-applicant-main-info .form-profil-box {
  margin-bottom: 100px;
}

page-applicant-main-info .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-applicant-main-info .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-applicant-main-info .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-applicant-main-info .head-form {
    display: none;
  }
}

page-applicant-main-info .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-applicant-modal-education .full-width {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  height: 36.2px;
}

page-applicant-modal-education ion-input.input1 {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 15px;
}

page-applicant-modal-education ion-label.label2 {
  margin-top: 7px !important;
}

@media screen and (min-width: 768px) {
  page-applicant-modal-education .form-section.multiple-input .label1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    max-width: 20% !important;
  }
  page-applicant-modal-education .form-section.multiple-input .input1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 20% !important;
    -ms-flex: 1 1 20% !important;
    flex: 1 1 20% !important;
    width: 20% !important;
    max-width: 80px !important;
    padding-bottom: 0px !important;
  }
  page-applicant-modal-education .form-section.multiple-input .label2 {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-top: 0px !important;
  }
  page-applicant-modal-education .form-section.multiple-input .input2 {
    width: 20% !important;
    max-width: 80px !important;
  }
}

page-applicant-modal-education .img-preview {
  position: relative;
  display: inline-block;
}

page-applicant-modal-education .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-applicant-modal-education .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-applicant-modal-family .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-applicant-modal-family .chip-md {
  width: 40% !important;
}

page-applicant-modal-family ion-chip {
  height: 190px !important;
}

page-applicant-modal-family ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-applicant-modal-family .chip-md {
    width: 100% !important;
  }
  page-applicant-modal-family .chip-ios {
    width: 100% !important;
  }
  page-applicant-modal-family ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-applicant-modal-family ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-applicant-modal-family .chip-md {
    width: 50% !important;
  }
  page-applicant-modal-family .chip-ios {
    width: 100% !important;
  }
}

page-applicant-modal-family .img-preview {
  position: relative;
  display: inline-block;
}

page-applicant-modal-family .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-applicant-modal-family .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-applicant-personal .form-profil-box {
  margin-bottom: 100px;
}

page-applicant-personal .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-applicant-personal .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-applicant-personal .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-applicant-personal .head-form {
    display: none;
  }
}

page-applicant-personal .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-applicant-selection-progress .form-profil-box {
  margin-bottom: 100px;
}

page-applicant-selection-progress .head-form {
  border-bottom: 1px solid #E2E9ED;
  padding-left: 15px;
  padding-top: 10px;
}

page-applicant-selection-progress .head-form h2 {
  margin: 5px 0 3px 0;
  color: #F68A22;
  font-size: 19px;
  font-weight: 500;
}

page-applicant-selection-progress .head-form p {
  margin-top: 0px;
  font-size: 15px;
  color: #A5B0B7;
}

@media screen and (max-width: 768px) {
  page-applicant-selection-progress .head-form {
    display: none;
  }
}

page-applicant-selection-progress .form-button-box {
  position: -webkit-sticky;
  position: sticky;
  background: white;
  bottom: 0;
  padding: 6px 12px !important;
}

page-applicant-selection-progress .img-preview {
  position: relative;
  display: inline-block;
}

page-applicant-selection-progress .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-applicant-selection-progress .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-applicant-rec-detail .div-list {
  padding-top: 0px;
  margin-bottom: 0px !important;
}

page-applicant-rec-detail .div-list ion-item {
  padding: 0px 7px 0px 7px;
}

page-applicant-rec-detail .div-list h2 {
  margin: 0px;
  font-weight: bold;
}

page-applicant-rec-detail .div-list p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-applicant-rec-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-applicant-rec-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-applicant-rec-detail .div-list-info h2 {
  margin: 0px;
}

page-applicant-rec-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-applicant-rec-detail .div-wrapper-row {
  background-color: white;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}

page-applicant-rec-detail .div-wrapper-1 {
  position: absolute;
  z-index: -1;
  padding-bottom: 30px !important;
  width: inherit !important;
}

page-applicant-rec-detail .div-content-wrapper {
  border: 1px solid #dedede !important;
  padding: 2px 12px;
  border-radius: 10px;
}

page-applicant-rec-detail .div-row-wrapper {
  padding: 7px 0px 7px 0px !important;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #dedede;
}

page-applicant-rec-detail .div-row-wrapper .div-content {
  position: relative;
  overflow: hidden;
}

page-applicant-rec-detail .div-row-wrapper .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-applicant-rec-detail .div-row-wrapper .div-content p {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373;
}

page-applicant-rec-detail .div-row-wrapper .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 8px !important;
  text-align: right !important;
}

page-applicant-rec-detail .div-row-wrapper .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-border {
  margin-top: 7px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content {
  padding-left: 10px !important;
  position: relative;
  overflow: hidden;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content ion-col {
  padding: 3px 0px 3px 0px !important;
  margin: 3px 0px 3px 0px !important;
  border-bottom: none !important;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content p {
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373 !important;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-list {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-zxvideo {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-ppt {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-pdf {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-bookmark {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-applicant-rec-detail .div-row-wrapper .div-drop-content .sficon-forward {
  font-size: 1em !important;
  padding: 10px !important;
  text-align: right !important;
}

page-applicant-rec-detail .div-row-wrapper-info {
  padding: 8px 0px 8px 0px;
  margin: 0px 7px 7px 7px;
  border-bottom: 1px solid #dedede !important;
}

page-applicant-rec-detail .div-row-wrapper-info .div-content-info {
  position: relative;
  overflow: hidden;
}

page-applicant-rec-detail .div-row-wrapper-info .div-content-info ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-applicant-rec-detail .div-row-wrapper-info .div-content-info p {
  font-size: 1.2em;
  margin: 10px 0px !important;
  font-weight: bold;
  -webkit-text-fill-color: #737373;
}

page-applicant-rec-detail .div-row-wrapper-info .div-content-info .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px !important;
  text-align: right !important;
}

page-applicant-rec-detail .div-row-wrapper-info .div-content-info .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-applicant-rec-detail .list-ios > .item-block:first-child {
  border-bottom: none !important;
}

page-applicant-rec-detail .last-item {
  border-bottom: none !important;
}

page-applicant-rec-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-applicant-rec-detail page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-applicant-rec-detail .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-applicant-rec-detail .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-applicant-rec-detail .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-applicant-rec-detail .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-applicant-rec-detail .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-applicant-rec-detail .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-applicant-rec-detail .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-applicant-rec-detail .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-applicant-rec-detail .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-applicant-rec-detail .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-applicant-rec-detail .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-applicant-rec-detail .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-applicant-rec-detail .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-applicant-rec-detail .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-applicant-rec-detail ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-applicant-view .select-disabled,
page-applicant-view .item-select-disabled,
page-applicant-view .datetime-disabled,
page-applicant-view .item-datetime-disabled {
  opacity: 1 !important;
}

page-applicant-view .list-section {
  overflow-y: scroll;
  height: 300px;
}

page-applicant-view page-no-record .wrapper {
  padding: 50px 0px 50px 0px !important;
}

page-applicant-view ion-segment {
  overflow: auto;
}

page-applicant-view ion-segment::-webkit-scrollbar {
  height: 0px !important;
}

@media screen and (min-width: 768px) {
  page-applicant-view .container-mobile,
  page-applicant-view .button-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  page-applicant-view .container-desktop,
  page-applicant-view .button-desktop {
    display: none !important;
  }
}

page-applicant-view .regular-text {
  color: #192528 !important;
}

page-applicant-view .primary-text {
  color: #F68A22 !important;
}

page-applicant-view .responsive-large {
  margin-left: 13px;
  margin-right: 13px;
  max-width: calc(100% - 26px);
  margin-bottom: 30px;
}

page-applicant-view .responsive-card {
  margin: unset !important;
  padding: 0px 25px 0px 25px !important;
  max-width: 100% !important;
  border: unset !important;
  border-radius: unset !important;
}

page-applicant-view .scroll-content,
page-applicant-view .gdx-container {
  padding-bottom: 0 !important;
}

page-applicant-view .container-desktop {
  height: 100%;
}

page-applicant-view .container-desktop .tab-box ion-icon {
  padding: 4px 10px;
  color: #222;
  font-size: 18px;
  cursor: pointer;
}

page-applicant-view .container-desktop .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-applicant-view .container-desktop .tab-box ion-segment {
  padding-bottom: 10px;
}

page-applicant-view .container-desktop .tab-box ion-segment-button {
  padding: 4px 8px !important;
  height: 40px !important;
}

page-applicant-view .container-desktop .content-box {
  padding: 44px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

page-applicant-view .container-desktop .content-box .tabContent {
  background: white;
  padding: 26px 13px;
  height: auto;
}

page-applicant-view .container-mobile {
  position: relative;
  height: auto;
}

page-applicant-view .container-mobile .tab-box ion-icon {
  padding: 4px 10px;
  font-size: 18px;
  color: #222;
  cursor: pointer;
}

page-applicant-view .container-mobile .tab-box ion-icon:hover {
  background-color: #ddd;
}

page-applicant-view .container-mobile .list-box {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 5;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-bottom: 40px;
}

page-applicant-view .container-mobile .list-box .list-label {
  padding: 18px 23px;
}

page-applicant-view .container-mobile .list-box .list-label ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #F68A22 !important;
}

page-applicant-view .container-mobile .list-box .list-section {
  background: white;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.16);
  left: 0;
  padding: 24px 16px 38px 16px;
  position: absolute;
  width: 100%;
}

page-applicant-view .container-mobile .list-box .list-section ion-label {
  width: 100% !important;
  text-align: left;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #192528 !important;
}

page-applicant-view .container-mobile .content-box {
  z-index: 2;
}

page-applicant-view .container-mobile .content-box h5 {
  margin-bottom: 0px !important;
}

page-applicant-view .form-button-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background-color: white;
}

page-applicant-view .form-button-box button {
  text-transform: capitalize;
}

page-applicant-view .form-button-box .add-btn {
  background-color: white;
  color: #F68A22 !important;
}

page-applicant-view .form-button-box .manage-btn {
  color: white !important;
}

@media screen and (max-width: 768px) {
  page-applicant-view .form-button-box {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

page-applicant-view-detail .feed-request {
  min-height: 70px !important;
  border-radius: 10px !important;
}

page-applicant-view-detail .feed-request .item-inner {
  padding: 0;
}

page-applicant-view-detail .feed-request .input-wrapper ion-label {
  width: 100%;
  margin-right: 0;
}

page-applicant-view-detail .feed-request ion-avatar {
  position: relative;
}

page-applicant-view-detail .feed-request span.sficon-setting {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

page-applicant-view-detail .feed-request .more-icon {
  font-size: 1.2em;
  padding: 0px 3px 0px 10px;
  margin: 0px;
  -webkit-text-fill-color: #58595b;
}

page-applicant-view-detail .feed-request h2 {
  color: #F68A22;
  margin-top: 0;
}

page-applicant-view-detail .feed-request p {
  font-size: 0.9em;
}

page-applicant-view-detail .feed-request ion-icon {
  margin-left: 10px;
}

page-applicant-view-detail .feed-request ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

page-applicant-view-detail .feed-request ion-list ion-item ion-label {
  margin: 0;
}

page-applicant-view-detail .aksi .more-action {
  position: relative;
}

page-applicant-view-popover .box-pop {
  background: #fff;
  border-radius: 10px;
  padding: 0 15px;
}

page-applicant-view-popover .box-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

page-applicant-view-popover .box-pop ul li {
  font-weight: 700;
  padding: 10px 0px;
  cursor: pointer;
}

page-applicant-view-popover .box-pop ul li:first-child {
  border-bottom: 1px solid #A5B0B7;
}

page-list-request-shift-schedule h2 {
  color: #F68A22 !important;
}

page-list-request-shift-schedule .upd-stat {
  color: #F68A22 !important;
}

page-list-request-shift-schedule .del-stat {
  color: #F0624D !important;
}

page-list-request-shift-schedule .col-right {
  text-align: right;
}

page-list-request-shift-schedule .col-left {
  text-align: left;
}

page-list-request-shift-schedule .input-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-list-request-shift-schedule ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-list-request-shift-schedule .skeleton-box .box {
  width: 100%;
}

page-list-request-shift-schedule .skeleton-box .title-skeleton {
  width: 60%;
  height: 19px;
  border-radius: 3px;
}

page-list-request-shift-schedule .skeleton-box .date-skeleton {
  width: 20%;
  border-radius: 3px;
  height: 19px;
}

page-list-request-shift-schedule .skeleton-box .datefull-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 3px;
}

page-list-request-shift-schedule .skeleton-box .approve-skeleton {
  width: 40%;
  height: 18px;
}

page-list-request-shift-schedule .skeleton-box .report-skeleton {
  width: 80%;
  height: 19px;
}

page-list-request-shift-schedule .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
}

page-request-shift-schedule .text-input[disabled] {
  opacity: unset !important;
  color: #192528 !important;
}

page-request-shift-schedule .datetime-disabled {
  opacity: unset !important;
  color: #192528 !important;
}

page-request-shift-schedule ion-label {
  color: #A5B0B7 !important;
  font-size: 14px !important;
  opacity: unset !important;
}

page-request-shift-schedule .div-container {
  border: solid 1px #737373 !important;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 15px 15px 13px;
}

page-request-shift-schedule .div-container ion-textarea {
  padding: 0px 8px 8px 8px;
}

page-request-shift-schedule .div-container .div-header-quest p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 15px 7px 5px 7px;
  color: #e6ae37 !important;
}

page-request-shift-schedule .div-container .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-request-shift-schedule .div-container .close-card {
  color: #e6ae37;
  float: right;
  padding-top: 12px;
  padding-right: 5px;
}

page-search-emp-scheduling h2 {
  color: #F68A22 !important;
}

page-shiftscheduleform .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .input-cal-icon:after {
  content: "\e908";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shiftschedulemodal ion-avatar.def {
  background-color: #F68A22;
  border-radius: 50%;
}

page-shiftschedulemodal h2 {
  margin: 4px 0 2px !important;
}

page-shiftschedulemodal .skeleton-box .left,
page-shiftschedulemodal .skeleton-box .right {
  width: 100%;
}

page-shiftschedulemodal .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulemodal .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulemodal .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulemodal .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-shiftschedulequick ion-avatar.def {
  background-color: #F68A22;
  border-radius: 50%;
}

page-shiftschedulequick .toggle-md.toggle-checked .toggle-inner {
  background-color: #F68A22;
}

page-shiftschedulequick .skeleton-box .left,
page-shiftschedulequick .skeleton-box .right {
  width: 100%;
}

page-shiftschedulequick .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulequick .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulequick .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-shiftschedulequick .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-shiftscheduletable-sf6 .shift-block {
  overflow: auto;
}

page-shiftscheduletable-sf6 .shift-block .header-right ion-col.holiday h2 {
  color: #c00;
}

page-shiftscheduletable-sf6 .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  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-shiftscheduletable-sf6 .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable-sf6 .shift-block .header-right ion-col p {
  margin: 0;
}

page-shiftscheduletable-sf6 .shift-block div.body-right ion-col.holiday {
  background-color: #fef3f4;
}

page-shiftscheduletable-sf6 .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  border-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  min-height: 5em;
  max-width: 7em;
  padding: 0 0px;
  text-align: center;
  line-height: 2.3em;
}

page-shiftscheduletable-sf6 .shift-block div.body-right ion-col p {
  margin: 0 auto;
}

page-shiftscheduletable-sf6 .shift-block div.body-right ion-col p:first-child {
  width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-shiftscheduletable-sf6 .shift-user .header-left ion-col {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  min-height: 4em;
}

page-shiftscheduletable-sf6 .shift-user .header-left ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable-sf6 .shift-user .header-left ion-col p {
  margin: 0;
}

page-shiftscheduletable-sf6 .shift-user .header-left ion-col ion-icon {
  display: none;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col {
  min-height: 5em;
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item {
  padding-top: 0.5em;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item ion-avatar, page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item .item-inner {
  border-bottom: 0 !important;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

page-shiftscheduletable-sf6 .shift-user div.body-left ion-col ion-item ion-label h2 {
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable-sf6 .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-right: 1px solid #ccc;
}

page-shiftscheduletable-sf6 .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  overflow: auto;
}

page-shiftscheduletable-sf6 .compactview .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  border-right: 1px solid #ccc;
}

page-shiftscheduletable-sf6 .compactview .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  overflow: auto;
}

page-shiftscheduletable-sf6 .compactview .shift-user .header-left ion-col ion-icon {
  display: block;
  color: #F68A22;
}

page-shiftscheduletable-sf6 .compactview .shift-user .header-left ion-col h2 {
  display: none;
}

page-shiftscheduletable-sf6 .compactview .shift-user ion-item ion-avatar {
  margin: 0 auto !important;
}

page-shiftscheduletable-sf6 .compactview .shift-user ion-item .item-inner {
  display: none;
}

page-shiftscheduletable-sf6 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-expandable .expand-wrapper {
  padding: 0 18px;
  background-color: white;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}

page-expandable .collapsed {
  height: 0 !important;
}

page-shift-pattern .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern-setting gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-shift-pattern-setting .item-list ion-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-shift-pattern-setting .item-list h2 {
  color: #333333;
}

page-shift-pattern-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

page-shift-pattern-setting .fixed-content .helper {
  width: 100%;
}

page-shift-pattern-setting .info-box {
  background: #FEEBDB;
  color: #F0624D;
  padding: 15px;
  margin: 10px 0px;
  border-radius: 10px;
  font-size: 12px;
}

page-shift-daily-setting gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-shift-daily-setting #shiftStep1 {
  width: 34px;
  height: 34px;
}

page-shift-daily-setting .container {
  padding-bottom: 30px;
}

page-shift-daily-setting .item-worklocation ion-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-shift-daily-setting .item-worklocation p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-shift-daily-setting .item-worklocation h2 {
  color: #333333;
}

page-shift-daily-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

page-shift-daily-setting .fixed-content .helper {
  width: 100%;
}

page-shift-daily-setting-add ion-checkbox[grd-checkbox] .checkbox-icon, ion-checkbox[grd-checkbox] page-shift-daily-setting-add .checkbox-icon, page-shift-daily-setting-add ion-checkbox[gdx-checkbox] .checkbox-icon, ion-checkbox[gdx-checkbox] page-shift-daily-setting-add .checkbox-icon, page-shift-daily-setting-add page-employee-list .check-subsection .checkbox-icon, page-employee-list .check-subsection page-shift-daily-setting-add .checkbox-icon, page-shift-daily-setting-add page-id-card-confirm .container .agree-box .checkbox-icon, page-id-card-confirm .container .agree-box page-shift-daily-setting-add .checkbox-icon, page-shift-daily-setting-add page-login-session .check-subsection .checkbox-icon, page-login-session .check-subsection page-shift-daily-setting-add .checkbox-icon, page-shift-daily-setting-add .check .checkbox-icon {
  border-radius: 4px !important;
  margin: 0 0 0 10px;
  width: 25px;
  height: 24px;
  background: #F68A22;
}

page-shift-daily-setting-add ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[grd-checkbox] .checkbox-icon page-shift-daily-setting-add .checkbox-inner, page-shift-daily-setting-add ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon page-shift-daily-setting-add .checkbox-inner, page-shift-daily-setting-add page-employee-list .check-subsection .checkbox-icon .checkbox-inner, page-employee-list .check-subsection .checkbox-icon page-shift-daily-setting-add .checkbox-inner, page-shift-daily-setting-add page-id-card-confirm .container .agree-box .checkbox-icon .checkbox-inner, page-id-card-confirm .container .agree-box .checkbox-icon page-shift-daily-setting-add .checkbox-inner, page-shift-daily-setting-add page-login-session .check-subsection .checkbox-icon .checkbox-inner, page-login-session .check-subsection .checkbox-icon page-shift-daily-setting-add .checkbox-inner, page-shift-daily-setting-add .check .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-shift-daily-setting-add .check .checkbox-icon {
  border: 1px solid #A5B0B7;
  background: white;
}

page-shift-daily-setting-add .check .checkbox-checked {
  background: #F68A22 !important;
  border: 1px solid white !important;
}

page-shift-daily-setting-add .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-daily-setting-add .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-shift-daily-setting-add .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
  margin-left: 10px;
}

page-shift-daily-setting-add .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

@media screen and (max-width: 768px) {
  page-shift-daily-setting-add .date-start {
    min-width: 100%;
  }
  page-shift-daily-setting-add .date-end {
    min-width: 100%;
  }
}

page-shift-daily-setting-add .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-shift-daily-setting-add .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-shift-daily-setting-add .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-shift-daily-setting-add .destination-card .destination-form {
  padding: 1px 12px;
}

page-shift-daily-setting-add .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin-top: 16px;
}

page-shift-daily-setting-edit .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-daily-setting-edit .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-shift-daily-setting-edit .datetime-md {
  padding: 0px !important;
  margin-right: 5px;
  margin-left: 5px;
}

page-shift-daily-setting-edit .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

@media screen and (max-width: 768px) {
  page-shift-daily-setting-edit .date-start {
    min-width: 100%;
  }
  page-shift-daily-setting-edit .date-end {
    min-width: 100%;
  }
}

page-shift-daily-setting-edit .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-shift-daily-setting-edit .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-shift-daily-setting-edit .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-shift-daily-setting-edit .destination-card .destination-form {
  padding: 1px 12px;
}

page-shift-daily-setting-edit .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin-top: 16px;
}

page-shift-pattern-add .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern-add ion-label.label-setting {
  margin: 25px 0 0 0 !important;
  font-weight: 700 !important;
}

page-shift-pattern-edit .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern-edit ion-label.label-setting {
  margin: 25px 0 0 0 !important;
  font-weight: 700 !important;
}

page-shift-pattern2 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern2 .shift-block {
  overflow: auto;
}

page-shift-pattern2 .shift-block .header-right ion-col.holiday h2 {
  color: #c00;
}

page-shift-pattern2 .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 4em;
  padding: 5px;
  text-align: center;
}

page-shift-pattern2 .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern2 .shift-block .header-right ion-col p {
  margin: 0;
}

page-shift-pattern2 .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  min-height: 5em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

page-shift-pattern2 .shift-user .header-left ion-col {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  min-height: 4em;
}

page-shift-pattern2 .shift-user .header-left ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern2 .shift-user .header-left ion-col p {
  margin: 0;
}

page-shift-pattern2 .shift-user .header-left ion-col ion-icon {
  display: none;
}

page-shift-pattern2 .shift-user div.body-left ion-col {
  min-height: 5em;
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

page-shift-pattern2 .shift-user div.body-left ion-col ion-item {
  padding-top: 0.5em;
}

page-shift-pattern2 .shift-user div.body-left ion-col ion-item ion-avatar, page-shift-pattern2 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

page-shift-pattern2 .shift-user div.body-left ion-col ion-item .item-inner {
  border-bottom: 0 !important;
}

page-shift-pattern2 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

page-shift-pattern2 .shift-user div.body-left ion-col ion-item ion-label h2 {
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern2 .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-right: 1px solid #ccc;
}

page-shift-pattern2 .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  overflow: auto;
}

page-shift-pattern2 .compactview .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  border-right: 1px solid #ccc;
}

page-shift-pattern2 .compactview .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  overflow: auto;
}

page-shift-pattern2 .compactview .shift-user .header-left ion-col ion-icon {
  display: block;
  color: #F68A22;
}

page-shift-pattern2 .compactview .shift-user .header-left ion-col h2 {
  display: none;
}

page-shift-pattern2 .compactview .shift-user ion-item ion-avatar {
  margin: 0 auto !important;
}

page-shift-pattern2 .compactview .shift-user ion-item .item-inner {
  display: none;
}

page-shift-pattern2 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern2-create .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;
}

page-shift-pattern-list2 .active-pattern {
  font-family: black;
}

page-shift-pattern-list2 .list-header {
  padding-left: 10px;
  background: aliceblue;
}

page-shift-pattern-list2 .list-body {
  padding-left: 10px;
}

page-shift-pattern-list2 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern-list2 .shift-block {
  overflow: auto;
}

page-shift-pattern-list2 .shift-block .header-right ion-col.holiday h2 {
  color: #c00;
}

page-shift-pattern-list2 .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  min-height: 4em;
  padding: 5px;
  text-align: center;
}

page-shift-pattern-list2 .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern-list2 .shift-block .header-right ion-col p {
  margin: 0;
}

page-shift-pattern-list2 .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  min-height: 5em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

page-shift-pattern-list2 .shift-user .header-left ion-col {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  min-height: 4em;
}

page-shift-pattern-list2 .shift-user .header-left ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern-list2 .shift-user .header-left ion-col p {
  margin: 0;
}

page-shift-pattern-list2 .shift-user .header-left ion-col ion-icon {
  display: none;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col {
  min-height: 5em;
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item {
  padding-top: 0.5em;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item ion-avatar, page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item .item-inner {
  border-bottom: 0 !important;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

page-shift-pattern-list2 .shift-user div.body-left ion-col ion-item ion-label h2 {
  color: #F68A22;
  font-size: 1em;
}

page-shift-pattern-list2 .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-right: 1px solid #ccc;
}

page-shift-pattern-list2 .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  overflow: auto;
}

page-shift-pattern-list2 .compactview .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  border-right: 1px solid #ccc;
}

page-shift-pattern-list2 .compactview .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  overflow: auto;
}

page-shift-pattern-list2 .compactview .shift-user .header-left ion-col ion-icon {
  display: block;
  color: #F68A22;
}

page-shift-pattern-list2 .compactview .shift-user .header-left ion-col h2 {
  display: none;
}

page-shift-pattern-list2 .compactview .shift-user ion-item ion-avatar {
  margin: 0 auto !important;
}

page-shift-pattern-list2 .compactview .shift-user ion-item .item-inner {
  display: none;
}

page-shift-pattern-list2 .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern2-setting gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-shift-pattern2-setting .list-header {
  padding-left: 10px;
  min-height: auto;
}

page-shift-pattern2-setting .list-header ion-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;
  margin: 0;
}

page-shift-pattern2-setting .list-header h2 {
  color: #333333;
}

page-shift-pattern2-setting .list-header img.up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

page-shift-pattern2-setting .list-header .list-contain {
  width: 100%;
}

page-shift-pattern2-setting .list-header .list-contain div {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-shift-pattern2-setting .list-header .off {
  pointer-events: none;
  cursor: unset !important;
  opacity: .2;
}

page-shift-pattern2-setting .list-body {
  padding-left: 10px;
  min-height: auto;
  margin: 5px 0;
}

page-shift-pattern2-setting .list-body .item-inner {
  border: none !important;
}

page-shift-pattern2-setting .list-body .item-inner ion-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none !important;
  margin: 0;
}

page-shift-pattern2-setting .list-body .item-inner ion-label h2, page-shift-pattern2-setting .list-body .item-inner ion-label p {
  font-size: 12px !important;
}

page-shift-pattern2-setting .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-pattern2-setting .warna {
  padding-left: 10px;
  margin-bottom: 30px;
  color: #F68A22;
}

page-shift-pattern2-setting .fixed-content {
  top: unset;
  bottom: 89px;
}

page-shift-pattern2-setting .fixed-content .helper {
  width: 100%;
}

page-shift-pattern2-setting .info-box {
  background: #FEEBDB;
  color: #F0624D;
  padding: 15px;
  margin: 10px 0px;
  border-radius: 10px;
  font-size: 12px;
}

page-shiftscheduleform .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .input-cal-icon:after {
  content: "\e908";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-shiftscheduleform .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shiftschedulemodal ion-avatar.def {
  background-color: #F68A22;
  border-radius: 50%;
}

page-shiftschedulemodal h2 {
  margin: 4px 0 2px !important;
}

page-shiftschedulequick ion-avatar.def {
  background-color: #F68A22;
  border-radius: 50%;
}

page-shiftscheduletable .shift-block {
  overflow: auto;
}

page-shiftscheduletable .shift-block .header-right ion-col.holiday h2 {
  color: #c00;
}

page-shiftscheduletable .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  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;
  min-width: 98px;
}

page-shiftscheduletable .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable .shift-block .header-right ion-col p {
  margin: 0;
}

page-shiftscheduletable .shift-block div.body-right ion-col.holiday {
  background-color: #fef3f4;
}

page-shiftscheduletable .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  border-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  min-height: 5em;
  max-width: 7em;
  min-width: 98px;
  padding: 0 0px;
  text-align: center;
  line-height: 2.3em;
}

page-shiftscheduletable .shift-block div.body-right ion-col p {
  margin: 0 auto;
}

page-shiftscheduletable .shift-block div.body-right ion-col p:first-child {
  width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-shiftscheduletable .shift-user .header-left ion-col {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  min-height: 4em;
}

page-shiftscheduletable .shift-user .header-left ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable .shift-user .header-left ion-col p {
  margin: 0;
}

page-shiftscheduletable .shift-user .header-left ion-col ion-icon {
  display: none;
}

page-shiftscheduletable .shift-user div.body-left ion-col {
  min-height: 5em;
  padding: 0px;
  border-bottom: 1px solid #ccc;
}

page-shiftscheduletable .shift-user div.body-left ion-col ion-item {
  padding-top: 0.5em;
}

page-shiftscheduletable .shift-user div.body-left ion-col ion-item ion-avatar, page-shiftscheduletable .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

page-shiftscheduletable .shift-user div.body-left ion-col ion-item .item-inner {
  border-bottom: 0 !important;
}

page-shiftscheduletable .shift-user div.body-left ion-col ion-item ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

page-shiftscheduletable .shift-user div.body-left ion-col ion-item ion-label h2 {
  color: #F68A22;
  font-size: 1em;
}

page-shiftscheduletable .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45%;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  max-width: 45%;
  border-right: 1px solid #ccc;
}

page-shiftscheduletable .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55%;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  max-width: 55%;
  overflow: auto;
}

page-shiftscheduletable .compactview .leftside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  border-right: 1px solid #ccc;
}

page-shiftscheduletable .compactview .rightside {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 80%;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  overflow: auto;
}

page-shiftscheduletable .compactview .shift-user .header-left ion-col ion-icon {
  display: block;
  color: #F68A22;
}

page-shiftscheduletable .compactview .shift-user .header-left ion-col h2 {
  display: none;
}

page-shiftscheduletable .compactview .shift-user ion-item ion-avatar {
  margin: 0 auto !important;
}

page-shiftscheduletable .compactview .shift-user ion-item .item-inner {
  display: none;
}

page-shiftscheduletable .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-shift-upload p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-shift-upload .btn-template-upload {
  position: relative;
}

page-shift-upload .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 5vh;
  margin: auto !important;
}

page-shift-upload .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-shift-upload button ion-label {
  color: white !important;
}

page-shift-upload ion-icon::before {
  font-size: 22px !important;
}

page-shift-upload .primary-color {
  color: #F68A22 !important;
}

page-shift-upload .scroll {
  border-radius: 1px;
  border-color: black;
  width: 100%;
  height: 200px;
  overflow: scroll;
}

page-shift-upload .wrap-list {
  padding: 0px 15px;
}

page-shift-upload .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-shift-upload .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-shift-upload .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-shift-upload .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-shift-upload .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-shift-upload .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-shift-upload .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-shift-upload .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-add-setting-smartfeed .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-add-setting-smartfeed .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-add-setting-smartfeed .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-add-setting-smartfeed .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-add-setting-smartfeed .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-add-setting-smartfeed .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-add-setting-smartfeed .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-add-setting-smartfeed .btn-tag span {
  font-size: 1.2em !important;
}

page-add-setting-smartfeed .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-add-setting-smartfeed h2, page-add-setting-smartfeed p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-add-setting-smartfeed .justify {
  font-size: 1.4rem !important;
  border-bottom: 1px solid #dedede !important;
  padding-bottom: 10px !important;
}

page-add-setting-smartfeed .get-notif {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  margin-bottom: 1px;
  border-bottom: 1px solid #d3d3d3;
}

page-add-setting-smartfeed .get-notif .text-notif h2 {
  margin: 0px;
  margin-bottom: 3px;
  font-size: 1.3em;
  font-weight: bold;
}

page-add-setting-smartfeed .get-notif .text-notif p {
  margin: 0px;
  font-size: 1em;
}

page-add-setting-smartfeed .get-additional {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d3d3d3;
}

page-add-setting-smartfeed .get-additional ion-col {
  width: 100%;
}

page-add-setting-smartfeed .get-additional .text-notif h2 {
  margin: 0px;
  margin-bottom: 3px;
  font-size: 1.3em;
  font-weight: bold;
}

page-add-setting-smartfeed .get-additional .text-notif p {
  margin: 0px;
  font-size: 1em;
}

page-add-setting-smartfeed .get-additional ion-range {
  padding-bottom: 0px;
  margin-bottom: 5px;
}

page-add-setting-smartfeed .get-additional ion-label {
  margin: 0px;
}

page-add-setting-smartfeed .get-additional .text-input-ios {
  margin: 11px 8px 11px 8px;
}

page-add-setting-smartfeed ion-input {
  background: #f3f5ff;
  border-radius: 10px;
}

page-add-setting-smartfeed .sficon-plusadd {
  font-size: 1.2em !important;
}

page-add-setting-smartfeed .div-newchart {
  border: solid 1px #737373 !important;
  border-radius: 50px;
  font-size: 0.8em;
  margin: 16px 0px 16px 16px;
  padding: 0px;
  font-size: 100%;
  width: 130px;
  text-align: center;
}

page-add-setting-smartfeed .close-btn {
  float: right;
  padding-right: 6px;
  padding-top: 4px;
}

page-add-setting-smartfeed .item-md.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-add-setting-smartfeed .label-md {
  margin: 0px;
}

page-expired-leave-detail .expired-leave p {
  margin: 5px 0px;
}

page-expired-leave-detail .expired-leave .wrapper {
  padding: 16px;
}

page-expired-leave-detail .expired-leave .wrapper .title {
  color: #189dae;
  font-size: 1.1em;
}

page-expired-leave-detail .expired-leave .wrapper .marked {
  margin: 0px;
  padding: 7px 9px;
  border: 1px solid #189dae;
  border-radius: 50px;
  color: #189dae;
  font-size: 0.9em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

page-expired-leave-detail .expired-leave .wrapper .marked2 {
  margin: 0px;
  padding: 7px 9px;
  border-radius: 50px;
  color: #189dae;
  font-size: 0.9em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

page-setting-smartfeed ion-list button, page-setting-smartfeed ion-list ion-list-header {
  width: 100%;
  color: #808080 !important;
}

page-setting-smartfeed ion-list button .button-inner, page-setting-smartfeed 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-setting-smartfeed .list-header-md {
  border: none !important;
}

page-setting-smartfeed-detail .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-setting-smartfeed-detail .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-setting-smartfeed-detail .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-setting-smartfeed-detail .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-setting-smartfeed-detail .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-setting-smartfeed-detail .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-setting-smartfeed-detail .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-setting-smartfeed-detail .btn-tag span {
  font-size: 1.2em !important;
}

page-setting-smartfeed-detail .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-setting-smartfeed-detail h2,
page-setting-smartfeed-detail p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-setting-smartfeed-detail .range-ios.range-has-pin {
  padding-top: 50px !important;
}

page-setting-smartfeed-detail .justify {
  font-size: 1.4rem !important;
  border-bottom: 1px solid #dedede !important;
  padding-bottom: 10px !important;
}

page-setting-smartfeed-detail .get-notif {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  margin-bottom: 1px;
  border-bottom: 1px solid #d3d3d3;
}

page-setting-smartfeed-detail .get-notif .text-notif h2 {
  margin: 0px;
  margin-bottom: 3px;
  font-size: 1.3em;
  font-weight: bold;
}

page-setting-smartfeed-detail .get-notif .text-notif p {
  margin: 0px;
  font-size: 1em;
}

page-setting-smartfeed-detail .get-additional {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 7px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d3d3d3;
}

page-setting-smartfeed-detail .get-additional ion-col {
  width: 100%;
}

page-setting-smartfeed-detail .get-additional .text-notif h2 {
  margin: 0px;
  margin-bottom: 3px;
  font-size: 1.3em;
  font-weight: bold;
}

page-setting-smartfeed-detail .get-additional .text-notif p {
  margin: 0px;
  font-size: 1em;
}

page-setting-smartfeed-detail .get-additional ion-range {
  padding-bottom: 0px;
  margin-bottom: 5px;
}

page-setting-smartfeed-detail .get-additional ion-label {
  margin: 0px;
}

page-setting-smartfeed-detail .get-additional .text-input-ios {
  margin: 11px 8px 11px 8px;
}

page-setting-smartfeed-detail .sficon-plusadd {
  font-size: 1.2em !important;
}

page-team-attendance-issue .div-content {
  padding: 4px 16px 0px 16px;
}

page-team-attendance-issue .div-content .div-highlight {
  width: 100%;
  text-align: center;
  padding: 5px 35px;
}

page-team-attendance-issue .div-content .div-highlight h2 {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-size: 1.2em;
  font-weight: 600;
}

page-team-attendance-issue .div-content .div-highlight .div-bground2 {
  height: 10px;
  width: 10px;
  display: inline-block;
}

page-team-attendance-issue .div-content .div-highlight span {
  margin: 0px;
  margin-right: 5px;
  margin-left: 3px;
}

page-team-attendance-issue .div-content .div-header {
  text-align: left;
}

page-team-attendance-issue .div-content .div-header ion-row {
  padding: 5px 16px 8px 16px;
}

page-team-attendance-issue .div-content .div-header ion-row p {
  margin: 0px;
  font-weight: bold;
}

page-team-attendance-issue .div-content .div-content {
  text-align: left;
}

page-team-attendance-issue .div-content .div-content ion-row:last-child {
  border-bottom: none;
}

page-team-attendance-issue .div-content .div-content ion-row {
  padding: 10px 0px;
  border-bottom: 1px solid #d3d3d3;
  position: relative;
}

page-team-attendance-issue .div-content .div-content ion-row p {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  margin: 0px;
}

page-team-attendance-issue .div-content .div-content .div-bground {
  margin: 0px;
  margin-right: 5px;
  -webkit-text-fill-color: #fff;
  border-radius: 20px;
  font-size: 0.9em !important;
  font-weight: normal !important;
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}

page-team-attendance-issue .div-content .div-content .div-bground p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-your-attendance-issue .sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  z-index: 1;
}

page-your-attendance-issue .div-highlight {
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 0px;
}

page-your-attendance-issue .div-highlight h2 {
  margin: 5px 0px;
  font-size: 1.2em;
  font-weight: 600;
}

page-your-attendance-issue .div-legend {
  width: 100%;
  text-align: center;
  padding: 2px 35px;
}

page-your-attendance-issue .div-legend .div-bground2 {
  height: 10px;
  width: 10px;
  display: inline-block;
}

page-your-attendance-issue .div-legend span {
  margin: 0px;
  margin-right: 5px;
  margin-left: 3px;
}

page-your-attendance-issue .div-header {
  text-align: left;
}

page-your-attendance-issue .div-header ion-row {
  padding: 5px 16px 5px 16px;
  border-bottom: 1px solid #d3d3d3;
}

page-your-attendance-issue .div-header ion-row p {
  margin: 0px;
  font-weight: bold;
}

page-your-attendance-issue .div-content {
  text-align: left;
  padding: 5px 16px 16px 16px;
}

page-your-attendance-issue .div-content ion-row {
  padding: 10px 0px;
  border-bottom: 1px solid #d3d3d3;
}

page-your-attendance-issue .div-content ion-row p {
  margin: 0px;
}

page-your-attendance-issue .div-content .div-bground {
  margin: 0px;
  margin-right: 3px;
  padding: 3px 6px;
  -webkit-text-fill-color: #fff;
  border-radius: 20px;
  font-size: 0.7em !important;
  font-weight: normal !important;
  display: inline-block;
  position: relative;
}

page-survey-setting .polling .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-survey-setting .polling .error p {
  color: white;
  font-weight: bold;
}

page-survey-setting .polling .disabled {
  pointer-events: none;
  cursor: default;
}

page-survey-setting .polling .div-row ion-col {
  padding-top: 0px;
  padding-bottom: 0px;
}

page-survey-setting .polling .div-row h2 {
  margin-top: 5px;
}

page-survey-setting .polling .div-row p {
  font-size: 80%;
}

page-survey-setting .polling .listpoll {
  position: absolute;
}

page-survey-setting .polling .list-md .item-block .item-inner {
  border-bottom: none !important;
  padding-right: 0px !important;
}

page-survey-setting .polling .green-dot {
  background-color: #F68A22 !important;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  border: solid 3px #ffffff !important;
  position: absolute;
  margin: 0px;
  top: 10px;
  left: 35px;
}

page-survey-setting .polling .div-spinner {
  color: #F68A22 !important;
  margin-top: 70% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-survey-setting .polling ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-survey-setting .polling .text-ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 80%;
  color: #F68A22;
}

page-survey-setting .polling .content-polling {
  padding-top: 3px;
}

page-survey-setting .polling .content-polling ion-row {
  border-bottom: 1px solid #DEDEDE;
  position: relative;
}

page-survey-setting .polling .sficon-clock {
  float: left !important;
  font-size: 1.5em;
}

page-survey-setting .polling .poll-div {
  position: relative;
}

page-survey-setting .polling .poll-div h2 {
  margin: 0px 0px 8px 0px;
}

page-survey-setting .polling .poll-div p {
  margin: 0px 0px 8px 0px;
}

page-survey-setting .polling .poll-div .div-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

page-survey-setting .polling .poll-div .div-bottom .text-clock {
  width: 100%;
  overflow: hidden;
  white-space: normal;
}

page-survey-setting .polling .edit-icon {
  margin: 0px 0px 0px 0px;
  padding: 6px 8px;
  border: 1px #8e9093 solid;
  border-radius: 50px;
  color: #8e9093;
  font-size: 1.3em;
  top: 9px;
  right: 17px;
  position: absolute;
}

page-survey-setting .polling button.item-ios:not([detail-none]) .item-inner {
  background-image: none !important;
  padding-right: 0px !important;
}

page-survey-setting .polling .list-ios .item-block .item-inner {
  border-bottom: none !important;
}

@media screen and (max-width: 320px) {
  page-survey-setting .polling .poll-div .sts-survey {
    width: 70px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

page-survey-setting .introjs-fixParent {
  z-index: 99 !important;
}

page-survey-setting-edit ion-thumbnail img {
  max-height: 13rem;
  max-width: 13rem;
  margin: 0 auto;
}

page-survey-setting-edit ion-thumbnail div {
  max-height: 5rem;
  max-width: 5rem;
  margin: 0 auto;
  font-size: 0.5em;
  margin-top: 55px;
  margin-left: 90px;
  text-align: center;
}

page-survey-setting-edit .ansopt {
  padding-left: 5px;
}

page-survey-setting-edit .opt {
  padding-left: 30px;
}

page-survey-setting-edit .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 5% 0 5% 0;
  background: #F68A22 !important;
}

page-survey-setting-edit .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-survey-setting-edit .profile div {
  margin: 0px;
  padding-top: 5px;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: bold !important;
}

page-survey-setting-edit .profile div ion-icon {
  padding-top: 6px;
  padding-left: 3px;
  font-size: 1em;
}

page-survey-setting-edit .footer-claim {
  position: fixed;
  bottom: 0;
}

page-survey-setting-edit .duoInputIcon {
  padding-top: 10px;
}

page-survey-setting-edit .duoInputIcon ion-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

page-survey-setting-edit .duoInputIcon ion-col p {
  font-size: 1em;
}

page-survey-setting-edit .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0px 5px;
}

page-survey-setting-edit .duoInputIcon2 ion-col {
  padding: 0px;
}

page-survey-setting-edit .div-icon {
  font-size: 9em;
  -webkit-text-fill-color: #ffffff;
}

page-survey-setting-edit .header-md::after {
  background-image: none !important;
}

@keyframes fadein {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

page-survey-setting-edit .div-detail {
  border-radius: 5px;
  padding: 7px 15px 0px 15px;
}

page-survey-setting-edit .div-detail ion-label {
  color: #e6ae37 !important;
  font-weight: bold;
}

page-survey-setting-edit .fadein {
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

page-survey-setting-edit .fadeout {
  -webkit-animation: fadeout 0.3s;
  animation: fadeout 0.3s;
}

page-survey-setting-edit .div-container {
  border: solid 1px #737373 !important;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px 15px 15px 13px;
}

page-survey-setting-edit .div-container ion-textarea {
  padding: 0px 8px 8px 8px;
}

page-survey-setting-edit .div-container .div-header-quest p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 15px 7px 5px 7px;
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container .div-header-opt p {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0px;
  padding: 7px;
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container ion-row ion-col {
  padding: 0px;
}

page-survey-setting-edit .div-container ion-row ion-col ion-input {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 10px;
  position: absolute;
}

page-survey-setting-edit .div-container ion-row ion-col ion-input input {
  margin: 0px !important;
}

page-survey-setting-edit .div-container ion-row ion-col button {
  float: right;
  height: 30px;
  width: 10px;
  background-color: #fff !important;
  border-radius: 5px;
  border: 1px solid #737373;
}

page-survey-setting-edit .div-container ion-row ion-col button ion-icon {
  color: #e6ae37 !important;
}

page-survey-setting-edit .div-container .devider {
  padding: 0px;
  margin: 0px 5px 0px 5px;
  height: 1px;
  background: #e6ae37;
}

page-survey-setting-edit .div-container .close-card {
  color: #e6ae37;
  float: right;
  padding-top: 12px;
  padding-right: 5px;
}

page-survey-setting-edit .list-md .item-input:last-child {
  border-bottom: none !important;
}

page-survey-setting-edit ion-textarea {
  font-size: 1.1em !important;
}

page-survey-setting-edit .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::-moz-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-survey-setting-edit .text-input::placeholder {
  color: #cecece;
}

page-survey-setting-edit .datetime-md .datetime-placeholder {
  color: #cecece;
}

page-survey-setting-edit .div-newquest {
  border: solid 1px #737373 !important;
  border-radius: 50px;
  color: #e6ae37;
  font-size: 1em;
  font-weight: bold;
  margin-top: 20px;
  padding: 10px;
  font-size: 100%;
  width: 130px;
  text-align: center;
}

page-survey-setting-edit .submit-btn {
  padding-top: 15px;
}

page-survey-setting-edit .submit-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-time-attendance .title-block {
  font-family: "bold" !important;
  font-size: 19px !important;
  color: #192528 !important;
  margin-top: 2px;
  margin-left: 21px;
}

page-time-attendance .icon-right {
  margin: 0 5px;
  cursor: pointer;
}

page-time-attendance .content .isi .attendance-body {
  margin: 10px 0;
}

page-time-attendance .content .isi .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-time-attendance .content .isi .attendance-body .profile-box .info .name {
  font-size: 14px;
  color: #192528;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 6px;
}

page-time-attendance .content .isi .attendance-body .profile-box .info .shift ion-label {
  color: #A5B0B7 !important;
  text-align: left;
  margin: 3px 0px;
}

page-time-attendance .content .isi .attendance-body .profile-box .info .detail {
  font-size: 14px;
  color: #A5B0B7;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

page-time-attendance .content .isi .attendance-body .profile-box .attendance-btn button {
  border-radius: 10px;
}

page-time-attendance .content .isi .attendance-body .profile-box .attendance-btn .start {
  background-color: #3498db !important;
  height: 44px;
}

page-time-attendance .content .isi .attendance-body .profile-box .attendance-btn .end {
  background-color: #3498db !important;
  height: 44px;
}

page-time-attendance .content .isi .attendance-body .profile-box .attendance-btn gdx-button button span.text {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  overflow: unset;
}

page-time-attendance .content .isi .attendance-menu {
  text-align: center;
  padding: 4px;
  margin-bottom: 8px;
}

page-time-attendance .content .isi .attendance-menu .menu-icon {
  background: #e2e9ed;
  border-radius: 24px;
  width: 65px;
  height: unset;
  max-width: 100%;
  contain: none;
  overflow: unset;
  margin-bottom: 8px;
  position: relative;
}

page-time-attendance .content .isi .attendance-menu .menu-icon .button-inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

page-time-attendance .content .isi .attendance-menu .menu-icon ion-icon,
page-time-attendance .content .isi .attendance-menu .menu-icon ion-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-time-attendance .content .isi .attendance-menu .menu-icon .dot-alert {
  background: #F0624D;
  border-radius: 100px;
  position: absolute;
  right: 0px;
  top: -1px;
  padding: 3px 5px;
  min-width: 10px;
  min-height: 10px;
  font-size: 9px;
  color: #fff;
}

page-time-attendance .content .isi .attendance-menu p {
  margin: 0 !important;
  color: #808080;
  line-height: 1.2em;
  padding: 0 !important;
  max-width: 100px;
  margin: auto !important;
  text-align: center;
  font-size: 12px !important;
}

page-time-attendance .content .isi .ion-row-menu {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-time-attendance .content .isi .icon-menu-attaendance {
  color: #808080;
}

page-time-attendance .content .isi .bar-button-ios {
  padding: 0 2px !important;
}

page-time-attendance .content .isi .is-holiday {
  padding: 4px 0;
  margin: 6px 18%;
  border-radius: 5px;
}

page-time-attendance .content .footer {
  text-align: center !important;
}

@media screen and (min-width: 768px) {
  page-time-attendance .content .isi .attendance-menu p {
    font-size: 14px !important;
    padding: 0 5px !important;
  }
}

page-time-attendance .loading-record-time {
  background-color: #8cc63f;
  width: 44px;
  height: 44px !important;
  border-radius: 50%;
  text-align: center;
  line-height: 61px;
  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-time-attendance .loading-record-time ion-spinner * {
  stroke: white;
}

page-time-attendance .loading-record-time ion-spinner.spinner-circles circle,
page-time-attendance .loading-record-time ion-spinner.spinner-bubbles circle,
page-time-attendance .loading-record-time ion-spinner.spinner-dots circle {
  fill: white;
}

page-time-attendance .loadings {
  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;
}

page-time-attendance .time-slider {
  position: relative;
}

page-time-attendance .time-slider .arrow-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 200px;
  z-index: 99;
}

page-time-attendance .time-slider .arrow-box ion-icon {
  color: #222;
  font-size: 22px;
}

page-time-attendance .time-slider .arrow-next {
  right: -16px;
}

page-time-attendance .time-slider .arrow-prev {
  left: -16px;
}

page-time-attendance-gmaps #map_canvas {
  height: 100%;
}

page-time-attendance-gmaps .btn-infowindow {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  border-bottom: 1px solid #444;
  cursor: pointer;
}

page-search-attd-status h2 {
  color: #F68A22 !important;
}

page-search-attd-status [padding] h2:first-child {
  margin-top: -.0rem !important;
}

page-search-attd-status .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-time-attendance-list-detail p {
  font-size: 0.7em;
}

.ios page-time-attendance-list-detail-map ion-list, .md page-time-attendance-list-detail-map ion-list {
  margin: 0 !important;
}

.ios page-time-attendance-list-detail-map #please-connect, .md page-time-attendance-list-detail-map #please-connect {
  position: absolute;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.ios page-time-attendance-list-detail-map #please-connect p, .md page-time-attendance-list-detail-map #please-connect p {
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  font-size: 1.6em;
  top: 30%;
}

.ios page-time-attendance-list-detail-map .scroll-content, .md page-time-attendance-list-detail-map .scroll-content {
  overflow: hidden;
}

.ios page-time-attendance-list-detail-map #map, .md page-time-attendance-list-detail-map #map {
  width: 100%;
  height: 60%;
  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;
}

.ios page-time-attendance-list-detail-map .profile-div, .md page-time-attendance-list-detail-map .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

.ios page-time-attendance-list-detail-map ion-col, .md page-time-attendance-list-detail-map ion-col {
  text-align: center;
}

.ios page-time-attendance-list-detail-map .toolbar.no-border .toolbar-background, .ios page-time-attendance-list-detail-map .navbar.no-border .toolbar-background, .md page-time-attendance-list-detail-map .toolbar.no-border .toolbar-background, .md page-time-attendance-list-detail-map .navbar.no-border .toolbar-background {
  border: 0 !important;
}

.ios page-time-attendance-list-detail-map .boxchat, .md page-time-attendance-list-detail-map .boxchat {
  position: relative;
  padding: 0 10px 0 10px;
  color: #2c3e50 !important;
  background: white;
  border-style: solid;
  border-color: #F68A22;
  border-radius: 5px;
  float: right;
  width: 100%;
}

.ios page-time-attendance-list-detail-map .boxchat:before, .md page-time-attendance-list-detail-map .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);
}

.ios page-time-attendance-list-detail-map .boxchat:after, .md page-time-attendance-list-detail-map .boxchat:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 17px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: #ecf0f1;
  border-top-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}

.ios page-time-attendance-list-detail-map .navbar .toolbar-background, .md page-time-attendance-list-detail-map .navbar .toolbar-background {
  background: transparent !important;
  border-style: none !important;
  border-color: none !important;
}

.ios page-time-attendance-list-detail-map ion-footer .toolbar-background, .md page-time-attendance-list-detail-map ion-footer .toolbar-background {
  border-style: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

.ios page-time-attendance-list-detail-map ion-footer .toolbar-background ion-col button, .md page-time-attendance-list-detail-map ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

.ios page-time-attendance-list-detail-map ::-webkit-input-placeholder, .md page-time-attendance-list-detail-map ::-webkit-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::-moz-placeholder, .md page-time-attendance-list-detail-map ::-moz-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::-ms-placeholder, .md page-time-attendance-list-detail-map ::-ms-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::-webkit-input-placeholder, .md page-time-attendance-list-detail-map ::-webkit-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::-moz-placeholder, .md page-time-attendance-list-detail-map ::-moz-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::-ms-input-placeholder, .md page-time-attendance-list-detail-map ::-ms-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-list-detail-map ::placeholder, .md page-time-attendance-list-detail-map ::placeholder {
  color: #2c3e50 !important;
}

page-time-attendance-list-new .overlayMap {
  background: black;
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
}

page-time-attendance-list-new .dua {
  -webkit-animation: gelap 0.7s, naik 0.7s forwards;
  animation: gelap 0.7s, naik 0.7s forwards;
}

page-time-attendance-list-new .satu {
  -webkit-animation: turun 0.7s forwards;
  animation: turun 0.7s forwards;
}

@keyframes gelap {
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes naik {
  to {
    height: 1px;
  }
}

@keyframes turun {
  from {
    height: 0px;
  }
}

page-time-attendance-list-new .att-list button {
  padding: 0 !important;
  margin: 0 !important;
}

page-time-attendance-list-new .ion-ios-sficon-phone:before,
page-time-attendance-list-new .ion-ios-sficon-phone-circle:before,
page-time-attendance-list-new .ion-ios-sficon-phone-circle-outline:before,
page-time-attendance-list-new .ion-ios-sficon-phone-outline:before,
page-time-attendance-list-new .ion-md-sficon-phone:before,
page-time-attendance-list-new .ion-md-sficon-phone-circle:before,
page-time-attendance-list-new .ion-md-sficon-phone-circle-outline:before,
page-time-attendance-list-new .ion-md-sficon-phone-outline:before {
  font-size: 20px;
}

page-time-attendance-list-new .ion-ios-sficon-fingerprint:before,
page-time-attendance-list-new .ion-ios-sficon-fingerprint-circle:before,
page-time-attendance-list-new .ion-ios-sficon-fingerprint-circle-outline:before,
page-time-attendance-list-new .ion-ios-sficon-fingerprint-outline:before,
page-time-attendance-list-new .ion-md-sficon-fingerprint:before,
page-time-attendance-list-new .ion-md-sficon-fingerprint-circle:before,
page-time-attendance-list-new .ion-md-sficon-fingerprint-circle-outline:before,
page-time-attendance-list-new .ion-md-sficon-fingerprint-outline:before {
  font-size: 25px;
}

page-time-attendance-list-new .start-time {
  color: #F68A22 !important;
}

page-time-attendance-list-new .end-time {
  color: #63BEFB !important;
}

page-time-attendance-list-new ion-content p {
  font-weight: 300;
}

page-time-attendance-list-new ion-content ion-row ion-col span.sficon-placeholder2 {
  font-size: 22pt !important;
}

page-time-attendance-list-new ion-content ion-item div h2 {
  font-weight: 400 !important;
}

page-time-attendance-list-new ion-content ion-item ion-row {
  clear: both;
}

page-time-attendance-list-new ion-content ion-item .icon_log {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-time-attendance-list-new ion-content .map-list {
  width: 100%;
  height: 100%;
  background-color: #cecece;
}

page-time-attendance-list-new ion-content .list-status-em {
  border-bottom: 1px #ececec solid;
  border-top: 1px #ececec solid;
  width: auto;
  height: 4em;
}

page-time-attendance-list-new ion-content .list-status {
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-time-attendance-list-new ion-content .list-status .status-left {
  float: left;
  color: #F68A22;
  text-transform: uppercase !important;
}

page-time-attendance-list-new ion-content .list-status .status-right {
  float: right;
}

page-time-attendance-list-new ion-content ion-list .img-profile-me {
  margin-bottom: 4em !important;
}

page-time-attendance-list-new ion-content div.con-wrapper {
  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;
  height: 100%;
  width: 100%;
}

page-time-attendance-list-new ion-content div.con-wrapper div.con-left {
  overflow: hidden;
}

page-time-attendance-list-new ion-content div.con-wrapper div.con-left p {
  white-space: normal;
}

page-time-attendance-list-new ion-content div.con-wrapper div.con-right {
  vertical-align: middle;
}

page-time-attendance-list-new .status-att {
  font-size: 13px;
  margin-top: 12px;
  margin-bottom: 12px;
}

page-time-attendance-list-new .status-att span.stat {
  color: #fff;
  margin-right: 5px;
}

page-time-attendance-list-new .status-att span.unpr::after {
  content: "UNPR";
  background: #333;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att span.abs::after {
  content: "ABS";
  background: #A50024;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att span.lti::after {
  content: "LTI";
  background: #BA910F;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att span.nsi::after {
  content: "NSI";
  background: #00A89C;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att span.nso::after {
  content: "NSO";
  background: #00A89C;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att .other {
  background: #189dae;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-new .status-att .see-detail {
  font-size: 1.1em;
  color: #189dae;
  float: right;
  margin-right: 5px;
}

page-time-attendance-list-new .status-att .statusname {
  padding-left: 8px;
  padding-right: 6px;
  font-size: 1.1em;
}

page-time-attendance-list-new .time-stt {
  float: left;
  margin-top: 2px;
}

page-time-attendance-list-new .list-md {
  margin: initial !important;
}

page-time-attendance-list-new .starttime {
  color: #F68A22;
}

page-time-attendance-list-new .endtime {
  color: #f37249;
}

page-time-attendance-list-new .ios home-page .scroll, page-time-attendance-list-new .md home-page .scroll {
  height: 100%;
}

page-time-attendance-list-new .ios home-page #map, page-time-attendance-list-new .md home-page #map {
  width: 100%;
  height: 100%;
}

page-time-attendance-list-new .no-scroll .scroll-content {
  overflow: hidden !important;
}

page-time-attendance-list-new .text-ellipsis-max {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 11em;
}

page-time-attendance-list-new .nosuspect {
  padding: 3px;
}

page-time-attendance-list-new .suspect {
  background-color: #fff3f3;
  border: 1px solid #ffcece !important;
  border-radius: 5px;
  padding: 3px;
}

page-time-attendance-list-new .suspect:last-child {
  margin-left: 8px;
}

page-time-attendance-list-new .redbg {
  background: #ffcece;
  border-radius: 5px;
  padding: 5px 0 5px 7px;
  margin-bottom: 12px;
}

page-time-attendance-list-new .redindv {
  background: #ffcece;
  border-radius: 5px 5px 0 0;
  padding: 5px 0 5px 12px;
}

page-time-attendance-list-new .redindv2 {
  background: #ffcece;
  border-radius: 0 0 5px 5px;
  padding: 5px 0 5px 7px;
}

page-time-attendance-list-new .skeleton-box .you-skeleton {
  width: 25px;
  border-radius: 3px;
  height: 20px;
}

page-time-attendance-list-new .skeleton-box .today-skeleton {
  width: 35px;
  height: 16px;
  border-radius: 3px;
}

page-time-attendance-list-new .skeleton-box .avatar-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-time-attendance-list-new .skeleton-box .name-skeleton {
  width: 100px;
  border-radius: 3px;
  height: 18px;
}

page-time-attendance-list-new .skeleton-box .pos-skeleton {
  border-radius: 3px;
  width: 80px;
  height: 17px;
}

page-time-attendance-list-new .skeleton-box .arrow-skeleton {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}

page-time-attendance-list-new .skeleton-box .geo-skeleton {
  width: 28px;
  height: 29px;
  border-radius: 3px;
}

page-time-attendance-list-new .skeleton-box .label-skeleton {
  width: 70px;
  border-radius: 3px;
  height: 19px;
}

page-time-attendance-list-new .skeleton-box .time-skeleton {
  width: 55px;
  border-radius: 3px;
  height: 18px;
}

page-time-attendance-list-new .boxme {
  border: 1px solid #dbdbe1;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}

page-time-attendance-list-new .icon_log {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-time-attendance-list-new .item p, page-time-attendance-list-new .item h2 {
  white-space: normal;
}

page-filter-attendance-list .item-box {
  margin-bottom: 12px;
  border-bottom: 1px solid #dbdbe1;
  position: relative;
}

page-filter-attendance-list .item-box .item-inner {
  border-bottom: none !important;
}

page-filter-attendance-list .item-box input {
  margin: 0 !important;
  padding: 8px;
}

page-filter-attendance-list .suspect-box {
  padding: 8px 0;
}

page-filter-attendance-list .suspect-section {
  margin-bottom: 0px !important;
}

page-filter-attendance-list .icon-input-status:after {
  content: "\e929";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-filter-attendance-list .icon-briefcase:after {
  content: "\e932";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-filter-attendance-list .text-input-md {
  text-overflow: ellipsis;
  width: calc(100% - 25px) !important;
}

page-filter-attendance-list .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-filter-attendance-list .btn-tag span {
  font-size: 1.2em !important;
}

page-filter-attendance-list span.stat {
  color: #fff;
  margin-right: 5px;
  font-size: 13px;
}

page-filter-attendance-list span.unpr::after {
  content: "UNPR";
  background: #333;
  padding: 0 10px;
  border-radius: 2em;
}

page-filter-attendance-list span.abs::after {
  content: "ABS";
  background: #a50024;
  padding: 0 10px;
  border-radius: 2em;
}

page-filter-attendance-list span.lti::after {
  content: "LTI";
  background: #ba910f;
  padding: 0 10px;
  border-radius: 2em;
}

page-filter-attendance-list span.nsi::after {
  content: "NSI";
  background: #00a89c;
  padding: 0 10px;
  border-radius: 2em;
}

page-filter-attendance-list span.nso::after {
  content: "NSO";
  background: #00a89c;
  padding: 0 10px;
  border-radius: 2em;
}

page-filter-attendance-list .time-stt {
  float: left;
  margin-top: 2px;
}

page-filter-attendance-list .list-md {
  margin: initial !important;
}

page-filter-attendance-list .starttime {
  color: #F68A22;
}

page-filter-attendance-list .endtime {
  color: #f37249;
}

page-maps-marker-modal .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-maps-marker-modal .header-md::after {
  background-image: none !important;
}

page-maps-marker-modal ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-maps-marker-modal 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-maps-marker-modal ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-maps-marker-modal ion-header .name {
  font-size: 1.8rem;
}

page-maps-marker-modal ion-header .date {
  font-size: 1.5rem;
}

page-maps-marker-modal ion-header img {
  width: 24px;
  height: 24px;
}

page-maps-marker-modal ion-header button.back-button {
  color: #f4f4f4;
}

page-maps-marker-modal ion-header .hide-header {
  top: -56px !important;
}

page-maps-marker-modal ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-maps-marker-modal .content {
  height: 100%;
  pointer-events: none;
}

page-maps-marker-modal .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;
}

page-maps-marker-modal .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;
}

page-maps-marker-modal .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-maps-marker-modal .content .box-frame .profile-section {
  text-align: center;
}

page-maps-marker-modal .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-maps-marker-modal .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-maps-marker-modal .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-maps-marker-modal .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;
}

page-maps-marker-modal .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-maps-marker-modal .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-maps-marker-modal .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-maps-marker-modal .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-maps-marker-modal .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-time-attendance-list-detail-modal .container-box ion-label {
  padding: 10px 16px;
}

page-time-attendance-list-detail-modal .container-box ion-label:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

page-time-attendance-list-detail-new ion-list ion-item {
  margin-left: 1em;
}

page-time-attendance-list-detail-new .title-chat ion-col {
  text-align: left;
}

page-time-attendance-list-detail-new .posname {
  margin-bottom: 8px;
  font-size: 12px !important;
}

page-time-attendance-list-detail-new .work-box img {
  width: 24px;
  height: 24px;
}

page-time-attendance-list-detail-new .work-box img p {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

page-time-attendance-list-detail-new .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-time-attendance-list-detail-new .profile-top {
  margin-left: 2em;
}

page-time-attendance-list-detail-new .list-md {
  margin: initial !important;
}

page-time-attendance-list-detail-new .starttime {
  color: #F68A22;
  margin-top: 0;
}

page-time-attendance-list-detail-new p.starttime, page-time-attendance-list-detail-new p.endtime {
  font-size: 12px !important;
  margin-bottom: 2px;
}

page-time-attendance-list-detail-new .endtime {
  color: #f37249;
}

page-time-attendance-list-detail-new ion-content p,
page-time-attendance-list-detail-new ion-content h2 {
  font-weight: 200 !important;
}

page-time-attendance-list-detail-new ion-content span.sficon-placeholder2 {
  font-size: 22pt;
}

page-time-attendance-list-detail-new ion-content .map-list {
  width: auto;
  height: 11em;
  background-color: #cecece;
}

page-time-attendance-list-detail-new ion-content .list-status-em {
  padding: 0 18px;
  width: auto;
  height: 4em;
}

page-time-attendance-list-detail-new ion-content .status-left {
  color: #F68A22 !important;
  text-transform: uppercase !important;
}

page-time-attendance-list-detail-new ion-content ion-list .sficon-forward {
  margin-bottom: 3em !important;
  color: #F68A22;
}

page-time-attendance-list-detail-new ion-content ion-list .img-profile-me {
  margin-bottom: 4em !important;
}

page-time-attendance-list-detail-new .ios home-page .scroll,
page-time-attendance-list-detail-new .md home-page .scroll {
  height: 100%;
}

page-time-attendance-list-detail-new #map {
  width: 100%;
  height: 50%;
}

page-time-attendance-list-detail-new .is-holiday {
  background: #ffcece;
  border-radius: 5px;
}

page-time-attendance-list-detail-new .status-att {
  margin: 16px 0;
}

page-time-attendance-list-detail-new .status-att span.stat {
  color: #fff;
  font-size: 12px !important;
  margin-right: 5px;
}

page-time-attendance-list-detail-new .status-att span.unpr {
  background: #333;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att span.abs {
  background: #F0624D;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att span.lti {
  background: #F68A22;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att span.nsi {
  background: #63BEFB;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att span.nso {
  background: #63BEFB;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att .other {
  background: #63BEFB;
  padding: 2px 10px;
  border-radius: 2em;
}

page-time-attendance-list-detail-new .status-att .statusname {
  padding-right: 6px;
  font-size: 12px;
}

page-time-attendance-list-detail-new .item-inner {
  padding-right: 0 !important;
}

page-time-attendance-list-detail-new .icon_log {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-time-attendance-list-detail-new .item-button {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

page-time-attendance-list-detail-new .new-box {
  margin-bottom: 8px;
}

page-time-attendance-list-detail-new .new-box .top-box {
  border: 1px solid #dbdbe1;
  border-radius: 8px 8px 0 0;
  padding: 12px 16px;
}

page-time-attendance-list-detail-new .new-box .top-box .more-section ion-icon {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

page-time-attendance-list-detail-new .new-box .top-box .shift-section {
  margin-bottom: 2px;
}

page-time-attendance-list-detail-new .new-box .top-box .shift-section ion-label:first-child {
  color: #F68A22 !important;
}

page-time-attendance-list-detail-new .new-box .top-box .break-section ion-label:first-child {
  margin-bottom: 2px;
}

page-time-attendance-list-detail-new .new-box .top-box .break-section ion-label {
  font-size: 12px !important;
  color: #A5B0B7 !important;
}

page-time-attendance-list-detail-new .new-box .bottom-box {
  border: 1px solid #dbdbe1;
  border-radius: 0 0 8px 8px;
  border-top: none;
  padding: 12px 14px;
}

page-time-attendance-list-detail-new .new-box .bottom-box .status-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-time-attendance-list-detail-new .new-box .bottom-box .status-box span {
  height: 20px;
  margin-bottom: 6px;
}

page-time-attendance-list-detail-new .new-box .bottom-box .ovt-box {
  margin-top: 12px;
  background-color: rgba(99, 190, 251, 0.2);
  border-radius: 8px;
  padding: 12px 10px;
}

page-time-attendance-list-detail-new .new-box .bottom-box .ovt-box ion-label {
  white-space: normal;
  font-size: 12px !important;
  margin-bottom: 10px;
  color: #63BEFB !important;
}

page-time-attendance-list-detail-new .new-box .bottom-box .ovt-box gdx-button button {
  height: 36px;
  width: 100%;
  min-width: unset !important;
  padding: 5px 14px !important;
}

page-time-attendance-list-detail-new .new-box .bottom-box .ovt-box gdx-button button .text {
  white-space: normal;
  font-size: 12px !important;
}

page-time-attendance-list-detail-new .new-box .bottom-box .abs-box {
  margin-top: 12px;
  background-color: rgba(255, 171, 0, 0.2);
  border-radius: 8px;
  padding: 12px 10px;
}

page-time-attendance-list-detail-new .new-box .bottom-box .abs-box ion-label {
  white-space: normal;
  font-size: 12px !important;
  color: #333333 !important;
  margin-bottom: 10px;
}

page-time-attendance-list-detail-new .new-box .bottom-box .abs-box gdx-button button {
  width: 100%;
  height: 36px;
  min-width: unset !important;
  padding: 5px 14px !important;
}

page-time-attendance-list-detail-new .new-box .bottom-box .abs-box gdx-button button .text {
  white-space: normal;
  font-size: 12px !important;
}

page-time-attendance-list-full-map #map {
  width: 100%;
  height: 100%;
}

time-attendance-list-map #please-connect {
  position: absolute;
  background-color: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  z-index: 1;
}

time-attendance-list-map #please-connect p {
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: relative;
  font-size: 1.6em;
  top: 30%;
}

time-attendance-list-map .scroll {
  height: 100%;
}

time-attendance-list-map #map {
  width: 100%;
  height: 100%;
}

page-time-attendance-list-picture ion-content {
  background-color: #000 !important;
  min-width: 100%;
  min-height: 100%;
}

page-time-attendance-list-picture ion-content div {
  text-align: center;
  position: relative;
  width: 100%;
  top: 10%;
  padding: 0 0.15em;
}

page-time-attendance-list-picture ion-content div ion-label {
  color: #fff !important;
}

page-time-attendance-list-picture ion-content div img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  page-time-attendance-list-picture ion-content div {
    top: 15%;
  }
  page-time-attendance-list-picture ion-content div img {
    max-height: 60vh;
    width: auto;
  }
}

@media screen and (min-width: 1280px) {
  page-time-attendance-list-picture ion-content div {
    top: 15%;
  }
  page-time-attendance-list-picture ion-content div img {
    max-height: 55vh;
    width: auto;
  }
}

@media screen and (min-width: 1920px) {
  page-time-attendance-list-picture ion-content div {
    top: 10%;
  }
  page-time-attendance-list-picture ion-content div img {
    max-height: 65vh;
    width: auto;
  }
}

page-time-attendance-list-picture ion-footer {
  border: none !important;
  margin-bottom: 10px !important;
}

page-time-attendance-list-picture ion-footer .sficon-phone {
  color: white;
}

page-time-attendance-list-picture ion-footer ion-item div.align-right p {
  float: left !important;
}

page-time-attendance-list-picture ion-footer ion-item span.sficon-placeholder2 {
  color: #F68A22;
}

page-time-attendance-list-picture ion-footer ion-item div.align-left {
  float: left;
}

page-time-attendance-list-picture ion-footer ion-item div.align-left p {
  float: right;
  color: #F68A22;
}

page-time-attendance-list-picture ion-footer ion-item div.align-right {
  float: right;
}

page-time-attendance-list-picture ion-footer ion-item div.align-right p {
  color: white !important;
  cursor: pointer;
}

page-time-attendance-list-picture ion-item {
  background-color: #000 !important;
  position: fixed;
  bottom: 0;
  margin-bottom: 12px !important;
  padding: 12px !important;
}

page-time-attendance-list-picture ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: none !important;
}

page-time-attendance-list-picture image-component {
  height: 100% !important;
}

page-time-attendance-list-popover .box-pop {
  background: #fff;
  border-radius: 10px;
  padding: 0 15px;
}

page-time-attendance-list-popover .box-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

page-time-attendance-list-popover .box-pop ul li {
  font-weight: 700;
  padding: 10px 0px;
  cursor: pointer;
}

page-time-attendance-list-popover .box-pop ul li:first-child {
  border-bottom: 1px solid #A5B0B7;
}

page-time-attendance-log .content {
  padding: 0 10px;
}

page-time-attendance-log .content [heading] {
  font-weight: bold;
  font-size: 16px !important;
}

page-time-attendance-log .content [subheading] {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-time-attendance-log .content [muted] {
  font-size: 12px !important;
  color: #F68A22 !important;
  white-space: pre-wrap;
}

page-time-attendance-log .content [success] {
  font-size: 12px !important;
  color: #2BB34D !important;
  white-space: pre-wrap;
}

page-time-attendance-log .content .list_log {
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 10px;
  padding: 10px 0;
}

page-time-attendance-log .content .list_log .sl {
  line-height: 20px;
  width: 50%;
}

page-time-attendance-log .content .list_log .sr img {
  width: 61px;
  height: 61px;
  border-radius: 10px;
}

page-time-attendance-log .starttime {
  color: #F68A22;
}

page-time-attendance-log span.sficon-placeholder2 {
  font-size: 22pt;
}

page-attendance-reprocess {
  contain: none !important;
}

page-attendance-reprocess .header-mobile {
  padding: 0px;
}

page-attendance-reprocess .close-btn {
  position: absolute;
  right: -22px;
  top: 10px;
  z-index: 99;
}

page-attendance-reprocess .close-btn ion-icon {
  font-size: 22px;
  color: white;
}

page-attendance-reprocess ion-header {
  background: red;
  border-bottom: 1px solid #dbdbe1;
}

page-attendance-reprocess .header button {
  text-transform: capitalize;
}

page-attendance-reprocess .header .period {
  margin-top: 5px;
  color: #A5B0B7 !important;
  font-size: 15px !important;
  font-family: "regular" !important;
}

page-attendance-reprocess .left-header ion-label {
  padding: 0 12px;
}

page-attendance-reprocess .container {
  padding: 0 16px;
  overflow: hidden;
  height: 100%;
}

page-attendance-reprocess .container .card-box {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-attendance-reprocess .grey-box-item ion-label {
  margin: 1.2px 0 !important;
}

page-attendance-reprocess .full-item .item-inner {
  padding-right: 0 !important;
}

page-attendance-reprocess .full-item .item-inner ion-label {
  margin-right: 0 !important;
}

page-attendance-reprocess .calendar-icon:after {
  content: "\e909";
}

page-attendance-reprocess .blue-icon {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

page-attendance-reprocess .blue-icon button {
  padding-left: 0px;
}

page-attendance-reprocess .blue-icon .datetime-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  margin: 0px 10px;
  border: none;
}

page-attendance-reprocess .blue-icon input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0px 10px;
  max-width: calc(100% - 28px);
  border: none;
}

page-attendance-reprocess .blue-icon::after {
  color: #F68A22;
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
  -ms-flex: 0 0 28px;
  flex: 0 0 28px;
}

page-attendance-reprocess .blue-icon::after, page-attendance-reprocess .blue-icon::after input {
  text-overflow: unset !important;
  overflow: visible !important;
}

page-attendance-reprocess .blue-icon::after:after {
  position: unset;
}

page-attendance-reprocess .grey-label {
  color: #BBBCBC !important;
  font-size: 1.35rem !important;
  margin: 0 10px !important;
}

page-attendance-reprocess .full-item .item-inner {
  padding-right: 0 !important;
}

page-attendance-reprocess .full-item .item-inner ion-label {
  margin-right: 0 !important;
}

page-attendance-tracker-notification .wrapper-content {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-align: center;
}

page-attendance-tracker-notification .page-title {
  font-size: 24px;
  font-weight: bold;
  color: #121212;
  letter-spacing: 0;
}

page-attendance-tracker-notification .image-illustration {
  padding-top: 32px;
  padding-bottom: 32px;
}

page-attendance-tracker-notification .page-description {
  font-size: 14px !important;
  line-height: 23px !important;
}

page-attendance-view-popover .box-pop {
  background: #fff;
  border-radius: 10px;
  padding: 0 15px;
}

page-attendance-view-popover .box-pop ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

page-attendance-view-popover .box-pop ul li {
  font-weight: 700;
  padding: 10px 0px;
  cursor: pointer;
}

page-attendance-view-popover .box-pop ul li:first-child {
  border-bottom: 1px solid #A5B0B7;
}

page-base-photo-guideline [bold] {
  font-weight: 700 !important;
}

page-base-photo-guideline [title] {
  font-size: 16px !important;
}

page-base-photo-guideline .guide-bp {
  margin-top: 24px;
  margin-bottom: 34px;
}

page-base-photo-guideline .set-bp {
  background: #f6f8f9;
  border-radius: 8px;
  padding: 14px 16px;
}

page-base-photo-guideline img {
  height: 100px;
  width: 123px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-base-photo-guideline [footer] {
  padding: 0 16px;
}

page-time-attendance-offline-list ion-list-header {
  letter-spacing: 0rem !important;
  text-transform: none !important;
}

page-time-attendance-offline-preview .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-time-attendance-offline-preview ion-col {
  text-align: center;
}

page-time-attendance-offline-preview .button-inner, page-time-attendance-offline-preview p {
  font-size: 0.8em !important;
}

page-time-attendance-offline-preview .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-position-y: 0;
  margin-top: 2em;
  border: 3px solid #FFF;
}

page-time-attendance-workloc .list-ios > .item-block:last-child {
  border: none !important;
}

page-time-attendance-workloc .list-ios > .item-block:first-child {
  border: none !important;
}

page-time-attendance-workloc .list-md > .item-block:last-child {
  border: none !important;
}

page-time-attendance-workloc .list-md > .item-block:first-child {
  border: none !important;
}

page-time-attendance-workloc .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-time-attendance-workloc .list-radio ion-item .item-inner {
  border: none !important;
}

page-time-attendance-workloc .loading-spinner {
  text-align: center;
  margin-top: 30vh;
}

page-time-attendance-workloc ion-textarea {
  border-radius: 8px;
  border: 1px solid silver;
}

page-time-attendance-workloc .others {
  padding-left: 16px !important;
  padding-right: 10px !important;
  border-bottom: none !important;
}

page-time-attendance-preview-sfgo .grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

page-time-attendance-preview-sfgo .refresh-button {
  border-right-width: 1px !important;
  border-left-width: 1px !important;
  border-color: #A5B0B7;
  color: #222;
}

page-time-attendance-preview-sfgo .refresh-button img {
  margin-right: 5px;
}

page-time-attendance-preview-sfgo .refresh-button ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #fff !important;
  fill: #fff !important;
}

page-time-attendance-preview-sfgo .progress-button ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #fff !important;
  fill: #fff !important;
}

page-time-attendance-preview-sfgo .save-attendance {
  margin-bottom: 16px !important;
}

page-time-attendance-preview-sfgo .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-time-attendance-preview-sfgo ion-col {
  text-align: center;
}

page-time-attendance-preview-sfgo ion-col p:nth-child(1) {
  font-size: 1.6em !important;
  opacity: 1;
  margin-bottom: 2px;
  font-weight: bold;
}

page-time-attendance-preview-sfgo ion-col p:nth-child(2) {
  font-size: 1.3em !important;
  margin-bottom: 25px;
  margin-top: 4px;
  font-weight: 500;
  opacity: 0.6;
}

page-time-attendance-preview-sfgo ion-col p:nth-child(3) {
  margin-top: 2px;
  opacity: 0.8;
  font-size: 1em !important;
  margin-bottom: 0;
}

page-time-attendance-preview-sfgo ion-col p:nth-child(4) {
  margin-bottom: 20px;
  font-size: 2em !important;
  margin-top: 5px;
  font-weight: 600;
  color: #F68A22;
}

page-time-attendance-preview-sfgo ion-col button {
  border-radius: 50px !important;
  width: 230px !important;
  margin: 0 auto !important;
  padding: 25px;
  text-transform: capitalize !important;
}

page-time-attendance-preview-sfgo .compare-frame {
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 16px;
  background: #f2f5f8;
  border: 1px solid #dbdbe1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

page-time-attendance-preview-sfgo .compare-frame .content-photo {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

page-time-attendance-preview-sfgo .foto-div {
  width: 150px;
  height: 186px;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-time-attendance-preview-sfgo img[gdx-icon] {
  margin-right: 8px;
}

page-time-attendance-preview-sfgo .text-check-image {
  position: relative;
  top: -8px;
  padding-left: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-time-attendance-preview-sfgo .result {
  position: relative;
  top: -8px;
  padding-left: 10px;
}

page-time-attendance-preview-sfgo .face-detect-loading {
  height: 35px;
  margin-bottom: 10px;
  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-time-attendance-preview-sfgo .break {
  margin-top: 30px !important;
  display: block !important;
}

page-time-attendance-preview-sfgo .break .label-break button {
  border: #dbdbe1 1px solid !important;
  color: #192528 !important;
}

page-time-attendance-preview-sfgo .break .label-break {
  border: 1px solid silver;
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 10px;
}

page-time-attendance-preview-sfgo .break .label-break .break-in {
  margin-right: 8px !important;
}

page-time-attendance-preview-sfgo .break .label-break .break-out {
  margin-left: 8px !important;
}

page-time-attendance-preview-sfgo .skip-checking {
  margin-bottom: 20px !important;
}

page-time-attendance-preview-sfgo .mt12 {
  margin-top: 12px;
}

page-time-attendance-preview-sfgo .content-first-bp {
  margin-top: 16px;
}

page-time-attendance-preview-sfgo .content-first-bp .box-bp {
  background: rgba(255, 214, 102, 0.5);
  border-radius: 8px;
  padding: 8px;
  color: #F68A22 !important;
}

page-time-attendance-preview-sfgo .content-first-bp .box-bp p {
  margin: 0 !important;
  text-align: left;
  color: #F68A22 !important;
}

page-time-attendance-preview-sfgo .content-first-bp svg-icon circle,
page-time-attendance-preview-sfgo .content-first-bp svg-icon path,
page-time-attendance-preview-sfgo .content-first-bp svg-icon line {
  stroke: #F68A22 !important;
}

page-time-attendance-preview-sfgo [footer] {
  padding: 4px 16px;
}

page-time-attendance-preview-sfgo .text-wrap {
  white-space: pre-wrap;
}

page-time-attendance-sfgo ion-header img {
  margin-right: 10.1px;
  margin-bottom: -24.5px;
  margin-top: 6px;
}

page-time-attendance-sfgo ion-header .title-block {
  font-family: "bold" !important;
  font-size: 19px !important;
  color: #192528 !important;
  margin-top: 2px;
  margin-left: 21px;
}

page-time-attendance-sfgo ion-header .icon-right {
  margin: 0 5px;
  cursor: pointer;
}

page-time-attendance-sfgo ion-content .scroll-content .container {
  position: relative;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body {
  margin: 10px 0;
}

page-time-attendance-sfgo ion-content .scroll-content .container .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-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .info .name {
  font-size: 16px !important;
  color: #222 !important;
  font-family: 'bold' !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 6px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .info .shift ion-label {
  color: #A5B0B7 !important;
  text-align: left;
  margin: 3px 0px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .info .detail {
  font-size: 14px;
  color: #A5B0B7;
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .attendance-btn button {
  border-radius: 10px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .attendance-btn .start {
  background-color: #3498db !important;
  height: 44px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .attendance-btn .end {
  background-color: #3498db !important;
  height: 44px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-body .profile-box .attendance-btn gdx-button button span.text {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  overflow: unset;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu {
  text-align: center;
  padding: 4px;
  margin-bottom: 8px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu .menu-icon {
  background: #e2e9ed;
  border-radius: 24px;
  width: 65px;
  height: unset;
  max-width: 100%;
  contain: none;
  overflow: unset;
  margin-bottom: 8px;
  position: relative;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu .menu-icon .button-inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu .menu-icon ion-icon,
page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu .menu-icon ion-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu .menu-icon .dot-alert {
  background: #F0624D;
  border-radius: 100px;
  position: absolute;
  right: 0px;
  top: -1px;
  padding: 3px 5px;
  min-width: 10px;
  min-height: 10px;
  font-size: 9px;
  color: #fff;
}

page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu p {
  margin: 0 !important;
  color: #808080;
  line-height: 1.2em;
  padding: 0 !important;
  max-width: 100px;
  margin: auto !important;
  text-align: center;
  font-size: 12px !important;
}

page-time-attendance-sfgo ion-content .scroll-content .container .ion-row-menu {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-time-attendance-sfgo ion-content .scroll-content .container .icon-menu-attaendance {
  color: #808080;
}

page-time-attendance-sfgo ion-content .scroll-content .container .bar-button-ios {
  padding: 0 2px !important;
}

page-time-attendance-sfgo ion-content .scroll-content .container .is-holiday {
  padding: 4px 0;
  margin: 6px 18%;
  border-radius: 5px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .box-skeleton {
  padding: 5px;
  width: 25%;
  margin-top: 10px;
}

page-time-attendance-sfgo ion-content .scroll-content .container .box-skeleton div:first-child {
  width: 65px;
  height: 65px;
  background: #dddddd;
  border-radius: 20px;
  margin: 0 auto;
}

page-time-attendance-sfgo ion-content .scroll-content .container .box-skeleton div:nth-child(2) {
  width: 65px;
  height: 11px;
  background: #dddddd;
  border-radius: 4px;
  margin: 15px auto 0 auto;
}

page-time-attendance-sfgo ion-content .scroll-content .container .box-skeleton div:last-child {
  width: 65px;
  height: 11px;
  background: #dddddd;
  border-radius: 4px;
  margin: 7px auto 0 auto;
}

page-time-attendance-sfgo ion-content .scroll-content .button-bar {
  margin-bottom: 32px;
}

page-time-attendance-sfgo ion-content .scroll-content .footer {
  text-align: center !important;
}

@media screen and (min-width: 768px) {
  page-time-attendance-sfgo ion-content .scroll-content .container .attendance-menu p {
    font-size: 14px !important;
    padding: 0 5px !important;
  }
}

page-time-attendance-sfgo .loading-record-time {
  background-color: #8cc63f;
  width: 44px;
  height: 44px !important;
  border-radius: 50%;
  text-align: center;
  line-height: 61px;
}

page-time-attendance-sfgo .loading-record-time ion-spinner * {
  stroke: white;
}

page-time-attendance-sfgo .loading-record-time ion-spinner.spinner-circles circle,
page-time-attendance-sfgo .loading-record-time ion-spinner.spinner-bubbles circle,
page-time-attendance-sfgo .loading-record-time ion-spinner.spinner-dots circle {
  fill: white;
}

page-time-attendance-sfgo .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;
}

page-time-attendance-sfgo .time-slider {
  position: relative;
}

page-time-attendance-sfgo .time-slider .arrow-box {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 200px;
  z-index: 99;
}

page-time-attendance-sfgo .time-slider .arrow-box ion-icon {
  color: #222;
  font-size: 22px;
}

page-time-attendance-sfgo .time-slider .arrow-next {
  right: -16px;
}

page-time-attendance-sfgo .time-slider .arrow-prev {
  left: -16px;
}

page-time-attendance-webcam-sfgo ion-header ion-navbar .back-button {
  color: white !important;
}

page-time-attendance-webcam-sfgo .container {
  width: 100%;
  height: 100%;
  position: relative;
}

page-time-attendance-webcam-sfgo .container img {
  width: 100%;
  height: 100%;
}

page-time-attendance-webcam-sfgo .container webcam .webcam-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

page-time-attendance-webcam-sfgo .container webcam .webcam-wrapper video {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

page-time-attendance-webcam-sfgo .container img {
  -o-object-fit: cover;
  object-fit: cover;
}

page-time-attendance-webcam-sfgo .container .take {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 56px;
  background-color: white;
  color: #F68A22;
  bottom: 20px;
  left: 50%;
}

page-time-attendance-webcam-sfgo .container .take:hover {
  color: white;
  background-color: #F68A22;
}

page-time-attendance-webcam-sfgo .container .action-button {
  position: relative;
}

page-time-attendance-webcam-sfgo .container .action-button .cancel {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  background-color: white !important;
  border: none !important;
}

page-time-attendance-webcam-sfgo .container .action-button .ok {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(30%, -50%);
  transform: translate(30%, -50%);
}

page-time-attendance-preview .label-break {
  padding-top: 6px;
}

page-time-attendance-preview .mt12 {
  margin-top: 12px;
}

page-time-attendance-preview footer {
  clear: both;
  position: relative;
  height: 200px;
  margin-top: -200px;
}

page-time-attendance-preview .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-time-attendance-preview ion-col {
  text-align: center;
}

page-time-attendance-preview ion-col p:nth-child(1) {
  font-size: 1.6em !important;
  opacity: 1;
  margin-bottom: 2px;
  font-weight: 500;
}

page-time-attendance-preview ion-col p:nth-child(2) {
  font-size: 1.3em !important;
  margin-bottom: 25px;
  margin-top: 4px;
  font-weight: 500;
  opacity: 0.6;
}

page-time-attendance-preview ion-col p:nth-child(3) {
  margin-top: 2px;
  opacity: 0.8;
  font-size: 1em !important;
  margin-bottom: 0;
}

page-time-attendance-preview ion-col p:nth-child(4) {
  margin-bottom: 20px;
  font-size: 2em !important;
  margin-top: 5px;
  font-weight: 600;
  color: #F68A22;
}

page-time-attendance-preview ion-col button {
  border-radius: 50px !important;
  width: 230px !important;
  margin: 0 auto !important;
  padding: 25px;
  text-transform: capitalize !important;
}

page-time-attendance-preview .compare-frame {
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 16px;
  background: #f2f5f8;
  border: 1px solid #dbdbe1;
}

page-time-attendance-preview .compare-frame .content-photo {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

page-time-attendance-preview .compare-frame .attendance-photo {
  z-index: 0;
}

page-time-attendance-preview .foto-div {
  width: 150px;
  height: 186px;
  border-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-time-attendance-preview img[gdx-icon] {
  margin-right: 8px;
}

page-time-attendance-preview ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #fff !important;
  fill: #fff !important;
}

page-time-attendance-preview .face-detect-loading {
  height: 35px;
  margin-bottom: 10px;
  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-time-attendance-preview .break {
  margin: 15px 0;
}

page-time-attendance-preview .break .label-break button {
  border: #dbdbe1 1px solid !important;
  color: #192528 !important;
}

page-time-attendance-preview .content-first-bp {
  margin-top: 16px;
}

page-time-attendance-preview .content-first-bp .box-bp {
  background: rgba(255, 214, 102, 0.5);
  border-radius: 8px;
  padding: 8px;
  color: #F68A22 !important;
}

page-time-attendance-preview .content-first-bp .box-bp p {
  margin: 0 !important;
  color: #F68A22 !important;
  text-align: left;
}

page-time-attendance-preview .content-first-bp svg-icon circle,
page-time-attendance-preview .content-first-bp svg-icon path,
page-time-attendance-preview .content-first-bp svg-icon line {
  stroke: #F68A22 !important;
}

page-time-attendance-preview [footer] {
  padding: 4px 16px;
}

page-time-attendance-preview .text-wrap {
  white-space: pre-wrap;
}

page-time-attendance-scanner .profile-div {
  width: 12em;
  height: 12em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 0;
  margin: 0 auto;
}

page-time-attendance-scanner ion-col {
  text-align: center;
}

.ios page-time-attendance-map .toolbar.no-border .toolbar-background, .ios page-time-attendance-map .navbar.no-border .toolbar-background, .md page-time-attendance-map .toolbar.no-border .toolbar-background, .md page-time-attendance-map .navbar.no-border .toolbar-background {
  border: 0 !important;
}

.ios page-time-attendance-map .scroll-content, .md page-time-attendance-map .scroll-content {
  height: 100%;
}

.ios page-time-attendance-map #map, .md page-time-attendance-map #map {
  width: 100%;
  height: 100%;
}

.ios page-time-attendance-map .boxchat, .md page-time-attendance-map .boxchat {
  position: relative;
  padding: 0 10px 0 10px;
  color: #2c3e50 !important;
  background: white;
  border-style: solid;
  border-color: #F68A22;
  border-radius: 5px;
  float: right;
  width: 100%;
}

.ios page-time-attendance-map .boxchat:before, .md page-time-attendance-map .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);
}

.ios page-time-attendance-map .boxchat:after, .md page-time-attendance-map .boxchat:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 17px;
  right: -56px;
  width: 26px;
  height: 20px;
  background: #ecf0f1;
  border-top-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}

.ios page-time-attendance-map .navbar .toolbar-background, .md page-time-attendance-map .navbar .toolbar-background {
  background: transparent !important;
  border-style: none !important;
  border-color: none !important;
}

.ios page-time-attendance-map ion-footer .toolbar-background, .md page-time-attendance-map ion-footer .toolbar-background {
  border-style: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

.ios page-time-attendance-map ion-footer .toolbar-background ion-col button, .md page-time-attendance-map ion-footer .toolbar-background ion-col button {
  position: fixed !important;
  bottom: 0 !important;
  right: 0 !important;
}

.ios page-time-attendance-map ::-webkit-input-placeholder, .md page-time-attendance-map ::-webkit-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::-moz-placeholder, .md page-time-attendance-map ::-moz-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::-ms-placeholder, .md page-time-attendance-map ::-ms-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::-webkit-input-placeholder, .md page-time-attendance-map ::-webkit-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::-moz-placeholder, .md page-time-attendance-map ::-moz-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::-ms-input-placeholder, .md page-time-attendance-map ::-ms-input-placeholder {
  color: #2c3e50 !important;
}

.ios page-time-attendance-map ::placeholder, .md page-time-attendance-map ::placeholder {
  color: #2c3e50 !important;
}

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-marketplace .container {
  background-color: white !important;
  height: 100%;
  width: 100%;
}

page-marketplace .container iframe-box {
  height: 100%;
  width: 100%;
}

page-marketplace iframe#marketplaceIframe {
  min-height: 400px;
  height: 100%;
  width: 100%;
  margin-top: -2px;
}

page-marketplace-promotion .text-capitalize {
  text-transform: capitalize !important;
}

page-marketplace-promotion .content {
  text-align: justify;
  line-height: 1.25;
  padding: 15px;
}

page-marketplace-promotion .content li {
  padding-bottom: 8px;
}

page-marketplace-promotion .content p {
  color: black !important;
}

page-marketplace-promotion div.sticky {
  width: 100%;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  top: unset !important;
  background-color: white !important;
}

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-org-str-editor {
  /*
@license

dhtmlxDiagram v.2.1.0 Commercial
This software is covered by DHTMLX Commercial License. Usage without proper license is prohibited.

(c) Dinamenta, UAB.
*/
  /*                                              Table of Content



        1. Material skin design and style elements

        2. Pivot MicroVars

        3. Diagram Editor MicroVars

        4. Property Sheet MicroVars

        5. Tree MicroVars

        6. Calendar MicroVars

        7. Menu MicroVars

        8. Toolbat MicroVars

        9. Ribbon MicroVars
*/
  /*============================================================================================
                            1. Material Skin Design & Style Elements
==============================================================================================*/
  /*============================================================================================
                                    2. Pivot MicroVars
==============================================================================================*/
  /*============================================================================================
                                3. Diagram Editor MicroVars
==============================================================================================*/
  /*============================================================================================
                                    4. Property Sheet MicroVars
==============================================================================================*/
  /*============================================================================================
                                    5. Tree MicroVars
==============================================================================================*/
  /*============================================================================================
                                    6. Calendar MicroVars
==============================================================================================*/
  /*============================================================================================
                                    7. Vault MicroVars
==============================================================================================*/
  /*============================================================================================
                                    7. Menu MicroVars
==============================================================================================*/
  /*============================================================================================
                                    8. Toolbat MicroVars
==============================================================================================*/
  /*============================================================================================
                                    9. Ribbon MicroVars
==============================================================================================*/
  /*============================================================================================
                                    11. Combobox MicroVars
==============================================================================================*/
  /*============================================================================================
                                    10. Slider MicroVars
==============================================================================================*/
  /* Modal Content */
  /* The Close Button */
  /* MaterialDesignIcons.com */
}

page-org-str-editor .modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}

page-org-str-editor .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

page-org-str-editor .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

page-org-str-editor .close:hover,
page-org-str-editor .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

page-org-str-editor .dhx_btn,
page-org-str-editor .dhx_btn_small {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 6px 12px;
  border-radius: 2px;
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-org-str-editor .dhx_btn .dxi,
page-org-str-editor .dhx_btn_small .dxi {
  font-size: 20px;
  margin-right: 4px;
  margin-left: -4px;
}

page-org-str-editor .dhx_btn span,
page-org-str-editor .dhx_btn_small span {
  line-height: 24px;
  position: relative;
  top: 1px;
}

page-org-str-editor .dhx_btn:hover,
page-org-str-editor .dhx_btn_small:hover {
  color: #fff;
  background: #0278b8;
  cursor: pointer;
}

page-org-str-editor .dhx_btn:active,
page-org-str-editor .dhx_btn_small:active {
  background: #0278b8;
}

page-org-str-editor .dhx_btn .action,
page-org-str-editor .dhx_btn_small .action {
  background: #0278b8;
}

page-org-str-editor .dhx_btn--active {
  background: #0288D1;
  color: #fff;
}

page-org-str-editor .dhx_btn--active:hover {
  color: #fff;
  background: #0278b8;
  cursor: pointer;
}

page-org-str-editor .dhx_btn--flat {
  border: none;
  background: transparent;
  color: #015785;
}

page-org-str-editor .dhx_btn--flat:hover {
  background: rgba(2, 136, 209, 0.2);
  color: #015785;
  cursor: pointer;
}

page-org-str-editor .dhx_btn_small {
  padding: 4px 8px !important;
  font-size: 14px;
  line-height: 20px;
}

page-org-str-editor .dhx_widget {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

page-org-str-editor .dhx_widget input,
page-org-str-editor .dhx_widget button,
page-org-str-editor .dhx_widget textarea,
page-org-str-editor .dhx_widget select {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 400;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

page-org-str-editor .dhx_widget button {
  font-weight: 500;
}

page-org-str-editor .dhx_widget .fas,
page-org-str-editor .dhx_widget .mdi,
page-org-str-editor .dhx_widget .dxi {
  font-size: 24px;
}

page-org-str-editor .dhx_noselect {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

page-org-str-editor .dhx_widget input:focus::-webkit-input-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_widget input:focus:-moz-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_widget input:focus::-moz-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_widget input:focus:-ms-input-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_popup_toolbar {
  position: absolute;
  z-index: 50;
  -webkit-animation: appear .2s ease-in-out forwards;
  animation: appear .2s ease-in-out forwards;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
}

page-org-str-editor .dhx_popup_toolbar.hide {
  -webkit-animation: disappear .2s ease-in-out forwards;
  animation: disappear .2s ease-in-out forwards;
}

page-org-str-editor .dhx_item_toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  padding: 0 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_item_toolbar .dhx_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
  -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-org-str-editor .dhx_item_toolbar .dhx_icon:hover {
  background-color: #F7F7F7;
}

page-org-str-editor .dhx_item_toolbar .dhx_icon:hover svg {
  fill: #0288D1;
}

page-org-str-editor .dhx_item_toolbar .dhx_icon:hover.dhx_remove svg {
  fill: #E10000;
}

page-org-str-editor .dhx_item_toolbar .dhx_icon.dhx_active svg {
  fill: #0288D1;
}

page-org-str-editor .dhx_item_toolbar .dhx_icon svg {
  fill: #8792a7;
}

page-org-str-editor .dhx_item_toolbar .dhx_remove:hover {
  background-color: white;
}

@-webkit-keyframes appear {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes appear {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes disappear {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
}

@keyframes disappear {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
}

page-org-str-editor .editor-style {
  height: calc(100vh - 180px);
}

page-org-str-editor .dhx_diagram {
  width: 100%;
  height: 100%;
  background: #F7F7F7;
  overflow: auto;
  overflow-y: auto;
  font-size-adjust: 100%;
  text-align: center;
}

page-org-str-editor .dhx_diagram .dhx_wrapper {
  display: inline-block;
  position: relative;
}

page-org-str-editor .dhx_diagram_connector {
  stroke: #cccccc;
  fill: none;
}

page-org-str-editor .dhx_diagram_item .dhx_hide_icon {
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
}

page-org-str-editor .dhx_diagram_item .dhx_expand_icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
  cursor: pointer;
}

page-org-str-editor .dhx_diagram_item:hover .dhx_hide_icon {
  display: block;
  -webkit-animation: hideWithDelay .5s ease-out;
  animation: hideWithDelay .5s ease-out;
  cursor: pointer;
}

page-org-str-editor .dhx_diagram_item .dhx_item_shape {
  fill: #fff;
}

page-org-str-editor .dhx_diagram_item .shape_content {
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

page-org-str-editor .dhx_diagram_item.dhx_selected .dhx_item_shape {
  fill: #fff;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_image .shape_content {
  display: block;
  overflow: hidden;
  text-align: left;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_image .dhx_content_img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 16px 12px 0 8px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #F7F7F7;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_image .dhx_content_text {
  margin-top: 5px;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_image .dhx_content_text-alone {
  margin-top: 12px;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_image .dhx_content_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.38);
  font-size: 14px;
  line-height: 17px;
  margin-top: 25px;
  white-space: nowrap;
  text-transform: uppercase;
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_svg-card .dhx_content_text {
  fill: rgba(0, 0, 0, 0.7);
}

page-org-str-editor .dhx_diagram_item.dhx_diagram_svg-card .dhx_content_title {
  font-weight: 500;
  text-transform: uppercase;
  fill: rgba(0, 0, 0, 0.38);
}

page-org-str-editor .dhx_free_diagram {
  background: #FFF;
}

page-org-str-editor .dhx_free_diagram .dhx_diagram_connector {
  stroke: #2196F3;
  stroke-width: 2px;
}

page-org-str-editor .dhx_free_diagram .dhx_diagram_extra_lines {
  stroke-width: 2px;
}

@-webkit-keyframes hideWithDelay {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes hideWithDelay {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

page-org-str-editor .dxi:before,
page-org-str-editor .dxi-set {
  display: block;
  font: normal normal normal 24px/1 "DHX Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

page-org-str-editor .dxi-access-point:before {
  content: "\F002";
}

page-org-str-editor .dxi-access-point-network:before {
  content: "\F003";
}

page-org-str-editor .dxi-account:before {
  content: "\F004";
}

page-org-str-editor .dxi-account-alert:before {
  content: "\F005";
}

page-org-str-editor .dxi-account-box:before {
  content: "\F006";
}

page-org-str-editor .dxi-account-box-outline:before {
  content: "\F007";
}

page-org-str-editor .dxi-account-card-details:before {
  content: "\F5D2";
}

page-org-str-editor .dxi-account-check:before {
  content: "\F008";
}

page-org-str-editor .dxi-account-circle:before {
  content: "\F009";
}

page-org-str-editor .dxi-account-convert:before {
  content: "\F00A";
}

page-org-str-editor .dxi-account-edit:before {
  content: "\F6BB";
}

page-org-str-editor .dxi-account-group:before {
  content: "\F848";
}

page-org-str-editor .dxi-account-key:before {
  content: "\F00B";
}

page-org-str-editor .dxi-account-location:before {
  content: "\F00C";
}

page-org-str-editor .dxi-account-minus:before {
  content: "\F00D";
}

page-org-str-editor .dxi-account-multiple:before {
  content: "\F00E";
}

page-org-str-editor .dxi-account-multiple-minus:before {
  content: "\F5D3";
}

page-org-str-editor .dxi-account-multiple-outline:before {
  content: "\F00F";
}

page-org-str-editor .dxi-account-multiple-plus:before {
  content: "\F010";
}

page-org-str-editor .dxi-account-multiple-plus-outline:before {
  content: "\F7FF";
}

page-org-str-editor .dxi-account-network:before {
  content: "\F011";
}

page-org-str-editor .dxi-account-off:before {
  content: "\F012";
}

page-org-str-editor .dxi-account-outline:before {
  content: "\F013";
}

page-org-str-editor .dxi-account-plus:before {
  content: "\F014";
}

page-org-str-editor .dxi-account-plus-outline:before {
  content: "\F800";
}

page-org-str-editor .dxi-account-remove:before {
  content: "\F015";
}

page-org-str-editor .dxi-account-search:before {
  content: "\F016";
}

page-org-str-editor .dxi-account-settings:before {
  content: "\F630";
}

page-org-str-editor .dxi-account-settings-variant:before {
  content: "\F631";
}

page-org-str-editor .dxi-account-star:before {
  content: "\F017";
}

page-org-str-editor .dxi-account-switch:before {
  content: "\F019";
}

page-org-str-editor .dxi-accusoft:before {
  content: "\F849";
}

page-org-str-editor .dxi-adjust:before {
  content: "\F01A";
}

page-org-str-editor .dxi-air-conditioner:before {
  content: "\F01B";
}

page-org-str-editor .dxi-airballoon:before {
  content: "\F01C";
}

page-org-str-editor .dxi-airplane:before {
  content: "\F01D";
}

page-org-str-editor .dxi-airplane-landing:before {
  content: "\F5D4";
}

page-org-str-editor .dxi-airplane-off:before {
  content: "\F01E";
}

page-org-str-editor .dxi-airplane-takeoff:before {
  content: "\F5D5";
}

page-org-str-editor .dxi-airplay:before {
  content: "\F01F";
}

page-org-str-editor .dxi-airport:before {
  content: "\F84A";
}

page-org-str-editor .dxi-alarm:before {
  content: "\F020";
}

page-org-str-editor .dxi-alarm-bell:before {
  content: "\F78D";
}

page-org-str-editor .dxi-alarm-check:before {
  content: "\F021";
}

page-org-str-editor .dxi-alarm-light:before {
  content: "\F78E";
}

page-org-str-editor .dxi-alarm-multiple:before {
  content: "\F022";
}

page-org-str-editor .dxi-alarm-off:before {
  content: "\F023";
}

page-org-str-editor .dxi-alarm-plus:before {
  content: "\F024";
}

page-org-str-editor .dxi-alarm-snooze:before {
  content: "\F68D";
}

page-org-str-editor .dxi-album:before {
  content: "\F025";
}

page-org-str-editor .dxi-alert:before {
  content: "\F026";
}

page-org-str-editor .dxi-alert-box:before {
  content: "\F027";
}

page-org-str-editor .dxi-alert-circle:before {
  content: "\F028";
}

page-org-str-editor .dxi-alert-circle-outline:before {
  content: "\F5D6";
}

page-org-str-editor .dxi-alert-decagram:before {
  content: "\F6BC";
}

page-org-str-editor .dxi-alert-octagon:before {
  content: "\F029";
}

page-org-str-editor .dxi-alert-octagram:before {
  content: "\F766";
}

page-org-str-editor .dxi-alert-outline:before {
  content: "\F02A";
}

page-org-str-editor .dxi-all-inclusive:before {
  content: "\F6BD";
}

page-org-str-editor .dxi-allo:before {
  content: "\F801";
}

page-org-str-editor .dxi-alpha:before {
  content: "\F02B";
}

page-org-str-editor .dxi-alphabetical:before {
  content: "\F02C";
}

page-org-str-editor .dxi-altimeter:before {
  content: "\F5D7";
}

page-org-str-editor .dxi-amazon:before {
  content: "\F02D";
}

page-org-str-editor .dxi-amazon-clouddrive:before {
  content: "\F02E";
}

page-org-str-editor .dxi-ambulance:before {
  content: "\F02F";
}

page-org-str-editor .dxi-amplifier:before {
  content: "\F030";
}

page-org-str-editor .dxi-anchor:before {
  content: "\F031";
}

page-org-str-editor .dxi-android:before {
  content: "\F032";
}

page-org-str-editor .dxi-android-debug-bridge:before {
  content: "\F033";
}

page-org-str-editor .dxi-android-head:before {
  content: "\F78F";
}

page-org-str-editor .dxi-android-studio:before {
  content: "\F034";
}

page-org-str-editor .dxi-angular:before {
  content: "\F6B1";
}

page-org-str-editor .dxi-angularjs:before {
  content: "\F6BE";
}

page-org-str-editor .dxi-animation:before {
  content: "\F5D8";
}

page-org-str-editor .dxi-apple:before {
  content: "\F035";
}

page-org-str-editor .dxi-apple-finder:before {
  content: "\F036";
}

page-org-str-editor .dxi-apple-ios:before {
  content: "\F037";
}

page-org-str-editor .dxi-apple-keyboard-caps:before {
  content: "\F632";
}

page-org-str-editor .dxi-apple-keyboard-command:before {
  content: "\F633";
}

page-org-str-editor .dxi-apple-keyboard-control:before {
  content: "\F634";
}

page-org-str-editor .dxi-apple-keyboard-option:before {
  content: "\F635";
}

page-org-str-editor .dxi-apple-keyboard-shift:before {
  content: "\F636";
}

page-org-str-editor .dxi-apple-mobileme:before {
  content: "\F038";
}

page-org-str-editor .dxi-apple-safari:before {
  content: "\F039";
}

page-org-str-editor .dxi-application:before {
  content: "\F614";
}

page-org-str-editor .dxi-approval:before {
  content: "\F790";
}

page-org-str-editor .dxi-apps:before {
  content: "\F03B";
}

page-org-str-editor .dxi-archive:before {
  content: "\F03C";
}

page-org-str-editor .dxi-arrange-bring-forward:before {
  content: "\F03D";
}

page-org-str-editor .dxi-arrange-bring-to-front:before {
  content: "\F03E";
}

page-org-str-editor .dxi-arrange-send-backward:before {
  content: "\F03F";
}

page-org-str-editor .dxi-arrange-send-to-back:before {
  content: "\F040";
}

page-org-str-editor .dxi-arrow-all:before {
  content: "\F041";
}

page-org-str-editor .dxi-arrow-bottom-left:before {
  content: "\F042";
}

page-org-str-editor .dxi-arrow-bottom-right:before {
  content: "\F043";
}

page-org-str-editor .dxi-arrow-collapse:before {
  content: "\F615";
}

page-org-str-editor .dxi-arrow-collapse-all:before {
  content: "\F044";
}

page-org-str-editor .dxi-arrow-collapse-down:before {
  content: "\F791";
}

page-org-str-editor .dxi-arrow-collapse-horizontal:before {
  content: "\F84B";
}

page-org-str-editor .dxi-arrow-collapse-left:before {
  content: "\F792";
}

page-org-str-editor .dxi-arrow-collapse-right:before {
  content: "\F793";
}

page-org-str-editor .dxi-arrow-collapse-up:before {
  content: "\F794";
}

page-org-str-editor .dxi-arrow-collapse-vertical:before {
  content: "\F84C";
}

page-org-str-editor .dxi-arrow-down:before {
  content: "\F045";
}

page-org-str-editor .dxi-arrow-down-bold:before {
  content: "\F72D";
}

page-org-str-editor .dxi-arrow-down-bold-box:before {
  content: "\F72E";
}

page-org-str-editor .dxi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

page-org-str-editor .dxi-arrow-down-bold-circle:before {
  content: "\F047";
}

page-org-str-editor .dxi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

page-org-str-editor .dxi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

page-org-str-editor .dxi-arrow-down-box:before {
  content: "\F6BF";
}

page-org-str-editor .dxi-arrow-down-drop-circle:before {
  content: "\F04A";
}

page-org-str-editor .dxi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

page-org-str-editor .dxi-arrow-down-thick:before {
  content: "\F046";
}

page-org-str-editor .dxi-arrow-expand:before {
  content: "\F616";
}

page-org-str-editor .dxi-arrow-expand-all:before {
  content: "\F04C";
}

page-org-str-editor .dxi-arrow-expand-down:before {
  content: "\F795";
}

page-org-str-editor .dxi-arrow-expand-horizontal:before {
  content: "\F84D";
}

page-org-str-editor .dxi-arrow-expand-left:before {
  content: "\F796";
}

page-org-str-editor .dxi-arrow-expand-right:before {
  content: "\F797";
}

page-org-str-editor .dxi-arrow-expand-up:before {
  content: "\F798";
}

page-org-str-editor .dxi-arrow-expand-vertical:before {
  content: "\F84E";
}

page-org-str-editor .dxi-arrow-left:before {
  content: "\F04D";
}

page-org-str-editor .dxi-arrow-left-bold:before {
  content: "\F730";
}

page-org-str-editor .dxi-arrow-left-bold-box:before {
  content: "\F731";
}

page-org-str-editor .dxi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

page-org-str-editor .dxi-arrow-left-bold-circle:before {
  content: "\F04F";
}

page-org-str-editor .dxi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

page-org-str-editor .dxi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

page-org-str-editor .dxi-arrow-left-box:before {
  content: "\F6C0";
}

page-org-str-editor .dxi-arrow-left-drop-circle:before {
  content: "\F052";
}

page-org-str-editor .dxi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

page-org-str-editor .dxi-arrow-left-thick:before {
  content: "\F04E";
}

page-org-str-editor .dxi-arrow-right:before {
  content: "\F054";
}

page-org-str-editor .dxi-arrow-right-bold:before {
  content: "\F733";
}

page-org-str-editor .dxi-arrow-right-bold-box:before {
  content: "\F734";
}

page-org-str-editor .dxi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

page-org-str-editor .dxi-arrow-right-bold-circle:before {
  content: "\F056";
}

page-org-str-editor .dxi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

page-org-str-editor .dxi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

page-org-str-editor .dxi-arrow-right-box:before {
  content: "\F6C1";
}

page-org-str-editor .dxi-arrow-right-drop-circle:before {
  content: "\F059";
}

page-org-str-editor .dxi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

page-org-str-editor .dxi-arrow-right-thick:before {
  content: "\F055";
}

page-org-str-editor .dxi-arrow-top-left:before {
  content: "\F05B";
}

page-org-str-editor .dxi-arrow-top-right:before {
  content: "\F05C";
}

page-org-str-editor .dxi-arrow-up:before {
  content: "\F05D";
}

page-org-str-editor .dxi-arrow-up-bold:before {
  content: "\F736";
}

page-org-str-editor .dxi-arrow-up-bold-box:before {
  content: "\F737";
}

page-org-str-editor .dxi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

page-org-str-editor .dxi-arrow-up-bold-circle:before {
  content: "\F05F";
}

page-org-str-editor .dxi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

page-org-str-editor .dxi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

page-org-str-editor .dxi-arrow-up-box:before {
  content: "\F6C2";
}

page-org-str-editor .dxi-arrow-up-drop-circle:before {
  content: "\F062";
}

page-org-str-editor .dxi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

page-org-str-editor .dxi-arrow-up-thick:before {
  content: "\F05E";
}

page-org-str-editor .dxi-artist:before {
  content: "\F802";
}

page-org-str-editor .dxi-assistant:before {
  content: "\F064";
}

page-org-str-editor .dxi-asterisk:before {
  content: "\F6C3";
}

page-org-str-editor .dxi-at:before {
  content: "\F065";
}

page-org-str-editor .dxi-atlassian:before {
  content: "\F803";
}

page-org-str-editor .dxi-atom:before {
  content: "\F767";
}

page-org-str-editor .dxi-attachment:before {
  content: "\F066";
}

page-org-str-editor .dxi-audiobook:before {
  content: "\F067";
}

page-org-str-editor .dxi-augmented-reality:before {
  content: "\F84F";
}

page-org-str-editor .dxi-auto-fix:before {
  content: "\F068";
}

page-org-str-editor .dxi-auto-upload:before {
  content: "\F069";
}

page-org-str-editor .dxi-autorenew:before {
  content: "\F06A";
}

page-org-str-editor .dxi-av-timer:before {
  content: "\F06B";
}

page-org-str-editor .dxi-azure:before {
  content: "\F804";
}

page-org-str-editor .dxi-baby:before {
  content: "\F06C";
}

page-org-str-editor .dxi-baby-buggy:before {
  content: "\F68E";
}

page-org-str-editor .dxi-backburger:before {
  content: "\F06D";
}

page-org-str-editor .dxi-backspace:before {
  content: "\F06E";
}

page-org-str-editor .dxi-backup-restore:before {
  content: "\F06F";
}

page-org-str-editor .dxi-badminton:before {
  content: "\F850";
}

page-org-str-editor .dxi-bandcamp:before {
  content: "\F674";
}

page-org-str-editor .dxi-bank:before {
  content: "\F070";
}

page-org-str-editor .dxi-barcode:before {
  content: "\F071";
}

page-org-str-editor .dxi-barcode-scan:before {
  content: "\F072";
}

page-org-str-editor .dxi-barley:before {
  content: "\F073";
}

page-org-str-editor .dxi-barrel:before {
  content: "\F074";
}

page-org-str-editor .dxi-baseball:before {
  content: "\F851";
}

page-org-str-editor .dxi-baseball-bat:before {
  content: "\F852";
}

page-org-str-editor .dxi-basecamp:before {
  content: "\F075";
}

page-org-str-editor .dxi-basket:before {
  content: "\F076";
}

page-org-str-editor .dxi-basket-fill:before {
  content: "\F077";
}

page-org-str-editor .dxi-basket-unfill:before {
  content: "\F078";
}

page-org-str-editor .dxi-basketball:before {
  content: "\F805";
}

page-org-str-editor .dxi-battery:before {
  content: "\F079";
}

page-org-str-editor .dxi-battery-10:before {
  content: "\F07A";
}

page-org-str-editor .dxi-battery-20:before {
  content: "\F07B";
}

page-org-str-editor .dxi-battery-30:before {
  content: "\F07C";
}

page-org-str-editor .dxi-battery-40:before {
  content: "\F07D";
}

page-org-str-editor .dxi-battery-50:before {
  content: "\F07E";
}

page-org-str-editor .dxi-battery-60:before {
  content: "\F07F";
}

page-org-str-editor .dxi-battery-70:before {
  content: "\F080";
}

page-org-str-editor .dxi-battery-80:before {
  content: "\F081";
}

page-org-str-editor .dxi-battery-90:before {
  content: "\F082";
}

page-org-str-editor .dxi-battery-alert:before {
  content: "\F083";
}

page-org-str-editor .dxi-battery-charging:before {
  content: "\F084";
}

page-org-str-editor .dxi-battery-charging-100:before {
  content: "\F085";
}

page-org-str-editor .dxi-battery-charging-20:before {
  content: "\F086";
}

page-org-str-editor .dxi-battery-charging-30:before {
  content: "\F087";
}

page-org-str-editor .dxi-battery-charging-40:before {
  content: "\F088";
}

page-org-str-editor .dxi-battery-charging-60:before {
  content: "\F089";
}

page-org-str-editor .dxi-battery-charging-80:before {
  content: "\F08A";
}

page-org-str-editor .dxi-battery-charging-90:before {
  content: "\F08B";
}

page-org-str-editor .dxi-battery-charging-wireless:before {
  content: "\F806";
}

page-org-str-editor .dxi-battery-charging-wireless-10:before {
  content: "\F807";
}

page-org-str-editor .dxi-battery-charging-wireless-20:before {
  content: "\F808";
}

page-org-str-editor .dxi-battery-charging-wireless-30:before {
  content: "\F809";
}

page-org-str-editor .dxi-battery-charging-wireless-40:before {
  content: "\F80A";
}

page-org-str-editor .dxi-battery-charging-wireless-50:before {
  content: "\F80B";
}

page-org-str-editor .dxi-battery-charging-wireless-60:before {
  content: "\F80C";
}

page-org-str-editor .dxi-battery-charging-wireless-70:before {
  content: "\F80D";
}

page-org-str-editor .dxi-battery-charging-wireless-80:before {
  content: "\F80E";
}

page-org-str-editor .dxi-battery-charging-wireless-90:before {
  content: "\F80F";
}

page-org-str-editor .dxi-battery-charging-wireless-alert:before {
  content: "\F810";
}

page-org-str-editor .dxi-battery-charging-wireless-outline:before {
  content: "\F811";
}

page-org-str-editor .dxi-battery-minus:before {
  content: "\F08C";
}

page-org-str-editor .dxi-battery-negative:before {
  content: "\F08D";
}

page-org-str-editor .dxi-battery-outline:before {
  content: "\F08E";
}

page-org-str-editor .dxi-battery-plus:before {
  content: "\F08F";
}

page-org-str-editor .dxi-battery-positive:before {
  content: "\F090";
}

page-org-str-editor .dxi-battery-unknown:before {
  content: "\F091";
}

page-org-str-editor .dxi-beach:before {
  content: "\F092";
}

page-org-str-editor .dxi-beaker:before {
  content: "\F68F";
}

page-org-str-editor .dxi-beats:before {
  content: "\F097";
}

page-org-str-editor .dxi-beer:before {
  content: "\F098";
}

page-org-str-editor .dxi-behance:before {
  content: "\F099";
}

page-org-str-editor .dxi-bell:before {
  content: "\F09A";
}

page-org-str-editor .dxi-bell-off:before {
  content: "\F09B";
}

page-org-str-editor .dxi-bell-outline:before {
  content: "\F09C";
}

page-org-str-editor .dxi-bell-plus:before {
  content: "\F09D";
}

page-org-str-editor .dxi-bell-ring:before {
  content: "\F09E";
}

page-org-str-editor .dxi-bell-ring-outline:before {
  content: "\F09F";
}

page-org-str-editor .dxi-bell-sleep:before {
  content: "\F0A0";
}

page-org-str-editor .dxi-beta:before {
  content: "\F0A1";
}

page-org-str-editor .dxi-bible:before {
  content: "\F0A2";
}

page-org-str-editor .dxi-bike:before {
  content: "\F0A3";
}

page-org-str-editor .dxi-bing:before {
  content: "\F0A4";
}

page-org-str-editor .dxi-binoculars:before {
  content: "\F0A5";
}

page-org-str-editor .dxi-bio:before {
  content: "\F0A6";
}

page-org-str-editor .dxi-biohazard:before {
  content: "\F0A7";
}

page-org-str-editor .dxi-bitbucket:before {
  content: "\F0A8";
}

page-org-str-editor .dxi-bitcoin:before {
  content: "\F812";
}

page-org-str-editor .dxi-black-mesa:before {
  content: "\F0A9";
}

page-org-str-editor .dxi-blackberry:before {
  content: "\F0AA";
}

page-org-str-editor .dxi-blender:before {
  content: "\F0AB";
}

page-org-str-editor .dxi-blinds:before {
  content: "\F0AC";
}

page-org-str-editor .dxi-block-helper:before {
  content: "\F0AD";
}

page-org-str-editor .dxi-blogger:before {
  content: "\F0AE";
}

page-org-str-editor .dxi-bluetooth:before {
  content: "\F0AF";
}

page-org-str-editor .dxi-bluetooth-audio:before {
  content: "\F0B0";
}

page-org-str-editor .dxi-bluetooth-connect:before {
  content: "\F0B1";
}

page-org-str-editor .dxi-bluetooth-off:before {
  content: "\F0B2";
}

page-org-str-editor .dxi-bluetooth-settings:before {
  content: "\F0B3";
}

page-org-str-editor .dxi-bluetooth-transfer:before {
  content: "\F0B4";
}

page-org-str-editor .dxi-blur:before {
  content: "\F0B5";
}

page-org-str-editor .dxi-blur-linear:before {
  content: "\F0B6";
}

page-org-str-editor .dxi-blur-off:before {
  content: "\F0B7";
}

page-org-str-editor .dxi-blur-radial:before {
  content: "\F0B8";
}

page-org-str-editor .dxi-bomb:before {
  content: "\F690";
}

page-org-str-editor .dxi-bomb-off:before {
  content: "\F6C4";
}

page-org-str-editor .dxi-bone:before {
  content: "\F0B9";
}

page-org-str-editor .dxi-book:before {
  content: "\F0BA";
}

page-org-str-editor .dxi-book-minus:before {
  content: "\F5D9";
}

page-org-str-editor .dxi-book-multiple:before {
  content: "\F0BB";
}

page-org-str-editor .dxi-book-multiple-variant:before {
  content: "\F0BC";
}

page-org-str-editor .dxi-book-open:before {
  content: "\F0BD";
}

page-org-str-editor .dxi-book-open-page-variant:before {
  content: "\F5DA";
}

page-org-str-editor .dxi-book-open-variant:before {
  content: "\F0BE";
}

page-org-str-editor .dxi-book-plus:before {
  content: "\F5DB";
}

page-org-str-editor .dxi-book-secure:before {
  content: "\F799";
}

page-org-str-editor .dxi-book-unsecure:before {
  content: "\F79A";
}

page-org-str-editor .dxi-book-variant:before {
  content: "\F0BF";
}

page-org-str-editor .dxi-bookmark:before {
  content: "\F0C0";
}

page-org-str-editor .dxi-bookmark-check:before {
  content: "\F0C1";
}

page-org-str-editor .dxi-bookmark-music:before {
  content: "\F0C2";
}

page-org-str-editor .dxi-bookmark-outline:before {
  content: "\F0C3";
}

page-org-str-editor .dxi-bookmark-plus:before {
  content: "\F0C5";
}

page-org-str-editor .dxi-bookmark-plus-outline:before {
  content: "\F0C4";
}

page-org-str-editor .dxi-bookmark-remove:before {
  content: "\F0C6";
}

page-org-str-editor .dxi-boombox:before {
  content: "\F5DC";
}

page-org-str-editor .dxi-bootstrap:before {
  content: "\F6C5";
}

page-org-str-editor .dxi-border-all:before {
  content: "\F0C7";
}

page-org-str-editor .dxi-border-bottom:before {
  content: "\F0C8";
}

page-org-str-editor .dxi-border-color:before {
  content: "\F0C9";
}

page-org-str-editor .dxi-border-horizontal:before {
  content: "\F0CA";
}

page-org-str-editor .dxi-border-inside:before {
  content: "\F0CB";
}

page-org-str-editor .dxi-border-left:before {
  content: "\F0CC";
}

page-org-str-editor .dxi-border-none:before {
  content: "\F0CD";
}

page-org-str-editor .dxi-border-outside:before {
  content: "\F0CE";
}

page-org-str-editor .dxi-border-right:before {
  content: "\F0CF";
}

page-org-str-editor .dxi-border-style:before {
  content: "\F0D0";
}

page-org-str-editor .dxi-border-top:before {
  content: "\F0D1";
}

page-org-str-editor .dxi-border-vertical:before {
  content: "\F0D2";
}

page-org-str-editor .dxi-bottle-wine:before {
  content: "\F853";
}

page-org-str-editor .dxi-bow-tie:before {
  content: "\F677";
}

page-org-str-editor .dxi-bowl:before {
  content: "\F617";
}

page-org-str-editor .dxi-bowling:before {
  content: "\F0D3";
}

page-org-str-editor .dxi-box:before {
  content: "\F0D4";
}

page-org-str-editor .dxi-box-cutter:before {
  content: "\F0D5";
}

page-org-str-editor .dxi-box-shadow:before {
  content: "\F637";
}

page-org-str-editor .dxi-bridge:before {
  content: "\F618";
}

page-org-str-editor .dxi-briefcase:before {
  content: "\F0D6";
}

page-org-str-editor .dxi-briefcase-check:before {
  content: "\F0D7";
}

page-org-str-editor .dxi-briefcase-download:before {
  content: "\F0D8";
}

page-org-str-editor .dxi-briefcase-outline:before {
  content: "\F813";
}

page-org-str-editor .dxi-briefcase-upload:before {
  content: "\F0D9";
}

page-org-str-editor .dxi-brightness-1:before {
  content: "\F0DA";
}

page-org-str-editor .dxi-brightness-2:before {
  content: "\F0DB";
}

page-org-str-editor .dxi-brightness-3:before {
  content: "\F0DC";
}

page-org-str-editor .dxi-brightness-4:before {
  content: "\F0DD";
}

page-org-str-editor .dxi-brightness-5:before {
  content: "\F0DE";
}

page-org-str-editor .dxi-brightness-6:before {
  content: "\F0DF";
}

page-org-str-editor .dxi-brightness-7:before {
  content: "\F0E0";
}

page-org-str-editor .dxi-brightness-auto:before {
  content: "\F0E1";
}

page-org-str-editor .dxi-broom:before {
  content: "\F0E2";
}

page-org-str-editor .dxi-brush:before {
  content: "\F0E3";
}

page-org-str-editor .dxi-buffer:before {
  content: "\F619";
}

page-org-str-editor .dxi-bug:before {
  content: "\F0E4";
}

page-org-str-editor .dxi-bulletin-board:before {
  content: "\F0E5";
}

page-org-str-editor .dxi-bullhorn:before {
  content: "\F0E6";
}

page-org-str-editor .dxi-bullseye:before {
  content: "\F5DD";
}

page-org-str-editor .dxi-bus:before {
  content: "\F0E7";
}

page-org-str-editor .dxi-bus-articulated-end:before {
  content: "\F79B";
}

page-org-str-editor .dxi-bus-articulated-front:before {
  content: "\F79C";
}

page-org-str-editor .dxi-bus-double-decker:before {
  content: "\F79D";
}

page-org-str-editor .dxi-bus-school:before {
  content: "\F79E";
}

page-org-str-editor .dxi-bus-side:before {
  content: "\F79F";
}

page-org-str-editor .dxi-cached:before {
  content: "\F0E8";
}

page-org-str-editor .dxi-cake:before {
  content: "\F0E9";
}

page-org-str-editor .dxi-cake-layered:before {
  content: "\F0EA";
}

page-org-str-editor .dxi-cake-variant:before {
  content: "\F0EB";
}

page-org-str-editor .dxi-calculator:before {
  content: "\F0EC";
}

page-org-str-editor .dxi-calendar:before {
  content: "\F0ED";
}

page-org-str-editor .dxi-calendar-blank:before {
  content: "\F0EE";
}

page-org-str-editor .dxi-calendar-check:before {
  content: "\F0EF";
}

page-org-str-editor .dxi-calendar-clock:before {
  content: "\F0F0";
}

page-org-str-editor .dxi-calendar-multiple:before {
  content: "\F0F1";
}

page-org-str-editor .dxi-calendar-multiple-check:before {
  content: "\F0F2";
}

page-org-str-editor .dxi-calendar-plus:before {
  content: "\F0F3";
}

page-org-str-editor .dxi-calendar-question:before {
  content: "\F691";
}

page-org-str-editor .dxi-calendar-range:before {
  content: "\F678";
}

page-org-str-editor .dxi-calendar-remove:before {
  content: "\F0F4";
}

page-org-str-editor .dxi-calendar-text:before {
  content: "\F0F5";
}

page-org-str-editor .dxi-calendar-today:before {
  content: "\F0F6";
}

page-org-str-editor .dxi-call-made:before {
  content: "\F0F7";
}

page-org-str-editor .dxi-call-merge:before {
  content: "\F0F8";
}

page-org-str-editor .dxi-call-missed:before {
  content: "\F0F9";
}

page-org-str-editor .dxi-call-received:before {
  content: "\F0FA";
}

page-org-str-editor .dxi-call-split:before {
  content: "\F0FB";
}

page-org-str-editor .dxi-camcorder:before {
  content: "\F0FC";
}

page-org-str-editor .dxi-camcorder-box:before {
  content: "\F0FD";
}

page-org-str-editor .dxi-camcorder-box-off:before {
  content: "\F0FE";
}

page-org-str-editor .dxi-camcorder-off:before {
  content: "\F0FF";
}

page-org-str-editor .dxi-camera:before {
  content: "\F100";
}

page-org-str-editor .dxi-camera-burst:before {
  content: "\F692";
}

page-org-str-editor .dxi-camera-enhance:before {
  content: "\F101";
}

page-org-str-editor .dxi-camera-front:before {
  content: "\F102";
}

page-org-str-editor .dxi-camera-front-variant:before {
  content: "\F103";
}

page-org-str-editor .dxi-camera-gopro:before {
  content: "\F7A0";
}

page-org-str-editor .dxi-camera-iris:before {
  content: "\F104";
}

page-org-str-editor .dxi-camera-metering-center:before {
  content: "\F7A1";
}

page-org-str-editor .dxi-camera-metering-matrix:before {
  content: "\F7A2";
}

page-org-str-editor .dxi-camera-metering-partial:before {
  content: "\F7A3";
}

page-org-str-editor .dxi-camera-metering-spot:before {
  content: "\F7A4";
}

page-org-str-editor .dxi-camera-off:before {
  content: "\F5DF";
}

page-org-str-editor .dxi-camera-party-mode:before {
  content: "\F105";
}

page-org-str-editor .dxi-camera-rear:before {
  content: "\F106";
}

page-org-str-editor .dxi-camera-rear-variant:before {
  content: "\F107";
}

page-org-str-editor .dxi-camera-switch:before {
  content: "\F108";
}

page-org-str-editor .dxi-camera-timer:before {
  content: "\F109";
}

page-org-str-editor .dxi-cancel:before {
  content: "\F739";
}

page-org-str-editor .dxi-candle:before {
  content: "\F5E2";
}

page-org-str-editor .dxi-candycane:before {
  content: "\F10A";
}

page-org-str-editor .dxi-cannabis:before {
  content: "\F7A5";
}

page-org-str-editor .dxi-car:before {
  content: "\F10B";
}

page-org-str-editor .dxi-car-battery:before {
  content: "\F10C";
}

page-org-str-editor .dxi-car-connected:before {
  content: "\F10D";
}

page-org-str-editor .dxi-car-convertible:before {
  content: "\F7A6";
}

page-org-str-editor .dxi-car-estate:before {
  content: "\F7A7";
}

page-org-str-editor .dxi-car-hatchback:before {
  content: "\F7A8";
}

page-org-str-editor .dxi-car-pickup:before {
  content: "\F7A9";
}

page-org-str-editor .dxi-car-side:before {
  content: "\F7AA";
}

page-org-str-editor .dxi-car-sports:before {
  content: "\F7AB";
}

page-org-str-editor .dxi-car-wash:before {
  content: "\F10E";
}

page-org-str-editor .dxi-caravan:before {
  content: "\F7AC";
}

page-org-str-editor .dxi-cards:before {
  content: "\F638";
}

page-org-str-editor .dxi-cards-outline:before {
  content: "\F639";
}

page-org-str-editor .dxi-cards-playing-outline:before {
  content: "\F63A";
}

page-org-str-editor .dxi-cards-variant:before {
  content: "\F6C6";
}

page-org-str-editor .dxi-carrot:before {
  content: "\F10F";
}

page-org-str-editor .dxi-cart:before {
  content: "\F110";
}

page-org-str-editor .dxi-cart-off:before {
  content: "\F66B";
}

page-org-str-editor .dxi-cart-outline:before {
  content: "\F111";
}

page-org-str-editor .dxi-cart-plus:before {
  content: "\F112";
}

page-org-str-editor .dxi-case-sensitive-alt:before {
  content: "\F113";
}

page-org-str-editor .dxi-cash:before {
  content: "\F114";
}

page-org-str-editor .dxi-cash-100:before {
  content: "\F115";
}

page-org-str-editor .dxi-cash-multiple:before {
  content: "\F116";
}

page-org-str-editor .dxi-cash-usd:before {
  content: "\F117";
}

page-org-str-editor .dxi-cast:before {
  content: "\F118";
}

page-org-str-editor .dxi-cast-connected:before {
  content: "\F119";
}

page-org-str-editor .dxi-cast-off:before {
  content: "\F789";
}

page-org-str-editor .dxi-castle:before {
  content: "\F11A";
}

page-org-str-editor .dxi-cat:before {
  content: "\F11B";
}

page-org-str-editor .dxi-cctv:before {
  content: "\F7AD";
}

page-org-str-editor .dxi-ceiling-light:before {
  content: "\F768";
}

page-org-str-editor .dxi-cellphone:before {
  content: "\F11C";
}

page-org-str-editor .dxi-cellphone-android:before {
  content: "\F11D";
}

page-org-str-editor .dxi-cellphone-basic:before {
  content: "\F11E";
}

page-org-str-editor .dxi-cellphone-dock:before {
  content: "\F11F";
}

page-org-str-editor .dxi-cellphone-iphone:before {
  content: "\F120";
}

page-org-str-editor .dxi-cellphone-link:before {
  content: "\F121";
}

page-org-str-editor .dxi-cellphone-link-off:before {
  content: "\F122";
}

page-org-str-editor .dxi-cellphone-settings:before {
  content: "\F123";
}

page-org-str-editor .dxi-cellphone-wireless:before {
  content: "\F814";
}

page-org-str-editor .dxi-certificate:before {
  content: "\F124";
}

page-org-str-editor .dxi-chair-school:before {
  content: "\F125";
}

page-org-str-editor .dxi-chart-arc:before {
  content: "\F126";
}

page-org-str-editor .dxi-chart-areaspline:before {
  content: "\F127";
}

page-org-str-editor .dxi-chart-bar:before {
  content: "\F128";
}

page-org-str-editor .dxi-chart-bar-stacked:before {
  content: "\F769";
}

page-org-str-editor .dxi-chart-bubble:before {
  content: "\F5E3";
}

page-org-str-editor .dxi-chart-donut:before {
  content: "\F7AE";
}

page-org-str-editor .dxi-chart-donut-variant:before {
  content: "\F7AF";
}

page-org-str-editor .dxi-chart-gantt:before {
  content: "\F66C";
}

page-org-str-editor .dxi-chart-histogram:before {
  content: "\F129";
}

page-org-str-editor .dxi-chart-line:before {
  content: "\F12A";
}

page-org-str-editor .dxi-chart-line-stacked:before {
  content: "\F76A";
}

page-org-str-editor .dxi-chart-line-variant:before {
  content: "\F7B0";
}

page-org-str-editor .dxi-chart-pie:before {
  content: "\F12B";
}

page-org-str-editor .dxi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

page-org-str-editor .dxi-chart-timeline:before {
  content: "\F66E";
}

page-org-str-editor .dxi-check:before {
  content: "\F12C";
}

page-org-str-editor .dxi-check-all:before {
  content: "\F12D";
}

page-org-str-editor .dxi-check-circle:before {
  content: "\F5E0";
}

page-org-str-editor .dxi-check-circle-outline:before {
  content: "\F5E1";
}

page-org-str-editor .dxi-check-outline:before {
  content: "\F854";
}

page-org-str-editor .dxi-checkbox-blank:before {
  content: "\F12E";
}

page-org-str-editor .dxi-checkbox-blank-circle:before {
  content: "\F12F";
}

page-org-str-editor .dxi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

page-org-str-editor .dxi-checkbox-blank-outline:before {
  content: "\F131";
}

page-org-str-editor .dxi-checkbox-intermediate:before {
  content: "\F855";
}

page-org-str-editor .dxi-checkbox-marked:before {
  content: "\F132";
}

page-org-str-editor .dxi-checkbox-marked-circle:before {
  content: "\F133";
}

page-org-str-editor .dxi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

page-org-str-editor .dxi-checkbox-marked-outline:before {
  content: "\F135";
}

page-org-str-editor .dxi-checkbox-multiple-blank:before {
  content: "\F136";
}

page-org-str-editor .dxi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

page-org-str-editor .dxi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

page-org-str-editor .dxi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

page-org-str-editor .dxi-checkbox-multiple-marked:before {
  content: "\F138";
}

page-org-str-editor .dxi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

page-org-str-editor .dxi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

page-org-str-editor .dxi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

page-org-str-editor .dxi-checkerboard:before {
  content: "\F13A";
}

page-org-str-editor .dxi-chemical-weapon:before {
  content: "\F13B";
}

page-org-str-editor .dxi-chess-bishop:before {
  content: "\F85B";
}

page-org-str-editor .dxi-chess-king:before {
  content: "\F856";
}

page-org-str-editor .dxi-chess-knight:before {
  content: "\F857";
}

page-org-str-editor .dxi-chess-pawn:before {
  content: "\F858";
}

page-org-str-editor .dxi-chess-queen:before {
  content: "\F859";
}

page-org-str-editor .dxi-chess-rook:before {
  content: "\F85A";
}

page-org-str-editor .dxi-chevron-double-down:before {
  content: "\F13C";
}

page-org-str-editor .dxi-chevron-double-left:before {
  content: "\F13D";
}

page-org-str-editor .dxi-chevron-double-right:before {
  content: "\F13E";
}

page-org-str-editor .dxi-chevron-double-up:before {
  content: "\F13F";
}

page-org-str-editor .dxi-chevron-down:before {
  content: "\F140";
}

page-org-str-editor .dxi-chevron-left:before {
  content: "\F141";
}

page-org-str-editor .dxi-chevron-right:before {
  content: "\F142";
}

page-org-str-editor .dxi-chevron-up:before {
  content: "\F143";
}

page-org-str-editor .dxi-chili-hot:before {
  content: "\F7B1";
}

page-org-str-editor .dxi-chili-medium:before {
  content: "\F7B2";
}

page-org-str-editor .dxi-chili-mild:before {
  content: "\F7B3";
}

page-org-str-editor .dxi-chip:before {
  content: "\F61A";
}

page-org-str-editor .dxi-church:before {
  content: "\F144";
}

page-org-str-editor .dxi-circle:before {
  content: "\F764";
}

page-org-str-editor .dxi-circle-outline:before {
  content: "\F765";
}

page-org-str-editor .dxi-cisco-webex:before {
  content: "\F145";
}

page-org-str-editor .dxi-city:before {
  content: "\F146";
}

page-org-str-editor .dxi-clipboard:before {
  content: "\F147";
}

page-org-str-editor .dxi-clipboard-account:before {
  content: "\F148";
}

page-org-str-editor .dxi-clipboard-alert:before {
  content: "\F149";
}

page-org-str-editor .dxi-clipboard-arrow-down:before {
  content: "\F14A";
}

page-org-str-editor .dxi-clipboard-arrow-left:before {
  content: "\F14B";
}

page-org-str-editor .dxi-clipboard-check:before {
  content: "\F14C";
}

page-org-str-editor .dxi-clipboard-flow:before {
  content: "\F6C7";
}

page-org-str-editor .dxi-clipboard-outline:before {
  content: "\F14D";
}

page-org-str-editor .dxi-clipboard-plus:before {
  content: "\F750";
}

page-org-str-editor .dxi-clipboard-pulse:before {
  content: "\F85C";
}

page-org-str-editor .dxi-clipboard-pulse-outline:before {
  content: "\F85D";
}

page-org-str-editor .dxi-clipboard-text:before {
  content: "\F14E";
}

page-org-str-editor .dxi-clippy:before {
  content: "\F14F";
}

page-org-str-editor .dxi-clock:before {
  content: "\F150";
}

page-org-str-editor .dxi-clock-alert:before {
  content: "\F5CE";
}

page-org-str-editor .dxi-clock-end:before {
  content: "\F151";
}

page-org-str-editor .dxi-clock-fast:before {
  content: "\F152";
}

page-org-str-editor .dxi-clock-in:before {
  content: "\F153";
}

page-org-str-editor .dxi-clock-out:before {
  content: "\F154";
}

page-org-str-editor .dxi-clock-start:before {
  content: "\F155";
}

page-org-str-editor .dxi-close:before {
  content: "\F156";
}

page-org-str-editor .dxi-close-box:before {
  content: "\F157";
}

page-org-str-editor .dxi-close-box-outline:before {
  content: "\F158";
}

page-org-str-editor .dxi-close-circle:before {
  content: "\F159";
}

page-org-str-editor .dxi-close-circle-outline:before {
  content: "\F15A";
}

page-org-str-editor .dxi-close-network:before {
  content: "\F15B";
}

page-org-str-editor .dxi-close-octagon:before {
  content: "\F15C";
}

page-org-str-editor .dxi-close-octagon-outline:before {
  content: "\F15D";
}

page-org-str-editor .dxi-close-outline:before {
  content: "\F6C8";
}

page-org-str-editor .dxi-closed-caption:before {
  content: "\F15E";
}

page-org-str-editor .dxi-cloud:before {
  content: "\F15F";
}

page-org-str-editor .dxi-cloud-braces:before {
  content: "\F7B4";
}

page-org-str-editor .dxi-cloud-check:before {
  content: "\F160";
}

page-org-str-editor .dxi-cloud-circle:before {
  content: "\F161";
}

page-org-str-editor .dxi-cloud-download:before {
  content: "\F162";
}

page-org-str-editor .dxi-cloud-off-outline:before {
  content: "\F164";
}

page-org-str-editor .dxi-cloud-outline:before {
  content: "\F163";
}

page-org-str-editor .dxi-cloud-print:before {
  content: "\F165";
}

page-org-str-editor .dxi-cloud-print-outline:before {
  content: "\F166";
}

page-org-str-editor .dxi-cloud-sync:before {
  content: "\F63F";
}

page-org-str-editor .dxi-cloud-tags:before {
  content: "\F7B5";
}

page-org-str-editor .dxi-cloud-upload:before {
  content: "\F167";
}

page-org-str-editor .dxi-clover:before {
  content: "\F815";
}

page-org-str-editor .dxi-code-array:before {
  content: "\F168";
}

page-org-str-editor .dxi-code-braces:before {
  content: "\F169";
}

page-org-str-editor .dxi-code-brackets:before {
  content: "\F16A";
}

page-org-str-editor .dxi-code-equal:before {
  content: "\F16B";
}

page-org-str-editor .dxi-code-greater-than:before {
  content: "\F16C";
}

page-org-str-editor .dxi-code-greater-than-or-equal:before {
  content: "\F16D";
}

page-org-str-editor .dxi-code-less-than:before {
  content: "\F16E";
}

page-org-str-editor .dxi-code-less-than-or-equal:before {
  content: "\F16F";
}

page-org-str-editor .dxi-code-not-equal:before {
  content: "\F170";
}

page-org-str-editor .dxi-code-not-equal-variant:before {
  content: "\F171";
}

page-org-str-editor .dxi-code-parentheses:before {
  content: "\F172";
}

page-org-str-editor .dxi-code-string:before {
  content: "\F173";
}

page-org-str-editor .dxi-code-tags:before {
  content: "\F174";
}

page-org-str-editor .dxi-code-tags-check:before {
  content: "\F693";
}

page-org-str-editor .dxi-codepen:before {
  content: "\F175";
}

page-org-str-editor .dxi-coffee:before {
  content: "\F176";
}

page-org-str-editor .dxi-coffee-outline:before {
  content: "\F6C9";
}

page-org-str-editor .dxi-coffee-to-go:before {
  content: "\F177";
}

page-org-str-editor .dxi-coin:before {
  content: "\F178";
}

page-org-str-editor .dxi-coins:before {
  content: "\F694";
}

page-org-str-editor .dxi-collage:before {
  content: "\F640";
}

page-org-str-editor .dxi-color-helper:before {
  content: "\F179";
}

page-org-str-editor .dxi-comment:before {
  content: "\F17A";
}

page-org-str-editor .dxi-comment-account:before {
  content: "\F17B";
}

page-org-str-editor .dxi-comment-account-outline:before {
  content: "\F17C";
}

page-org-str-editor .dxi-comment-alert:before {
  content: "\F17D";
}

page-org-str-editor .dxi-comment-alert-outline:before {
  content: "\F17E";
}

page-org-str-editor .dxi-comment-check:before {
  content: "\F17F";
}

page-org-str-editor .dxi-comment-check-outline:before {
  content: "\F180";
}

page-org-str-editor .dxi-comment-multiple:before {
  content: "\F85E";
}

page-org-str-editor .dxi-comment-multiple-outline:before {
  content: "\F181";
}

page-org-str-editor .dxi-comment-outline:before {
  content: "\F182";
}

page-org-str-editor .dxi-comment-plus-outline:before {
  content: "\F183";
}

page-org-str-editor .dxi-comment-processing:before {
  content: "\F184";
}

page-org-str-editor .dxi-comment-processing-outline:before {
  content: "\F185";
}

page-org-str-editor .dxi-comment-question:before {
  content: "\F816";
}

page-org-str-editor .dxi-comment-question-outline:before {
  content: "\F186";
}

page-org-str-editor .dxi-comment-remove:before {
  content: "\F5DE";
}

page-org-str-editor .dxi-comment-remove-outline:before {
  content: "\F187";
}

page-org-str-editor .dxi-comment-text:before {
  content: "\F188";
}

page-org-str-editor .dxi-comment-text-multiple:before {
  content: "\F85F";
}

page-org-str-editor .dxi-comment-text-multiple-outline:before {
  content: "\F860";
}

page-org-str-editor .dxi-comment-text-outline:before {
  content: "\F189";
}

page-org-str-editor .dxi-compare:before {
  content: "\F18A";
}

page-org-str-editor .dxi-compass:before {
  content: "\F18B";
}

page-org-str-editor .dxi-compass-outline:before {
  content: "\F18C";
}

page-org-str-editor .dxi-console:before {
  content: "\F18D";
}

page-org-str-editor .dxi-console-line:before {
  content: "\F7B6";
}

page-org-str-editor .dxi-contact-mail:before {
  content: "\F18E";
}

page-org-str-editor .dxi-contacts:before {
  content: "\F6CA";
}

page-org-str-editor .dxi-content-copy:before {
  content: "\F18F";
}

page-org-str-editor .dxi-content-cut:before {
  content: "\F190";
}

page-org-str-editor .dxi-content-duplicate:before {
  content: "\F191";
}

page-org-str-editor .dxi-content-paste:before {
  content: "\F192";
}

page-org-str-editor .dxi-content-save:before {
  content: "\F193";
}

page-org-str-editor .dxi-content-save-all:before {
  content: "\F194";
}

page-org-str-editor .dxi-content-save-outline:before {
  content: "\F817";
}

page-org-str-editor .dxi-content-save-settings:before {
  content: "\F61B";
}

page-org-str-editor .dxi-contrast:before {
  content: "\F195";
}

page-org-str-editor .dxi-contrast-box:before {
  content: "\F196";
}

page-org-str-editor .dxi-contrast-circle:before {
  content: "\F197";
}

page-org-str-editor .dxi-cookie:before {
  content: "\F198";
}

page-org-str-editor .dxi-copyright:before {
  content: "\F5E6";
}

page-org-str-editor .dxi-corn:before {
  content: "\F7B7";
}

page-org-str-editor .dxi-counter:before {
  content: "\F199";
}

page-org-str-editor .dxi-cow:before {
  content: "\F19A";
}

page-org-str-editor .dxi-crane:before {
  content: "\F861";
}

page-org-str-editor .dxi-creation:before {
  content: "\F1C9";
}

page-org-str-editor .dxi-credit-card:before {
  content: "\F19B";
}

page-org-str-editor .dxi-credit-card-multiple:before {
  content: "\F19C";
}

page-org-str-editor .dxi-credit-card-off:before {
  content: "\F5E4";
}

page-org-str-editor .dxi-credit-card-plus:before {
  content: "\F675";
}

page-org-str-editor .dxi-credit-card-scan:before {
  content: "\F19D";
}

page-org-str-editor .dxi-crop:before {
  content: "\F19E";
}

page-org-str-editor .dxi-crop-free:before {
  content: "\F19F";
}

page-org-str-editor .dxi-crop-landscape:before {
  content: "\F1A0";
}

page-org-str-editor .dxi-crop-portrait:before {
  content: "\F1A1";
}

page-org-str-editor .dxi-crop-rotate:before {
  content: "\F695";
}

page-org-str-editor .dxi-crop-square:before {
  content: "\F1A2";
}

page-org-str-editor .dxi-crosshairs:before {
  content: "\F1A3";
}

page-org-str-editor .dxi-crosshairs-gps:before {
  content: "\F1A4";
}

page-org-str-editor .dxi-crown:before {
  content: "\F1A5";
}

page-org-str-editor .dxi-cube:before {
  content: "\F1A6";
}

page-org-str-editor .dxi-cube-outline:before {
  content: "\F1A7";
}

page-org-str-editor .dxi-cube-send:before {
  content: "\F1A8";
}

page-org-str-editor .dxi-cube-unfolded:before {
  content: "\F1A9";
}

page-org-str-editor .dxi-cup:before {
  content: "\F1AA";
}

page-org-str-editor .dxi-cup-off:before {
  content: "\F5E5";
}

page-org-str-editor .dxi-cup-water:before {
  content: "\F1AB";
}

page-org-str-editor .dxi-curling:before {
  content: "\F862";
}

page-org-str-editor .dxi-currency-bdt:before {
  content: "\F863";
}

page-org-str-editor .dxi-currency-btc:before {
  content: "\F1AC";
}

page-org-str-editor .dxi-currency-chf:before {
  content: "\F7B8";
}

page-org-str-editor .dxi-currency-cny:before {
  content: "\F7B9";
}

page-org-str-editor .dxi-currency-eth:before {
  content: "\F7BA";
}

page-org-str-editor .dxi-currency-eur:before {
  content: "\F1AD";
}

page-org-str-editor .dxi-currency-gbp:before {
  content: "\F1AE";
}

page-org-str-editor .dxi-currency-inr:before {
  content: "\F1AF";
}

page-org-str-editor .dxi-currency-jpy:before {
  content: "\F7BB";
}

page-org-str-editor .dxi-currency-krw:before {
  content: "\F7BC";
}

page-org-str-editor .dxi-currency-kzt:before {
  content: "\F864";
}

page-org-str-editor .dxi-currency-ngn:before {
  content: "\F1B0";
}

page-org-str-editor .dxi-currency-rub:before {
  content: "\F1B1";
}

page-org-str-editor .dxi-currency-sign:before {
  content: "\F7BD";
}

page-org-str-editor .dxi-currency-try:before {
  content: "\F1B2";
}

page-org-str-editor .dxi-currency-twd:before {
  content: "\F7BE";
}

page-org-str-editor .dxi-currency-usd:before {
  content: "\F1B3";
}

page-org-str-editor .dxi-currency-usd-off:before {
  content: "\F679";
}

page-org-str-editor .dxi-cursor-default:before {
  content: "\F1B4";
}

page-org-str-editor .dxi-cursor-default-outline:before {
  content: "\F1B5";
}

page-org-str-editor .dxi-cursor-move:before {
  content: "\F1B6";
}

page-org-str-editor .dxi-cursor-pointer:before {
  content: "\F1B7";
}

page-org-str-editor .dxi-cursor-text:before {
  content: "\F5E7";
}

page-org-str-editor .dxi-database:before {
  content: "\F1B8";
}

page-org-str-editor .dxi-database-minus:before {
  content: "\F1B9";
}

page-org-str-editor .dxi-database-plus:before {
  content: "\F1BA";
}

page-org-str-editor .dxi-database-search:before {
  content: "\F865";
}

page-org-str-editor .dxi-debug-step-into:before {
  content: "\F1BB";
}

page-org-str-editor .dxi-debug-step-out:before {
  content: "\F1BC";
}

page-org-str-editor .dxi-debug-step-over:before {
  content: "\F1BD";
}

page-org-str-editor .dxi-decagram:before {
  content: "\F76B";
}

page-org-str-editor .dxi-decagram-outline:before {
  content: "\F76C";
}

page-org-str-editor .dxi-decimal-decrease:before {
  content: "\F1BE";
}

page-org-str-editor .dxi-decimal-increase:before {
  content: "\F1BF";
}

page-org-str-editor .dxi-delete:before {
  content: "\F1C0";
}

page-org-str-editor .dxi-delete-circle:before {
  content: "\F682";
}

page-org-str-editor .dxi-delete-empty:before {
  content: "\F6CB";
}

page-org-str-editor .dxi-delete-forever:before {
  content: "\F5E8";
}

page-org-str-editor .dxi-delete-restore:before {
  content: "\F818";
}

page-org-str-editor .dxi-delete-sweep:before {
  content: "\F5E9";
}

page-org-str-editor .dxi-delete-variant:before {
  content: "\F1C1";
}

page-org-str-editor .dxi-delta:before {
  content: "\F1C2";
}

page-org-str-editor .dxi-deskphone:before {
  content: "\F1C3";
}

page-org-str-editor .dxi-desktop-classic:before {
  content: "\F7BF";
}

page-org-str-editor .dxi-desktop-mac:before {
  content: "\F1C4";
}

page-org-str-editor .dxi-desktop-tower:before {
  content: "\F1C5";
}

page-org-str-editor .dxi-details:before {
  content: "\F1C6";
}

page-org-str-editor .dxi-developer-board:before {
  content: "\F696";
}

page-org-str-editor .dxi-deviantart:before {
  content: "\F1C7";
}

page-org-str-editor .dxi-dialpad:before {
  content: "\F61C";
}

page-org-str-editor .dxi-diamond:before {
  content: "\F1C8";
}

page-org-str-editor .dxi-dice-1:before {
  content: "\F1CA";
}

page-org-str-editor .dxi-dice-2:before {
  content: "\F1CB";
}

page-org-str-editor .dxi-dice-3:before {
  content: "\F1CC";
}

page-org-str-editor .dxi-dice-4:before {
  content: "\F1CD";
}

page-org-str-editor .dxi-dice-5:before {
  content: "\F1CE";
}

page-org-str-editor .dxi-dice-6:before {
  content: "\F1CF";
}

page-org-str-editor .dxi-dice-d10:before {
  content: "\F76E";
}

page-org-str-editor .dxi-dice-d12:before {
  content: "\F866";
}

page-org-str-editor .dxi-dice-d20:before {
  content: "\F5EA";
}

page-org-str-editor .dxi-dice-d4:before {
  content: "\F5EB";
}

page-org-str-editor .dxi-dice-d6:before {
  content: "\F5EC";
}

page-org-str-editor .dxi-dice-d8:before {
  content: "\F5ED";
}

page-org-str-editor .dxi-dice-multiple:before {
  content: "\F76D";
}

page-org-str-editor .dxi-dictionary:before {
  content: "\F61D";
}

page-org-str-editor .dxi-dip-switch:before {
  content: "\F7C0";
}

page-org-str-editor .dxi-directions:before {
  content: "\F1D0";
}

page-org-str-editor .dxi-directions-fork:before {
  content: "\F641";
}

page-org-str-editor .dxi-discord:before {
  content: "\F66F";
}

page-org-str-editor .dxi-disk:before {
  content: "\F5EE";
}

page-org-str-editor .dxi-disk-alert:before {
  content: "\F1D1";
}

page-org-str-editor .dxi-disqus:before {
  content: "\F1D2";
}

page-org-str-editor .dxi-disqus-outline:before {
  content: "\F1D3";
}

page-org-str-editor .dxi-division:before {
  content: "\F1D4";
}

page-org-str-editor .dxi-division-box:before {
  content: "\F1D5";
}

page-org-str-editor .dxi-dna:before {
  content: "\F683";
}

page-org-str-editor .dxi-dns:before {
  content: "\F1D6";
}

page-org-str-editor .dxi-do-not-disturb:before {
  content: "\F697";
}

page-org-str-editor .dxi-do-not-disturb-off:before {
  content: "\F698";
}

page-org-str-editor .dxi-docker:before {
  content: "\F867";
}

page-org-str-editor .dxi-dolby:before {
  content: "\F6B2";
}

page-org-str-editor .dxi-domain:before {
  content: "\F1D7";
}

page-org-str-editor .dxi-donkey:before {
  content: "\F7C1";
}

page-org-str-editor .dxi-door:before {
  content: "\F819";
}

page-org-str-editor .dxi-door-closed:before {
  content: "\F81A";
}

page-org-str-editor .dxi-door-open:before {
  content: "\F81B";
}

page-org-str-editor .dxi-doorbell-video:before {
  content: "\F868";
}

page-org-str-editor .dxi-dots-horizontal:before {
  content: "\F1D8";
}

page-org-str-editor .dxi-dots-horizontal-circle:before {
  content: "\F7C2";
}

page-org-str-editor .dxi-dots-vertical:before {
  content: "\F1D9";
}

page-org-str-editor .dxi-dots-vertical-circle:before {
  content: "\F7C3";
}

page-org-str-editor .dxi-douban:before {
  content: "\F699";
}

page-org-str-editor .dxi-download:before {
  content: "\F1DA";
}

page-org-str-editor .dxi-download-network:before {
  content: "\F6F3";
}

page-org-str-editor .dxi-drag:before {
  content: "\F1DB";
}

page-org-str-editor .dxi-drag-horizontal:before {
  content: "\F1DC";
}

page-org-str-editor .dxi-drag-vertical:before {
  content: "\F1DD";
}

page-org-str-editor .dxi-drawing:before {
  content: "\F1DE";
}

page-org-str-editor .dxi-drawing-box:before {
  content: "\F1DF";
}

page-org-str-editor .dxi-dribbble:before {
  content: "\F1E0";
}

page-org-str-editor .dxi-dribbble-box:before {
  content: "\F1E1";
}

page-org-str-editor .dxi-drone:before {
  content: "\F1E2";
}

page-org-str-editor .dxi-dropbox:before {
  content: "\F1E3";
}

page-org-str-editor .dxi-drupal:before {
  content: "\F1E4";
}

page-org-str-editor .dxi-duck:before {
  content: "\F1E5";
}

page-org-str-editor .dxi-dumbbell:before {
  content: "\F1E6";
}

page-org-str-editor .dxi-ear-hearing:before {
  content: "\F7C4";
}

page-org-str-editor .dxi-earth:before {
  content: "\F1E7";
}

page-org-str-editor .dxi-earth-box:before {
  content: "\F6CC";
}

page-org-str-editor .dxi-earth-box-off:before {
  content: "\F6CD";
}

page-org-str-editor .dxi-earth-off:before {
  content: "\F1E8";
}

page-org-str-editor .dxi-edge:before {
  content: "\F1E9";
}

page-org-str-editor .dxi-eject:before {
  content: "\F1EA";
}

page-org-str-editor .dxi-elephant:before {
  content: "\F7C5";
}

page-org-str-editor .dxi-elevation-decline:before {
  content: "\F1EB";
}

page-org-str-editor .dxi-elevation-rise:before {
  content: "\F1EC";
}

page-org-str-editor .dxi-elevator:before {
  content: "\F1ED";
}

page-org-str-editor .dxi-email:before {
  content: "\F1EE";
}

page-org-str-editor .dxi-email-alert:before {
  content: "\F6CE";
}

page-org-str-editor .dxi-email-open:before {
  content: "\F1EF";
}

page-org-str-editor .dxi-email-open-outline:before {
  content: "\F5EF";
}

page-org-str-editor .dxi-email-outline:before {
  content: "\F1F0";
}

page-org-str-editor .dxi-email-secure:before {
  content: "\F1F1";
}

page-org-str-editor .dxi-email-variant:before {
  content: "\F5F0";
}

page-org-str-editor .dxi-emby:before {
  content: "\F6B3";
}

page-org-str-editor .dxi-emoticon:before {
  content: "\F1F2";
}

page-org-str-editor .dxi-emoticon-cool:before {
  content: "\F1F3";
}

page-org-str-editor .dxi-emoticon-dead:before {
  content: "\F69A";
}

page-org-str-editor .dxi-emoticon-devil:before {
  content: "\F1F4";
}

page-org-str-editor .dxi-emoticon-excited:before {
  content: "\F69B";
}

page-org-str-editor .dxi-emoticon-happy:before {
  content: "\F1F5";
}

page-org-str-editor .dxi-emoticon-neutral:before {
  content: "\F1F6";
}

page-org-str-editor .dxi-emoticon-poop:before {
  content: "\F1F7";
}

page-org-str-editor .dxi-emoticon-sad:before {
  content: "\F1F8";
}

page-org-str-editor .dxi-emoticon-tongue:before {
  content: "\F1F9";
}

page-org-str-editor .dxi-engine:before {
  content: "\F1FA";
}

page-org-str-editor .dxi-engine-outline:before {
  content: "\F1FB";
}

page-org-str-editor .dxi-equal:before {
  content: "\F1FC";
}

page-org-str-editor .dxi-equal-box:before {
  content: "\F1FD";
}

page-org-str-editor .dxi-eraser:before {
  content: "\F1FE";
}

page-org-str-editor .dxi-eraser-variant:before {
  content: "\F642";
}

page-org-str-editor .dxi-escalator:before {
  content: "\F1FF";
}

page-org-str-editor .dxi-ethereum:before {
  content: "\F869";
}

page-org-str-editor .dxi-ethernet:before {
  content: "\F200";
}

page-org-str-editor .dxi-ethernet-cable:before {
  content: "\F201";
}

page-org-str-editor .dxi-ethernet-cable-off:before {
  content: "\F202";
}

page-org-str-editor .dxi-etsy:before {
  content: "\F203";
}

page-org-str-editor .dxi-ev-station:before {
  content: "\F5F1";
}

page-org-str-editor .dxi-eventbrite:before {
  content: "\F7C6";
}

page-org-str-editor .dxi-evernote:before {
  content: "\F204";
}

page-org-str-editor .dxi-exclamation:before {
  content: "\F205";
}

page-org-str-editor .dxi-exit-to-app:before {
  content: "\F206";
}

page-org-str-editor .dxi-export:before {
  content: "\F207";
}

page-org-str-editor .dxi-eye:before {
  content: "\F208";
}

page-org-str-editor .dxi-eye-off:before {
  content: "\F209";
}

page-org-str-editor .dxi-eye-off-outline:before {
  content: "\F6D0";
}

page-org-str-editor .dxi-eye-outline:before {
  content: "\F6CF";
}

page-org-str-editor .dxi-eye-plus:before {
  content: "\F86A";
}

page-org-str-editor .dxi-eye-plus-outline:before {
  content: "\F86B";
}

page-org-str-editor .dxi-eye-settings:before {
  content: "\F86C";
}

page-org-str-editor .dxi-eye-settings-outline:before {
  content: "\F86D";
}

page-org-str-editor .dxi-eyedropper:before {
  content: "\F20A";
}

page-org-str-editor .dxi-eyedropper-variant:before {
  content: "\F20B";
}

page-org-str-editor .dxi-face:before {
  content: "\F643";
}

page-org-str-editor .dxi-face-profile:before {
  content: "\F644";
}

page-org-str-editor .dxi-facebook:before {
  content: "\F20C";
}

page-org-str-editor .dxi-facebook-box:before {
  content: "\F20D";
}

page-org-str-editor .dxi-facebook-messenger:before {
  content: "\F20E";
}

page-org-str-editor .dxi-factory:before {
  content: "\F20F";
}

page-org-str-editor .dxi-fan:before {
  content: "\F210";
}

page-org-str-editor .dxi-fan-off:before {
  content: "\F81C";
}

page-org-str-editor .dxi-fast-forward:before {
  content: "\F211";
}

page-org-str-editor .dxi-fast-forward-outline:before {
  content: "\F6D1";
}

page-org-str-editor .dxi-fax:before {
  content: "\F212";
}

page-org-str-editor .dxi-feather:before {
  content: "\F6D2";
}

page-org-str-editor .dxi-ferry:before {
  content: "\F213";
}

page-org-str-editor .dxi-file:before {
  content: "\F214";
}

page-org-str-editor .dxi-file-account:before {
  content: "\F73A";
}

page-org-str-editor .dxi-file-chart:before {
  content: "\F215";
}

page-org-str-editor .dxi-file-check:before {
  content: "\F216";
}

page-org-str-editor .dxi-file-cloud:before {
  content: "\F217";
}

page-org-str-editor .dxi-file-delimited:before {
  content: "\F218";
}

page-org-str-editor .dxi-file-document:before {
  content: "\F219";
}

page-org-str-editor .dxi-file-document-box:before {
  content: "\F21A";
}

page-org-str-editor .dxi-file-excel:before {
  content: "\F21B";
}

page-org-str-editor .dxi-file-excel-box:before {
  content: "\F21C";
}

page-org-str-editor .dxi-file-export:before {
  content: "\F21D";
}

page-org-str-editor .dxi-file-find:before {
  content: "\F21E";
}

page-org-str-editor .dxi-file-hidden:before {
  content: "\F613";
}

page-org-str-editor .dxi-file-image:before {
  content: "\F21F";
}

page-org-str-editor .dxi-file-import:before {
  content: "\F220";
}

page-org-str-editor .dxi-file-lock:before {
  content: "\F221";
}

page-org-str-editor .dxi-file-multiple:before {
  content: "\F222";
}

page-org-str-editor .dxi-file-music:before {
  content: "\F223";
}

page-org-str-editor .dxi-file-outline:before {
  content: "\F224";
}

page-org-str-editor .dxi-file-pdf:before {
  content: "\F225";
}

page-org-str-editor .dxi-file-pdf-box:before {
  content: "\F226";
}

page-org-str-editor .dxi-file-percent:before {
  content: "\F81D";
}

page-org-str-editor .dxi-file-plus:before {
  content: "\F751";
}

page-org-str-editor .dxi-file-powerpoint:before {
  content: "\F227";
}

page-org-str-editor .dxi-file-powerpoint-box:before {
  content: "\F228";
}

page-org-str-editor .dxi-file-presentation-box:before {
  content: "\F229";
}

page-org-str-editor .dxi-file-question:before {
  content: "\F86E";
}

page-org-str-editor .dxi-file-restore:before {
  content: "\F670";
}

page-org-str-editor .dxi-file-send:before {
  content: "\F22A";
}

page-org-str-editor .dxi-file-tree:before {
  content: "\F645";
}

page-org-str-editor .dxi-file-video:before {
  content: "\F22B";
}

page-org-str-editor .dxi-file-word:before {
  content: "\F22C";
}

page-org-str-editor .dxi-file-word-box:before {
  content: "\F22D";
}

page-org-str-editor .dxi-file-xml:before {
  content: "\F22E";
}

page-org-str-editor .dxi-film:before {
  content: "\F22F";
}

page-org-str-editor .dxi-filmstrip:before {
  content: "\F230";
}

page-org-str-editor .dxi-filmstrip-off:before {
  content: "\F231";
}

page-org-str-editor .dxi-filter:before {
  content: "\F232";
}

page-org-str-editor .dxi-filter-outline:before {
  content: "\F233";
}

page-org-str-editor .dxi-filter-remove:before {
  content: "\F234";
}

page-org-str-editor .dxi-filter-remove-outline:before {
  content: "\F235";
}

page-org-str-editor .dxi-filter-variant:before {
  content: "\F236";
}

page-org-str-editor .dxi-finance:before {
  content: "\F81E";
}

page-org-str-editor .dxi-find-replace:before {
  content: "\F6D3";
}

page-org-str-editor .dxi-fingerprint:before {
  content: "\F237";
}

page-org-str-editor .dxi-fire:before {
  content: "\F238";
}

page-org-str-editor .dxi-firefox:before {
  content: "\F239";
}

page-org-str-editor .dxi-fish:before {
  content: "\F23A";
}

page-org-str-editor .dxi-flag:before {
  content: "\F23B";
}

page-org-str-editor .dxi-flag-checkered:before {
  content: "\F23C";
}

page-org-str-editor .dxi-flag-outline:before {
  content: "\F23D";
}

page-org-str-editor .dxi-flag-triangle:before {
  content: "\F23F";
}

page-org-str-editor .dxi-flag-variant:before {
  content: "\F240";
}

page-org-str-editor .dxi-flag-variant-outline:before {
  content: "\F23E";
}

page-org-str-editor .dxi-flash:before {
  content: "\F241";
}

page-org-str-editor .dxi-flash-auto:before {
  content: "\F242";
}

page-org-str-editor .dxi-flash-circle:before {
  content: "\F81F";
}

page-org-str-editor .dxi-flash-off:before {
  content: "\F243";
}

page-org-str-editor .dxi-flash-outline:before {
  content: "\F6D4";
}

page-org-str-editor .dxi-flash-red-eye:before {
  content: "\F67A";
}

page-org-str-editor .dxi-flashlight:before {
  content: "\F244";
}

page-org-str-editor .dxi-flashlight-off:before {
  content: "\F245";
}

page-org-str-editor .dxi-flask:before {
  content: "\F093";
}

page-org-str-editor .dxi-flask-empty:before {
  content: "\F094";
}

page-org-str-editor .dxi-flask-empty-outline:before {
  content: "\F095";
}

page-org-str-editor .dxi-flask-outline:before {
  content: "\F096";
}

page-org-str-editor .dxi-flattr:before {
  content: "\F246";
}

page-org-str-editor .dxi-flip-to-back:before {
  content: "\F247";
}

page-org-str-editor .dxi-flip-to-front:before {
  content: "\F248";
}

page-org-str-editor .dxi-floor-plan:before {
  content: "\F820";
}

page-org-str-editor .dxi-floppy:before {
  content: "\F249";
}

page-org-str-editor .dxi-flower:before {
  content: "\F24A";
}

page-org-str-editor .dxi-folder:before {
  content: "\F24B";
}

page-org-str-editor .dxi-folder-account:before {
  content: "\F24C";
}

page-org-str-editor .dxi-folder-download:before {
  content: "\F24D";
}

page-org-str-editor .dxi-folder-google-drive:before {
  content: "\F24E";
}

page-org-str-editor .dxi-folder-image:before {
  content: "\F24F";
}

page-org-str-editor .dxi-folder-lock:before {
  content: "\F250";
}

page-org-str-editor .dxi-folder-lock-open:before {
  content: "\F251";
}

page-org-str-editor .dxi-folder-move:before {
  content: "\F252";
}

page-org-str-editor .dxi-folder-multiple:before {
  content: "\F253";
}

page-org-str-editor .dxi-folder-multiple-image:before {
  content: "\F254";
}

page-org-str-editor .dxi-folder-multiple-outline:before {
  content: "\F255";
}

page-org-str-editor .dxi-folder-network:before {
  content: "\F86F";
}

page-org-str-editor .dxi-folder-open:before {
  content: "\F76F";
}

page-org-str-editor .dxi-folder-outline:before {
  content: "\F256";
}

page-org-str-editor .dxi-folder-plus:before {
  content: "\F257";
}

page-org-str-editor .dxi-folder-remove:before {
  content: "\F258";
}

page-org-str-editor .dxi-folder-star:before {
  content: "\F69C";
}

page-org-str-editor .dxi-folder-upload:before {
  content: "\F259";
}

page-org-str-editor .dxi-font-awesome:before {
  content: "\F03A";
}

page-org-str-editor .dxi-food:before {
  content: "\F25A";
}

page-org-str-editor .dxi-food-apple:before {
  content: "\F25B";
}

page-org-str-editor .dxi-food-croissant:before {
  content: "\F7C7";
}

page-org-str-editor .dxi-food-fork-drink:before {
  content: "\F5F2";
}

page-org-str-editor .dxi-food-off:before {
  content: "\F5F3";
}

page-org-str-editor .dxi-food-variant:before {
  content: "\F25C";
}

page-org-str-editor .dxi-football:before {
  content: "\F25D";
}

page-org-str-editor .dxi-football-australian:before {
  content: "\F25E";
}

page-org-str-editor .dxi-football-helmet:before {
  content: "\F25F";
}

page-org-str-editor .dxi-forklift:before {
  content: "\F7C8";
}

page-org-str-editor .dxi-format-align-bottom:before {
  content: "\F752";
}

page-org-str-editor .dxi-format-align-center:before {
  content: "\F260";
}

page-org-str-editor .dxi-format-align-justify:before {
  content: "\F261";
}

page-org-str-editor .dxi-format-align-left:before {
  content: "\F262";
}

page-org-str-editor .dxi-format-align-middle:before {
  content: "\F753";
}

page-org-str-editor .dxi-format-align-right:before {
  content: "\F263";
}

page-org-str-editor .dxi-format-align-top:before {
  content: "\F754";
}

page-org-str-editor .dxi-format-annotation-plus:before {
  content: "\F646";
}

page-org-str-editor .dxi-format-bold:before {
  content: "\F264";
}

page-org-str-editor .dxi-format-clear:before {
  content: "\F265";
}

page-org-str-editor .dxi-format-color-fill:before {
  content: "\F266";
}

page-org-str-editor .dxi-format-color-text:before {
  content: "\F69D";
}

page-org-str-editor .dxi-format-float-center:before {
  content: "\F267";
}

page-org-str-editor .dxi-format-float-left:before {
  content: "\F268";
}

page-org-str-editor .dxi-format-float-none:before {
  content: "\F269";
}

page-org-str-editor .dxi-format-float-right:before {
  content: "\F26A";
}

page-org-str-editor .dxi-format-font:before {
  content: "\F6D5";
}

page-org-str-editor .dxi-format-header-1:before {
  content: "\F26B";
}

page-org-str-editor .dxi-format-header-2:before {
  content: "\F26C";
}

page-org-str-editor .dxi-format-header-3:before {
  content: "\F26D";
}

page-org-str-editor .dxi-format-header-4:before {
  content: "\F26E";
}

page-org-str-editor .dxi-format-header-5:before {
  content: "\F26F";
}

page-org-str-editor .dxi-format-header-6:before {
  content: "\F270";
}

page-org-str-editor .dxi-format-header-decrease:before {
  content: "\F271";
}

page-org-str-editor .dxi-format-header-equal:before {
  content: "\F272";
}

page-org-str-editor .dxi-format-header-increase:before {
  content: "\F273";
}

page-org-str-editor .dxi-format-header-pound:before {
  content: "\F274";
}

page-org-str-editor .dxi-format-horizontal-align-center:before {
  content: "\F61E";
}

page-org-str-editor .dxi-format-horizontal-align-left:before {
  content: "\F61F";
}

page-org-str-editor .dxi-format-horizontal-align-right:before {
  content: "\F620";
}

page-org-str-editor .dxi-format-indent-decrease:before {
  content: "\F275";
}

page-org-str-editor .dxi-format-indent-increase:before {
  content: "\F276";
}

page-org-str-editor .dxi-format-italic:before {
  content: "\F277";
}

page-org-str-editor .dxi-format-line-spacing:before {
  content: "\F278";
}

page-org-str-editor .dxi-format-line-style:before {
  content: "\F5C8";
}

page-org-str-editor .dxi-format-line-weight:before {
  content: "\F5C9";
}

page-org-str-editor .dxi-format-list-bulleted:before {
  content: "\F279";
}

page-org-str-editor .dxi-format-list-bulleted-type:before {
  content: "\F27A";
}

page-org-str-editor .dxi-format-list-checks:before {
  content: "\F755";
}

page-org-str-editor .dxi-format-list-numbers:before {
  content: "\F27B";
}

page-org-str-editor .dxi-format-page-break:before {
  content: "\F6D6";
}

page-org-str-editor .dxi-format-paint:before {
  content: "\F27C";
}

page-org-str-editor .dxi-format-paragraph:before {
  content: "\F27D";
}

page-org-str-editor .dxi-format-pilcrow:before {
  content: "\F6D7";
}

page-org-str-editor .dxi-format-quote-close:before {
  content: "\F27E";
}

page-org-str-editor .dxi-format-quote-open:before {
  content: "\F756";
}

page-org-str-editor .dxi-format-rotate-90:before {
  content: "\F6A9";
}

page-org-str-editor .dxi-format-section:before {
  content: "\F69E";
}

page-org-str-editor .dxi-format-size:before {
  content: "\F27F";
}

page-org-str-editor .dxi-format-strikethrough:before {
  content: "\F280";
}

page-org-str-editor .dxi-format-strikethrough-variant:before {
  content: "\F281";
}

page-org-str-editor .dxi-format-subscript:before {
  content: "\F282";
}

page-org-str-editor .dxi-format-superscript:before {
  content: "\F283";
}

page-org-str-editor .dxi-format-text:before {
  content: "\F284";
}

page-org-str-editor .dxi-format-textdirection-l-to-r:before {
  content: "\F285";
}

page-org-str-editor .dxi-format-textdirection-r-to-l:before {
  content: "\F286";
}

page-org-str-editor .dxi-format-title:before {
  content: "\F5F4";
}

page-org-str-editor .dxi-format-underline:before {
  content: "\F287";
}

page-org-str-editor .dxi-format-vertical-align-bottom:before {
  content: "\F621";
}

page-org-str-editor .dxi-format-vertical-align-center:before {
  content: "\F622";
}

page-org-str-editor .dxi-format-vertical-align-top:before {
  content: "\F623";
}

page-org-str-editor .dxi-format-wrap-inline:before {
  content: "\F288";
}

page-org-str-editor .dxi-format-wrap-square:before {
  content: "\F289";
}

page-org-str-editor .dxi-format-wrap-tight:before {
  content: "\F28A";
}

page-org-str-editor .dxi-format-wrap-top-bottom:before {
  content: "\F28B";
}

page-org-str-editor .dxi-forum:before {
  content: "\F28C";
}

page-org-str-editor .dxi-forum-outline:before {
  content: "\F821";
}

page-org-str-editor .dxi-forward:before {
  content: "\F28D";
}

page-org-str-editor .dxi-foursquare:before {
  content: "\F28E";
}

page-org-str-editor .dxi-fridge:before {
  content: "\F28F";
}

page-org-str-editor .dxi-fridge-filled:before {
  content: "\F290";
}

page-org-str-editor .dxi-fridge-filled-bottom:before {
  content: "\F291";
}

page-org-str-editor .dxi-fridge-filled-top:before {
  content: "\F292";
}

page-org-str-editor .dxi-fuel:before {
  content: "\F7C9";
}

page-org-str-editor .dxi-fullscreen:before {
  content: "\F293";
}

page-org-str-editor .dxi-fullscreen-exit:before {
  content: "\F294";
}

page-org-str-editor .dxi-function:before {
  content: "\F295";
}

page-org-str-editor .dxi-function-variant:before {
  content: "\F870";
}

page-org-str-editor .dxi-gamepad:before {
  content: "\F296";
}

page-org-str-editor .dxi-gamepad-variant:before {
  content: "\F297";
}

page-org-str-editor .dxi-garage:before {
  content: "\F6D8";
}

page-org-str-editor .dxi-garage-alert:before {
  content: "\F871";
}

page-org-str-editor .dxi-garage-open:before {
  content: "\F6D9";
}

page-org-str-editor .dxi-gas-cylinder:before {
  content: "\F647";
}

page-org-str-editor .dxi-gas-station:before {
  content: "\F298";
}

page-org-str-editor .dxi-gate:before {
  content: "\F299";
}

page-org-str-editor .dxi-gauge:before {
  content: "\F29A";
}

page-org-str-editor .dxi-gauge-empty:before {
  content: "\F872";
}

page-org-str-editor .dxi-gauge-full:before {
  content: "\F873";
}

page-org-str-editor .dxi-gauge-low:before {
  content: "\F874";
}

page-org-str-editor .dxi-gavel:before {
  content: "\F29B";
}

page-org-str-editor .dxi-gender-female:before {
  content: "\F29C";
}

page-org-str-editor .dxi-gender-male:before {
  content: "\F29D";
}

page-org-str-editor .dxi-gender-male-female:before {
  content: "\F29E";
}

page-org-str-editor .dxi-gender-transgender:before {
  content: "\F29F";
}

page-org-str-editor .dxi-gesture:before {
  content: "\F7CA";
}

page-org-str-editor .dxi-gesture-double-tap:before {
  content: "\F73B";
}

page-org-str-editor .dxi-gesture-swipe-down:before {
  content: "\F73C";
}

page-org-str-editor .dxi-gesture-swipe-left:before {
  content: "\F73D";
}

page-org-str-editor .dxi-gesture-swipe-right:before {
  content: "\F73E";
}

page-org-str-editor .dxi-gesture-swipe-up:before {
  content: "\F73F";
}

page-org-str-editor .dxi-gesture-tap:before {
  content: "\F740";
}

page-org-str-editor .dxi-gesture-two-double-tap:before {
  content: "\F741";
}

page-org-str-editor .dxi-gesture-two-tap:before {
  content: "\F742";
}

page-org-str-editor .dxi-ghost:before {
  content: "\F2A0";
}

page-org-str-editor .dxi-gift:before {
  content: "\F2A1";
}

page-org-str-editor .dxi-git:before {
  content: "\F2A2";
}

page-org-str-editor .dxi-github-box:before {
  content: "\F2A3";
}

page-org-str-editor .dxi-github-circle:before {
  content: "\F2A4";
}

page-org-str-editor .dxi-github-face:before {
  content: "\F6DA";
}

page-org-str-editor .dxi-glass-cocktail:before {
  content: "\F356";
}

page-org-str-editor .dxi-glass-flute:before {
  content: "\F2A5";
}

page-org-str-editor .dxi-glass-mug:before {
  content: "\F2A6";
}

page-org-str-editor .dxi-glass-stange:before {
  content: "\F2A7";
}

page-org-str-editor .dxi-glass-tulip:before {
  content: "\F2A8";
}

page-org-str-editor .dxi-glass-wine:before {
  content: "\F875";
}

page-org-str-editor .dxi-glassdoor:before {
  content: "\F2A9";
}

page-org-str-editor .dxi-glasses:before {
  content: "\F2AA";
}

page-org-str-editor .dxi-gmail:before {
  content: "\F2AB";
}

page-org-str-editor .dxi-gnome:before {
  content: "\F2AC";
}

page-org-str-editor .dxi-golf:before {
  content: "\F822";
}

page-org-str-editor .dxi-gondola:before {
  content: "\F685";
}

page-org-str-editor .dxi-google:before {
  content: "\F2AD";
}

page-org-str-editor .dxi-google-analytics:before {
  content: "\F7CB";
}

page-org-str-editor .dxi-google-assistant:before {
  content: "\F7CC";
}

page-org-str-editor .dxi-google-cardboard:before {
  content: "\F2AE";
}

page-org-str-editor .dxi-google-chrome:before {
  content: "\F2AF";
}

page-org-str-editor .dxi-google-circles:before {
  content: "\F2B0";
}

page-org-str-editor .dxi-google-circles-communities:before {
  content: "\F2B1";
}

page-org-str-editor .dxi-google-circles-extended:before {
  content: "\F2B2";
}

page-org-str-editor .dxi-google-circles-group:before {
  content: "\F2B3";
}

page-org-str-editor .dxi-google-controller:before {
  content: "\F2B4";
}

page-org-str-editor .dxi-google-controller-off:before {
  content: "\F2B5";
}

page-org-str-editor .dxi-google-drive:before {
  content: "\F2B6";
}

page-org-str-editor .dxi-google-earth:before {
  content: "\F2B7";
}

page-org-str-editor .dxi-google-glass:before {
  content: "\F2B8";
}

page-org-str-editor .dxi-google-home:before {
  content: "\F823";
}

page-org-str-editor .dxi-google-keep:before {
  content: "\F6DB";
}

page-org-str-editor .dxi-google-maps:before {
  content: "\F5F5";
}

page-org-str-editor .dxi-google-nearby:before {
  content: "\F2B9";
}

page-org-str-editor .dxi-google-pages:before {
  content: "\F2BA";
}

page-org-str-editor .dxi-google-photos:before {
  content: "\F6DC";
}

page-org-str-editor .dxi-google-physical-web:before {
  content: "\F2BB";
}

page-org-str-editor .dxi-google-play:before {
  content: "\F2BC";
}

page-org-str-editor .dxi-google-plus:before {
  content: "\F2BD";
}

page-org-str-editor .dxi-google-plus-box:before {
  content: "\F2BE";
}

page-org-str-editor .dxi-google-translate:before {
  content: "\F2BF";
}

page-org-str-editor .dxi-google-wallet:before {
  content: "\F2C0";
}

page-org-str-editor .dxi-gradient:before {
  content: "\F69F";
}

page-org-str-editor .dxi-graphql:before {
  content: "\F876";
}

page-org-str-editor .dxi-grease-pencil:before {
  content: "\F648";
}

page-org-str-editor .dxi-grid:before {
  content: "\F2C1";
}

page-org-str-editor .dxi-grid-large:before {
  content: "\F757";
}

page-org-str-editor .dxi-grid-off:before {
  content: "\F2C2";
}

page-org-str-editor .dxi-group:before {
  content: "\F2C3";
}

page-org-str-editor .dxi-guitar-acoustic:before {
  content: "\F770";
}

page-org-str-editor .dxi-guitar-electric:before {
  content: "\F2C4";
}

page-org-str-editor .dxi-guitar-pick:before {
  content: "\F2C5";
}

page-org-str-editor .dxi-guitar-pick-outline:before {
  content: "\F2C6";
}

page-org-str-editor .dxi-guy-fawkes-mask:before {
  content: "\F824";
}

page-org-str-editor .dxi-hackernews:before {
  content: "\F624";
}

page-org-str-editor .dxi-hamburger:before {
  content: "\F684";
}

page-org-str-editor .dxi-hand-pointing-right:before {
  content: "\F2C7";
}

page-org-str-editor .dxi-hanger:before {
  content: "\F2C8";
}

page-org-str-editor .dxi-hangouts:before {
  content: "\F2C9";
}

page-org-str-editor .dxi-harddisk:before {
  content: "\F2CA";
}

page-org-str-editor .dxi-headphones:before {
  content: "\F2CB";
}

page-org-str-editor .dxi-headphones-box:before {
  content: "\F2CC";
}

page-org-str-editor .dxi-headphones-off:before {
  content: "\F7CD";
}

page-org-str-editor .dxi-headphones-settings:before {
  content: "\F2CD";
}

page-org-str-editor .dxi-headset:before {
  content: "\F2CE";
}

page-org-str-editor .dxi-headset-dock:before {
  content: "\F2CF";
}

page-org-str-editor .dxi-headset-off:before {
  content: "\F2D0";
}

page-org-str-editor .dxi-heart:before {
  content: "\F2D1";
}

page-org-str-editor .dxi-heart-box:before {
  content: "\F2D2";
}

page-org-str-editor .dxi-heart-box-outline:before {
  content: "\F2D3";
}

page-org-str-editor .dxi-heart-broken:before {
  content: "\F2D4";
}

page-org-str-editor .dxi-heart-half:before {
  content: "\F6DE";
}

page-org-str-editor .dxi-heart-half-full:before {
  content: "\F6DD";
}

page-org-str-editor .dxi-heart-half-outline:before {
  content: "\F6DF";
}

page-org-str-editor .dxi-heart-off:before {
  content: "\F758";
}

page-org-str-editor .dxi-heart-outline:before {
  content: "\F2D5";
}

page-org-str-editor .dxi-heart-pulse:before {
  content: "\F5F6";
}

page-org-str-editor .dxi-help:before {
  content: "\F2D6";
}

page-org-str-editor .dxi-help-box:before {
  content: "\F78A";
}

page-org-str-editor .dxi-help-circle:before {
  content: "\F2D7";
}

page-org-str-editor .dxi-help-circle-outline:before {
  content: "\F625";
}

page-org-str-editor .dxi-help-network:before {
  content: "\F6F4";
}

page-org-str-editor .dxi-hexagon:before {
  content: "\F2D8";
}

page-org-str-editor .dxi-hexagon-multiple:before {
  content: "\F6E0";
}

page-org-str-editor .dxi-hexagon-outline:before {
  content: "\F2D9";
}

page-org-str-editor .dxi-high-definition:before {
  content: "\F7CE";
}

page-org-str-editor .dxi-high-definition-box:before {
  content: "\F877";
}

page-org-str-editor .dxi-highway:before {
  content: "\F5F7";
}

page-org-str-editor .dxi-history:before {
  content: "\F2DA";
}

page-org-str-editor .dxi-hockey-puck:before {
  content: "\F878";
}

page-org-str-editor .dxi-hockey-sticks:before {
  content: "\F879";
}

page-org-str-editor .dxi-hololens:before {
  content: "\F2DB";
}

page-org-str-editor .dxi-home:before {
  content: "\F2DC";
}

page-org-str-editor .dxi-home-account:before {
  content: "\F825";
}

page-org-str-editor .dxi-home-alert:before {
  content: "\F87A";
}

page-org-str-editor .dxi-home-assistant:before {
  content: "\F7CF";
}

page-org-str-editor .dxi-home-automation:before {
  content: "\F7D0";
}

page-org-str-editor .dxi-home-circle:before {
  content: "\F7D1";
}

page-org-str-editor .dxi-home-heart:before {
  content: "\F826";
}

page-org-str-editor .dxi-home-map-marker:before {
  content: "\F5F8";
}

page-org-str-editor .dxi-home-modern:before {
  content: "\F2DD";
}

page-org-str-editor .dxi-home-outline:before {
  content: "\F6A0";
}

page-org-str-editor .dxi-home-variant:before {
  content: "\F2DE";
}

page-org-str-editor .dxi-hook:before {
  content: "\F6E1";
}

page-org-str-editor .dxi-hook-off:before {
  content: "\F6E2";
}

page-org-str-editor .dxi-hops:before {
  content: "\F2DF";
}

page-org-str-editor .dxi-hospital:before {
  content: "\F2E0";
}

page-org-str-editor .dxi-hospital-building:before {
  content: "\F2E1";
}

page-org-str-editor .dxi-hospital-marker:before {
  content: "\F2E2";
}

page-org-str-editor .dxi-hot-tub:before {
  content: "\F827";
}

page-org-str-editor .dxi-hotel:before {
  content: "\F2E3";
}

page-org-str-editor .dxi-houzz:before {
  content: "\F2E4";
}

page-org-str-editor .dxi-houzz-box:before {
  content: "\F2E5";
}

page-org-str-editor .dxi-hulu:before {
  content: "\F828";
}

page-org-str-editor .dxi-human:before {
  content: "\F2E6";
}

page-org-str-editor .dxi-human-child:before {
  content: "\F2E7";
}

page-org-str-editor .dxi-human-female:before {
  content: "\F649";
}

page-org-str-editor .dxi-human-greeting:before {
  content: "\F64A";
}

page-org-str-editor .dxi-human-handsdown:before {
  content: "\F64B";
}

page-org-str-editor .dxi-human-handsup:before {
  content: "\F64C";
}

page-org-str-editor .dxi-human-male:before {
  content: "\F64D";
}

page-org-str-editor .dxi-human-male-female:before {
  content: "\F2E8";
}

page-org-str-editor .dxi-human-pregnant:before {
  content: "\F5CF";
}

page-org-str-editor .dxi-humble-bundle:before {
  content: "\F743";
}

page-org-str-editor .dxi-ice-cream:before {
  content: "\F829";
}

page-org-str-editor .dxi-image:before {
  content: "\F2E9";
}

page-org-str-editor .dxi-image-album:before {
  content: "\F2EA";
}

page-org-str-editor .dxi-image-area:before {
  content: "\F2EB";
}

page-org-str-editor .dxi-image-area-close:before {
  content: "\F2EC";
}

page-org-str-editor .dxi-image-broken:before {
  content: "\F2ED";
}

page-org-str-editor .dxi-image-broken-variant:before {
  content: "\F2EE";
}

page-org-str-editor .dxi-image-filter:before {
  content: "\F2EF";
}

page-org-str-editor .dxi-image-filter-black-white:before {
  content: "\F2F0";
}

page-org-str-editor .dxi-image-filter-center-focus:before {
  content: "\F2F1";
}

page-org-str-editor .dxi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

page-org-str-editor .dxi-image-filter-drama:before {
  content: "\F2F3";
}

page-org-str-editor .dxi-image-filter-frames:before {
  content: "\F2F4";
}

page-org-str-editor .dxi-image-filter-hdr:before {
  content: "\F2F5";
}

page-org-str-editor .dxi-image-filter-none:before {
  content: "\F2F6";
}

page-org-str-editor .dxi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

page-org-str-editor .dxi-image-filter-vintage:before {
  content: "\F2F8";
}

page-org-str-editor .dxi-image-multiple:before {
  content: "\F2F9";
}

page-org-str-editor .dxi-image-off:before {
  content: "\F82A";
}

page-org-str-editor .dxi-image-plus:before {
  content: "\F87B";
}

page-org-str-editor .dxi-import:before {
  content: "\F2FA";
}

page-org-str-editor .dxi-inbox:before {
  content: "\F686";
}

page-org-str-editor .dxi-inbox-arrow-down:before {
  content: "\F2FB";
}

page-org-str-editor .dxi-inbox-arrow-up:before {
  content: "\F3D1";
}

page-org-str-editor .dxi-incognito:before {
  content: "\F5F9";
}

page-org-str-editor .dxi-infinity:before {
  content: "\F6E3";
}

page-org-str-editor .dxi-information:before {
  content: "\F2FC";
}

page-org-str-editor .dxi-information-outline:before {
  content: "\F2FD";
}

page-org-str-editor .dxi-information-variant:before {
  content: "\F64E";
}

page-org-str-editor .dxi-instagram:before {
  content: "\F2FE";
}

page-org-str-editor .dxi-instapaper:before {
  content: "\F2FF";
}

page-org-str-editor .dxi-internet-explorer:before {
  content: "\F300";
}

page-org-str-editor .dxi-invert-colors:before {
  content: "\F301";
}

page-org-str-editor .dxi-itunes:before {
  content: "\F676";
}

page-org-str-editor .dxi-jeepney:before {
  content: "\F302";
}

page-org-str-editor .dxi-jira:before {
  content: "\F303";
}

page-org-str-editor .dxi-jquery:before {
  content: "\F87C";
}

page-org-str-editor .dxi-jsfiddle:before {
  content: "\F304";
}

page-org-str-editor .dxi-json:before {
  content: "\F626";
}

page-org-str-editor .dxi-karate:before {
  content: "\F82B";
}

page-org-str-editor .dxi-keg:before {
  content: "\F305";
}

page-org-str-editor .dxi-kettle:before {
  content: "\F5FA";
}

page-org-str-editor .dxi-key:before {
  content: "\F306";
}

page-org-str-editor .dxi-key-change:before {
  content: "\F307";
}

page-org-str-editor .dxi-key-minus:before {
  content: "\F308";
}

page-org-str-editor .dxi-key-plus:before {
  content: "\F309";
}

page-org-str-editor .dxi-key-remove:before {
  content: "\F30A";
}

page-org-str-editor .dxi-key-variant:before {
  content: "\F30B";
}

page-org-str-editor .dxi-keyboard:before {
  content: "\F30C";
}

page-org-str-editor .dxi-keyboard-backspace:before {
  content: "\F30D";
}

page-org-str-editor .dxi-keyboard-caps:before {
  content: "\F30E";
}

page-org-str-editor .dxi-keyboard-close:before {
  content: "\F30F";
}

page-org-str-editor .dxi-keyboard-off:before {
  content: "\F310";
}

page-org-str-editor .dxi-keyboard-return:before {
  content: "\F311";
}

page-org-str-editor .dxi-keyboard-tab:before {
  content: "\F312";
}

page-org-str-editor .dxi-keyboard-variant:before {
  content: "\F313";
}

page-org-str-editor .dxi-kickstarter:before {
  content: "\F744";
}

page-org-str-editor .dxi-kodi:before {
  content: "\F314";
}

page-org-str-editor .dxi-label:before {
  content: "\F315";
}

page-org-str-editor .dxi-label-outline:before {
  content: "\F316";
}

page-org-str-editor .dxi-ladybug:before {
  content: "\F82C";
}

page-org-str-editor .dxi-lambda:before {
  content: "\F627";
}

page-org-str-editor .dxi-lamp:before {
  content: "\F6B4";
}

page-org-str-editor .dxi-lan:before {
  content: "\F317";
}

page-org-str-editor .dxi-lan-connect:before {
  content: "\F318";
}

page-org-str-editor .dxi-lan-disconnect:before {
  content: "\F319";
}

page-org-str-editor .dxi-lan-pending:before {
  content: "\F31A";
}

page-org-str-editor .dxi-language-c:before {
  content: "\F671";
}

page-org-str-editor .dxi-language-cpp:before {
  content: "\F672";
}

page-org-str-editor .dxi-language-csharp:before {
  content: "\F31B";
}

page-org-str-editor .dxi-language-css3:before {
  content: "\F31C";
}

page-org-str-editor .dxi-language-go:before {
  content: "\F7D2";
}

page-org-str-editor .dxi-language-html5:before {
  content: "\F31D";
}

page-org-str-editor .dxi-language-javascript:before {
  content: "\F31E";
}

page-org-str-editor .dxi-language-php:before {
  content: "\F31F";
}

page-org-str-editor .dxi-language-python:before {
  content: "\F320";
}

page-org-str-editor .dxi-language-python-text:before {
  content: "\F321";
}

page-org-str-editor .dxi-language-r:before {
  content: "\F7D3";
}

page-org-str-editor .dxi-language-swift:before {
  content: "\F6E4";
}

page-org-str-editor .dxi-language-typescript:before {
  content: "\F6E5";
}

page-org-str-editor .dxi-laptop:before {
  content: "\F322";
}

page-org-str-editor .dxi-laptop-chromebook:before {
  content: "\F323";
}

page-org-str-editor .dxi-laptop-mac:before {
  content: "\F324";
}

page-org-str-editor .dxi-laptop-off:before {
  content: "\F6E6";
}

page-org-str-editor .dxi-laptop-windows:before {
  content: "\F325";
}

page-org-str-editor .dxi-lastfm:before {
  content: "\F326";
}

page-org-str-editor .dxi-lastpass:before {
  content: "\F446";
}

page-org-str-editor .dxi-launch:before {
  content: "\F327";
}

page-org-str-editor .dxi-lava-lamp:before {
  content: "\F7D4";
}

page-org-str-editor .dxi-layers:before {
  content: "\F328";
}

page-org-str-editor .dxi-layers-off:before {
  content: "\F329";
}

page-org-str-editor .dxi-lead-pencil:before {
  content: "\F64F";
}

page-org-str-editor .dxi-leaf:before {
  content: "\F32A";
}

page-org-str-editor .dxi-led-off:before {
  content: "\F32B";
}

page-org-str-editor .dxi-led-on:before {
  content: "\F32C";
}

page-org-str-editor .dxi-led-outline:before {
  content: "\F32D";
}

page-org-str-editor .dxi-led-strip:before {
  content: "\F7D5";
}

page-org-str-editor .dxi-led-variant-off:before {
  content: "\F32E";
}

page-org-str-editor .dxi-led-variant-on:before {
  content: "\F32F";
}

page-org-str-editor .dxi-led-variant-outline:before {
  content: "\F330";
}

page-org-str-editor .dxi-library:before {
  content: "\F331";
}

page-org-str-editor .dxi-library-books:before {
  content: "\F332";
}

page-org-str-editor .dxi-library-music:before {
  content: "\F333";
}

page-org-str-editor .dxi-library-plus:before {
  content: "\F334";
}

page-org-str-editor .dxi-lifebuoy:before {
  content: "\F87D";
}

page-org-str-editor .dxi-lightbulb:before {
  content: "\F335";
}

page-org-str-editor .dxi-lightbulb-on:before {
  content: "\F6E7";
}

page-org-str-editor .dxi-lightbulb-on-outline:before {
  content: "\F6E8";
}

page-org-str-editor .dxi-lightbulb-outline:before {
  content: "\F336";
}

page-org-str-editor .dxi-link:before {
  content: "\F337";
}

page-org-str-editor .dxi-link-off:before {
  content: "\F338";
}

page-org-str-editor .dxi-link-variant:before {
  content: "\F339";
}

page-org-str-editor .dxi-link-variant-off:before {
  content: "\F33A";
}

page-org-str-editor .dxi-linkedin:before {
  content: "\F33B";
}

page-org-str-editor .dxi-linkedin-box:before {
  content: "\F33C";
}

page-org-str-editor .dxi-linux:before {
  content: "\F33D";
}

page-org-str-editor .dxi-loading:before {
  content: "\F771";
}

page-org-str-editor .dxi-lock:before {
  content: "\F33E";
}

page-org-str-editor .dxi-lock-open:before {
  content: "\F33F";
}

page-org-str-editor .dxi-lock-open-outline:before {
  content: "\F340";
}

page-org-str-editor .dxi-lock-outline:before {
  content: "\F341";
}

page-org-str-editor .dxi-lock-pattern:before {
  content: "\F6E9";
}

page-org-str-editor .dxi-lock-plus:before {
  content: "\F5FB";
}

page-org-str-editor .dxi-lock-reset:before {
  content: "\F772";
}

page-org-str-editor .dxi-locker:before {
  content: "\F7D6";
}

page-org-str-editor .dxi-locker-multiple:before {
  content: "\F7D7";
}

page-org-str-editor .dxi-login:before {
  content: "\F342";
}

page-org-str-editor .dxi-login-variant:before {
  content: "\F5FC";
}

page-org-str-editor .dxi-logout:before {
  content: "\F343";
}

page-org-str-editor .dxi-logout-variant:before {
  content: "\F5FD";
}

page-org-str-editor .dxi-looks:before {
  content: "\F344";
}

page-org-str-editor .dxi-loop:before {
  content: "\F6EA";
}

page-org-str-editor .dxi-loupe:before {
  content: "\F345";
}

page-org-str-editor .dxi-lumx:before {
  content: "\F346";
}

page-org-str-editor .dxi-magnet:before {
  content: "\F347";
}

page-org-str-editor .dxi-magnet-on:before {
  content: "\F348";
}

page-org-str-editor .dxi-magnify:before {
  content: "\F349";
}

page-org-str-editor .dxi-magnify-minus:before {
  content: "\F34A";
}

page-org-str-editor .dxi-magnify-minus-outline:before {
  content: "\F6EB";
}

page-org-str-editor .dxi-magnify-plus:before {
  content: "\F34B";
}

page-org-str-editor .dxi-magnify-plus-outline:before {
  content: "\F6EC";
}

page-org-str-editor .dxi-mail-ru:before {
  content: "\F34C";
}

page-org-str-editor .dxi-mailbox:before {
  content: "\F6ED";
}

page-org-str-editor .dxi-map:before {
  content: "\F34D";
}

page-org-str-editor .dxi-map-marker:before {
  content: "\F34E";
}

page-org-str-editor .dxi-map-marker-circle:before {
  content: "\F34F";
}

page-org-str-editor .dxi-map-marker-minus:before {
  content: "\F650";
}

page-org-str-editor .dxi-map-marker-multiple:before {
  content: "\F350";
}

page-org-str-editor .dxi-map-marker-off:before {
  content: "\F351";
}

page-org-str-editor .dxi-map-marker-outline:before {
  content: "\F7D8";
}

page-org-str-editor .dxi-map-marker-plus:before {
  content: "\F651";
}

page-org-str-editor .dxi-map-marker-radius:before {
  content: "\F352";
}

page-org-str-editor .dxi-margin:before {
  content: "\F353";
}

page-org-str-editor .dxi-markdown:before {
  content: "\F354";
}

page-org-str-editor .dxi-marker:before {
  content: "\F652";
}

page-org-str-editor .dxi-marker-check:before {
  content: "\F355";
}

page-org-str-editor .dxi-material-ui:before {
  content: "\F357";
}

page-org-str-editor .dxi-math-compass:before {
  content: "\F358";
}

page-org-str-editor .dxi-matrix:before {
  content: "\F628";
}

page-org-str-editor .dxi-maxcdn:before {
  content: "\F359";
}

page-org-str-editor .dxi-medical-bag:before {
  content: "\F6EE";
}

page-org-str-editor .dxi-medium:before {
  content: "\F35A";
}

page-org-str-editor .dxi-memory:before {
  content: "\F35B";
}

page-org-str-editor .dxi-menu:before {
  content: "\F35C";
}

page-org-str-editor .dxi-menu-down:before {
  content: "\F35D";
}

page-org-str-editor .dxi-menu-down-outline:before {
  content: "\F6B5";
}

page-org-str-editor .dxi-menu-left:before {
  content: "\F35E";
}

page-org-str-editor .dxi-menu-right:before {
  content: "\F35F";
}

page-org-str-editor .dxi-menu-up:before {
  content: "\F360";
}

page-org-str-editor .dxi-menu-up-outline:before {
  content: "\F6B6";
}

page-org-str-editor .dxi-message:before {
  content: "\F361";
}

page-org-str-editor .dxi-message-alert:before {
  content: "\F362";
}

page-org-str-editor .dxi-message-bulleted:before {
  content: "\F6A1";
}

page-org-str-editor .dxi-message-bulleted-off:before {
  content: "\F6A2";
}

page-org-str-editor .dxi-message-draw:before {
  content: "\F363";
}

page-org-str-editor .dxi-message-image:before {
  content: "\F364";
}

page-org-str-editor .dxi-message-outline:before {
  content: "\F365";
}

page-org-str-editor .dxi-message-plus:before {
  content: "\F653";
}

page-org-str-editor .dxi-message-processing:before {
  content: "\F366";
}

page-org-str-editor .dxi-message-reply:before {
  content: "\F367";
}

page-org-str-editor .dxi-message-reply-text:before {
  content: "\F368";
}

page-org-str-editor .dxi-message-settings:before {
  content: "\F6EF";
}

page-org-str-editor .dxi-message-settings-variant:before {
  content: "\F6F0";
}

page-org-str-editor .dxi-message-text:before {
  content: "\F369";
}

page-org-str-editor .dxi-message-text-outline:before {
  content: "\F36A";
}

page-org-str-editor .dxi-message-video:before {
  content: "\F36B";
}

page-org-str-editor .dxi-meteor:before {
  content: "\F629";
}

page-org-str-editor .dxi-metronome:before {
  content: "\F7D9";
}

page-org-str-editor .dxi-metronome-tick:before {
  content: "\F7DA";
}

page-org-str-editor .dxi-micro-sd:before {
  content: "\F7DB";
}

page-org-str-editor .dxi-microphone:before {
  content: "\F36C";
}

page-org-str-editor .dxi-microphone-off:before {
  content: "\F36D";
}

page-org-str-editor .dxi-microphone-outline:before {
  content: "\F36E";
}

page-org-str-editor .dxi-microphone-settings:before {
  content: "\F36F";
}

page-org-str-editor .dxi-microphone-variant:before {
  content: "\F370";
}

page-org-str-editor .dxi-microphone-variant-off:before {
  content: "\F371";
}

page-org-str-editor .dxi-microscope:before {
  content: "\F654";
}

page-org-str-editor .dxi-microsoft:before {
  content: "\F372";
}

page-org-str-editor .dxi-minecraft:before {
  content: "\F373";
}

page-org-str-editor .dxi-minus:before {
  content: "\F374";
}

page-org-str-editor .dxi-minus-box:before {
  content: "\F375";
}

page-org-str-editor .dxi-minus-box-outline:before {
  content: "\F6F1";
}

page-org-str-editor .dxi-minus-circle:before {
  content: "\F376";
}

page-org-str-editor .dxi-minus-circle-outline:before {
  content: "\F377";
}

page-org-str-editor .dxi-minus-network:before {
  content: "\F378";
}

page-org-str-editor .dxi-mixcloud:before {
  content: "\F62A";
}

page-org-str-editor .dxi-mixed-reality:before {
  content: "\F87E";
}

page-org-str-editor .dxi-mixer:before {
  content: "\F7DC";
}

page-org-str-editor .dxi-monitor:before {
  content: "\F379";
}

page-org-str-editor .dxi-monitor-multiple:before {
  content: "\F37A";
}

page-org-str-editor .dxi-more:before {
  content: "\F37B";
}

page-org-str-editor .dxi-motorbike:before {
  content: "\F37C";
}

page-org-str-editor .dxi-mouse:before {
  content: "\F37D";
}

page-org-str-editor .dxi-mouse-off:before {
  content: "\F37E";
}

page-org-str-editor .dxi-mouse-variant:before {
  content: "\F37F";
}

page-org-str-editor .dxi-mouse-variant-off:before {
  content: "\F380";
}

page-org-str-editor .dxi-move-resize:before {
  content: "\F655";
}

page-org-str-editor .dxi-move-resize-variant:before {
  content: "\F656";
}

page-org-str-editor .dxi-movie:before {
  content: "\F381";
}

page-org-str-editor .dxi-movie-roll:before {
  content: "\F7DD";
}

page-org-str-editor .dxi-multiplication:before {
  content: "\F382";
}

page-org-str-editor .dxi-multiplication-box:before {
  content: "\F383";
}

page-org-str-editor .dxi-mushroom:before {
  content: "\F7DE";
}

page-org-str-editor .dxi-mushroom-outline:before {
  content: "\F7DF";
}

page-org-str-editor .dxi-music:before {
  content: "\F759";
}

page-org-str-editor .dxi-music-box:before {
  content: "\F384";
}

page-org-str-editor .dxi-music-box-outline:before {
  content: "\F385";
}

page-org-str-editor .dxi-music-circle:before {
  content: "\F386";
}

page-org-str-editor .dxi-music-note:before {
  content: "\F387";
}

page-org-str-editor .dxi-music-note-bluetooth:before {
  content: "\F5FE";
}

page-org-str-editor .dxi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

page-org-str-editor .dxi-music-note-eighth:before {
  content: "\F388";
}

page-org-str-editor .dxi-music-note-half:before {
  content: "\F389";
}

page-org-str-editor .dxi-music-note-off:before {
  content: "\F38A";
}

page-org-str-editor .dxi-music-note-quarter:before {
  content: "\F38B";
}

page-org-str-editor .dxi-music-note-sixteenth:before {
  content: "\F38C";
}

page-org-str-editor .dxi-music-note-whole:before {
  content: "\F38D";
}

page-org-str-editor .dxi-music-off:before {
  content: "\F75A";
}

page-org-str-editor .dxi-nativescript:before {
  content: "\F87F";
}

page-org-str-editor .dxi-nature:before {
  content: "\F38E";
}

page-org-str-editor .dxi-nature-people:before {
  content: "\F38F";
}

page-org-str-editor .dxi-navigation:before {
  content: "\F390";
}

page-org-str-editor .dxi-near-me:before {
  content: "\F5CD";
}

page-org-str-editor .dxi-needle:before {
  content: "\F391";
}

page-org-str-editor .dxi-nest-protect:before {
  content: "\F392";
}

page-org-str-editor .dxi-nest-thermostat:before {
  content: "\F393";
}

page-org-str-editor .dxi-netflix:before {
  content: "\F745";
}

page-org-str-editor .dxi-network:before {
  content: "\F6F2";
}

page-org-str-editor .dxi-new-box:before {
  content: "\F394";
}

page-org-str-editor .dxi-newspaper:before {
  content: "\F395";
}

page-org-str-editor .dxi-nfc:before {
  content: "\F396";
}

page-org-str-editor .dxi-nfc-tap:before {
  content: "\F397";
}

page-org-str-editor .dxi-nfc-variant:before {
  content: "\F398";
}

page-org-str-editor .dxi-ninja:before {
  content: "\F773";
}

page-org-str-editor .dxi-nintendo-switch:before {
  content: "\F7E0";
}

page-org-str-editor .dxi-nodejs:before {
  content: "\F399";
}

page-org-str-editor .dxi-note:before {
  content: "\F39A";
}

page-org-str-editor .dxi-note-multiple:before {
  content: "\F6B7";
}

page-org-str-editor .dxi-note-multiple-outline:before {
  content: "\F6B8";
}

page-org-str-editor .dxi-note-outline:before {
  content: "\F39B";
}

page-org-str-editor .dxi-note-plus:before {
  content: "\F39C";
}

page-org-str-editor .dxi-note-plus-outline:before {
  content: "\F39D";
}

page-org-str-editor .dxi-note-text:before {
  content: "\F39E";
}

page-org-str-editor .dxi-notebook:before {
  content: "\F82D";
}

page-org-str-editor .dxi-notification-clear-all:before {
  content: "\F39F";
}

page-org-str-editor .dxi-npm:before {
  content: "\F6F6";
}

page-org-str-editor .dxi-nuke:before {
  content: "\F6A3";
}

page-org-str-editor .dxi-null:before {
  content: "\F7E1";
}

page-org-str-editor .dxi-numeric:before {
  content: "\F3A0";
}

page-org-str-editor .dxi-numeric-0-box:before {
  content: "\F3A1";
}

page-org-str-editor .dxi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

page-org-str-editor .dxi-numeric-0-box-outline:before {
  content: "\F3A3";
}

page-org-str-editor .dxi-numeric-1-box:before {
  content: "\F3A4";
}

page-org-str-editor .dxi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

page-org-str-editor .dxi-numeric-1-box-outline:before {
  content: "\F3A6";
}

page-org-str-editor .dxi-numeric-2-box:before {
  content: "\F3A7";
}

page-org-str-editor .dxi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

page-org-str-editor .dxi-numeric-2-box-outline:before {
  content: "\F3A9";
}

page-org-str-editor .dxi-numeric-3-box:before {
  content: "\F3AA";
}

page-org-str-editor .dxi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

page-org-str-editor .dxi-numeric-3-box-outline:before {
  content: "\F3AC";
}

page-org-str-editor .dxi-numeric-4-box:before {
  content: "\F3AD";
}

page-org-str-editor .dxi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

page-org-str-editor .dxi-numeric-4-box-outline:before {
  content: "\F3AF";
}

page-org-str-editor .dxi-numeric-5-box:before {
  content: "\F3B0";
}

page-org-str-editor .dxi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

page-org-str-editor .dxi-numeric-5-box-outline:before {
  content: "\F3B2";
}

page-org-str-editor .dxi-numeric-6-box:before {
  content: "\F3B3";
}

page-org-str-editor .dxi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

page-org-str-editor .dxi-numeric-6-box-outline:before {
  content: "\F3B5";
}

page-org-str-editor .dxi-numeric-7-box:before {
  content: "\F3B6";
}

page-org-str-editor .dxi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

page-org-str-editor .dxi-numeric-7-box-outline:before {
  content: "\F3B8";
}

page-org-str-editor .dxi-numeric-8-box:before {
  content: "\F3B9";
}

page-org-str-editor .dxi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

page-org-str-editor .dxi-numeric-8-box-outline:before {
  content: "\F3BB";
}

page-org-str-editor .dxi-numeric-9-box:before {
  content: "\F3BC";
}

page-org-str-editor .dxi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

page-org-str-editor .dxi-numeric-9-box-outline:before {
  content: "\F3BE";
}

page-org-str-editor .dxi-numeric-9-plus-box:before {
  content: "\F3BF";
}

page-org-str-editor .dxi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

page-org-str-editor .dxi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

page-org-str-editor .dxi-nut:before {
  content: "\F6F7";
}

page-org-str-editor .dxi-nutrition:before {
  content: "\F3C2";
}

page-org-str-editor .dxi-oar:before {
  content: "\F67B";
}

page-org-str-editor .dxi-octagon:before {
  content: "\F3C3";
}

page-org-str-editor .dxi-octagon-outline:before {
  content: "\F3C4";
}

page-org-str-editor .dxi-octagram:before {
  content: "\F6F8";
}

page-org-str-editor .dxi-octagram-outline:before {
  content: "\F774";
}

page-org-str-editor .dxi-odnoklassniki:before {
  content: "\F3C5";
}

page-org-str-editor .dxi-office:before {
  content: "\F3C6";
}

page-org-str-editor .dxi-oil:before {
  content: "\F3C7";
}

page-org-str-editor .dxi-oil-temperature:before {
  content: "\F3C8";
}

page-org-str-editor .dxi-omega:before {
  content: "\F3C9";
}

page-org-str-editor .dxi-onedrive:before {
  content: "\F3CA";
}

page-org-str-editor .dxi-onenote:before {
  content: "\F746";
}

page-org-str-editor .dxi-onepassword:before {
  content: "\F880";
}

page-org-str-editor .dxi-opacity:before {
  content: "\F5CC";
}

page-org-str-editor .dxi-open-in-app:before {
  content: "\F3CB";
}

page-org-str-editor .dxi-open-in-new:before {
  content: "\F3CC";
}

page-org-str-editor .dxi-openid:before {
  content: "\F3CD";
}

page-org-str-editor .dxi-opera:before {
  content: "\F3CE";
}

page-org-str-editor .dxi-orbit:before {
  content: "\F018";
}

page-org-str-editor .dxi-ornament:before {
  content: "\F3CF";
}

page-org-str-editor .dxi-ornament-variant:before {
  content: "\F3D0";
}

page-org-str-editor .dxi-owl:before {
  content: "\F3D2";
}

page-org-str-editor .dxi-package:before {
  content: "\F3D3";
}

page-org-str-editor .dxi-package-down:before {
  content: "\F3D4";
}

page-org-str-editor .dxi-package-up:before {
  content: "\F3D5";
}

page-org-str-editor .dxi-package-variant:before {
  content: "\F3D6";
}

page-org-str-editor .dxi-package-variant-closed:before {
  content: "\F3D7";
}

page-org-str-editor .dxi-page-first:before {
  content: "\F600";
}

page-org-str-editor .dxi-page-last:before {
  content: "\F601";
}

page-org-str-editor .dxi-page-layout-body:before {
  content: "\F6F9";
}

page-org-str-editor .dxi-page-layout-footer:before {
  content: "\F6FA";
}

page-org-str-editor .dxi-page-layout-header:before {
  content: "\F6FB";
}

page-org-str-editor .dxi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

page-org-str-editor .dxi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

page-org-str-editor .dxi-palette:before {
  content: "\F3D8";
}

page-org-str-editor .dxi-palette-advanced:before {
  content: "\F3D9";
}

page-org-str-editor .dxi-panda:before {
  content: "\F3DA";
}

page-org-str-editor .dxi-pandora:before {
  content: "\F3DB";
}

page-org-str-editor .dxi-panorama:before {
  content: "\F3DC";
}

page-org-str-editor .dxi-panorama-fisheye:before {
  content: "\F3DD";
}

page-org-str-editor .dxi-panorama-horizontal:before {
  content: "\F3DE";
}

page-org-str-editor .dxi-panorama-vertical:before {
  content: "\F3DF";
}

page-org-str-editor .dxi-panorama-wide-angle:before {
  content: "\F3E0";
}

page-org-str-editor .dxi-paper-cut-vertical:before {
  content: "\F3E1";
}

page-org-str-editor .dxi-paperclip:before {
  content: "\F3E2";
}

page-org-str-editor .dxi-parking:before {
  content: "\F3E3";
}

page-org-str-editor .dxi-passport:before {
  content: "\F7E2";
}

page-org-str-editor .dxi-patreon:before {
  content: "\F881";
}

page-org-str-editor .dxi-pause:before {
  content: "\F3E4";
}

page-org-str-editor .dxi-pause-circle:before {
  content: "\F3E5";
}

page-org-str-editor .dxi-pause-circle-outline:before {
  content: "\F3E6";
}

page-org-str-editor .dxi-pause-octagon:before {
  content: "\F3E7";
}

page-org-str-editor .dxi-pause-octagon-outline:before {
  content: "\F3E8";
}

page-org-str-editor .dxi-paw:before {
  content: "\F3E9";
}

page-org-str-editor .dxi-paw-off:before {
  content: "\F657";
}

page-org-str-editor .dxi-paypal:before {
  content: "\F882";
}

page-org-str-editor .dxi-peace:before {
  content: "\F883";
}

page-org-str-editor .dxi-pen:before {
  content: "\F3EA";
}

page-org-str-editor .dxi-pencil:before {
  content: "\F3EB";
}

page-org-str-editor .dxi-pencil-box:before {
  content: "\F3EC";
}

page-org-str-editor .dxi-pencil-box-outline:before {
  content: "\F3ED";
}

page-org-str-editor .dxi-pencil-circle:before {
  content: "\F6FE";
}

page-org-str-editor .dxi-pencil-circle-outline:before {
  content: "\F775";
}

page-org-str-editor .dxi-pencil-lock:before {
  content: "\F3EE";
}

page-org-str-editor .dxi-pencil-off:before {
  content: "\F3EF";
}

page-org-str-editor .dxi-pentagon:before {
  content: "\F6FF";
}

page-org-str-editor .dxi-pentagon-outline:before {
  content: "\F700";
}

page-org-str-editor .dxi-percent:before {
  content: "\F3F0";
}

page-org-str-editor .dxi-periodic-table-co2:before {
  content: "\F7E3";
}

page-org-str-editor .dxi-periscope:before {
  content: "\F747";
}

page-org-str-editor .dxi-pharmacy:before {
  content: "\F3F1";
}

page-org-str-editor .dxi-phone:before {
  content: "\F3F2";
}

page-org-str-editor .dxi-phone-bluetooth:before {
  content: "\F3F3";
}

page-org-str-editor .dxi-phone-classic:before {
  content: "\F602";
}

page-org-str-editor .dxi-phone-forward:before {
  content: "\F3F4";
}

page-org-str-editor .dxi-phone-hangup:before {
  content: "\F3F5";
}

page-org-str-editor .dxi-phone-in-talk:before {
  content: "\F3F6";
}

page-org-str-editor .dxi-phone-incoming:before {
  content: "\F3F7";
}

page-org-str-editor .dxi-phone-locked:before {
  content: "\F3F8";
}

page-org-str-editor .dxi-phone-log:before {
  content: "\F3F9";
}

page-org-str-editor .dxi-phone-minus:before {
  content: "\F658";
}

page-org-str-editor .dxi-phone-missed:before {
  content: "\F3FA";
}

page-org-str-editor .dxi-phone-outgoing:before {
  content: "\F3FB";
}

page-org-str-editor .dxi-phone-paused:before {
  content: "\F3FC";
}

page-org-str-editor .dxi-phone-plus:before {
  content: "\F659";
}

page-org-str-editor .dxi-phone-return:before {
  content: "\F82E";
}

page-org-str-editor .dxi-phone-rotate-landscape:before {
  content: "\F884";
}

page-org-str-editor .dxi-phone-rotate-portrait:before {
  content: "\F885";
}

page-org-str-editor .dxi-phone-settings:before {
  content: "\F3FD";
}

page-org-str-editor .dxi-phone-voip:before {
  content: "\F3FE";
}

page-org-str-editor .dxi-pi:before {
  content: "\F3FF";
}

page-org-str-editor .dxi-pi-box:before {
  content: "\F400";
}

page-org-str-editor .dxi-piano:before {
  content: "\F67C";
}

page-org-str-editor .dxi-pier:before {
  content: "\F886";
}

page-org-str-editor .dxi-pier-crane:before {
  content: "\F887";
}

page-org-str-editor .dxi-pig:before {
  content: "\F401";
}

page-org-str-editor .dxi-pill:before {
  content: "\F402";
}

page-org-str-editor .dxi-pillar:before {
  content: "\F701";
}

page-org-str-editor .dxi-pin:before {
  content: "\F403";
}

page-org-str-editor .dxi-pin-off:before {
  content: "\F404";
}

page-org-str-editor .dxi-pine-tree:before {
  content: "\F405";
}

page-org-str-editor .dxi-pine-tree-box:before {
  content: "\F406";
}

page-org-str-editor .dxi-pinterest:before {
  content: "\F407";
}

page-org-str-editor .dxi-pinterest-box:before {
  content: "\F408";
}

page-org-str-editor .dxi-pipe:before {
  content: "\F7E4";
}

page-org-str-editor .dxi-pipe-disconnected:before {
  content: "\F7E5";
}

page-org-str-editor .dxi-pipe-leak:before {
  content: "\F888";
}

page-org-str-editor .dxi-pistol:before {
  content: "\F702";
}

page-org-str-editor .dxi-piston:before {
  content: "\F889";
}

page-org-str-editor .dxi-pizza:before {
  content: "\F409";
}

page-org-str-editor .dxi-plane-shield:before {
  content: "\F6BA";
}

page-org-str-editor .dxi-play:before {
  content: "\F40A";
}

page-org-str-editor .dxi-play-box-outline:before {
  content: "\F40B";
}

page-org-str-editor .dxi-play-circle:before {
  content: "\F40C";
}

page-org-str-editor .dxi-play-circle-outline:before {
  content: "\F40D";
}

page-org-str-editor .dxi-play-network:before {
  content: "\F88A";
}

page-org-str-editor .dxi-play-pause:before {
  content: "\F40E";
}

page-org-str-editor .dxi-play-protected-content:before {
  content: "\F40F";
}

page-org-str-editor .dxi-playlist-check:before {
  content: "\F5C7";
}

page-org-str-editor .dxi-playlist-minus:before {
  content: "\F410";
}

page-org-str-editor .dxi-playlist-play:before {
  content: "\F411";
}

page-org-str-editor .dxi-playlist-plus:before {
  content: "\F412";
}

page-org-str-editor .dxi-playlist-remove:before {
  content: "\F413";
}

page-org-str-editor .dxi-playstation:before {
  content: "\F414";
}

page-org-str-editor .dxi-plex:before {
  content: "\F6B9";
}

page-org-str-editor .dxi-plus:before {
  content: "\F415";
}

page-org-str-editor .dxi-plus-box:before {
  content: "\F416";
}

page-org-str-editor .dxi-plus-box-outline:before {
  content: "\F703";
}

page-org-str-editor .dxi-plus-circle:before {
  content: "\F417";
}

page-org-str-editor .dxi-plus-circle-multiple-outline:before {
  content: "\F418";
}

page-org-str-editor .dxi-plus-circle-outline:before {
  content: "\F419";
}

page-org-str-editor .dxi-plus-network:before {
  content: "\F41A";
}

page-org-str-editor .dxi-plus-one:before {
  content: "\F41B";
}

page-org-str-editor .dxi-plus-outline:before {
  content: "\F704";
}

page-org-str-editor .dxi-pocket:before {
  content: "\F41C";
}

page-org-str-editor .dxi-pokeball:before {
  content: "\F41D";
}

page-org-str-editor .dxi-poker-chip:before {
  content: "\F82F";
}

page-org-str-editor .dxi-polaroid:before {
  content: "\F41E";
}

page-org-str-editor .dxi-poll:before {
  content: "\F41F";
}

page-org-str-editor .dxi-poll-box:before {
  content: "\F420";
}

page-org-str-editor .dxi-polymer:before {
  content: "\F421";
}

page-org-str-editor .dxi-pool:before {
  content: "\F606";
}

page-org-str-editor .dxi-popcorn:before {
  content: "\F422";
}

page-org-str-editor .dxi-pot:before {
  content: "\F65A";
}

page-org-str-editor .dxi-pot-mix:before {
  content: "\F65B";
}

page-org-str-editor .dxi-pound:before {
  content: "\F423";
}

page-org-str-editor .dxi-pound-box:before {
  content: "\F424";
}

page-org-str-editor .dxi-power:before {
  content: "\F425";
}

page-org-str-editor .dxi-power-plug:before {
  content: "\F6A4";
}

page-org-str-editor .dxi-power-plug-off:before {
  content: "\F6A5";
}

page-org-str-editor .dxi-power-settings:before {
  content: "\F426";
}

page-org-str-editor .dxi-power-socket:before {
  content: "\F427";
}

page-org-str-editor .dxi-power-socket-eu:before {
  content: "\F7E6";
}

page-org-str-editor .dxi-power-socket-uk:before {
  content: "\F7E7";
}

page-org-str-editor .dxi-power-socket-us:before {
  content: "\F7E8";
}

page-org-str-editor .dxi-prescription:before {
  content: "\F705";
}

page-org-str-editor .dxi-presentation:before {
  content: "\F428";
}

page-org-str-editor .dxi-presentation-play:before {
  content: "\F429";
}

page-org-str-editor .dxi-printer:before {
  content: "\F42A";
}

page-org-str-editor .dxi-printer-3d:before {
  content: "\F42B";
}

page-org-str-editor .dxi-printer-alert:before {
  content: "\F42C";
}

page-org-str-editor .dxi-printer-settings:before {
  content: "\F706";
}

page-org-str-editor .dxi-priority-high:before {
  content: "\F603";
}

page-org-str-editor .dxi-priority-low:before {
  content: "\F604";
}

page-org-str-editor .dxi-professional-hexagon:before {
  content: "\F42D";
}

page-org-str-editor .dxi-projector:before {
  content: "\F42E";
}

page-org-str-editor .dxi-projector-screen:before {
  content: "\F42F";
}

page-org-str-editor .dxi-publish:before {
  content: "\F6A6";
}

page-org-str-editor .dxi-pulse:before {
  content: "\F430";
}

page-org-str-editor .dxi-puzzle:before {
  content: "\F431";
}

page-org-str-editor .dxi-qqchat:before {
  content: "\F605";
}

page-org-str-editor .dxi-qrcode:before {
  content: "\F432";
}

page-org-str-editor .dxi-qrcode-scan:before {
  content: "\F433";
}

page-org-str-editor .dxi-quadcopter:before {
  content: "\F434";
}

page-org-str-editor .dxi-quality-high:before {
  content: "\F435";
}

page-org-str-editor .dxi-quicktime:before {
  content: "\F436";
}

page-org-str-editor .dxi-radar:before {
  content: "\F437";
}

page-org-str-editor .dxi-radiator:before {
  content: "\F438";
}

page-org-str-editor .dxi-radio:before {
  content: "\F439";
}

page-org-str-editor .dxi-radio-handheld:before {
  content: "\F43A";
}

page-org-str-editor .dxi-radio-tower:before {
  content: "\F43B";
}

page-org-str-editor .dxi-radioactive:before {
  content: "\F43C";
}

page-org-str-editor .dxi-radiobox-blank:before {
  content: "\F43D";
}

page-org-str-editor .dxi-radiobox-marked:before {
  content: "\F43E";
}

page-org-str-editor .dxi-raspberrypi:before {
  content: "\F43F";
}

page-org-str-editor .dxi-ray-end:before {
  content: "\F440";
}

page-org-str-editor .dxi-ray-end-arrow:before {
  content: "\F441";
}

page-org-str-editor .dxi-ray-start:before {
  content: "\F442";
}

page-org-str-editor .dxi-ray-start-arrow:before {
  content: "\F443";
}

page-org-str-editor .dxi-ray-start-end:before {
  content: "\F444";
}

page-org-str-editor .dxi-ray-vertex:before {
  content: "\F445";
}

page-org-str-editor .dxi-react:before {
  content: "\F707";
}

page-org-str-editor .dxi-read:before {
  content: "\F447";
}

page-org-str-editor .dxi-receipt:before {
  content: "\F449";
}

page-org-str-editor .dxi-record:before {
  content: "\F44A";
}

page-org-str-editor .dxi-record-rec:before {
  content: "\F44B";
}

page-org-str-editor .dxi-recycle:before {
  content: "\F44C";
}

page-org-str-editor .dxi-reddit:before {
  content: "\F44D";
}

page-org-str-editor .dxi-redo:before {
  content: "\F44E";
}

page-org-str-editor .dxi-redo-variant:before {
  content: "\F44F";
}

page-org-str-editor .dxi-refresh:before {
  content: "\F450";
}

page-org-str-editor .dxi-regex:before {
  content: "\F451";
}

page-org-str-editor .dxi-relative-scale:before {
  content: "\F452";
}

page-org-str-editor .dxi-reload:before {
  content: "\F453";
}

page-org-str-editor .dxi-reminder:before {
  content: "\F88B";
}

page-org-str-editor .dxi-remote:before {
  content: "\F454";
}

page-org-str-editor .dxi-rename-box:before {
  content: "\F455";
}

page-org-str-editor .dxi-reorder-horizontal:before {
  content: "\F687";
}

page-org-str-editor .dxi-reorder-vertical:before {
  content: "\F688";
}

page-org-str-editor .dxi-repeat:before {
  content: "\F456";
}

page-org-str-editor .dxi-repeat-off:before {
  content: "\F457";
}

page-org-str-editor .dxi-repeat-once:before {
  content: "\F458";
}

page-org-str-editor .dxi-replay:before {
  content: "\F459";
}

page-org-str-editor .dxi-reply:before {
  content: "\F45A";
}

page-org-str-editor .dxi-reply-all:before {
  content: "\F45B";
}

page-org-str-editor .dxi-reproduction:before {
  content: "\F45C";
}

page-org-str-editor .dxi-resize-bottom-right:before {
  content: "\F45D";
}

page-org-str-editor .dxi-responsive:before {
  content: "\F45E";
}

page-org-str-editor .dxi-restart:before {
  content: "\F708";
}

page-org-str-editor .dxi-restore:before {
  content: "\F6A7";
}

page-org-str-editor .dxi-rewind:before {
  content: "\F45F";
}

page-org-str-editor .dxi-rewind-outline:before {
  content: "\F709";
}

page-org-str-editor .dxi-rhombus:before {
  content: "\F70A";
}

page-org-str-editor .dxi-rhombus-outline:before {
  content: "\F70B";
}

page-org-str-editor .dxi-ribbon:before {
  content: "\F460";
}

page-org-str-editor .dxi-rice:before {
  content: "\F7E9";
}

page-org-str-editor .dxi-ring:before {
  content: "\F7EA";
}

page-org-str-editor .dxi-road:before {
  content: "\F461";
}

page-org-str-editor .dxi-road-variant:before {
  content: "\F462";
}

page-org-str-editor .dxi-robot:before {
  content: "\F6A8";
}

page-org-str-editor .dxi-rocket:before {
  content: "\F463";
}

page-org-str-editor .dxi-room-service:before {
  content: "\F88C";
}

page-org-str-editor .dxi-roomba:before {
  content: "\F70C";
}

page-org-str-editor .dxi-rotate-3d:before {
  content: "\F464";
}

page-org-str-editor .dxi-rotate-left:before {
  content: "\F465";
}

page-org-str-editor .dxi-rotate-left-variant:before {
  content: "\F466";
}

page-org-str-editor .dxi-rotate-right:before {
  content: "\F467";
}

page-org-str-editor .dxi-rotate-right-variant:before {
  content: "\F468";
}

page-org-str-editor .dxi-rounded-corner:before {
  content: "\F607";
}

page-org-str-editor .dxi-router-wireless:before {
  content: "\F469";
}

page-org-str-editor .dxi-routes:before {
  content: "\F46A";
}

page-org-str-editor .dxi-rowing:before {
  content: "\F608";
}

page-org-str-editor .dxi-rss:before {
  content: "\F46B";
}

page-org-str-editor .dxi-rss-box:before {
  content: "\F46C";
}

page-org-str-editor .dxi-ruler:before {
  content: "\F46D";
}

page-org-str-editor .dxi-run:before {
  content: "\F70D";
}

page-org-str-editor .dxi-run-fast:before {
  content: "\F46E";
}

page-org-str-editor .dxi-sale:before {
  content: "\F46F";
}

page-org-str-editor .dxi-salesforce:before {
  content: "\F88D";
}

page-org-str-editor .dxi-sass:before {
  content: "\F7EB";
}

page-org-str-editor .dxi-satellite:before {
  content: "\F470";
}

page-org-str-editor .dxi-satellite-variant:before {
  content: "\F471";
}

page-org-str-editor .dxi-saxophone:before {
  content: "\F609";
}

page-org-str-editor .dxi-scale:before {
  content: "\F472";
}

page-org-str-editor .dxi-scale-balance:before {
  content: "\F5D1";
}

page-org-str-editor .dxi-scale-bathroom:before {
  content: "\F473";
}

page-org-str-editor .dxi-scanner:before {
  content: "\F6AA";
}

page-org-str-editor .dxi-school:before {
  content: "\F474";
}

page-org-str-editor .dxi-screen-rotation:before {
  content: "\F475";
}

page-org-str-editor .dxi-screen-rotation-lock:before {
  content: "\F476";
}

page-org-str-editor .dxi-screwdriver:before {
  content: "\F477";
}

page-org-str-editor .dxi-script:before {
  content: "\F478";
}

page-org-str-editor .dxi-sd:before {
  content: "\F479";
}

page-org-str-editor .dxi-seal:before {
  content: "\F47A";
}

page-org-str-editor .dxi-search-web:before {
  content: "\F70E";
}

page-org-str-editor .dxi-seat-flat:before {
  content: "\F47B";
}

page-org-str-editor .dxi-seat-flat-angled:before {
  content: "\F47C";
}

page-org-str-editor .dxi-seat-individual-suite:before {
  content: "\F47D";
}

page-org-str-editor .dxi-seat-legroom-extra:before {
  content: "\F47E";
}

page-org-str-editor .dxi-seat-legroom-normal:before {
  content: "\F47F";
}

page-org-str-editor .dxi-seat-legroom-reduced:before {
  content: "\F480";
}

page-org-str-editor .dxi-seat-recline-extra:before {
  content: "\F481";
}

page-org-str-editor .dxi-seat-recline-normal:before {
  content: "\F482";
}

page-org-str-editor .dxi-security:before {
  content: "\F483";
}

page-org-str-editor .dxi-security-account:before {
  content: "\F88E";
}

page-org-str-editor .dxi-security-home:before {
  content: "\F689";
}

page-org-str-editor .dxi-security-network:before {
  content: "\F484";
}

page-org-str-editor .dxi-select:before {
  content: "\F485";
}

page-org-str-editor .dxi-select-all:before {
  content: "\F486";
}

page-org-str-editor .dxi-select-inverse:before {
  content: "\F487";
}

page-org-str-editor .dxi-select-off:before {
  content: "\F488";
}

page-org-str-editor .dxi-selection:before {
  content: "\F489";
}

page-org-str-editor .dxi-selection-off:before {
  content: "\F776";
}

page-org-str-editor .dxi-send:before {
  content: "\F48A";
}

page-org-str-editor .dxi-send-secure:before {
  content: "\F7EC";
}

page-org-str-editor .dxi-serial-port:before {
  content: "\F65C";
}

page-org-str-editor .dxi-server:before {
  content: "\F48B";
}

page-org-str-editor .dxi-server-minus:before {
  content: "\F48C";
}

page-org-str-editor .dxi-server-network:before {
  content: "\F48D";
}

page-org-str-editor .dxi-server-network-off:before {
  content: "\F48E";
}

page-org-str-editor .dxi-server-off:before {
  content: "\F48F";
}

page-org-str-editor .dxi-server-plus:before {
  content: "\F490";
}

page-org-str-editor .dxi-server-remove:before {
  content: "\F491";
}

page-org-str-editor .dxi-server-security:before {
  content: "\F492";
}

page-org-str-editor .dxi-set-all:before {
  content: "\F777";
}

page-org-str-editor .dxi-set-center:before {
  content: "\F778";
}

page-org-str-editor .dxi-set-center-right:before {
  content: "\F779";
}

page-org-str-editor .dxi-set-left:before {
  content: "\F77A";
}

page-org-str-editor .dxi-set-left-center:before {
  content: "\F77B";
}

page-org-str-editor .dxi-set-left-right:before {
  content: "\F77C";
}

page-org-str-editor .dxi-set-none:before {
  content: "\F77D";
}

page-org-str-editor .dxi-set-right:before {
  content: "\F77E";
}

page-org-str-editor .dxi-settings:before {
  content: "\F493";
}

page-org-str-editor .dxi-settings-box:before {
  content: "\F494";
}

page-org-str-editor .dxi-shape:before {
  content: "\F830";
}

page-org-str-editor .dxi-shape-circle-plus:before {
  content: "\F65D";
}

page-org-str-editor .dxi-shape-outline:before {
  content: "\F831";
}

page-org-str-editor .dxi-shape-plus:before {
  content: "\F495";
}

page-org-str-editor .dxi-shape-polygon-plus:before {
  content: "\F65E";
}

page-org-str-editor .dxi-shape-rectangle-plus:before {
  content: "\F65F";
}

page-org-str-editor .dxi-shape-square-plus:before {
  content: "\F660";
}

page-org-str-editor .dxi-share:before {
  content: "\F496";
}

page-org-str-editor .dxi-share-variant:before {
  content: "\F497";
}

page-org-str-editor .dxi-shield:before {
  content: "\F498";
}

page-org-str-editor .dxi-shield-half-full:before {
  content: "\F77F";
}

page-org-str-editor .dxi-shield-outline:before {
  content: "\F499";
}

page-org-str-editor .dxi-ship-wheel:before {
  content: "\F832";
}

page-org-str-editor .dxi-shopping:before {
  content: "\F49A";
}

page-org-str-editor .dxi-shopping-music:before {
  content: "\F49B";
}

page-org-str-editor .dxi-shovel:before {
  content: "\F70F";
}

page-org-str-editor .dxi-shovel-off:before {
  content: "\F710";
}

page-org-str-editor .dxi-shredder:before {
  content: "\F49C";
}

page-org-str-editor .dxi-shuffle:before {
  content: "\F49D";
}

page-org-str-editor .dxi-shuffle-disabled:before {
  content: "\F49E";
}

page-org-str-editor .dxi-shuffle-variant:before {
  content: "\F49F";
}

page-org-str-editor .dxi-sigma:before {
  content: "\F4A0";
}

page-org-str-editor .dxi-sigma-lower:before {
  content: "\F62B";
}

page-org-str-editor .dxi-sign-caution:before {
  content: "\F4A1";
}

page-org-str-editor .dxi-sign-direction:before {
  content: "\F780";
}

page-org-str-editor .dxi-sign-text:before {
  content: "\F781";
}

page-org-str-editor .dxi-signal:before {
  content: "\F4A2";
}

page-org-str-editor .dxi-signal-2g:before {
  content: "\F711";
}

page-org-str-editor .dxi-signal-3g:before {
  content: "\F712";
}

page-org-str-editor .dxi-signal-4g:before {
  content: "\F713";
}

page-org-str-editor .dxi-signal-hspa:before {
  content: "\F714";
}

page-org-str-editor .dxi-signal-hspa-plus:before {
  content: "\F715";
}

page-org-str-editor .dxi-signal-off:before {
  content: "\F782";
}

page-org-str-editor .dxi-signal-variant:before {
  content: "\F60A";
}

page-org-str-editor .dxi-silverware:before {
  content: "\F4A3";
}

page-org-str-editor .dxi-silverware-fork:before {
  content: "\F4A4";
}

page-org-str-editor .dxi-silverware-spoon:before {
  content: "\F4A5";
}

page-org-str-editor .dxi-silverware-variant:before {
  content: "\F4A6";
}

page-org-str-editor .dxi-sim:before {
  content: "\F4A7";
}

page-org-str-editor .dxi-sim-alert:before {
  content: "\F4A8";
}

page-org-str-editor .dxi-sim-off:before {
  content: "\F4A9";
}

page-org-str-editor .dxi-sitemap:before {
  content: "\F4AA";
}

page-org-str-editor .dxi-skip-backward:before {
  content: "\F4AB";
}

page-org-str-editor .dxi-skip-forward:before {
  content: "\F4AC";
}

page-org-str-editor .dxi-skip-next:before {
  content: "\F4AD";
}

page-org-str-editor .dxi-skip-next-circle:before {
  content: "\F661";
}

page-org-str-editor .dxi-skip-next-circle-outline:before {
  content: "\F662";
}

page-org-str-editor .dxi-skip-previous:before {
  content: "\F4AE";
}

page-org-str-editor .dxi-skip-previous-circle:before {
  content: "\F663";
}

page-org-str-editor .dxi-skip-previous-circle-outline:before {
  content: "\F664";
}

page-org-str-editor .dxi-skull:before {
  content: "\F68B";
}

page-org-str-editor .dxi-skype:before {
  content: "\F4AF";
}

page-org-str-editor .dxi-skype-business:before {
  content: "\F4B0";
}

page-org-str-editor .dxi-slack:before {
  content: "\F4B1";
}

page-org-str-editor .dxi-sleep:before {
  content: "\F4B2";
}

page-org-str-editor .dxi-sleep-off:before {
  content: "\F4B3";
}

page-org-str-editor .dxi-smoking:before {
  content: "\F4B4";
}

page-org-str-editor .dxi-smoking-off:before {
  content: "\F4B5";
}

page-org-str-editor .dxi-snapchat:before {
  content: "\F4B6";
}

page-org-str-editor .dxi-snowflake:before {
  content: "\F716";
}

page-org-str-editor .dxi-snowman:before {
  content: "\F4B7";
}

page-org-str-editor .dxi-soccer:before {
  content: "\F4B8";
}

page-org-str-editor .dxi-soccer-field:before {
  content: "\F833";
}

page-org-str-editor .dxi-sofa:before {
  content: "\F4B9";
}

page-org-str-editor .dxi-solid:before {
  content: "\F68C";
}

page-org-str-editor .dxi-sort:before {
  content: "\F4BA";
}

page-org-str-editor .dxi-sort-alphabetical:before {
  content: "\F4BB";
}

page-org-str-editor .dxi-sort-ascending:before {
  content: "\F4BC";
}

page-org-str-editor .dxi-sort-descending:before {
  content: "\F4BD";
}

page-org-str-editor .dxi-sort-numeric:before {
  content: "\F4BE";
}

page-org-str-editor .dxi-sort-variant:before {
  content: "\F4BF";
}

page-org-str-editor .dxi-soundcloud:before {
  content: "\F4C0";
}

page-org-str-editor .dxi-source-branch:before {
  content: "\F62C";
}

page-org-str-editor .dxi-source-commit:before {
  content: "\F717";
}

page-org-str-editor .dxi-source-commit-end:before {
  content: "\F718";
}

page-org-str-editor .dxi-source-commit-end-local:before {
  content: "\F719";
}

page-org-str-editor .dxi-source-commit-local:before {
  content: "\F71A";
}

page-org-str-editor .dxi-source-commit-next-local:before {
  content: "\F71B";
}

page-org-str-editor .dxi-source-commit-start:before {
  content: "\F71C";
}

page-org-str-editor .dxi-source-commit-start-next-local:before {
  content: "\F71D";
}

page-org-str-editor .dxi-source-fork:before {
  content: "\F4C1";
}

page-org-str-editor .dxi-source-merge:before {
  content: "\F62D";
}

page-org-str-editor .dxi-source-pull:before {
  content: "\F4C2";
}

page-org-str-editor .dxi-soy-sauce:before {
  content: "\F7ED";
}

page-org-str-editor .dxi-speaker:before {
  content: "\F4C3";
}

page-org-str-editor .dxi-speaker-off:before {
  content: "\F4C4";
}

page-org-str-editor .dxi-speaker-wireless:before {
  content: "\F71E";
}

page-org-str-editor .dxi-speedometer:before {
  content: "\F4C5";
}

page-org-str-editor .dxi-spellcheck:before {
  content: "\F4C6";
}

page-org-str-editor .dxi-spotify:before {
  content: "\F4C7";
}

page-org-str-editor .dxi-spotlight:before {
  content: "\F4C8";
}

page-org-str-editor .dxi-spotlight-beam:before {
  content: "\F4C9";
}

page-org-str-editor .dxi-spray:before {
  content: "\F665";
}

page-org-str-editor .dxi-square:before {
  content: "\F763";
}

page-org-str-editor .dxi-square-inc:before {
  content: "\F4CA";
}

page-org-str-editor .dxi-square-inc-cash:before {
  content: "\F4CB";
}

page-org-str-editor .dxi-square-outline:before {
  content: "\F762";
}

page-org-str-editor .dxi-square-root:before {
  content: "\F783";
}

page-org-str-editor .dxi-stack-overflow:before {
  content: "\F4CC";
}

page-org-str-editor .dxi-stackexchange:before {
  content: "\F60B";
}

page-org-str-editor .dxi-stadium:before {
  content: "\F71F";
}

page-org-str-editor .dxi-stairs:before {
  content: "\F4CD";
}

page-org-str-editor .dxi-standard-definition:before {
  content: "\F7EE";
}

page-org-str-editor .dxi-star:before {
  content: "\F4CE";
}

page-org-str-editor .dxi-star-circle:before {
  content: "\F4CF";
}

page-org-str-editor .dxi-star-half:before {
  content: "\F4D0";
}

page-org-str-editor .dxi-star-off:before {
  content: "\F4D1";
}

page-org-str-editor .dxi-star-outline:before {
  content: "\F4D2";
}

page-org-str-editor .dxi-steam:before {
  content: "\F4D3";
}

page-org-str-editor .dxi-steering:before {
  content: "\F4D4";
}

page-org-str-editor .dxi-step-backward:before {
  content: "\F4D5";
}

page-org-str-editor .dxi-step-backward-2:before {
  content: "\F4D6";
}

page-org-str-editor .dxi-step-forward:before {
  content: "\F4D7";
}

page-org-str-editor .dxi-step-forward-2:before {
  content: "\F4D8";
}

page-org-str-editor .dxi-stethoscope:before {
  content: "\F4D9";
}

page-org-str-editor .dxi-sticker:before {
  content: "\F5D0";
}

page-org-str-editor .dxi-sticker-emoji:before {
  content: "\F784";
}

page-org-str-editor .dxi-stocking:before {
  content: "\F4DA";
}

page-org-str-editor .dxi-stop:before {
  content: "\F4DB";
}

page-org-str-editor .dxi-stop-circle:before {
  content: "\F666";
}

page-org-str-editor .dxi-stop-circle-outline:before {
  content: "\F667";
}

page-org-str-editor .dxi-store:before {
  content: "\F4DC";
}

page-org-str-editor .dxi-store-24-hour:before {
  content: "\F4DD";
}

page-org-str-editor .dxi-stove:before {
  content: "\F4DE";
}

page-org-str-editor .dxi-subdirectory-arrow-left:before {
  content: "\F60C";
}

page-org-str-editor .dxi-subdirectory-arrow-right:before {
  content: "\F60D";
}

page-org-str-editor .dxi-subway:before {
  content: "\F6AB";
}

page-org-str-editor .dxi-subway-variant:before {
  content: "\F4DF";
}

page-org-str-editor .dxi-summit:before {
  content: "\F785";
}

page-org-str-editor .dxi-sunglasses:before {
  content: "\F4E0";
}

page-org-str-editor .dxi-surround-sound:before {
  content: "\F5C5";
}

page-org-str-editor .dxi-surround-sound-2-0:before {
  content: "\F7EF";
}

page-org-str-editor .dxi-surround-sound-3-1:before {
  content: "\F7F0";
}

page-org-str-editor .dxi-surround-sound-5-1:before {
  content: "\F7F1";
}

page-org-str-editor .dxi-surround-sound-7-1:before {
  content: "\F7F2";
}

page-org-str-editor .dxi-svg:before {
  content: "\F720";
}

page-org-str-editor .dxi-swap-horizontal:before {
  content: "\F4E1";
}

page-org-str-editor .dxi-swap-vertical:before {
  content: "\F4E2";
}

page-org-str-editor .dxi-swim:before {
  content: "\F4E3";
}

page-org-str-editor .dxi-switch:before {
  content: "\F4E4";
}

page-org-str-editor .dxi-sword:before {
  content: "\F4E5";
}

page-org-str-editor .dxi-sword-cross:before {
  content: "\F786";
}

page-org-str-editor .dxi-sync:before {
  content: "\F4E6";
}

page-org-str-editor .dxi-sync-alert:before {
  content: "\F4E7";
}

page-org-str-editor .dxi-sync-off:before {
  content: "\F4E8";
}

page-org-str-editor .dxi-tab:before {
  content: "\F4E9";
}

page-org-str-editor .dxi-tab-plus:before {
  content: "\F75B";
}

page-org-str-editor .dxi-tab-unselected:before {
  content: "\F4EA";
}

page-org-str-editor .dxi-table:before {
  content: "\F4EB";
}

page-org-str-editor .dxi-table-column:before {
  content: "\F834";
}

page-org-str-editor .dxi-table-column-plus-after:before {
  content: "\F4EC";
}

page-org-str-editor .dxi-table-column-plus-before:before {
  content: "\F4ED";
}

page-org-str-editor .dxi-table-column-remove:before {
  content: "\F4EE";
}

page-org-str-editor .dxi-table-column-width:before {
  content: "\F4EF";
}

page-org-str-editor .dxi-table-edit:before {
  content: "\F4F0";
}

page-org-str-editor .dxi-table-large:before {
  content: "\F4F1";
}

page-org-str-editor .dxi-table-of-contents:before {
  content: "\F835";
}

page-org-str-editor .dxi-table-row:before {
  content: "\F836";
}

page-org-str-editor .dxi-table-row-height:before {
  content: "\F4F2";
}

page-org-str-editor .dxi-table-row-plus-after:before {
  content: "\F4F3";
}

page-org-str-editor .dxi-table-row-plus-before:before {
  content: "\F4F4";
}

page-org-str-editor .dxi-table-row-remove:before {
  content: "\F4F5";
}

page-org-str-editor .dxi-table-settings:before {
  content: "\F837";
}

page-org-str-editor .dxi-tablet:before {
  content: "\F4F6";
}

page-org-str-editor .dxi-tablet-android:before {
  content: "\F4F7";
}

page-org-str-editor .dxi-tablet-ipad:before {
  content: "\F4F8";
}

page-org-str-editor .dxi-taco:before {
  content: "\F761";
}

page-org-str-editor .dxi-tag:before {
  content: "\F4F9";
}

page-org-str-editor .dxi-tag-faces:before {
  content: "\F4FA";
}

page-org-str-editor .dxi-tag-heart:before {
  content: "\F68A";
}

page-org-str-editor .dxi-tag-multiple:before {
  content: "\F4FB";
}

page-org-str-editor .dxi-tag-outline:before {
  content: "\F4FC";
}

page-org-str-editor .dxi-tag-plus:before {
  content: "\F721";
}

page-org-str-editor .dxi-tag-remove:before {
  content: "\F722";
}

page-org-str-editor .dxi-tag-text-outline:before {
  content: "\F4FD";
}

page-org-str-editor .dxi-target:before {
  content: "\F4FE";
}

page-org-str-editor .dxi-taxi:before {
  content: "\F4FF";
}

page-org-str-editor .dxi-teach:before {
  content: "\F88F";
}

page-org-str-editor .dxi-teamviewer:before {
  content: "\F500";
}

page-org-str-editor .dxi-telegram:before {
  content: "\F501";
}

page-org-str-editor .dxi-television:before {
  content: "\F502";
}

page-org-str-editor .dxi-television-box:before {
  content: "\F838";
}

page-org-str-editor .dxi-television-classic:before {
  content: "\F7F3";
}

page-org-str-editor .dxi-television-classic-off:before {
  content: "\F839";
}

page-org-str-editor .dxi-television-guide:before {
  content: "\F503";
}

page-org-str-editor .dxi-television-off:before {
  content: "\F83A";
}

page-org-str-editor .dxi-temperature-celsius:before {
  content: "\F504";
}

page-org-str-editor .dxi-temperature-fahrenheit:before {
  content: "\F505";
}

page-org-str-editor .dxi-temperature-kelvin:before {
  content: "\F506";
}

page-org-str-editor .dxi-tennis:before {
  content: "\F507";
}

page-org-str-editor .dxi-tent:before {
  content: "\F508";
}

page-org-str-editor .dxi-terrain:before {
  content: "\F509";
}

page-org-str-editor .dxi-test-tube:before {
  content: "\F668";
}

page-org-str-editor .dxi-text-shadow:before {
  content: "\F669";
}

page-org-str-editor .dxi-text-to-speech:before {
  content: "\F50A";
}

page-org-str-editor .dxi-text-to-speech-off:before {
  content: "\F50B";
}

page-org-str-editor .dxi-textbox:before {
  content: "\F60E";
}

page-org-str-editor .dxi-textbox-password:before {
  content: "\F7F4";
}

page-org-str-editor .dxi-texture:before {
  content: "\F50C";
}

page-org-str-editor .dxi-theater:before {
  content: "\F50D";
}

page-org-str-editor .dxi-theme-light-dark:before {
  content: "\F50E";
}

page-org-str-editor .dxi-thermometer:before {
  content: "\F50F";
}

page-org-str-editor .dxi-thermometer-lines:before {
  content: "\F510";
}

page-org-str-editor .dxi-thermostat-box:before {
  content: "\F890";
}

page-org-str-editor .dxi-thought-bubble:before {
  content: "\F7F5";
}

page-org-str-editor .dxi-thought-bubble-outline:before {
  content: "\F7F6";
}

page-org-str-editor .dxi-thumb-down:before {
  content: "\F511";
}

page-org-str-editor .dxi-thumb-down-outline:before {
  content: "\F512";
}

page-org-str-editor .dxi-thumb-up:before {
  content: "\F513";
}

page-org-str-editor .dxi-thumb-up-outline:before {
  content: "\F514";
}

page-org-str-editor .dxi-thumbs-up-down:before {
  content: "\F515";
}

page-org-str-editor .dxi-ticket:before {
  content: "\F516";
}

page-org-str-editor .dxi-ticket-account:before {
  content: "\F517";
}

page-org-str-editor .dxi-ticket-confirmation:before {
  content: "\F518";
}

page-org-str-editor .dxi-ticket-percent:before {
  content: "\F723";
}

page-org-str-editor .dxi-tie:before {
  content: "\F519";
}

page-org-str-editor .dxi-tilde:before {
  content: "\F724";
}

page-org-str-editor .dxi-timelapse:before {
  content: "\F51A";
}

page-org-str-editor .dxi-timer:before {
  content: "\F51B";
}

page-org-str-editor .dxi-timer-10:before {
  content: "\F51C";
}

page-org-str-editor .dxi-timer-3:before {
  content: "\F51D";
}

page-org-str-editor .dxi-timer-off:before {
  content: "\F51E";
}

page-org-str-editor .dxi-timer-sand:before {
  content: "\F51F";
}

page-org-str-editor .dxi-timer-sand-empty:before {
  content: "\F6AC";
}

page-org-str-editor .dxi-timer-sand-full:before {
  content: "\F78B";
}

page-org-str-editor .dxi-timetable:before {
  content: "\F520";
}

page-org-str-editor .dxi-toggle-switch:before {
  content: "\F521";
}

page-org-str-editor .dxi-toggle-switch-off:before {
  content: "\F522";
}

page-org-str-editor .dxi-tooltip:before {
  content: "\F523";
}

page-org-str-editor .dxi-tooltip-edit:before {
  content: "\F524";
}

page-org-str-editor .dxi-tooltip-image:before {
  content: "\F525";
}

page-org-str-editor .dxi-tooltip-outline:before {
  content: "\F526";
}

page-org-str-editor .dxi-tooltip-outline-plus:before {
  content: "\F527";
}

page-org-str-editor .dxi-tooltip-text:before {
  content: "\F528";
}

page-org-str-editor .dxi-tooth:before {
  content: "\F529";
}

page-org-str-editor .dxi-tor:before {
  content: "\F52A";
}

page-org-str-editor .dxi-tower-beach:before {
  content: "\F680";
}

page-org-str-editor .dxi-tower-fire:before {
  content: "\F681";
}

page-org-str-editor .dxi-towing:before {
  content: "\F83B";
}

page-org-str-editor .dxi-trackpad:before {
  content: "\F7F7";
}

page-org-str-editor .dxi-tractor:before {
  content: "\F891";
}

page-org-str-editor .dxi-traffic-light:before {
  content: "\F52B";
}

page-org-str-editor .dxi-train:before {
  content: "\F52C";
}

page-org-str-editor .dxi-tram:before {
  content: "\F52D";
}

page-org-str-editor .dxi-transcribe:before {
  content: "\F52E";
}

page-org-str-editor .dxi-transcribe-close:before {
  content: "\F52F";
}

page-org-str-editor .dxi-transfer:before {
  content: "\F530";
}

page-org-str-editor .dxi-transit-transfer:before {
  content: "\F6AD";
}

page-org-str-editor .dxi-translate:before {
  content: "\F5CA";
}

page-org-str-editor .dxi-treasure-chest:before {
  content: "\F725";
}

page-org-str-editor .dxi-tree:before {
  content: "\F531";
}

page-org-str-editor .dxi-trello:before {
  content: "\F532";
}

page-org-str-editor .dxi-trending-down:before {
  content: "\F533";
}

page-org-str-editor .dxi-trending-neutral:before {
  content: "\F534";
}

page-org-str-editor .dxi-trending-up:before {
  content: "\F535";
}

page-org-str-editor .dxi-triangle:before {
  content: "\F536";
}

page-org-str-editor .dxi-triangle-outline:before {
  content: "\F537";
}

page-org-str-editor .dxi-trophy:before {
  content: "\F538";
}

page-org-str-editor .dxi-trophy-award:before {
  content: "\F539";
}

page-org-str-editor .dxi-trophy-outline:before {
  content: "\F53A";
}

page-org-str-editor .dxi-trophy-variant:before {
  content: "\F53B";
}

page-org-str-editor .dxi-trophy-variant-outline:before {
  content: "\F53C";
}

page-org-str-editor .dxi-truck:before {
  content: "\F53D";
}

page-org-str-editor .dxi-truck-delivery:before {
  content: "\F53E";
}

page-org-str-editor .dxi-truck-fast:before {
  content: "\F787";
}

page-org-str-editor .dxi-truck-trailer:before {
  content: "\F726";
}

page-org-str-editor .dxi-tshirt-crew:before {
  content: "\F53F";
}

page-org-str-editor .dxi-tshirt-v:before {
  content: "\F540";
}

page-org-str-editor .dxi-tumblr:before {
  content: "\F541";
}

page-org-str-editor .dxi-tumblr-reblog:before {
  content: "\F542";
}

page-org-str-editor .dxi-tune:before {
  content: "\F62E";
}

page-org-str-editor .dxi-tune-vertical:before {
  content: "\F66A";
}

page-org-str-editor .dxi-twitch:before {
  content: "\F543";
}

page-org-str-editor .dxi-twitter:before {
  content: "\F544";
}

page-org-str-editor .dxi-twitter-box:before {
  content: "\F545";
}

page-org-str-editor .dxi-twitter-circle:before {
  content: "\F546";
}

page-org-str-editor .dxi-twitter-retweet:before {
  content: "\F547";
}

page-org-str-editor .dxi-uber:before {
  content: "\F748";
}

page-org-str-editor .dxi-ubuntu:before {
  content: "\F548";
}

page-org-str-editor .dxi-ultra-high-definition:before {
  content: "\F7F8";
}

page-org-str-editor .dxi-umbraco:before {
  content: "\F549";
}

page-org-str-editor .dxi-umbrella:before {
  content: "\F54A";
}

page-org-str-editor .dxi-umbrella-outline:before {
  content: "\F54B";
}

page-org-str-editor .dxi-undo:before {
  content: "\F54C";
}

page-org-str-editor .dxi-undo-variant:before {
  content: "\F54D";
}

page-org-str-editor .dxi-unfold-less-horizontal:before {
  content: "\F54E";
}

page-org-str-editor .dxi-unfold-less-vertical:before {
  content: "\F75F";
}

page-org-str-editor .dxi-unfold-more-horizontal:before {
  content: "\F54F";
}

page-org-str-editor .dxi-unfold-more-vertical:before {
  content: "\F760";
}

page-org-str-editor .dxi-ungroup:before {
  content: "\F550";
}

page-org-str-editor .dxi-unity:before {
  content: "\F6AE";
}

page-org-str-editor .dxi-untappd:before {
  content: "\F551";
}

page-org-str-editor .dxi-update:before {
  content: "\F6AF";
}

page-org-str-editor .dxi-upload:before {
  content: "\F552";
}

page-org-str-editor .dxi-upload-multiple:before {
  content: "\F83C";
}

page-org-str-editor .dxi-upload-network:before {
  content: "\F6F5";
}

page-org-str-editor .dxi-usb:before {
  content: "\F553";
}

page-org-str-editor .dxi-van-passenger:before {
  content: "\F7F9";
}

page-org-str-editor .dxi-van-utility:before {
  content: "\F7FA";
}

page-org-str-editor .dxi-vanish:before {
  content: "\F7FB";
}

page-org-str-editor .dxi-vector-arrange-above:before {
  content: "\F554";
}

page-org-str-editor .dxi-vector-arrange-below:before {
  content: "\F555";
}

page-org-str-editor .dxi-vector-circle:before {
  content: "\F556";
}

page-org-str-editor .dxi-vector-circle-variant:before {
  content: "\F557";
}

page-org-str-editor .dxi-vector-combine:before {
  content: "\F558";
}

page-org-str-editor .dxi-vector-curve:before {
  content: "\F559";
}

page-org-str-editor .dxi-vector-difference:before {
  content: "\F55A";
}

page-org-str-editor .dxi-vector-difference-ab:before {
  content: "\F55B";
}

page-org-str-editor .dxi-vector-difference-ba:before {
  content: "\F55C";
}

page-org-str-editor .dxi-vector-ellipse:before {
  content: "\F892";
}

page-org-str-editor .dxi-vector-intersection:before {
  content: "\F55D";
}

page-org-str-editor .dxi-vector-line:before {
  content: "\F55E";
}

page-org-str-editor .dxi-vector-point:before {
  content: "\F55F";
}

page-org-str-editor .dxi-vector-polygon:before {
  content: "\F560";
}

page-org-str-editor .dxi-vector-polyline:before {
  content: "\F561";
}

page-org-str-editor .dxi-vector-radius:before {
  content: "\F749";
}

page-org-str-editor .dxi-vector-rectangle:before {
  content: "\F5C6";
}

page-org-str-editor .dxi-vector-selection:before {
  content: "\F562";
}

page-org-str-editor .dxi-vector-square:before {
  content: "\F001";
}

page-org-str-editor .dxi-vector-triangle:before {
  content: "\F563";
}

page-org-str-editor .dxi-vector-union:before {
  content: "\F564";
}

page-org-str-editor .dxi-venmo:before {
  content: "\F578";
}

page-org-str-editor .dxi-verified:before {
  content: "\F565";
}

page-org-str-editor .dxi-vibrate:before {
  content: "\F566";
}

page-org-str-editor .dxi-video:before {
  content: "\F567";
}

page-org-str-editor .dxi-video-3d:before {
  content: "\F7FC";
}

page-org-str-editor .dxi-video-4k-box:before {
  content: "\F83D";
}

page-org-str-editor .dxi-video-input-antenna:before {
  content: "\F83E";
}

page-org-str-editor .dxi-video-input-component:before {
  content: "\F83F";
}

page-org-str-editor .dxi-video-input-hdmi:before {
  content: "\F840";
}

page-org-str-editor .dxi-video-input-svideo:before {
  content: "\F841";
}

page-org-str-editor .dxi-video-off:before {
  content: "\F568";
}

page-org-str-editor .dxi-video-switch:before {
  content: "\F569";
}

page-org-str-editor .dxi-view-agenda:before {
  content: "\F56A";
}

page-org-str-editor .dxi-view-array:before {
  content: "\F56B";
}

page-org-str-editor .dxi-view-carousel:before {
  content: "\F56C";
}

page-org-str-editor .dxi-view-column:before {
  content: "\F56D";
}

page-org-str-editor .dxi-view-dashboard:before {
  content: "\F56E";
}

page-org-str-editor .dxi-view-dashboard-variant:before {
  content: "\F842";
}

page-org-str-editor .dxi-view-day:before {
  content: "\F56F";
}

page-org-str-editor .dxi-view-grid:before {
  content: "\F570";
}

page-org-str-editor .dxi-view-headline:before {
  content: "\F571";
}

page-org-str-editor .dxi-view-list:before {
  content: "\F572";
}

page-org-str-editor .dxi-view-module:before {
  content: "\F573";
}

page-org-str-editor .dxi-view-parallel:before {
  content: "\F727";
}

page-org-str-editor .dxi-view-quilt:before {
  content: "\F574";
}

page-org-str-editor .dxi-view-sequential:before {
  content: "\F728";
}

page-org-str-editor .dxi-view-stream:before {
  content: "\F575";
}

page-org-str-editor .dxi-view-week:before {
  content: "\F576";
}

page-org-str-editor .dxi-vimeo:before {
  content: "\F577";
}

page-org-str-editor .dxi-violin:before {
  content: "\F60F";
}

page-org-str-editor .dxi-virtual-reality:before {
  content: "\F893";
}

page-org-str-editor .dxi-visualstudio:before {
  content: "\F610";
}

page-org-str-editor .dxi-vk:before {
  content: "\F579";
}

page-org-str-editor .dxi-vk-box:before {
  content: "\F57A";
}

page-org-str-editor .dxi-vk-circle:before {
  content: "\F57B";
}

page-org-str-editor .dxi-vlc:before {
  content: "\F57C";
}

page-org-str-editor .dxi-voice:before {
  content: "\F5CB";
}

page-org-str-editor .dxi-voicemail:before {
  content: "\F57D";
}

page-org-str-editor .dxi-volume-high:before {
  content: "\F57E";
}

page-org-str-editor .dxi-volume-low:before {
  content: "\F57F";
}

page-org-str-editor .dxi-volume-medium:before {
  content: "\F580";
}

page-org-str-editor .dxi-volume-minus:before {
  content: "\F75D";
}

page-org-str-editor .dxi-volume-mute:before {
  content: "\F75E";
}

page-org-str-editor .dxi-volume-off:before {
  content: "\F581";
}

page-org-str-editor .dxi-volume-plus:before {
  content: "\F75C";
}

page-org-str-editor .dxi-vpn:before {
  content: "\F582";
}

page-org-str-editor .dxi-vuejs:before {
  content: "\F843";
}

page-org-str-editor .dxi-walk:before {
  content: "\F583";
}

page-org-str-editor .dxi-wall:before {
  content: "\F7FD";
}

page-org-str-editor .dxi-wallet:before {
  content: "\F584";
}

page-org-str-editor .dxi-wallet-giftcard:before {
  content: "\F585";
}

page-org-str-editor .dxi-wallet-membership:before {
  content: "\F586";
}

page-org-str-editor .dxi-wallet-travel:before {
  content: "\F587";
}

page-org-str-editor .dxi-wan:before {
  content: "\F588";
}

page-org-str-editor .dxi-washing-machine:before {
  content: "\F729";
}

page-org-str-editor .dxi-watch:before {
  content: "\F589";
}

page-org-str-editor .dxi-watch-export:before {
  content: "\F58A";
}

page-org-str-editor .dxi-watch-export-variant:before {
  content: "\F894";
}

page-org-str-editor .dxi-watch-import:before {
  content: "\F58B";
}

page-org-str-editor .dxi-watch-import-variant:before {
  content: "\F895";
}

page-org-str-editor .dxi-watch-variant:before {
  content: "\F896";
}

page-org-str-editor .dxi-watch-vibrate:before {
  content: "\F6B0";
}

page-org-str-editor .dxi-water:before {
  content: "\F58C";
}

page-org-str-editor .dxi-water-off:before {
  content: "\F58D";
}

page-org-str-editor .dxi-water-percent:before {
  content: "\F58E";
}

page-org-str-editor .dxi-water-pump:before {
  content: "\F58F";
}

page-org-str-editor .dxi-watermark:before {
  content: "\F612";
}

page-org-str-editor .dxi-waves:before {
  content: "\F78C";
}

page-org-str-editor .dxi-weather-cloudy:before {
  content: "\F590";
}

page-org-str-editor .dxi-weather-fog:before {
  content: "\F591";
}

page-org-str-editor .dxi-weather-hail:before {
  content: "\F592";
}

page-org-str-editor .dxi-weather-hurricane:before {
  content: "\F897";
}

page-org-str-editor .dxi-weather-lightning:before {
  content: "\F593";
}

page-org-str-editor .dxi-weather-lightning-rainy:before {
  content: "\F67D";
}

page-org-str-editor .dxi-weather-night:before {
  content: "\F594";
}

page-org-str-editor .dxi-weather-partlycloudy:before {
  content: "\F595";
}

page-org-str-editor .dxi-weather-pouring:before {
  content: "\F596";
}

page-org-str-editor .dxi-weather-rainy:before {
  content: "\F597";
}

page-org-str-editor .dxi-weather-snowy:before {
  content: "\F598";
}

page-org-str-editor .dxi-weather-snowy-rainy:before {
  content: "\F67E";
}

page-org-str-editor .dxi-weather-sunny:before {
  content: "\F599";
}

page-org-str-editor .dxi-weather-sunset:before {
  content: "\F59A";
}

page-org-str-editor .dxi-weather-sunset-down:before {
  content: "\F59B";
}

page-org-str-editor .dxi-weather-sunset-up:before {
  content: "\F59C";
}

page-org-str-editor .dxi-weather-windy:before {
  content: "\F59D";
}

page-org-str-editor .dxi-weather-windy-variant:before {
  content: "\F59E";
}

page-org-str-editor .dxi-web:before {
  content: "\F59F";
}

page-org-str-editor .dxi-webcam:before {
  content: "\F5A0";
}

page-org-str-editor .dxi-webhook:before {
  content: "\F62F";
}

page-org-str-editor .dxi-webpack:before {
  content: "\F72A";
}

page-org-str-editor .dxi-wechat:before {
  content: "\F611";
}

page-org-str-editor .dxi-weight:before {
  content: "\F5A1";
}

page-org-str-editor .dxi-weight-kilogram:before {
  content: "\F5A2";
}

page-org-str-editor .dxi-whatsapp:before {
  content: "\F5A3";
}

page-org-str-editor .dxi-wheelchair-accessibility:before {
  content: "\F5A4";
}

page-org-str-editor .dxi-white-balance-auto:before {
  content: "\F5A5";
}

page-org-str-editor .dxi-white-balance-incandescent:before {
  content: "\F5A6";
}

page-org-str-editor .dxi-white-balance-iridescent:before {
  content: "\F5A7";
}

page-org-str-editor .dxi-white-balance-sunny:before {
  content: "\F5A8";
}

page-org-str-editor .dxi-widgets:before {
  content: "\F72B";
}

page-org-str-editor .dxi-wifi:before {
  content: "\F5A9";
}

page-org-str-editor .dxi-wifi-off:before {
  content: "\F5AA";
}

page-org-str-editor .dxi-wii:before {
  content: "\F5AB";
}

page-org-str-editor .dxi-wiiu:before {
  content: "\F72C";
}

page-org-str-editor .dxi-wikipedia:before {
  content: "\F5AC";
}

page-org-str-editor .dxi-window-close:before {
  content: "\F5AD";
}

page-org-str-editor .dxi-window-closed:before {
  content: "\F5AE";
}

page-org-str-editor .dxi-window-maximize:before {
  content: "\F5AF";
}

page-org-str-editor .dxi-window-minimize:before {
  content: "\F5B0";
}

page-org-str-editor .dxi-window-open:before {
  content: "\F5B1";
}

page-org-str-editor .dxi-window-restore:before {
  content: "\F5B2";
}

page-org-str-editor .dxi-windows:before {
  content: "\F5B3";
}

page-org-str-editor .dxi-wordpress:before {
  content: "\F5B4";
}

page-org-str-editor .dxi-worker:before {
  content: "\F5B5";
}

page-org-str-editor .dxi-wrap:before {
  content: "\F5B6";
}

page-org-str-editor .dxi-wrench:before {
  content: "\F5B7";
}

page-org-str-editor .dxi-wunderlist:before {
  content: "\F5B8";
}

page-org-str-editor .dxi-xamarin:before {
  content: "\F844";
}

page-org-str-editor .dxi-xamarin-outline:before {
  content: "\F845";
}

page-org-str-editor .dxi-xaml:before {
  content: "\F673";
}

page-org-str-editor .dxi-xbox:before {
  content: "\F5B9";
}

page-org-str-editor .dxi-xbox-controller:before {
  content: "\F5BA";
}

page-org-str-editor .dxi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

page-org-str-editor .dxi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

page-org-str-editor .dxi-xbox-controller-battery-full:before {
  content: "\F74C";
}

page-org-str-editor .dxi-xbox-controller-battery-low:before {
  content: "\F74D";
}

page-org-str-editor .dxi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

page-org-str-editor .dxi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

page-org-str-editor .dxi-xbox-controller-off:before {
  content: "\F5BB";
}

page-org-str-editor .dxi-xda:before {
  content: "\F5BC";
}

page-org-str-editor .dxi-xing:before {
  content: "\F5BD";
}

page-org-str-editor .dxi-xing-box:before {
  content: "\F5BE";
}

page-org-str-editor .dxi-xing-circle:before {
  content: "\F5BF";
}

page-org-str-editor .dxi-xml:before {
  content: "\F5C0";
}

page-org-str-editor .dxi-xmpp:before {
  content: "\F7FE";
}

page-org-str-editor .dxi-yammer:before {
  content: "\F788";
}

page-org-str-editor .dxi-yeast:before {
  content: "\F5C1";
}

page-org-str-editor .dxi-yelp:before {
  content: "\F5C2";
}

page-org-str-editor .dxi-yin-yang:before {
  content: "\F67F";
}

page-org-str-editor .dxi-youtube-creator-studio:before {
  content: "\F846";
}

page-org-str-editor .dxi-youtube-gaming:before {
  content: "\F847";
}

page-org-str-editor .dxi-youtube-play:before {
  content: "\F5C3";
}

page-org-str-editor .dxi-youtube-tv:before {
  content: "\F448";
}

page-org-str-editor .dxi-zip-box:before {
  content: "\F5C4";
}

page-org-str-editor .dxi-blank:before {
  content: "\F68C";
  visibility: hidden;
}

page-org-str-editor .dxi-18px.dxi-set,
page-org-str-editor .dxi-18px.dxi:before {
  font-size: 18px;
}

page-org-str-editor .dxi-24px.dxi-set,
page-org-str-editor .dxi-24px.dxi:before {
  font-size: 24px;
}

page-org-str-editor .dxi-36px.dxi-set,
page-org-str-editor .dxi-36px.dxi:before {
  font-size: 36px;
}

page-org-str-editor .dxi-48px.dxi-set,
page-org-str-editor .dxi-48px.dxi:before {
  font-size: 48px;
}

page-org-str-editor .dxi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

page-org-str-editor .dxi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

page-org-str-editor .dxi-light:before {
  color: white;
}

page-org-str-editor .dxi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

page-org-str-editor .dxi-rotate-45 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

page-org-str-editor .dxi-rotate-90 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

page-org-str-editor .dxi-rotate-135 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

page-org-str-editor .dxi-rotate-180 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

page-org-str-editor .dxi-rotate-225 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

page-org-str-editor .dxi-rotate-270 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

page-org-str-editor .dxi-rotate-315 {
  /*
        // Not included in production
        &.dxi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.dxi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

page-org-str-editor .dxi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

page-org-str-editor .dxi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH";
}

page-org-str-editor .dxi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
  filter: FlipV;
  -ms-filter: "FlipV";
}

page-org-str-editor .dxi-spin:before {
  -webkit-animation: dxi-spin 2s infinite linear;
  animation: dxi-spin 2s infinite linear;
}

@-webkit-keyframes dxi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes dxi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

page-org-str-editor .dhx_editor {
  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%;
  background: #e40000 !important;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

page-org-str-editor .dhx_editor .dhx_selected .dhx_item_shape {
  stroke: #0288D1;
}

page-org-str-editor .dhx_editor .dhx_diagram_item {
  cursor: move;
}

page-org-str-editor .dhx_resize_grip,
page-org-str-editor .free_editor .dhx_connect_point .dhx_connect_grip {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FFF;
  border: 1px solid #98A7BF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}

page-org-str-editor .dhx_cell .dhx_preview_mode .dhx_diagram {
  background-image: none;
}

page-org-str-editor .dhx_free_editor .dhx_diagram {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='100' height='100' viewBox='0 0 100 100' %3E%3Cdefs%3E%3Cpattern id='Pattern' x='0' y='0' width='10' height='10' patternUnits='userSpaceOnUse' shapeRendering='auto'%3E%3Ccircle cx='9.5' cy='9.5' r='0.5' fill='%23c4c4c4' stroke='none'%3E%3C/circle%3E%3C/pattern%3E%3C/defs%3E%3Cg shapeRendering='auto'%3E%3Crect width='1000' height='1000' fill='url%28%23Pattern%29'%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
  background-position: 1px 1px;
}

page-org-str-editor .dhx_free_editor .dhx_free_diagram {
  background: none;
}

page-org-str-editor .dhx_free_editor .dhx_popup_toolbar {
  height: 40px;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar {
  height: 40px;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar .dhx_icon {
  width: 30px;
  height: 30px;
  color: #B8C6D6;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar .dhx_icon svg {
  fill: #B8C6D6;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar .dhx_icon:hover svg path {
  fill: #408BF3;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
  fill: #F1453D;
}

page-org-str-editor .dhx_free_editor .dhx_item_toolbar .dhx_active_icon svg path {
  fill: #408BF3;
}

page-org-str-editor .dhx_free_editor .dhx_textarea {
  width: 100%;
  background: #fff;
}

page-org-str-editor .free_sidebar .dhx_property {
  background: #F8F8F8;
}

page-org-str-editor .free_editor .dhx_resize_grip,
page-org-str-editor .free_editor .dhx_connect_point .dhx_connect_grip {
  width: 8px;
  height: 8px;
  border: 1px solid #1876D2;
  border-radius: 50%;
}

page-org-str-editor .free_editor .dhx_resize_grip:focus,
page-org-str-editor .free_editor .dhx_connect_point .dhx_connect_grip:focus {
  border: 3px solid #1876D2;
  outline: none;
}

page-org-str-editor .free_editor .dhx_break_point {
  width: 8px;
  height: 8px;
  border: 1px solid #A8D4FF;
  background: #A8D4FF;
  cursor: pointer;
}

page-org-str-editor .free_editor .dhx_break_point:focus {
  border: 1px solid #A8D4FF;
  outline: none;
}

page-org-str-editor .free_editor .dhx_connect_point {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
}

page-org-str-editor .free_editor .dhx_connect_point .dhx_connect_grip {
  width: 8px;
  height: 8px;
  border: solid 1px #fff;
  border-radius: 50%;
  background: #1876D2;
  position: relative;
}

page-org-str-editor .free_editor .dhx_nearest_point {
  background: rgba(0, 0, 0, 0.1);
}

page-org-str-editor .free_editor .dhx_nearest_point .dhx_connect_grip {
  width: 10px;
  height: 10px;
}

page-org-str-editor .free_editor .dhx_diagram_connector path:hover {
  cursor: pointer;
}

page-org-str-editor .free_editor .dhx_diagram_flow_item text {
  cursor: pointer;
}

page-org-str-editor .free_editor .dhx_diagram_flow_shape:hover {
  cursor: pointer;
}

page-org-str-editor .dhx_shape_rotate svg path {
  fill: #1876D2;
}

page-org-str-editor .sidebar {
  z-index: 5;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 285px;
  -ms-flex: 0 0 285px;
  flex: 0 0 285px;
  border-left: 1px solid #e0e0e0;
  overflow: hidden;
}

page-org-str-editor .dhx_diagram_connector.dhx_selected .dhx_diagram_line {
  stroke-opacity: .5;
}

page-org-str-editor .dhx_diagram_connector.dhx_selected .dhx_diagram_arrow {
  stroke-opacity: .5;
  fill-opacity: .5;
}

page-org-str-editor .dhx_dropdown {
  position: relative;
  padding: 10px 0;
}

page-org-str-editor .dhx_dropdown_content {
  display: none;
}

page-org-str-editor .dhx_dropdown_checkbox {
  display: none;
}

page-org-str-editor .dhx_dropdown_label {
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  text-transform: uppercase;
  color: #909CAD;
}

page-org-str-editor .dhx_dropdown_label:before {
  position: absolute;
  top: 30%;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, 0.38);
  border-left: 6px solid transparent;
}

page-org-str-editor .dhx_dropdown_checkbox:checked ~ .dhx_dropdown_content {
  display: block;
}

page-org-str-editor .dhx_dropdown_checkbox:checked + .dhx_dropdown_label:before {
  border-top: 6px solid rgba(0, 0, 0, 0.38);
  border-bottom: none;
}

page-org-str-editor body .shapesbar_cont {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 270px;
  max-width: 270px;
  padding: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #F8F8F8;
  border-right: 1px solid #e0e0e0;
}

page-org-str-editor .shapesbar_wrap {
  width: 100%;
  height: 100%;
}

page-org-str-editor .shapesbar {
  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;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-org-str-editor .dhx_shape_thumb {
  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: 70px;
  max-width: 70px;
  height: 70px;
  min-height: 70px;
  cursor: pointer;
  margin-bottom: 8px;
  -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-org-str-editor .dhx_shape_thumb:hover svg path {
  fill: #FBFBFB;
  stroke: #B8C6D6;
}

page-org-str-editor .dhx_shape_thumb .dhx_item_shape {
  fill: #EEF1F6;
  stroke: #B8C6D6;
}

page-org-str-editor .dhx_shape_thumb .dhx_diagram_extra_lines {
  stroke: #B8C6D6;
}

page-org-str-editor .dhx_shape_shadow .dhx_diagram_extra_lines {
  stroke: #B8C6D6;
}

page-org-str-editor .dhx_shape_name {
  font-size: 12px;
  padding-top: 4px;
  color: #909CAD;
}

page-org-str-editor .dhx_topbar {
  position: relative;
  z-index: 30;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 60px;
  padding: 0 8px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_topbar .dhx_state_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 25px;
  margin: 0 8px;
  padding: 0 8px;
  border-right: solid #eef0f3 1px;
  border-left: solid #eef0f3 1px;
  -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-org-str-editor .dhx_topbar .dhx_state_block .undo,
page-org-str-editor .dhx_topbar .dhx_state_block .redo {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #909CAD;
  fill: #909CAD;
}

page-org-str-editor .dhx_topbar .dhx_state_block .undo:hover,
page-org-str-editor .dhx_topbar .dhx_state_block .redo:hover {
  color: #1876D2;
  fill: #1876D2;
  stroke: #1876D2;
}

page-org-str-editor .dhx_topbar .dhx_state_block .undo--active,
page-org-str-editor .dhx_topbar .dhx_state_block .redo--active {
  color: #8792a7;
}

page-org-str-editor .dhx_topbar .dhx_state_block .undo--active:hover,
page-org-str-editor .dhx_topbar .dhx_state_block .redo--active:hover {
  color: #1876D2;
}

page-org-str-editor .dhx_topbar .dhx_btn,
page-org-str-editor .dhx_topbar .dhx_btn_small {
  font-weight: 500;
  color: #fff;
  margin: 0 4px;
}

page-org-str-editor .dhx_topbar .dhx_btn--flat {
  color: #B8C6D6;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-org-str-editor .dhx_topbar .dhx_topbar_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_topbar .dhx_editor_scale {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  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;
  width: 94px;
  height: 30px;
  background: #F8F8F8;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_topbar .dhx_editor_scale .dhx_scale_value,
page-org-str-editor .dhx_topbar .dhx_editor_scale .dhx_zoom_in,
page-org-str-editor .dhx_topbar .dhx_editor_scale .dhx_zoom_out {
  font-size: 20px;
  font-weight: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #909CAD;
  -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-org-str-editor .dhx_topbar .dhx_editor_scale .dhx_scale_value {
  font-size: 14px;
  width: auto;
  height: auto;
  cursor: default;
}

page-org-str-editor .dhx_topbar .dhx_visibility {
  padding: 0 34px;
  cursor: pointer;
  color: #909CAD;
}

page-org-str-editor .dhx_topbar .dhx_visibility.dhx_selected {
  color: #1876D2;
}

page-org-str-editor .dhx_topbar .dhx_items_block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .edit-section.color-edit {
  position: relative;
  margin-bottom: 8px;
}

page-org-str-editor .edit-section.color-edit .color_picker_wrap {
  height: 40px;
  width: 120px;
  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;
}

page-org-str-editor .edit-section.color-edit .color_picker_wrap .color_preview {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}

page-org-str-editor .edit-section.color-edit .color_picker_wrap .color_code {
  height: 100%;
}

page-org-str-editor .inputs_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1px 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .inputs_group span {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  color: #8792a7;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin: 0 8px 0 0;
}

page-org-str-editor .inputs_group input {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  color: #202020;
  border: 1px solid #e6e6e6;
  background-color: #F7F7F7;
  line-height: 20px;
  width: 84px;
  height: 32px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-align: center;
  outline: none;
}

page-org-str-editor .inputs_group input:first-of-type {
  margin: 0 8px 0 0;
}

page-org-str-editor .inputs_group input:hover {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-color: #cccccc;
}

page-org-str-editor .inputs_group input.dhx_invalid {
  border: solid red 1px;
}

page-org-str-editor .inputs_group_desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 8px 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-org-str-editor .inputs_group_desc span {
  color: #8792a7;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 20px;
  width: 86px;
  text-align: center;
  text-align: center;
}

page-org-str-editor .inputs_group_desc span:first-child {
  margin: 0 8px 0 0;
}

page-org-str-editor .dhx_property,
page-org-str-editor .side-bar {
  position: relative;
  z-index: 5;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 0 20px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

page-org-str-editor .dhx_property input:focus,
page-org-str-editor .dhx_property textarea:focus,
page-org-str-editor .side-bar input:focus,
page-org-str-editor .side-bar textarea:focus {
  -webkit-box-shadow: 0 0 0 1px #1876D2;
  box-shadow: 0 0 0 1px #1876D2;
}

page-org-str-editor .edit-section {
  padding: 0 0 4px 0;
}

page-org-str-editor .section-title {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 8px;
  letter-spacing: 0.5px;
  color: #8792a7;
  font-size: 14px;
}

page-org-str-editor .sidebar-title {
  margin: 20px 0 10px 0;
  color: #8792a7;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

page-org-str-editor .dhx_invalid input {
  border: solid red 1px !important;
}

page-org-str-editor .pop-up {
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  background-color: #333333;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
  line-height: 20px;
  position: absolute;
  z-index: 6;
  top: -4px;
  left: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 94px;
  height: 38px;
  padding: 9px 22px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 0;
}

page-org-str-editor .pop-up::before {
  position: absolute;
  bottom: 11px;
  left: -15px;
  content: "";
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 8px solid transparent;
  border-right: 8px solid #333333;
}

page-org-str-editor .dhx_property {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
}

page-org-str-editor .dhx_property * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

page-org-str-editor .dhx_group_item {
  line-height: 30px;
  padding-left: 10px;
  color: white;
  background: #55F;
}

page-org-str-editor .dhx_text_item {
  font-size: 15px;
  line-height: 30px;
  white-space: nowrap;
}

page-org-str-editor .dhx_text_item:nth-child(2n) {
  background: #F8F8FF;
}

page-org-str-editor .dhx_text_item .dhx_label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-left: 10px;
}

page-org-str-editor .dhx_text_item .dhx_value {
  width: 50%;
  cursor: pointer;
}

page-org-str-editor .dhx_label,
page-org-str-editor .dhx_value {
  display: inline-block;
}

page-org-str-editor .dhx_value .segmented input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

page-org-str-editor .segmented label {
  margin-right: -3px;
  padding: 1px 10px 2px 8px;
  cursor: pointer;
  border: solid 1px #DEDEDE;
  background: #FFF;
}

page-org-str-editor .segmented input:checked + label {
  background: #DEDEDE;
}

page-org-str-editor .segmented input:focus + label {
  border-bottom: 2px solid #48F;
}

page-org-str-editor .dhx_value {
  text-align: left;
}

page-org-str-editor .dhx_value input {
  font-family: Tahoma;
  font-size: 15px;
  line-height: 28px;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background: transparent;
}

page-org-str-editor .dhx_value select {
  font-family: Tahoma;
  font-size: 15px;
  line-height: 28px;
  width: 100%;
  padding: 0;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background: transparent;
}

page-org-str-editor .dhx_value input:focus,
page-org-str-editor .dhx_value select:focus {
  border-bottom: 2px solid #48F;
}

page-org-str-editor .dhx_value .dhx_check {
  position: relative;
  top: 2px;
  left: -9px;
  width: 18px;
  height: 18px;
}

page-org-str-editor .dhx_invalid input,
page-org-str-editor .dhx_invalid input:focus {
  border-bottom: 2px solid red;
}

page-org-str-editor .position-edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1px 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .position-edit input:first-of-type {
  margin: 0 10px 0 0;
}

page-org-str-editor .position-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 9px 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-org-str-editor .position-desc span {
  font-size: 12px;
  line-height: 20px;
  width: 86px;
  text-align: center;
  text-align: center;
  letter-spacing: .5px;
  color: #7B869D;
}

page-org-str-editor .position-desc span:first-child {
  margin: 0 10px 0 0;
}

page-org-str-editor .name-edit {
  font-family: "Roboto", san-serif;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 248px;
  height: 56px;
  margin: 0 0 10px 0;
  padding: 8px 0 0 8px;
  resize: none;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid #E3E8F0;
  outline: none;
  background-color: #F4F5F6;
}

page-org-str-editor .no-border {
  border-bottom: none;
}

page-org-str-editor .no-margin {
  margin: 0;
}

page-org-str-editor .no-padding {
  padding: 0;
}

page-org-str-editor .photo-wrapper img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 1px solid #EEE;
}

page-org-str-editor .dhx_textarea {
  height: 56px;
  width: 248px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background-color: #F7F7F7;
  margin: 0 0 10px 0;
  padding: 8px 0 0 8px;
  outline: none;
  resize: none;
  color: #202020;
  font-size: 14px;
  line-height: 20px;
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

page-org-str-editor .dhx_textarea:hover {
  border-color: #cccccc;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

page-org-str-editor .dhx_textarea:focus {
  -webkit-box-shadow: 0 0 0 1px #1876D2;
  box-shadow: 0 0 0 1px #1876D2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

page-org-str-editor .dhx_textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

page-org-str-editor .dhx_textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_textarea:focus:-moz-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_textarea:focus::-moz-placeholder {
  color: transparent;
}

page-org-str-editor .dhx_textarea:focus:-ms-input-placeholder {
  color: transparent;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

page-org-str-editor .dhx_img_uploader {
  cursor: pointer;
  position: relative;
}

page-org-str-editor .dhx_img_uploader .pop-up {
  left: 70px;
  top: 10px;
  width: auto;
}

page-org-str-editor .dhx_img_uploader:hover {
  cursor: pointer;
}

page-org-str-editor .dhx_img_uploader:hover .pop-up {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: 1;
}

page-org-str-editor .dhx_img_uploader .dhx_uploader_preview {
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-color: #f2f2f2;
}

page-org-str-editor .dhx_img_uploader .dhx_uploader_preview.loading .dhx_loading {
  display: block;
  width: 101%;
  height: 101%;
  background: #FFF;
  -webkit-animation: rotate .8s infinite linear;
  animation: rotate .8s infinite linear;
  border: 4px solid #03a9f4;
  border-right-color: #FFF;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

page-org-str-editor .dhx_img_uploader .dhx_uploader_preview .dhx_loading {
  display: none;
}

page-org-str-editor .section-title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px 0;
  color: #909CAD;
}

page-org-str-editor .input_element {
  height: 40px;
  width: 110px;
  border: 1px solid #D4DDE7;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  position: relative;
  margin: 0 8px 10px 0;
}

page-org-str-editor .input_element input {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  color: #202020;
  border: 1px solid #e6e6e6;
  background-color: #F7F7F7;
  line-height: 20px;
  width: 84px;
  height: 32px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-align: center;
  outline: none;
  padding: 0 8px 0 40px;
  background: #FFF;
  border: none;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #202020;
}

page-org-str-editor .input_element input:first-of-type {
  margin: 0 8px 0 0;
}

page-org-str-editor .input_element input:hover {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-color: #cccccc;
}

page-org-str-editor .input_element input.dhx_invalid {
  border: solid red 1px;
}

page-org-str-editor .input_icon_wrap {
  position: absolute;
  top: 0;
  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;
  width: 20px;
  height: 100%;
  margin: 0 9px;
}

page-org-str-editor .input_icon {
  text-align: center;
  background: #B8C6D6;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  text-transform: uppercase;
}

page-org-str-editor .rotate_icon {
  width: 24px;
  height: 24px;
  color: #B8C6D6;
}

page-org-str-editor .input_group_up {
  font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif;
  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: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

page-org-str-editor .input_group_up .inputs_group {
  width: 110%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-org-str-editor .input_group_up .inputs_group input {
  padding: 0 8px 0 40px;
  background: #FFF;
  width: 100%;
  height: 100%;
  text-align: left;
}

page-org-str-editor .alone_picker {
  width: 40px;
  min-width: 40px;
}

page-org-str-editor .line-edit-content {
  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;
}

page-org-str-editor .dhx_select {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  height: 40px;
  color: #909CAD;
  outline: none;
}

page-org-str-editor .dhx_select .dhx_select_content {
  display: none;
}

page-org-str-editor .dhx_select .dhx_select_label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 0 18px;
  color: #202020;
  font-weight: 400;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_select:before {
  position: absolute;
  top: 40%;
  right: 12px;
  width: 0;
  height: 0;
  content: "";
  border-top: 5px solid #B8C6D6;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

page-org-str-editor .dhx_select:focus {
  -webkit-box-shadow: inset 0 0 0 1px #1876D2;
  box-shadow: inset 0 0 0 1px #1876D2;
}

page-org-str-editor .dhx_select:focus:before {
  border-top: none;
  border-bottom: 5px solid #B8C6D6;
}

page-org-str-editor .dhx_select:focus .dhx_select_content {
  position: absolute;
  z-index: 100;
  z-index: 10;
  top: 45px;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #D4DDE7;
  background: #FFF;
  -webkit-box-shadow: 0 0 9px 0 rgba(135, 135, 135, 0.5);
  box-shadow: 0 0 9px 0 rgba(135, 135, 135, 0.5);
}

page-org-str-editor .dhx_select:focus .dhx_select_content:after {
  position: absolute;
  z-index: -1;
  top: -2px;
  right: 11px;
  width: 10px;
  height: 10px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: white;
  -webkit-box-shadow: 0 0 9px 0 rgba(135, 135, 135, 0.5);
  box-shadow: 0 0 9px 0 rgba(135, 135, 135, 0.5);
}

page-org-str-editor .dhx_select .dhx_select_option {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  padding: 10px 18px;
  cursor: pointer;
  color: #202020;
  background: #FFF;
  font-weight: 400;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-org-str-editor .dhx_select .dhx_select_option:hover {
  color: #1876D2;
  background-color: #EEF1F6;
}

page-org-str-editor .dhx_select .dhx_select_option:hover .dhx_select_line,
page-org-str-editor .dhx_select .dhx_select_option:hover .dhx_select_dash {
  border-color: #1876D2;
}

page-org-str-editor .dhx_select .dhx_selected_option {
  background-color: #EEF1F6;
}

page-org-str-editor .dhx_select .dhx_selected_option .dhx_select_line,
page-org-str-editor .dhx_select .dhx_selected_option .dhx_select_dash {
  border-color: #1876D2;
}

page-org-str-editor .dhx_select .dhx_selected_option .dxi-check {
  font-size: 14px;
  padding: 0 8px;
  color: #909CAD;
}

page-org-str-editor .dhx_select .dhx_select_line,
page-org-str-editor .dhx_select .dhx_select_dash {
  width: 60%;
  height: 0;
  border: solid #909CAD 1px;
}

page-org-str-editor .dhx_select .dhx_select_dash {
  border: dashed #909CAD 1px;
}

page-org-str-editor .line_width {
  width: 65px;
}

page-org-str-editor .line_width input {
  padding: 0 10px;
}

page-org-str-editor .line_width .title {
  position: absolute;
  top: 33%;
  right: 0;
  padding: 0 10px;
  color: #B8C6D6;
}

page-org-str-editor .icons_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  margin: 0 10px 0 0;
}

page-org-str-editor .icons_group .dxi,
page-org-str-editor .icons_group .dhx_line_icon {
  min-width: 30px;
  min-height: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #B8C6D6;
  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-org-str-editor .icons_group .dxi:hover,
page-org-str-editor .icons_group .dhx_line_icon:hover {
  background: #EEF1F6;
}

page-org-str-editor .icons_group .dhx_selected {
  color: #1876D2;
}

page-org-str-editor .icons_group .dhx_selected svg * {
  fill: #1876D2;
}

page-org-str-editor .icons_group .dhx_line_icon {
  cursor: pointer;
}

page-org-str-editor .icons_group .dhx_line_icon i * {
  pointer-events: none;
}

page-org-str-editor .line_height .dxi-format-line-spacing {
  width: 24px;
  height: 24px;
  color: #B8C6D6;
}

page-org-str-editor .arrow_select {
  min-width: 70px;
}

page-org-str-editor .arrow_select .dhx_select_label {
  padding: 0 8px;
}

page-org-str-editor .align_bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
}

page-org-str-editor .align_icon_wrap {
  padding: 0 4px;
  width: 30px;
  height: 30px;
  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;
  cursor: pointer;
}

page-org-str-editor .align_icon_wrap:hover {
  background: #EEF1F6;
}

page-org-str-editor .align_icon_wrap.dhx_selected svg path {
  fill: #1876D2;
}

page-org-str-editor .dhx_popup {
  position: fixed;
  position: absolute;
  z-index: 999999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: appear .2s ease-in-out forwards;
  animation: appear .2s ease-in-out forwards;
  background: #FFF;
}

page-org-str-editor .dhx_popup.hide {
  -webkit-animation: disappear .2s ease-in-out forwards;
  animation: disappear .2s ease-in-out forwards;
}

page-org-str-editor .dhx_card {
  z-index: 999999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: #FFF;
  -webkit-box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 54px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.22);
}

@keyframes appear {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes disappear {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
}

page-org-str-editor .dhx_colorpicker_popup .dhx_popup_content {
  border: none;
}

page-org-str-editor .dhx_colorpicker_wrap {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px;
}

page-org-str-editor .dhx_palette {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  white-space: nowrap;
}

page-org-str-editor .dhx_palette_col {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

page-org-str-editor .dhx_palette_col:last-child .dhx_palette_cell {
  margin-right: 0;
}

page-org-str-editor .dhx_palette_row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

page-org-str-editor .dhx_palette_row .dhx_palette_cell {
  display: inline-block;
  margin-bottom: 0;
}

page-org-str-editor .dhx_palette_row .dhx_palette_cell:last-child {
  margin-right: 0;
}

page-org-str-editor .dhx_palette_cell {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 0;
  margin-bottom: 2px;
  vertical-align: top;
}

page-org-str-editor .dhx_palette_cell:first-child {
  margin-bottom: 6px;
}

page-org-str-editor .dhx_palette_cell:last-child {
  margin-bottom: 0;
}

page-org-str-editor .dhx_palette_cell:hover {
  border: solid rgba(255, 255, 255, 0.6) 2px;
}

page-org-str-editor .dhx_palette_cell:hover:before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.6);
}

page-org-str-editor .dhx_palette_cell.dhx_selected {
  border: solid rgba(255, 255, 255, 0.6) 2px;
}

page-org-str-editor .dhx_palette_cell.dhx_selected:before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.6);
}

page-org-str-editor .dhx_cell {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica, Tahoma;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

page-org-str-editor .dhx_cell.layout_x,
page-org-str-editor .dhx_cell.layout_y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-org-str-editor .dhx_cell.layout_x {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

page-org-str-editor .dhx_cell.layout_y {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-org-str-editor .dhx_cell.flex {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

page-org-str-editor .dhx_cell.panel {
  margin: 10px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

page-org-str-editor .dhx_cell.header {
  font-size: 18px;
  padding: 10px;
  background: #666;
  color: white;
}

page-org-str-editor .dhx_cell.footer {
  padding: 5px 10px;
  background: #666;
  color: white;
}

page-org-str-editor body > .dhx_cell.layout_y {
  height: 100%;
}

page-org-str-editor .dhx_cell.shadow-bottom {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10;
}

page-org-str-editor .dhx_cell.line-left {
  border-left: 1px solid #e0e0e0;
}

page-org-str-editor .finish {
  width: 150px;
}

page-org-str-editor ion-footer .info-icon {
  color: #A5B0B7 !important;
  margin-right: 10px;
  font-size: 2.2rem;
}

page-org-str-editor ion-footer .info-text {
  color: #A5B0B7 !important;
  opacity: 0.9;
}

page-org-str-editor .introjs-fixParent {
  z-index: 99 !important;
}

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-person-detail-modal {
  contain: none !important;
}

page-person-detail-modal span .required-input {
  font-weight: bold;
}

page-person-detail-modal .close-btn {
  position: absolute;
  top: 8px;
  z-index: 2;
  color: #192528;
  right: 12px;
}

@media screen and (min-width: 768px) {
  page-person-detail-modal .close-btn {
    top: 0;
    right: -56px;
    color: white;
  }
}

page-person-detail-modal .close-btn ion-icon {
  font-size: 21px;
}

page-person-detail-modal .person-icon img {
  -o-object-fit: contain;
  object-fit: contain;
  background-color: unset !important;
  border-radius: 50%;
}

page-person-detail-modal .grd-toast {
  background-color: wheat;
  border-radius: 4px;
}

page-person-detail-modal .grd-toast .toast-message {
  color: #192528 !important;
  font-family: 'medium';
}

page-person-detail-modal .grd-toast .toast-button {
  padding: 19px 16px 17px;
  color: #192528 !important;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-person-detail-modal .grd-toast {
    background-color: wheat;
    border-radius: 4px;
    margin-left: -17px;
    margin-right: -2px;
    margin-bottom: 13px;
  }
  page-person-detail-modal .grd-toast .toast-message {
    padding: 9px 16px 9px;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-person-detail-modal .grd-toast {
    background-color: wheat;
    border-radius: 4px;
    margin-left: -12px;
    margin-right: 1px;
    margin-bottom: 13px;
    margin-top: -13px;
  }
  page-person-detail-modal .grd-toast .toast-message {
    padding: 9px 16px 9px;
    font-size: 1.2rem;
  }
}

page-person-detail-modal ion-content {
  height: 100%;
}

page-person-detail-modal .person-detail {
  height: 100%;
  overflow: visible;
}

page-person-detail-modal .person-detail .person-detail-left {
  padding: 32px 23px 0 38px;
}

page-person-detail-modal .person-detail .person-detail-left .form-profile {
  overflow: auto;
}

page-person-detail-modal .person-detail .person-detail-left .form-profile .country-box ion-item::after {
  content: "";
  height: 1.6em;
  border-right: 1px solid #c9c9c9;
}

page-person-detail-modal .person-detail .person-detail-left .form-profile .country-select {
  max-width: unset;
}

page-person-detail-modal .person-detail .person-detail-left .form-profile .no-leftpadding {
  padding-left: 0;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-person-detail-modal .person-detail .person-detail-left .form-profile {
    -webkit-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
    width: 121%;
    min-height: 427px;
    margin-left: -61px;
    margin-top: -40px;
  }
  page-person-detail-modal .person-detail .person-detail-left .edit-data {
    min-height: 340px !important;
    margin-top: -38px !important;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-person-detail-modal .person-detail .person-detail-left .form-profile {
    -webkit-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75);
    width: 137%;
    min-height: 340px;
    margin-left: -81px;
    margin-top: -50px;
  }
  page-person-detail-modal .person-detail .person-detail-left .edit-data {
    min-height: 295px !important;
    margin-top: -49px !important;
    overflow-y: hidden;
  }
}

page-person-detail-modal .person-detail .person-detail-left ion-label[stacked] {
  opacity: 0.56;
}

page-person-detail-modal .person-detail .person-detail-left ion-item {
  margin-bottom: 10px !important;
}

page-person-detail-modal .person-detail .person-detail-left ion-select {
  padding-left: 0 !important;
}

page-person-detail-modal .person-detail .person-detail-left span {
  opacity: 0.56;
}

page-person-detail-modal .person-detail .person-detail-left ion-checkbox .checkbox-icon {
  border-radius: 2.8px !important;
  background-color: transparent !important;
  border: 1px solid #dbdbe1;
}

page-person-detail-modal .person-detail .person-detail-left ion-checkbox .checkbox-checked {
  background-color: #F68A22 !important;
  border: none;
}

page-person-detail-modal .person-detail .person-detail-left .check-item {
  margin-bottom: 16px;
}

page-person-detail-modal .person-detail .person-detail-left .check-item p {
  font-family: 'light-italic';
}

page-person-detail-modal .person-detail .person-detail-right {
  overflow: hidden;
  height: 100%;
  background-color: #f2f4f4;
  padding: 32px 10px 0 24px;
}

page-person-detail-modal .person-detail .person-detail-right .label-supervisor {
  opacity: 0.65;
  font-size: 17px !important;
}

page-person-detail-modal .person-detail .person-detail-right ion-searchbar {
  margin: 16px 0 8px;
  padding-right: 20px;
}

page-person-detail-modal .person-detail .person-detail-right ion-content {
  background-color: transparent;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

page-person-detail-modal .person-detail .person-detail-right ion-avatar {
  position: relative;
  height: 5em !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (-webkit-device-pixel-ratio: 1.25) {
  page-person-detail-modal .person-detail .person-detail-right ion-avatar {
    height: 4.5em !important;
  }
}

@media (-webkit-device-pixel-ratio: 1.5) {
  page-person-detail-modal .person-detail .person-detail-right .label-supervisor {
    font-size: 15px !important;
  }
  page-person-detail-modal .person-detail .person-detail-right ion-searchbar .searchbar-search-icon {
    top: 9px;
  }
  page-person-detail-modal .person-detail .person-detail-right ion-searchbar .searchbar-input {
    padding: 3px 55px;
    font-size: 1.3rem;
  }
  page-person-detail-modal .person-detail .person-detail-right .person-list ion-avatar {
    height: 3.2em !important;
  }
  page-person-detail-modal .person-detail .person-detail-right .person-list ion-avatar img {
    width: 2.3em !important;
    height: 2.3em !important;
  }
  page-person-detail-modal .person-detail .person-detail-right .person-list .person-item ion-label {
    font-size: 0.8em !important;
  }
}

page-person-detail-modal .person-detail .person-detail-right .hilight::after {
  position: absolute;
  content: '';
  left: 7%;
  bottom: 0;
  height: 4px;
  width: 86%;
  background-color: #F68A22;
}

page-person-detail-modal .person-detail .person-detail-right .item {
  background-color: transparent !important;
}

page-person-detail-modal .person-detail .person-detail-right .parent {
  height: 100%;
}

page-person-detail-modal .person-detail .person-detail-right .parent .person-list {
  overflow-y: auto;
  height: 100%;
}

page-person-detail-modal .person-detail .person-detail-right .parent .person-list .person-item {
  padding-left: 4px;
}

page-person-detail-modal .person-detail .person-detail-right .parent .person-list .person-item ion-label {
  font-family: 'medium' !important;
}

page-person-detail-modal .person-detail .person-detail-right .filler {
  height: 200px;
}

page-person-detail-modal ion-footer ion-toolbar {
  padding: 16px !important;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  page-person-detail-modal .person-detail .person-detail-left {
    padding: 7px 20px 0 20px;
  }
  page-person-detail-modal .caption {
    margin-top: 0 !important;
    font-size: 13px !important;
  }
  page-person-detail-modal .caption.caption-name {
    margin-top: 13px !important;
  }
  page-person-detail-modal .item-label-stacked .text-input {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  page-person-detail-modal ion-input {
    font-size: 14px !important;
  }
  page-person-detail-modal .select-placeholder {
    font-size: 14px !important;
  }
  page-person-detail-modal .select-text {
    font-size: 14px !important;
  }
  page-person-detail-modal ion-select {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  page-person-detail-modal .phone ion-label {
    margin-top: 0 !important;
  }
  page-person-detail-modal .phone .item-inner {
    border-bottom: 0 !important;
  }
  page-person-detail-modal .phone .text-input {
    margin: 0 !important;
    margin-bottom: 10px !important;
  }
  page-person-detail-modal .country-box {
    padding-top: 0 !important;
  }
  page-person-detail-modal ion-datetime {
    padding-bottom: 0 !important;
  }
  page-person-detail-modal ion-datetime .datetime-text {
    margin-bottom: 5px !important;
  }
  page-person-detail-modal .parent .person-item .person-icon {
    height: 60px !important;
  }
  page-person-detail-modal ion-avatar img {
    width: 2.7em !important;
    height: 2.7em !important;
  }
  page-person-detail-modal ion-footer ion-toolbar {
    padding: 10px !important;
  }
  page-person-detail-modal ion-footer ion-toolbar .btn {
    width: 80% !important;
    height: 40px !important;
  }
  page-person-detail-modal .person-list .title {
    font-size: 14px !important;
  }
}

policy-location-permission p {
  color: grey !important;
}

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-recruitment-record .question-container {
  border: 1px solid silver;
  border-radius: 5px;
}

page-recruitment-record textarea {
  width: 100%;
  resize: none;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px;
}

report-page .skeleton-box {
  padding-left: 20px;
  padding-right: 20px;
}

report-page .skeleton-box .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

report-page .skeleton-box .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

report-page .skeleton-box .skeleton-section .chat-skeleton {
  height: 40px;
}

report-page .skeleton-box .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

report-page .skeleton-box .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 20px 7px 20px 0px;
  padding: 5px;
  height: 8px;
  width: 250px;
  border-radius: 2px;
}

report-page .skeleton-box .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

report-page .skeleton-section-dekstop {
  border-bottom: 1px solid #dbdbe1 !important;
}

report-page .skeleton-section-dekstop .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

report-page .skeleton-section-dekstop .chat-skeleton {
  height: 40px;
}

report-page .skeleton-section-dekstop .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

report-page .skeleton-section-dekstop .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 20px 7px 20px 0px;
  padding: 5px;
  height: 100px;
  width: 100px;
  border-radius: 2px;
}

report-page .skeleton-section-dekstop .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

report-page ion-card.card-md, report-page ion-card.card-ios {
  width: 100px;
  margin: 0 auto;
  height: 164px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

report-page ion-card.card-md ion-icon, report-page ion-card.card-ios ion-icon {
  font-size: 11em;
}

report-page ion-label {
  color: #808080 !important;
}

report-page ion-list {
  margin: 0 0 0 0 !important;
}

report-page ion-list button {
  border-top: 0.55px solid transparent !important;
  border-bottom: 0.55px solid transparent !important;
  background-color: transparent !important;
  color: #808080;
}

report-page ion-list button div {
  background-image: none !important;
}

report-page ion-list-header {
  border-top: none !important;
  border-bottom: 1px solid #dedede !important;
}

report-page .list-report {
  padding: 16px 20px !important;
  margin: 0px !important;
}

report-page .list-report ion-col {
  padding: 0px 0px 5px 0px !important;
}

report-page .list-report ion-col .item-inner {
  padding-bottom: 5px !important;
}

report-page .item-md.item-block .item-inner {
  padding-right: 0px;
}

report-page .report-box .report-type {
  display: none;
}

report-page .report-box .report-item ion-label {
  font-size: 16px !important;
}

report-page .box {
  margin-left: 3vh;
  width: 100%;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 0;
}

report-page .box .box-list {
  width: 160px;
  text-align: center;
  margin: 6px;
}

report-page .box .box-list ion-label {
  color: #192528 !important;
  font-size: 15px;
  width: 100%;
  text-align: center;
  margin: 0 0 20px 0;
}

report-page .box-cutom h5 {
  color: #F68A22 !important;
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  report-page .box {
    display: block;
  }
  report-page .list-report {
    display: none;
  }
  report-page .skeleton-box {
    display: none;
  }
  report-page .box-cutom {
    display: block;
  }
  report-page .list-report-custom {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  report-page .box {
    display: none !important;
  }
  report-page .list-report {
    display: block;
  }
  report-page .skeleton-box {
    display: block;
  }
  report-page .box-cutom {
    display: none !important;
  }
  report-page .list-report-custom {
    display: block;
  }
}

page-absw-report h2 {
  color: #F68A22;
}

page-absw-report .upd-stat {
  color: #F68A22;
}

page-absw-report .del-stat {
  color: #F0624D;
}

page-absw-report .col-right {
  text-align: right;
}

page-absw-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-absw-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-absw-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-absw-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-absw-report .list-md > .item-block:last-child {
  border: none !important;
}

page-absw-report .list-md > .item-block:first-child {
  border: none !important;
}

page-absw-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-absw-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-absw-report ion-select {
  margin-top: 10px !important;
}

page-absw-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-absw-report .btn-tag span {
  font-size: 1.2em !important;
}

attendance-report-page ion-title p, attendance-report-page ion-title h2 {
  font-size: 0.8em !important;
}

attendance-report-page .button-inner {
  font-size: 0.8em !important;
}

attendance-report-page ion-label {
  font-size: 0.8em !important;
}

acr-report-page h2 {
  color: #F68A22;
}

acr-report-page .upd-stat {
  color: #F68A22;
}

acr-report-page .del-stat {
  color: #F0624D;
}

acr-report-page .col-right {
  text-align: right;
}

acr-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

acr-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

acr-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

acr-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

acr-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

acr-report-page .list-md > .item-block:last-child {
  border: none !important;
}

acr-report-page .list-md > .item-block:first-child {
  border: none !important;
}

acr-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

acr-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

acr-report-page ion-select {
  margin-top: 10px !important;
}

acr-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

acr-report-page .btn-tag span {
  font-size: 1.2em !important;
}

page-attendance-location-report h2 {
  color: #F68A22;
}

page-attendance-location-report .upd-stat {
  color: #F68A22;
}

page-attendance-location-report .del-stat {
  color: #F0624D;
}

page-attendance-location-report .col-right {
  text-align: right;
}

page-attendance-location-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attendance-location-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attendance-location-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-attendance-location-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-attendance-location-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-attendance-location-report .list-md > .item-block:last-child {
  border: none !important;
}

page-attendance-location-report .list-md > .item-block:first-child {
  border: none !important;
}

page-attendance-location-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attendance-location-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-attendance-location-report ion-select {
  margin-top: 10px !important;
}

page-attendance-location-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-attendance-location-report .btn-tag span {
  font-size: 1.2em !important;
}

attendance-summary-page h2 {
  color: #F68A22;
}

attendance-summary-page .upd-stat {
  color: #F68A22;
}

attendance-summary-page .del-stat {
  color: #F0624D;
}

attendance-summary-page .col-right {
  text-align: right;
}

attendance-summary-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

attendance-summary-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

attendance-summary-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

attendance-summary-page .list-ios > .item-block:last-child {
  border: none !important;
}

attendance-summary-page .list-ios > .item-block:first-child {
  border: none !important;
}

attendance-summary-page .list-md > .item-block:last-child {
  border: none !important;
}

attendance-summary-page .list-md > .item-block:first-child {
  border: none !important;
}

attendance-summary-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

attendance-summary-page .list-radio ion-item .item-inner {
  border: none !important;
}

attendance-summary-page ion-select {
  margin-top: 10px !important;
}

attendance-summary-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

attendance-summary-page .btn-tag span {
  font-size: 1.2em !important;
}

page-attendance-suspect-face-report h2 {
  color: #F68A22;
}

page-attendance-suspect-face-report .upd-stat {
  color: #F68A22;
}

page-attendance-suspect-face-report .del-stat {
  color: #F0624D;
}

page-attendance-suspect-face-report .col-right {
  text-align: right;
}

page-attendance-suspect-face-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attendance-suspect-face-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attendance-suspect-face-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-attendance-suspect-face-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-attendance-suspect-face-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-attendance-suspect-face-report .list-md > .item-block:last-child {
  border: none !important;
}

page-attendance-suspect-face-report .list-md > .item-block:first-child {
  border: none !important;
}

page-attendance-suspect-face-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attendance-suspect-face-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-attendance-suspect-face-report ion-select {
  margin-top: 10px !important;
}

page-attendance-suspect-face-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-attendance-suspect-face-report .btn-tag span {
  font-size: 1.2em !important;
}

page-bpjs-report h2 {
  color: #F68A22;
}

page-bpjs-report .upd-stat {
  color: #F68A22;
}

page-bpjs-report .del-stat {
  color: #F0624D;
}

page-bpjs-report .col-right {
  text-align: right;
}

page-bpjs-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-bpjs-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-bpjs-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-bpjs-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-bpjs-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-bpjs-report .list-md > .item-block:last-child {
  border: none !important;
}

page-bpjs-report .list-md > .item-block:first-child {
  border: none !important;
}

page-bpjs-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-bpjs-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-bpjs-report ion-select {
  margin-top: 10px !important;
}

page-bpjs-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-bpjs-report .btn-tag span {
  font-size: 1.2em !important;
}

businesstrip-report h2 {
  color: #F68A22;
}

businesstrip-report .upd-stat {
  color: #F68A22;
}

businesstrip-report .del-stat {
  color: #F0624D;
}

businesstrip-report .col-right {
  text-align: right;
}

businesstrip-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

businesstrip-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

businesstrip-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

businesstrip-report .list-ios > .item-block:last-child {
  border: none !important;
}

businesstrip-report .list-ios > .item-block:first-child {
  border: none !important;
}

businesstrip-report .list-md > .item-block:last-child {
  border: none !important;
}

businesstrip-report .list-md > .item-block:first-child {
  border: none !important;
}

businesstrip-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

businesstrip-report .list-radio ion-item .item-inner {
  border: none !important;
}

businesstrip-report ion-select {
  margin-top: 10px !important;
}

businesstrip-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

businesstrip-report .btn-tag span {
  font-size: 1.2em !important;
}

career-report-page h2 {
  color: #F68A22;
}

career-report-page .upd-stat {
  color: #F68A22;
}

career-report-page .del-stat {
  color: #F0624D;
}

career-report-page .col-right {
  text-align: right;
}

career-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

career-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

career-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

career-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

career-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

career-report-page .list-md > .item-block:last-child {
  border: none !important;
}

career-report-page .list-md > .item-block:first-child {
  border: none !important;
}

career-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

career-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

career-report-page ion-select {
  margin-top: 10px !important;
}

career-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

career-report-page .btn-tag span {
  font-size: 1.2em !important;
}

claim-report h2 {
  color: #F68A22;
}

claim-report .upd-stat {
  color: #F68A22;
}

claim-report .del-stat {
  color: #F0624D;
}

claim-report .col-right {
  text-align: right;
}

claim-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

claim-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

claim-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

claim-report .list-ios > .item-block:last-child {
  border: none !important;
}

claim-report .list-ios > .item-block:first-child {
  border: none !important;
}

claim-report .list-md > .item-block:last-child {
  border: none !important;
}

claim-report .list-md > .item-block:first-child {
  border: none !important;
}

claim-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

claim-report .list-radio ion-item .item-inner {
  border: none !important;
}

claim-report ion-select {
  margin-top: 10px !important;
}

claim-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

claim-report .btn-tag span {
  font-size: 1.2em !important;
}

page-daily-sales-report h2 {
  color: #F68A22;
}

page-daily-sales-report .upd-stat {
  color: #F68A22;
}

page-daily-sales-report .del-stat {
  color: #F0624D;
}

page-daily-sales-report .col-right {
  text-align: right;
}

page-daily-sales-report .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-daily-sales-report .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-daily-sales-report .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-daily-sales-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-daily-sales-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-daily-sales-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-daily-sales-report .list-md > .item-block:last-child {
  border: none !important;
}

page-daily-sales-report .list-md > .item-block:first-child {
  border: none !important;
}

page-daily-sales-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-daily-sales-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-daily-sales-report .btn-tag span {
  font-size: 1.2em !important;
}

page-daily-sales-customer ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-daily-sales-customer h2, page-daily-sales-customer h3 {
  color: #F68A22 !important;
}

page-daily-sales-customer .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-daily-sales-customer ion-list ion-item .customer-code {
  color: #F68A22;
}

page-daily-sales-customer ion-list ion-item .customer-name {
  white-space: normal;
  padding: 0;
}

page-daily-sales-customer ion-list ion-item .customer-checked {
  text-align: right;
}

page-daily-sales-customer ion-list ion-item .customer-checked ion-icon {
  font-size: x-large;
  color: #F68A22;
}

page-daily-sales-salesperson ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-daily-sales-salesperson h2, page-daily-sales-salesperson h3 {
  color: #F68A22 !important;
}

page-daily-sales-salesperson .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-daily-sales-salesperson ion-list ion-item .salesperson-empid {
  color: #F68A22;
}

page-daily-sales-salesperson ion-list ion-item .salesperson-name {
  white-space: normal;
  padding: 0;
}

page-daily-sales-salesperson ion-list ion-item .salesperson-checked {
  text-align: right;
}

page-daily-sales-salesperson ion-list ion-item .salesperson-checked ion-icon {
  font-size: x-large;
  color: #F68A22;
}

page-elearning-report .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  padding: 0px 5px 0px 0px;
}

page-elearning-report .report-content {
  padding: 16px 20px !important;
}

page-elearning-report .part-content {
  margin: 0px !important;
}

page-elearning-report .part-content ion-item {
  padding-bottom: 7px;
}

page-elearning-report .part-content ion-item .item-inner {
  padding-bottom: 7px;
}

page-elearning-report .quiz-content {
  margin: 0px !important;
}

page-elearning-report .quiz-content ion-item {
  padding-bottom: 7px;
}

page-elearning-report .quiz-content ion-item .item-inner {
  padding-bottom: 7px;
}

page-elearning-report .row-course {
  padding-bottom: 7px !important;
  margin-bottom: 7px !important;
  border-bottom: 1px solid #dedede;
}

page-elearning-report .row-course ion-col {
  padding: 0px !important;
}

page-elearning-report .row-course p {
  margin: 0px !important;
  padding: 10px 0px;
}

page-elearning-report .row-course .sficon-forward {
  font-size: 1.3em !important;
  padding: 10px 5px;
  text-align: right !important;
}

page-elearning-report .row-period {
  margin-bottom: 7px !important;
  border-bottom: 1px solid #dedede;
}

page-elearning-report .row-class {
  padding-bottom: 7px !important;
  margin-bottom: 7px !important;
  border-bottom: 1px solid #dedede;
}

page-elearning-report .row-class ion-col {
  padding: 0px !important;
}

page-elearning-report .row-class p {
  margin: 0px !important;
  padding: 10px 0px;
}

page-elearning-report .row-class .sficon-forward {
  font-size: 1.3em !important;
  padding: 10px 5px;
  text-align: right !important;
}

page-elearning-report .no-border {
  padding-bottom: 0px !important;
}

page-elearning-report .no-border .item-inner {
  border-bottom: none !important;
}

page-elearning-report .datetime-md {
  padding: 0px;
}

page-elearning-report ion-segment {
  background-color: #fff;
}

page-elearning-report .segment-button.segment-activated {
  opacity: 1 !important;
  background: #F68A22 !important;
  color: #F68A22 !important;
}

page-elearning-report .segment-button {
  opacity: 1 !important;
  background: #fff !important;
  color: #F68A22 !important;
}

page-elearning-report .text-ellipsis {
  width: 20em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

page-elearning-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-elearning-report .report-footer {
  position: fixed;
  bottom: 0;
}

page-select-class .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-select-class .div-spinner {
  color: #189dae !important;
  margin-top: 57% !important;
  margin-left: 46% !important;
  margin-right: 46% !important;
  margin-bottom: 57% !important;
}

page-select-class ion-spinner svg * {
  width: 30px !important;
  height: 30px !important;
  stroke: #737373 !important;
  fill: #737373 !important;
}

page-select-course .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-emp-overtime-ph-report h2 {
  color: #F68A22;
}

page-emp-overtime-ph-report .upd-stat {
  color: #F68A22;
}

page-emp-overtime-ph-report .del-stat {
  color: #F0624D;
}

page-emp-overtime-ph-report .col-right {
  text-align: right;
}

page-emp-overtime-ph-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-emp-overtime-ph-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-emp-overtime-ph-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-emp-overtime-ph-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-emp-overtime-ph-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-emp-overtime-ph-report .list-md > .item-block:last-child {
  border: none !important;
}

page-emp-overtime-ph-report .list-md > .item-block:first-child {
  border: none !important;
}

page-emp-overtime-ph-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-emp-overtime-ph-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-emp-overtime-ph-report ion-select {
  margin-top: 10px !important;
}

page-emp-overtime-ph-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-emp-overtime-ph-report .btn-tag span {
  font-size: 1.2em !important;
}

page-emp-overtime-report h2 {
  color: #F68A22;
}

page-emp-overtime-report .upd-stat {
  color: #F68A22;
}

page-emp-overtime-report .del-stat {
  color: #F0624D;
}

page-emp-overtime-report .col-right {
  text-align: right;
}

page-emp-overtime-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-emp-overtime-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-emp-overtime-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-emp-overtime-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-emp-overtime-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-emp-overtime-report .list-md > .item-block:last-child {
  border: none !important;
}

page-emp-overtime-report .list-md > .item-block:first-child {
  border: none !important;
}

page-emp-overtime-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-emp-overtime-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-emp-overtime-report ion-select {
  margin-top: 10px !important;
}

page-emp-overtime-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-emp-overtime-report .btn-tag span {
  font-size: 1.2em !important;
}

employee-report-page h2 {
  color: #F68A22;
}

employee-report-page .upd-stat {
  color: #F68A22;
}

employee-report-page .del-stat {
  color: #F0624D;
}

employee-report-page .col-right {
  text-align: right;
}

employee-report-page .input-calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

employee-report-page .input-search-icon:after {
  content: "\e944";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

employee-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

employee-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

employee-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

employee-report-page .list-md > .item-block:last-child {
  border: none !important;
}

employee-report-page .list-md > .item-block:first-child {
  border: none !important;
}

employee-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

employee-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

employee-report-page .btn-tag span {
  font-size: 1.2em !important;
}

employee-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

ion-item.emp-selection ion-label.label.label-md {
  height: 500px;
}

page-employee-loan-report h2 {
  color: #F68A22;
}

page-employee-loan-report .upd-stat {
  color: #F68A22;
}

page-employee-loan-report .del-stat {
  color: #F0624D;
}

page-employee-loan-report .col-right {
  text-align: right;
}

page-employee-loan-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-loan-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-employee-loan-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-employee-loan-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-employee-loan-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-employee-loan-report .list-md > .item-block:last-child {
  border: none !important;
}

page-employee-loan-report .list-md > .item-block:first-child {
  border: none !important;
}

page-employee-loan-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-employee-loan-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-employee-loan-report ion-select {
  margin-top: 10px !important;
}

page-employee-loan-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-employee-loan-report .btn-tag span {
  font-size: 1.2em !important;
}

employee-request-report-page h2 {
  color: #F68A22;
}

employee-request-report-page .upd-stat {
  color: #F68A22;
}

employee-request-report-page .del-stat {
  color: #F0624D;
}

employee-request-report-page .col-right {
  text-align: right;
}

employee-request-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

employee-request-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

employee-request-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

employee-request-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

employee-request-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

employee-request-report-page .list-md > .item-block:last-child {
  border: none !important;
}

employee-request-report-page .list-md > .item-block:first-child {
  border: none !important;
}

employee-request-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

employee-request-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

employee-request-report-page ion-select {
  margin-top: 10px !important;
}

employee-request-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

employee-request-report-page .btn-tag span {
  font-size: 1.2em !important;
}

feedback-report-page h2 {
  color: #F68A22;
}

feedback-report-page .upd-stat {
  color: #F68A22;
}

feedback-report-page .del-stat {
  color: #F0624D;
}

feedback-report-page .col-right {
  text-align: right;
}

feedback-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

feedback-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

feedback-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

feedback-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

feedback-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

feedback-report-page .list-md > .item-block:last-child {
  border: none !important;
}

feedback-report-page .list-md > .item-block:first-child {
  border: none !important;
}

feedback-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

feedback-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

feedback-report-page ion-select {
  margin-top: 10px !important;
}

feedback-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

feedback-report-page .btn-tag span {
  font-size: 1.2em !important;
}

gd-event-report h2 {
  color: #F68A22;
}

gd-event-report .upd-stat {
  color: #F68A22;
}

gd-event-report .del-stat {
  color: #F0624D;
}

gd-event-report .col-right {
  text-align: right;
}

gd-event-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-event-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-event-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

gd-event-report .list-ios > .item-block:last-child {
  border: none !important;
}

gd-event-report .list-ios > .item-block:first-child {
  border: none !important;
}

gd-event-report .list-md > .item-block:last-child {
  border: none !important;
}

gd-event-report .list-md > .item-block:first-child {
  border: none !important;
}

gd-event-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

gd-event-report .list-radio ion-item .item-inner {
  border: none !important;
}

gd-event-report ion-select {
  margin-top: 10px !important;
}

gd-event-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

gd-event-report .btn-tag span {
  font-size: 1.2em !important;
}

headcount-report-page h2 {
  color: #F68A22;
}

headcount-report-page .upd-stat {
  color: #F68A22;
}

headcount-report-page .del-stat {
  color: #F0624D;
}

headcount-report-page .col-right {
  text-align: right;
}

headcount-report-page .input-cal-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

headcount-report-page .input-search-icon:after {
  content: "\e944";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

headcount-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

headcount-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

headcount-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

headcount-report-page .list-md > .item-block:last-child {
  border: none !important;
}

headcount-report-page .list-md > .item-block:first-child {
  border: none !important;
}

headcount-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

headcount-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

headcount-report-page ion-select {
  margin-top: 10px !important;
}

headcount-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

headcount-report-page .btn-tag span {
  font-size: 1.2em !important;
}

page-indonesian-tax-report h2 {
  color: #F68A22;
}

page-indonesian-tax-report .upd-stat {
  color: #F68A22;
}

page-indonesian-tax-report .del-stat {
  color: #F0624D;
}

page-indonesian-tax-report .col-right {
  text-align: right;
}

page-indonesian-tax-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-indonesian-tax-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-indonesian-tax-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-indonesian-tax-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-indonesian-tax-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-indonesian-tax-report .list-md > .item-block:last-child {
  border: none !important;
}

page-indonesian-tax-report .list-md > .item-block:first-child {
  border: none !important;
}

page-indonesian-tax-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-indonesian-tax-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-indonesian-tax-report ion-select {
  margin-top: 10px !important;
}

page-indonesian-tax-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-indonesian-tax-report .btn-tag span {
  font-size: 1.2em !important;
}

leave-balance-report-page h2 {
  color: #F68A22;
}

leave-balance-report-page .upd-stat {
  color: #F68A22;
}

leave-balance-report-page .del-stat {
  color: #F0624D;
}

leave-balance-report-page .col-right {
  text-align: right;
}

leave-balance-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

leave-balance-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

leave-balance-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

leave-balance-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

leave-balance-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

leave-balance-report-page .list-md > .item-block:last-child {
  border: none !important;
}

leave-balance-report-page .list-md > .item-block:first-child {
  border: none !important;
}

leave-balance-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

leave-balance-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

leave-balance-report-page ion-select {
  margin-top: 10px !important;
}

leave-balance-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

leave-balance-report-page .btn-tag span {
  font-size: 1.2em !important;
}

leave-report h2 {
  color: #F68A22;
}

leave-report .upd-stat {
  color: #F68A22;
}

leave-report .del-stat {
  color: #F0624D;
}

leave-report .col-right {
  text-align: right;
}

leave-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

leave-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

leave-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

leave-report .list-ios > .item-block:last-child {
  border: none !important;
}

leave-report .list-ios > .item-block:first-child {
  border: none !important;
}

leave-report .list-md > .item-block:last-child {
  border: none !important;
}

leave-report .list-md > .item-block:first-child {
  border: none !important;
}

leave-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

leave-report .list-radio ion-item .item-inner {
  border: none !important;
}

leave-report ion-select {
  margin-top: 10px !important;
}

leave-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

leave-report .btn-tag span {
  font-size: 1.2em !important;
}

loan-report-page h2 {
  color: #F68A22;
}

loan-report-page .upd-stat {
  color: #F68A22;
}

loan-report-page .del-stat {
  color: #F0624D;
}

loan-report-page .col-right {
  text-align: right;
}

loan-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

loan-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

loan-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

loan-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

loan-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

loan-report-page ion-select {
  margin-top: 10px !important;
}

loan-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

loan-report-page .btn-tag span {
  font-size: 1.2em !important;
}

loan-report-page .polling ion-item {
  border-bottom: 1px solid #dbdbe1 !important;
}

loan-report-page .alert-input-group {
  display: none;
}

page-loan-request-report h2 {
  color: #F68A22;
}

page-loan-request-report .upd-stat {
  color: #F68A22;
}

page-loan-request-report .del-stat {
  color: #F0624D;
}

page-loan-request-report .col-right {
  text-align: right;
}

page-loan-request-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-loan-request-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-loan-request-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-loan-request-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-loan-request-report .list-md > .item-block:last-child {
  border: none !important;
}

page-loan-request-report .list-md > .item-block:first-child {
  border: none !important;
}

page-loan-request-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-loan-request-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-loan-request-report ion-select {
  margin-top: 10px !important;
}

page-loan-request-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-loan-request-report .btn-tag span {
  font-size: 1.2em !important;
}

page-minimum-stock-level-inventory h2 {
  color: #F68A22;
}

page-minimum-stock-level-inventory .upd-stat {
  color: #F68A22;
}

page-minimum-stock-level-inventory .del-stat {
  color: #F0624D;
}

page-minimum-stock-level-inventory .col-right {
  text-align: right;
}

page-minimum-stock-level-inventory .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-minimum-stock-level-inventory .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-minimum-stock-level-inventory .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-minimum-stock-level-inventory .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-minimum-stock-level-inventory .list-ios > .item-block:last-child {
  border: none !important;
}

page-minimum-stock-level-inventory .list-ios > .item-block:first-child {
  border: none !important;
}

page-minimum-stock-level-inventory .list-md > .item-block:last-child {
  border: none !important;
}

page-minimum-stock-level-inventory .list-md > .item-block:first-child {
  border: none !important;
}

page-minimum-stock-level-inventory .list-radio ion-item .item-inner {
  border: none !important;
}

page-minimum-stock-level-inventory .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-minimum-stock-level-inventory .btn-tag span {
  font-size: 1.2em !important;
}

page-minimum-stock-level-item ion-header ion-navbar ion-buttons button ion-icon {
  margin: 0;
  padding: 0 6px 0 6px;
  font-size: 2.4rem;
}

page-minimum-stock-level-item h2, page-minimum-stock-level-item h3 {
  color: #F68A22 !important;
}

page-minimum-stock-level-item .list-no-data {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center !important;
}

page-minimum-stock-level-item ion-list ion-item .item-code {
  color: #F68A22;
}

page-minimum-stock-level-item ion-list ion-item .item-name {
  white-space: normal;
  padding: 0;
}

page-minimum-stock-level-item ion-list ion-item .item-checked {
  text-align: right;
}

page-minimum-stock-level-item ion-list ion-item .item-checked ion-icon {
  font-size: x-large;
  color: #F68A22;
}

overtime-cancellation-report h2 {
  color: #F68A22;
}

overtime-cancellation-report .upd-stat {
  color: #F68A22;
}

overtime-cancellation-report .del-stat {
  color: #F0624D;
}

overtime-cancellation-report .col-right {
  text-align: right;
}

overtime-cancellation-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

overtime-cancellation-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

overtime-cancellation-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

overtime-cancellation-report .list-ios > .item-block:last-child {
  border: none !important;
}

overtime-cancellation-report .list-ios > .item-block:first-child {
  border: none !important;
}

overtime-cancellation-report .list-md > .item-block:last-child {
  border: none !important;
}

overtime-cancellation-report .list-md > .item-block:first-child {
  border: none !important;
}

overtime-cancellation-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

overtime-cancellation-report .list-radio ion-item .item-inner {
  border: none !important;
}

overtime-cancellation-report ion-select {
  margin-top: 10px !important;
}

overtime-cancellation-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

overtime-cancellation-report .btn-tag span {
  font-size: 1.2em !important;
}

overtime-report h2 {
  color: #F68A22;
}

overtime-report .upd-stat {
  color: #F68A22;
}

overtime-report .del-stat {
  color: #F0624D;
}

overtime-report .col-right {
  text-align: right;
}

overtime-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

overtime-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

overtime-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

overtime-report .list-ios > .item-block:last-child {
  border: none !important;
}

overtime-report .list-ios > .item-block:first-child {
  border: none !important;
}

overtime-report .list-md > .item-block:last-child {
  border: none !important;
}

overtime-report .list-md > .item-block:first-child {
  border: none !important;
}

overtime-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

overtime-report .list-radio ion-item .item-inner {
  border: none !important;
}

overtime-report ion-select {
  margin-top: 10px !important;
}

overtime-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

overtime-report .btn-tag span {
  font-size: 1.2em !important;
}

page-payroll-report h2 {
  color: #F68A22;
}

page-payroll-report .upd-stat {
  color: #F68A22;
}

page-payroll-report .del-stat {
  color: #F0624D;
}

page-payroll-report .col-right {
  text-align: right;
}

page-payroll-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-payroll-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-payroll-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-payroll-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-payroll-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-payroll-report .list-md > .item-block:last-child {
  border: none !important;
}

page-payroll-report .list-md > .item-block:first-child {
  border: none !important;
}

page-payroll-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-payroll-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-payroll-report ion-select {
  margin-top: 10px !important;
}

page-payroll-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-payroll-report .btn-tag span {
  font-size: 1.2em !important;
}

page-payslip-report h2 {
  color: #F68A22;
}

page-payslip-report .upd-stat {
  color: #F68A22;
}

page-payslip-report .del-stat {
  color: #F0624D;
}

page-payslip-report .col-right {
  text-align: right;
}

page-payslip-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-payslip-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-payslip-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-payslip-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-payslip-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-payslip-report .list-md > .item-block:last-child {
  border: none !important;
}

page-payslip-report .list-md > .item-block:first-child {
  border: none !important;
}

page-payslip-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-payslip-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-payslip-report ion-select {
  margin-top: 10px !important;
}

page-payslip-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-payslip-report .btn-tag span {
  font-size: 1.2em !important;
}

page-performance-report h2 {
  color: #F68A22;
}

page-performance-report .upd-stat {
  color: #F68A22;
}

page-performance-report .del-stat {
  color: #F0624D;
}

page-performance-report .col-right {
  text-align: right;
}

page-performance-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-performance-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-performance-report .list-ios > .item-block:last-child {
  border: none !important;
}

page-performance-report .list-ios > .item-block:first-child {
  border: none !important;
}

page-performance-report .list-md > .item-block:last-child {
  border: none !important;
}

page-performance-report .list-md > .item-block:first-child {
  border: none !important;
}

page-performance-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-performance-report .list-radio ion-item .item-inner {
  border: none !important;
}

page-performance-report ion-select {
  margin-top: 10px !important;
}

page-performance-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-performance-report .btn-tag span {
  font-size: 1.2em !important;
}

personal-report h2 {
  color: #F68A22;
}

personal-report .upd-stat {
  color: #F68A22;
}

personal-report .del-stat {
  color: #F0624D;
}

personal-report .col-right {
  text-align: right;
}

personal-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

personal-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

personal-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

personal-report .list-ios > .item-block:last-child {
  border: none !important;
}

personal-report .list-ios > .item-block:first-child {
  border: none !important;
}

personal-report .list-md > .item-block:last-child {
  border: none !important;
}

personal-report .list-md > .item-block:first-child {
  border: none !important;
}

personal-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

personal-report .list-radio ion-item .item-inner {
  border: none !important;
}

personal-report ion-select {
  margin-top: 10px !important;
}

personal-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

personal-report .btn-tag span {
  font-size: 1.2em !important;
}

polling-report-page h2 {
  color: #F68A22;
}

polling-report-page .upd-stat {
  color: #F68A22;
}

polling-report-page .del-stat {
  color: #F0624D;
}

polling-report-page .col-right {
  text-align: right;
}

polling-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

polling-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

polling-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

polling-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

polling-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

polling-report-page ion-select {
  margin-top: 10px !important;
}

polling-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

polling-report-page .btn-tag span {
  font-size: 1.2em !important;
}

polling-report-page .polling ion-item {
  border-bottom: 1px solid #dbdbe1 !important;
}

polling-report-page .alert-input-group {
  display: none;
}

page-preview-report .div-title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

page-preview-report .table-preview {
  overflow: auto;
  display: block;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

page-preview-report .table-preview tr {
  width: 100%;
}

page-preview-report .table-preview th {
  text-decoration: underline;
}

page-preview-report .table-preview th, page-preview-report .table-preview td {
  padding: 10px;
  text-align: left;
  min-width: 300px;
}

page-preview-report .table-preview td {
  white-space: pre-line;
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
}

page-preview-report .table-preview td:nth-child(1), page-preview-report .table-preview th:nth-child(1) {
  min-width: 50px !important;
}

page-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;
}

page-preview-report .table-preview thead tr {
  display: table;
  overflow: auto;
  width: 100%;
  height: 100%;
}

page-preview-report .table-preview tbody {
  display: block;
}

page-preview-report .table-preview tbody tr:nth-child(even) {
  background-color: #DDD;
}

page-preview-report .div-no-record {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

preview-report-v2 .scroll-content {
  overflow: auto !important;
}

preview-report-v2 .div-title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

preview-report-v2 .chart-box > div {
  margin-bottom: 4px;
}

preview-report-v2 .chart-box ion-label {
  display: block;
  font-size: 14px !important;
  color: #333333 !important;
}

preview-report-v2 .chart-box .chart-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
}

preview-report-v2 .chart-box .chart-section > div {
  margin-bottom: 16px;
}

preview-report-v2 .chart-box .chart-section .chart-detail ion-label {
  margin-bottom: 16px;
  font-size: 16px !important;
  color: #333333 !important;
  font-weight: bold !important;
}

preview-report-v2 .div-header {
  clear: both;
  max-height: 95%;
  width: 100%;
  margin-bottom: 16px;
}

preview-report-v2 .table-preview {
  display: block;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  min-width: 100%;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 26px;
  overflow: initial;
}

preview-report-v2 .table-preview tr {
  width: 100%;
}

preview-report-v2 .table-preview th {
  text-decoration: underline;
}

preview-report-v2 .table-preview th,
preview-report-v2 .table-preview td {
  padding: 10px;
  text-align: left;
  min-width: 300px;
}

preview-report-v2 .table-preview td:nth-child(1),
preview-report-v2 .table-preview th:nth-child(1) {
  min-width: 50px !important;
}

preview-report-v2 .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: -20px;
  z-index: 3;
}

preview-report-v2 .table-preview thead tr {
  display: table;
  overflow: auto;
  width: 100%;
  height: 100%;
}

preview-report-v2 .table-preview thead tr th.fixed-col {
  background-color: #333;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  left: -21px;
}

preview-report-v2 .table-preview tbody {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: -webkit-sticky;
  position: sticky;
  display: block;
}

preview-report-v2 .table-preview tbody tr:nth-child(even) {
  background-color: #ddd;
}

preview-report-v2 .table-preview tbody tr td.fixed-col {
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  left: -21px;
}

preview-report-v2 .table-preview tbody tr:nth-child(even) td.fixed-col {
  background-color: #ddd !important;
}

preview-report-v2 .div-no-record {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 768px) {
  preview-report-v2 tr th.fixed-col, preview-report-v2 tr td.fixed-col {
    position: unset !important;
    left: unset !important;
  }
}

preview-report-v2 ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

preview-report-v2 ::-webkit-scrollbar {
  width: 9px !important;
  height: 10px !important;
  background-color: #f5f5f5;
}

preview-report-v2 ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

preview-report-v2 ::-webkit-scrollbar-thumb:hover {
  background-color: #9f9f9f !important;
  -webkit-transition: background-color 1s ease !important;
  transition: background-color 1s ease !important;
}

shiftschedule-report h2 {
  color: #F68A22;
}

shiftschedule-report .upd-stat {
  color: #F68A22;
}

shiftschedule-report .del-stat {
  color: #F0624D;
}

shiftschedule-report .col-right {
  text-align: right;
}

shiftschedule-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

shiftschedule-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

shiftschedule-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

shiftschedule-report .list-ios > .item-block:last-child {
  border: none !important;
}

shiftschedule-report .list-ios > .item-block:first-child {
  border: none !important;
}

shiftschedule-report .list-md > .item-block:last-child {
  border: none !important;
}

shiftschedule-report .list-md > .item-block:first-child {
  border: none !important;
}

shiftschedule-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

shiftschedule-report .list-radio ion-item .item-inner {
  border: none !important;
}

shiftschedule-report ion-select {
  margin-top: 10px !important;
}

shiftschedule-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

shiftschedule-report .btn-tag span {
  font-size: 1.2em !important;
}

suspect-attendance-report-page h2 {
  color: #F68A22;
}

suspect-attendance-report-page .upd-stat {
  color: #F68A22;
}

suspect-attendance-report-page .del-stat {
  color: #F0624D;
}

suspect-attendance-report-page .col-right {
  text-align: right;
}

suspect-attendance-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

suspect-attendance-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

suspect-attendance-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

suspect-attendance-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

suspect-attendance-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

suspect-attendance-report-page .list-md > .item-block:last-child {
  border: none !important;
}

suspect-attendance-report-page .list-md > .item-block:first-child {
  border: none !important;
}

suspect-attendance-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

suspect-attendance-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

suspect-attendance-report-page ion-select {
  margin-top: 10px !important;
}

suspect-attendance-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

suspect-attendance-report-page .btn-tag span {
  font-size: 1.2em !important;
}

page-suspect-calendar-view .scroll-content {
  overflow-y: hidden !important;
}

page-suspect-calendar-view .div-title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

page-suspect-calendar-view .div-header {
  clear: both;
  height: 95%;
  width: 100%;
}

page-suspect-calendar-view .table-preview {
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

page-suspect-calendar-view .table-preview tr {
  width: 100%;
}

page-suspect-calendar-view .table-preview th {
  text-decoration: underline;
}

page-suspect-calendar-view .table-preview th, page-suspect-calendar-view .table-preview td {
  padding: 10px;
  text-align: left;
  min-width: 300px;
}

page-suspect-calendar-view .table-preview td:nth-child(1), page-suspect-calendar-view .table-preview th:nth-child(1) {
  min-width: 50px !important;
}

page-suspect-calendar-view .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;
}

page-suspect-calendar-view .table-preview thead tr {
  display: table;
  overflow: auto;
  width: 100%;
  height: 100%;
}

page-suspect-calendar-view .table-preview tbody {
  display: block;
}

page-suspect-calendar-view .table-preview tbody tr:nth-child(even) {
  background-color: #DDD;
}

page-suspect-calendar-view .div-no-record {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

page-suspect-calendar-view ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

page-suspect-calendar-view ::-webkit-scrollbar {
  width: 9px !important;
  height: 10px !important;
  background-color: #F5F5F5;
}

page-suspect-calendar-view ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

page-suspect-calendar-view ::-webkit-scrollbar-thumb:hover {
  background-color: #9f9f9f !important;
  -webkit-transition: background-color 1s ease !important;
  transition: background-color 1s ease !important;
}

page-suspect-calendar-view .container-box .search-box {
  margin-bottom: 24px;
}

page-suspect-calendar-view .container-box .search-box .search-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  padding: 10px;
}

page-suspect-calendar-view .container-box .search-box .search-section input {
  outline: none;
  border: none;
}

page-suspect-calendar-view .container-box .table-box .datepicker-box {
  padding: 0 24px 0 0;
  margin-right: 24px;
  border-right: 1.5px solid #dbdbe1;
  width: 300px;
}

page-suspect-calendar-view .container-box .table-box .datepicker-box .calendar-container {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

page-suspect-calendar-view .container-box .table-box .table-section {
  overflow: auto;
}

page-suspect-calendar-view .container-box .table-box .table-section .photo-box {
  min-width: 150px;
}

page-suspect-calendar-view .container-box .table-box .table-section table {
  min-width: 100%;
}

page-suspect-calendar-view .container-box .table-box .table-section .head {
  padding: 10px 16px 40px;
  font-family: "bold";
}

page-suspect-calendar-view .container-box .table-box .table-section .body {
  padding: 10px 16px;
  border-bottom: 1px solid #dbdbe1;
}

page-suspect-calendar-view .container-box .table-box .table-section .body img {
  width: 39px;
  height: 39px;
  border-radius: 200px;
}

page-suspect-calendar-view .container-box .table-box .table-section .attendance img {
  margin-bottom: 6px;
}

page-suspect-calendar-view .container-box .table-box .table-section .attendance p {
  text-align: center;
}

page-suspect-detail .container .responsive-section {
  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;
  padding: 20px;
}

page-suspect-detail .container .photo-self {
  margin-top: 55px;
  position: -webkit-sticky;
  position: sticky;
  top: 75px;
}

page-suspect-detail .container .photo-self img {
  max-width: 250px;
  border-radius: 8px;
  height: auto;
  max-height: 330px;
}

page-suspect-detail .container .photo-self b {
  margin: 16px 0 0 0;
  padding: 4px 11px;
  border-radius: 50px;
}

page-suspect-detail .container .photo-self b.early {
  color: #2BB34D;
  border: 1px solid #2BB34D;
}

page-suspect-detail .container .photo-self b.late {
  color: #F0624D;
  border: 1px solid #F0624D;
}

page-suspect-detail .container .photo-self .time-box {
  width: 90%;
  max-width: 250px;
  border: 1px solid #dbdbe1;
  padding: 15px;
  margin-top: 16px;
  border-radius: 9px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

page-suspect-detail .container .photo-self .time-box h2 {
  margin: 8px 0 0 0;
  text-align: center;
  font-size: 24px;
}

page-suspect-detail .container .photo-self .time-box h2.in {
  color: #8cc63f;
}

page-suspect-detail .container .photo-self .time-box h2.out {
  color: #fb745e;
}

page-suspect-detail .container .photo-self .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-suspect-detail .container .photo-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-suspect-detail .container .photo-list .photo-item {
  margin: 8px;
  position: relative;
}

page-suspect-detail .container .photo-list .photo-item img {
  width: 90px;
  height: 90px;
  border-radius: 200px;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-suspect-detail .container .photo-list .photo-item b.early {
  background: #2BB34D;
  color: #fff;
  padding: 5px 8px;
  border-radius: 44px;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  white-space: nowrap;
  bottom: -5px;
  left: 22px;
  z-index: 59;
}

page-suspect-detail .container .photo-list .photo-item b.late {
  background: #F0624D;
  color: #fff;
  padding: 5px 8px;
  border-radius: 44px;
  font-size: 10px;
  font-weight: 400;
  position: absolute;
  white-space: nowrap;
  bottom: -5px;
  left: 22px;
  z-index: 59;
}

page-suspect-detail .container .photo-list .photo-item.selected::after {
  content: '';
  background: rgba(0, 0, 0, 0.4);
  width: 90px;
  height: 90px;
  border-radius: 200px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

page-suspect-detail .container button.show-more {
  margin-right: 15px;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  page-suspect-detail .container .responsive-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  page-suspect-detail .container .responsive-section > div:first-child {
    max-width: 100% !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
    padding-bottom: 20px;
    z-index: 99;
  }
  page-suspect-detail .container .responsive-section > div:last-child {
    max-width: 100% !important;
  }
  page-suspect-detail .container .responsive-section .photo-self {
    margin-top: 0px;
  }
}

task-report-page h2 {
  color: #F68A22;
}

task-report-page .upd-stat {
  color: #F68A22;
}

task-report-page .del-stat {
  color: #F0624D;
}

task-report-page .col-right {
  text-align: right;
}

task-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

task-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

task-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

task-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

task-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

task-report-page .list-md > .item-block:last-child {
  border: none !important;
}

task-report-page .list-md > .item-block:first-child {
  border: none !important;
}

task-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

task-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

task-report-page ion-select {
  margin-top: 10px !important;
}

task-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

task-report-page .btn-tag span {
  font-size: 1.2em !important;
}

time-attendance-report-page h2 {
  color: #F68A22;
}

time-attendance-report-page .upd-stat {
  color: #F68A22;
}

time-attendance-report-page .del-stat {
  color: #F0624D;
}

time-attendance-report-page .col-right {
  text-align: right;
}

time-attendance-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

time-attendance-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

time-attendance-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

time-attendance-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

time-attendance-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

time-attendance-report-page .list-md > .item-block:last-child {
  border: none !important;
}

time-attendance-report-page .list-md > .item-block:first-child {
  border: none !important;
}

time-attendance-report-page .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

time-attendance-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

time-attendance-report-page ion-select {
  margin-top: 10px !important;
}

time-attendance-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

time-attendance-report-page .btn-tag span {
  font-size: 1.2em !important;
}

page-attendance-search .btn-filter {
  background: whitesmoke;
  padding-top: 1px;
  padding-bottom: 1px;
}

page-attendance-search .btn-filter:hover {
  cursor: pointer;
  opacity: 0.7;
}

timesheet-report h2 {
  color: #F68A22;
}

timesheet-report .upd-stat {
  color: #F68A22;
}

timesheet-report .del-stat {
  color: #F0624D;
}

timesheet-report .col-right {
  text-align: right;
}

timesheet-report .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

timesheet-report .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

timesheet-report .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

timesheet-report .list-ios > .item-block:last-child {
  border: none !important;
}

timesheet-report .list-ios > .item-block:first-child {
  border: none !important;
}

timesheet-report .list-md > .item-block:last-child {
  border: none !important;
}

timesheet-report .list-md > .item-block:first-child {
  border: none !important;
}

timesheet-report .list {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

timesheet-report .list-radio ion-item .item-inner {
  border: none !important;
}

timesheet-report ion-select {
  margin-top: 10px !important;
}

timesheet-report .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

timesheet-report .btn-tag span {
  font-size: 1.2em !important;
}

yesdok-report-page .scroll-content {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

yesdok-report-page h2 {
  color: #F68A22;
}

yesdok-report-page .upd-stat {
  color: #F68A22;
}

yesdok-report-page .del-stat {
  color: #F0624D;
}

yesdok-report-page .col-right {
  text-align: right;
}

yesdok-report-page .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

yesdok-report-page .p-left {
  float: left;
}

yesdok-report-page .p-right {
  float: right;
}

yesdok-report-page .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

yesdok-report-page .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

yesdok-report-page .list-ios > .item-block:last-child {
  border: none !important;
}

yesdok-report-page .list-ios > .item-block:first-child {
  border: none !important;
}

yesdok-report-page .list-md > .item-block:last-child {
  border: none !important;
}

yesdok-report-page .list-md > .item-block:first-child {
  border: none !important;
}

yesdok-report-page .list-radio ion-item .item-inner {
  border: none !important;
}

yesdok-report-page ion-select {
  margin-top: 10px !important;
}

yesdok-report-page .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

yesdok-report-page .btn-tag span {
  font-size: 1.2em !important;
}

.text-pending-yesdok {
  color: #F68A22 !important;
  font-size: 10px !important;
}

.primaryColor {
  color: #F68A22 !important;
}

.failedColor {
  color: red !important;
}

.pendingColor {
  color: #d1c415 !important;
}

.successColor {
  color: #3a914b !important;
}

page-search-position ion-list ion-item ion-avatar p {
  color: white !important;
  line-height: 1.6em !important;
  text-align: center;
  font-size: 22pt !important;
}

page-search-position ion-list ion-item h2 {
  color: #F68A22 !important;
}

page-search-position .list-thumb {
  background-color: #F68A22 !important;
}

page-search-position .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-search-position .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-search-position .btn-tag span {
  font-size: 1.2em !important;
}

page-search-position .thumbnail-list {
  background-color: #F68A22;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

page-search-position .thumbnail-list ion-icon {
  color: #fff;
  font-size: 30px;
}

page-search-position .thumbnail-list ion-item ion-label p:last-child {
  color: #000 !important;
}

page-search-position .thumbnail-list div.alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

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;
}

sfgis-new-employee-form .btn-footer-single {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: .5em auto;
}

sfgis-new-employee-form .education-wrapper {
  margin-bottom: 1em;
  border-bottom: 1px solid #189dae;
}

sfgis-new-employee-form .experience-wrapper {
  margin-bottom: 1em;
  border-bottom: 1px solid #189dae;
}

sfgis-new-employee-form .btn-block-custom {
  text-transform: capitalize;
}

page-add-post ion-header ion-item ion-title .toolbar-title, page-add-post ion-content .text-col {
  color: #58595B !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-add-post ion-label, page-add-post ::-webkit-input-placeholder, page-add-post ion-footer .footer-wrapper .toggle-section ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-add-post ion-label, page-add-post ::-moz-placeholder, page-add-post ion-footer .footer-wrapper .toggle-section ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-add-post ion-label, page-add-post ::-ms-input-placeholder, page-add-post ion-footer .footer-wrapper .toggle-section ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-problem-conversation .footer-wrapper .toggle-section ion-label, page-problem-conversation .footer-wrapper .toggle-section page-add-post ion-label, page-add-post page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-add-post ion-label, page-add-post ::placeholder, page-add-post ion-footer .footer-wrapper .toggle-section ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

page-add-post ::-webkit-input-placeholder {
  font-size: 21px !important;
}

page-add-post ::-moz-placeholder {
  font-size: 21px !important;
}

page-add-post ::-ms-input-placeholder {
  font-size: 21px !important;
}

page-add-post ::placeholder {
  font-size: 21px !important;
}

page-add-post ion-header ion-item ion-title .toolbar-title {
  font-size: 18px !important;
}

page-add-post ion-header ion-item ion-icon {
  color: #A5B0B7;
  font-size: 22px !important;
  opacity: 0.6;
}

page-add-post ion-content .text-col {
  font-size: 21px !important;
}

page-add-post ion-footer .footer-wrapper {
  padding: 7px 14px;
}

page-add-post ion-footer .footer-wrapper .upload-section {
  margin-right: 14px;
}

page-add-post ion-footer .footer-wrapper .upload-section img {
  -webkit-filter: brightness(0.4) sepia(1) hue-rotate(136deg) saturate(5);
  filter: brightness(0.4) sepia(1) hue-rotate(136deg) saturate(5);
  width: 34px;
  height: 34px;
}

page-add-post ion-footer .footer-wrapper .toggle-section {
  border-left: 1px solid #E2E9ED;
  padding: 0 14px;
}

page-add-post ion-footer .footer-wrapper .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

page-add-post ion-footer .footer-wrapper .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

page-add-post ion-footer .footer-wrapper .fab-box {
  position: absolute;
  right: 5%;
  bottom: 32px;
  width: 58px;
  height: 58px;
}

page-add-post ion-footer .footer-wrapper .fab-box .shadow-section {
  width: 33px;
  height: 33px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

page-add-post ion-footer .footer-wrapper .fab-box .icon-section {
  padding-left: 7px;
  width: 58px;
  height: 58px;
  position: absolute;
  background: #F68A22;
  border-radius: 100%;
}

page-add-post ion-footer .footer-wrapper .fab-box .icon-section ion-icon {
  font-size: 30px;
  color: white;
}

page-alert-share-post {
  border-radius: unset !important;
}

page-alert-share-post ion-content {
  background: transparent !important;
}

page-alert-share-post .wrapper-box {
  background: white;
  border-radius: 10px;
  padding: 27px 18px;
}

page-alert-share-post .wrapper-box .title-box {
  margin: 0px 0px 14px 0px;
}

page-alert-share-post .wrapper-box .title-box ion-label {
  font-size: 18px !important;
  font-family: 'regular' !important;
  color: #F68A22 !important;
  margin: 0px 0px 7px 0px;
}

page-alert-share-post .wrapper-box .title-box p {
  font-size: 14px !important;
  font-family: 'light' !important;
  color: #58595b !important;
  margin: 0px;
}

page-alert-share-post .wrapper-box .profil-box {
  margin: 0px 0px 7px 0px;
}

page-alert-share-post .wrapper-box .profil-box img {
  border-radius: 100%;
  margin: 0px 0px 9px 0px;
  width: 81px;
  height: 81px;
}

page-alert-share-post .wrapper-box .profil-box ion-label {
  font-size: 17px !important;
  font-family: 'light' !important;
  color: #58595b !important;
  margin: 0;
}

page-alert-share-post .wrapper-box .star-box {
  margin-bottom: 50px;
}

page-alert-share-post .wrapper-box .star-box .star-section {
  margin: 0px 16px 0px 0px;
}

page-alert-share-post .wrapper-box .star-box .star-section img {
  width: 23px;
  height: 22px;
}

page-alert-share-post .wrapper-box .share-box button {
  padding: 25px 0;
}

page-alert-share-post .wrapper-box .share-box .share-btn {
  background: #F68A22 !important;
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: white !important;
}

page-alert-share-post .wrapper-box .share-box .not-btn {
  font-size: 14px !important;
  font-family: 'regular' !important;
  color: #939598 !important;
  background: transparent;
}

page-leaderboard ion-header {
  height: auto;
  position: relative;
  background-image: radial-gradient(#ffc330, #fbac5e);
}

page-leaderboard ion-header .kiri {
  position: absolute;
  bottom: -4px;
  left: 0;
}

page-leaderboard ion-header .kanan {
  position: absolute;
  right: 0;
  top: 0;
}

page-leaderboard ion-header .back-button {
  color: white !important;
}

page-leaderboard ion-header ion-navbar .toolbar-background {
  background: transparent;
}

page-leaderboard ion-header ion-navbar ion-title .toolbar-title {
  color: white;
}

page-leaderboard ion-header .card-header .your-score {
  padding: 15px;
  margin-bottom: 6px;
}

page-leaderboard ion-header .card-header .your-score .your-avatar img {
  width: 72px;
  height: 72px;
  border-radius: 200px;
}

page-leaderboard ion-header .card-header .your-score .your-point .point,
page-leaderboard ion-header .card-header .your-score .your-point .pt {
  color: white !important;
}

page-leaderboard ion-header .card-header .your-score .your-point .point {
  font-size: 33px !important;
  font-family: "medium" !important;
  margin: 0 7px 0 0;
}

page-leaderboard ion-header .card-header .your-score .your-point .pt {
  font-size: 15px !important;
  font-family: "regular" !important;
}

page-leaderboard ion-header .card-header .your-score .your-badge img {
  width: 35px;
  height: 38px;
}

page-leaderboard ion-header .card-header .tab-nav ion-segment ion-segment-button {
  color: white !important;
  font-size: 15px !important;
  font-family: "regular" !important;
  text-transform: unset !important;
  opacity: 1 !important;
}

page-leaderboard ion-header .card-header .tab-nav ion-segment .segment-button.segment-activated {
  background: transparent !important;
  border-bottom: 4px solid white !important;
}

page-leaderboard ion-content .wrapper-box ion-list {
  padding: 0 17px 17px 17px;
}

page-leaderboard ion-content .wrapper-box .todayScore {
  background: #f0f6f9;
}

page-leaderboard ion-content .wrapper-box .list-title {
  padding: 15px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-leaderboard ion-content .wrapper-box .list-title p {
  font-size: 15px !important;
  font-family: "medium" !important;
  color: #F68A22 !important;
  margin: 0;
}

page-leaderboard ion-content .wrapper-box .list-box {
  padding: 17px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-leaderboard ion-content .wrapper-box .list-box .avatar-section {
  width: 44px;
  height: 44px;
  margin-right: 11px;
}

page-leaderboard ion-content .wrapper-box .list-box .avatar-section img {
  border-radius: 200px;
}

page-leaderboard ion-content .wrapper-box .list-box .detail-section {
  font-size: 15px !important;
}

page-leaderboard ion-content .wrapper-box .list-box .detail-section .name {
  color: #58595b !important;
  font-family: "medium" !important;
}

page-leaderboard ion-content .wrapper-box .list-box .detail-section .pos {
  color: #a5b0b7 !important;
  font-family: "regular" !important;
}

page-leaderboard ion-content .wrapper-box .list-box .point-section ion-label {
  color: #58595b !important;
  font-size: 15px !important;
  font-family: "regular" !important;
}

page-leaderboard ion-content .wrapper-box .list-box .badge-section img {
  width: 25px;
  height: 30px;
}

page-social-winner .congrat-text {
  margin: 18px 0 16px;
}

page-social-winner .avatar {
  margin: 3px 0 12px;
  width: 74px;
  height: 74px;
  border-radius: 200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

page-social-winner .name {
  margin: 2px 0;
}

page-social-winner .division {
  margin: 0 0 6px;
}

page-social-winner .cup {
  margin: 6px 0;
}

page-social-winner .desc-text {
  margin: 25px 0 22px;
  white-space: pre-wrap;
}

page-social-winner .like {
  margin-top: 24px;
}

page-social-winner .like .like-thumb {
  color: #F68A22;
  margin-right: 5px;
}

page-social-winner .like ion-label {
  margin: 0;
  margin-right: 11px;
}

page-social-winner .like .like-count {
  font-size: 1.05em !important;
}

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-add-location .announce-bottom {
  margin: 0;
  text-align: center;
  line-height: 150%;
  color: #7f7f7f !important;
}

page-add-location h2 {
  color: #7f7f7f !important;
}

page-add-location p {
  color: #909090 !important;
}

page-add-location .img-place {
  width: 35px !important;
  height: auto !important;
  margin-top: 1em;
}

page-add-location #map {
  width: 100%;
  height: 100%;
}

page-add-location #map .gmnoprint {
  display: none;
}

page-add-location #map .gm-control-active {
  display: none;
}

page-add-location .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;
}

page-add-location #btn-div {
  margin-top: 2em;
}

page-add-location .thin-btn-text {
  margin: 0;
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-add-location #br-btm {
  border-bottom: 1px solid #dedede;
  width: 100%;
  margin: auto;
  margin-top: 2em;
}

page-attendance-formula-list .item-worklocation p {
  color: #808080;
}

page-attendance-formula-list .item-worklocation h2 {
  color: #F68A22;
}

page-attendance-formula-list .edit-icon {
  color: #7f7f7f;
}

page-attendance-formula-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-attendance-formula-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-attendance-formula-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-attendance-formula-list img.up {
  width: 17px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-attendance-formula-list img.down {
  width: 17px;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

page-attendance-formula-modal ion-content .container .formula-box input, page-attendance-formula-modal ion-content .container .formula-box input::-webkit-input-placeholder, page-attendance-formula-modal ion-content .container .example-box p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div ion-label, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div p {
  font-size: 17px !important;
  font-family: 'roboto' !important;
}

page-attendance-formula-modal ion-content .container .formula-box input, page-attendance-formula-modal ion-content .container .formula-box input::-moz-placeholder, page-attendance-formula-modal ion-content .container .example-box p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div ion-label, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div p {
  font-size: 17px !important;
  font-family: 'roboto' !important;
}

page-attendance-formula-modal ion-content .container .formula-box input, page-attendance-formula-modal ion-content .container .formula-box input::-ms-input-placeholder, page-attendance-formula-modal ion-content .container .example-box p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div ion-label, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div p {
  font-size: 17px !important;
  font-family: 'roboto' !important;
}

page-attendance-formula-modal ion-content .container .formula-box input, page-attendance-formula-modal ion-content .container .formula-box input::placeholder, page-attendance-formula-modal ion-content .container .example-box p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section p, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div ion-label, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div p {
  font-size: 17px !important;
  font-family: 'roboto' !important;
}

page-attendance-formula-modal ion-content .container .formula-box .title, page-attendance-formula-modal ion-content .container .example-box .title, page-attendance-formula-modal ion-content .container .variable-box .title {
  font-size: 12px !important;
  font-family: 'roboto' !important;
  color: #A5B0B7 !important;
  margin: 0px !important;
}

page-attendance-formula-modal ion-content {
  padding: 0 16px 16px 16px;
}

page-attendance-formula-modal ion-content .container {
  position: relative;
}

page-attendance-formula-modal ion-content .container .input-formula {
  border: none;
  width: 100%;
}

page-attendance-formula-modal ion-content .container .formula-box {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  left: 0;
  right: 0;
  background: #fff;
  padding: 5px 16px 16px 16px;
}

page-attendance-formula-modal ion-content .container .formula-box input {
  margin-left: 0px !important;
}

page-attendance-formula-modal ion-content .container .formula-box input::-webkit-input-placeholder {
  font-style: italic !important;
}

page-attendance-formula-modal ion-content .container .formula-box input::-moz-placeholder {
  font-style: italic !important;
}

page-attendance-formula-modal ion-content .container .formula-box input::-ms-input-placeholder {
  font-style: italic !important;
}

page-attendance-formula-modal ion-content .container .formula-box input::placeholder {
  font-style: italic !important;
}

page-attendance-formula-modal ion-content .container .second-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-attendance-formula-modal ion-content .container .example-box {
  min-width: 150px;
}

page-attendance-formula-modal ion-content .container .example-box p {
  color: #969EA3;
}

page-attendance-formula-modal ion-content .container .example-box .example-flexset {
  font-size: 13px !important;
  color: #969EA3;
}

page-attendance-formula-modal ion-content .container .variable-box {
  background: #F5F5F5;
}

page-attendance-formula-modal ion-content .container .variable-box .list-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
}

page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section {
  margin: 0px 15px 24px 0px;
  min-width: 220px;
  overflow: hidden;
}

page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section p {
  color: #F68A22 !important;
}

page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div ion-label, page-attendance-formula-modal ion-content .container .variable-box .list-box .list-section div p {
  color: #A5B0B7 !important;
}

page-attendance-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-attendance-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-attendance-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-attendance-location-detail ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-attendance-location-detail .detail-list p {
  color: #F68A22;
}

page-attendance-location-detail .detail-list h2 {
  color: #808080;
}

page-attendance-location-detail .detail-list .detail-item {
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 18px 13px 0;
}

page-attendance-location-detail .detail-list .detail-item > div {
  overflow: hidden;
}

page-attendance-location-detail .detail-list .detail-item .stack-label {
  color: #A5B0B7 !important;
}

page-attendance-location-detail .detail-list .detail-item .desc-text {
  white-space: pre-line;
}

page-attendance-location-list .item-worklocation p {
  color: #808080;
}

page-attendance-location-list .item-worklocation h2 {
  color: #F68A22;
}

page-attendance-location-list .edit-icon {
  color: #7f7f7f;
}

page-attendance-location-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-attendance-location-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-attendance-location-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-attendance-location-list .introjs-fixParent {
  z-index: 99 !important;
}

page-cost-center-detail ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-cost-center-detail .detail-list p {
  color: #F68A22;
}

page-cost-center-detail .detail-list h2 {
  color: #808080;
}

page-cost-center-list [cspadding] {
  padding: 5px 10px;
}

page-cost-center-list .item-costcenter p {
  color: #808080;
}

page-cost-center-list .item-costcenter h2 {
  color: #F68A22;
}

page-cost-center-list .edit-icon {
  color: #7f7f7f;
}

page-cost-center-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-cost-center-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-cost-center-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-cost-center-list .introjs-fixParent {
  z-index: 99 !important;
}

page-edit-attendance-location .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-edit-attendance-location .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-edit-attendance-location .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-edit-attendance-location .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-edit-attendance-location .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-edit-attendance-location .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-edit-attendance-location .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-edit-attendance-location .btn-tag span {
  font-size: 1.2em !important;
}

page-edit-attendance-location ion-item ion-label {
  color: #808080 !important;
}

page-edit-attendance-location .label-group {
  margin-left: 1em;
}

page-edit-attendance-location .select-group {
  margin-right: 0.3em;
}

page-edit-attendance-location .icon-info {
  font-size: 30px;
}

page-edit-list .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-edit-list .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-edit-list .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-edit-list .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-edit-list .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-edit-list .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-edit-list .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-edit-list .btn-tag span {
  font-size: 1.2em !important;
}

page-edit-list ion-item ion-label {
  color: #808080 !important;
}

page-edit-list .label-group {
  margin-left: 1em;
}

page-edit-list .select-group {
  margin-right: 0.3em;
}

page-edit-list .icon-info {
  font-size: 30px;
}

page-edit-list .input-search-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-job-grade-detail ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-job-grade-detail .detail-list p {
  color: #F68A22;
}

page-job-grade-detail .detail-list h2 {
  color: #808080;
}

page-job-grade-list gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-job-grade-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-job-grade-list .fixed-content .helper {
  width: 100%;
}

page-job-grade-list .item-worklocation ion-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-job-grade-list .item-worklocation p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-job-grade-list .item-worklocation h2 {
  color: #333333;
}

page-job-grade-list .edit-icon {
  color: #7f7f7f;
}

page-job-grade-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-job-grade-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-job-grade-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-nationality-list gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-nationality-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-nationality-list .fixed-content .helper {
  width: 100%;
}

page-nationality-list .item-religion ion-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-nationality-list .item-religion p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-nationality-list .item-religion h2 {
  color: #333333;
}

page-nationality-list .edit-icon {
  color: #7f7f7f;
}

page-nationality-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-nationality-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-nationality-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-nationality-add .required {
  color: red;
}

page-nationality-add gdx-button button {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

page-org-struct gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-org-struct ion-content.locked .scroll-content {
  overflow: hidden;
}

page-org-struct .fixed-content {
  top: unset;
  bottom: 89px;
}

page-org-struct .fixed-content .helper {
  width: 100%;
}

page-org-struct img.add {
  width: 24px;
  height: 24px;
}

page-org-struct .container {
  margin-top: 13px;
}

page-org-struct .item-organization p {
  color: #808080;
}

page-org-struct .wrap {
  border-bottom: 1px solid #dbdbe1;
}

page-org-struct .job {
  color: #333333;
}

page-org-struct ion-badge {
  border-radius: 100px !important;
  padding: 0;
  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;
  text-align: center;
  margin-left: 5px;
}

page-org-struct ion-badge.pos {
  background: #DAFBD5 !important;
  border: 1px solid #2BB34D !important;
  color: #2BB34D;
}

page-org-struct ion-badge.dep {
  background: #FEF1D2 !important;
  border: 1px solid #F68A22 !important;
  color: #F68A22;
}

page-org-struct .edit-icon {
  color: #7f7f7f;
  font-size: 25px;
}

page-org-struct .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-org-struct .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-org-struct .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-organization-detail ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-organization-detail .detail-list p {
  color: #F68A22;
}

page-organization-detail .detail-list h2 {
  color: #808080;
}

page-position-list .div-header {
  text-align: left;
}

page-position-list .div-header ion-row {
  padding: 5px 16px 5px 16px;
  border-bottom: 1px solid #d3d3d3;
}

page-position-list .div-header ion-row p {
  margin: 0px;
  font-weight: bold;
}

page-religion-list gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-religion-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-religion-list .fixed-content .helper {
  width: 100%;
}

page-religion-list .item-religion ion-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-religion-list .item-religion p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-religion-list .item-religion h2 {
  color: #333333;
}

page-religion-list .edit-icon {
  color: #7f7f7f;
}

page-religion-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-religion-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-religion-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

page-religion-add .required {
  color: red;
}

page-religion-add gdx-button button {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

page-sso-branch-list .item-branch p {
  color: #808080;
}

page-sso-branch-list .item-branch h2 {
  color: #F68A22;
}

page-sso-branch-list .edit-icon {
  color: #7f7f7f;
}

page-upload-standardized-data p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-upload-standardized-data .btn-template-upload {
  position: relative;
  width: 100%;
  margin: auto;
}

page-upload-standardized-data .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 24vh;
  margin: auto !important;
}

page-upload-standardized-data .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-upload-standardized-data button ion-label {
  color: white !important;
}

page-upload-standardized-data ion-icon::before {
  font-size: 22px !important;
}

page-upload-standardized-data .primary-color {
  color: #F68A22 !important;
}

page-upload-standardized-data 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-upload-standardized-data .button-round-md {
  border-radius: 64px;
  padding: 0 2rem !important;
}

page-upload-standardized-warning ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-upload-standardized-warning ion-content .top-panel .panel {
  padding: 15px;
}

page-upload-standardized-warning ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-upload-standardized-warning ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-upload-standardized-warning ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-upload-standardized-warning ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-upload-standardized-warning .wrap-list {
  padding: 0px 15px;
}

page-upload-standardized-warning .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-upload-standardized-warning .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-upload-standardized-warning .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-upload-standardized-warning .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-upload-standardized-warning .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-upload-standardized-warning .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-upload-standardized-warning .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-upload-standardized-warning .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-work-location-detail ion-header .close-btn {
  padding: 10px;
  font-size: 1.3em;
}

page-work-location-detail .detail-list p {
  color: #F68A22;
}

page-work-location-detail .detail-list h2 {
  color: #808080;
}

page-work-location-detail .detail-list .detail-item {
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 18px 13px 0;
}

page-work-location-detail .detail-list .detail-item > div {
  overflow: hidden;
}

page-work-location-detail .detail-list .detail-item .stack-label {
  color: #A5B0B7 !important;
}

page-work-location-detail .detail-list .detail-item .desc-text {
  white-space: pre-line;
}

page-work-location-list gdx-header ion-header .introjs-fixParent {
  z-index: 99 !important;
}

page-work-location-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-work-location-list .fixed-content .helper {
  width: 100%;
}

page-work-location-list .item-worklocation ion-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-work-location-list .item-worklocation p {
  color: #A5B0B7;
  font-size: 12px !important;
}

page-work-location-list .item-worklocation h2 {
  color: #333333;
}

page-work-location-list .edit-icon {
  color: #7f7f7f;
}

page-work-location-list .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

page-work-location-list .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
}

page-work-location-list .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
}

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 page-elearning-my-class-detail .div-row-wrapper .chat-section button ion-label, page-elearning-my-class-detail .div-row-wrapper .chat-section button page-task-detail ion-label, 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 page-panic-button-close-case .attachment-box ion-label, page-panic-button-close-case .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 page-panic-button-close-case .attachment-box ion-label, page-panic-button-close-case .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-history page-elearning-my-class-detail .div-row-wrapper .chat-section button ion-label, page-elearning-my-class-detail .div-row-wrapper .chat-section button page-task-history ion-label, 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-history page-panic-button-close-case .attachment-box ion-label, page-panic-button-close-case .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-history page-panic-button-close-case .attachment-box ion-label, page-panic-button-close-case .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-test-component ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 0px !important;
}

page-test-component 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-test-component ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-test-component 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-test-component ion-footer {
  padding: 10px 16px;
}

page-track-policy-content .row-div ion-col.col {
  padding: 0;
  text-align: center;
}

page-track-policy-content .row-div ion-col.col button {
  width: 100px;
}

page-track-policy-content .footer-content {
  position: fixed;
  bottom: 0;
}

page-track-policy-content .div-pdf-viewer {
  display: block;
  padding: 12px;
}

page-track-policy-content .div-pdf-viewer .textLayer {
  -webkit-box-shadow: 1px 1px 10px 0px #000;
  box-shadow: 1px 1px 10px 0px #000;
}

page-track-policy-content .fab[mini] {
  margin: 8px;
  width: 35px;
  height: 35px;
  line-height: 40px;
  background-color: #e4e4e4;
}

page-track-policy-content .fab[mini] ion-icon {
  font-size: 1.2em !important;
  color: #575757 !important;
}

page-track-policy-content ion-scroll .scroll-content {
  background-color: #c9c9c9;
}

page-training ion-header ion-buttons {
  min-width: 38px;
}

page-training .training-container {
  padding-top: 0.5em !important;
}

page-training .training-container .list-datepicker {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

page-training 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-training 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-training ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-training 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-training .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training .container p {
  color: #909090 !important;
}

page-training .container p span {
  font-size: 1.4rem !important;
}

page-training .red {
  -webkit-text-fill-color: red;
}

page-training table {
  width: 100%;
}

page-training .selectButton {
  width: 100%;
  color: white;
}

page-training .buttonHeight {
  height: 40px;
}

page-training .td-left {
  width: 50px;
}

page-training .waitinglist {
  background-color: #d13d3d;
}

page-training .availablelist {
  background-color: #357331;
}

page-training .text-ket {
  text-align: right;
}

page-training p {
  color: #909090 !important;
}

page-training p span {
  font-size: 1.4rem !important;
}

page-training .red {
  -webkit-text-fill-color: red;
}

page-training .btn-footer-action-page ul li {
  min-width: 15em;
  border-radius: 2em !important;
}

page-training .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-training .title-col h2 {
  display: inline-block;
}

page-training .div-highlight {
  width: 100%;
  height: 80px;
  text-align: center;
  padding: 5px 30px;
  background-color: white;
  -webkit-box-shadow: 0px 7px 25px -10px;
  box-shadow: 0px 7px 25px -10px;
}

page-training .div-highlight h2 {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  font-size: 1.2em;
  font-weight: 600;
}

page-training .div-highlight .div-bground2 {
  height: 10px;
  width: 10px;
  display: inline-block;
}

page-training .div-highlight span {
  margin: 0px;
  margin-right: 5px;
  margin-left: 3px;
}

page-training .div-header {
  text-align: left;
}

page-training .div-header ion-row {
  padding: 5px 16px 8px 16px;
}

page-training .div-header ion-row p {
  margin: 0px;
  font-weight: bold;
}

page-training .skeleton-box2 {
  padding: 16px;
}

page-training .skeleton-box2 .ss-skeleton {
  width: 30px;
  height: 18px;
  border-radius: 5px;
}

page-training .skeleton-box2 .c-skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-training .skeleton-box2 .s-skeleton {
  width: 60px;
  height: 18px;
  border-radius: 5px;
}

page-training .skeleton-box2 .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-training .skeleton-box2 .l-skeleton {
  border-radius: 5px;
  width: 80%;
  height: 19px;
}

page-training .skeleton-box2 .f-skeleton {
  width: 100%;
  height: 15px;
  border-radius: 5px;
}

page-training .skeleton-box .left,
page-training .skeleton-box .right {
  width: 100%;
}

page-training .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-training .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-training .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-training .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-training .fixed-datepicker {
  background-color: blue;
}

page-training .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;
  height: 1vh;
  overflow: hidden;
}

page-training .fixed-datepicker .gdx-container .list-datepicker {
  overflow: hidden;
}

page-training .fixed-datepicker .gdx-container .list-datepicker .gdx-container {
  display: block;
  height: 100%;
  overflow: hidden;
}

page-training .fixed-datepicker .gdx-container .leave-container {
  height: 100%;
}

page-training .detail-event-box {
  margin: 10px 0;
  overflow-y: auto;
  max-height: 80px;
}

page-training .detail-event-box .group-title-event {
  margin: 0;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}

page-training .detail-event-box .training-label-box {
  margin-left: 10px;
}

page-training .detail-event-box .training-label-box .training-title {
  font-size: 14px !important;
  margin: 0 0 0 0;
  color: #222 !important;
  font-weight: bold;
}

page-training .detail-event-box .training-label-box .training-capacity {
  margin: 0 0 0 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-training .detail-event-box .training-label-box .waiting {
  margin: 0 0 0 0;
  font-size: 12px !important;
  color: #ed4956 !important;
}

page-training .event-empty-box {
  overflow-y: 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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid #dbdbe1;
  padding: 10px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-training .event-empty-box img {
  width: 40%;
  min-width: 50px;
  min-height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-training-mytraining-eval .col-right {
  text-align: right;
}

page-training-mytraining-eval .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-training-mytraining-eval .data-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-eval .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-training-mytraining-eval .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-eval .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-training-mytraining-eval .list-ios > .item-block:last-child {
  border: none;
}

page-training-mytraining-eval .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-training-mytraining-eval .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-training-mytraining-eval .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-mytraining-eval .div-multi-request ion-col {
  padding: 0px !important;
}

page-training-mytraining-eval .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-eval .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-eval page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-training-mytraining-eval ion-scroll {
  height: 200px;
}

page-training-mytraining-eval ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-training-mytraining-eval .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-mytraining-eval .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-mytraining-eval .div-list-info h2 {
  margin: 0px;
}

page-training-mytraining-eval .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-mytraining-eval .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-mytraining-eval .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-training-mytraining-eval .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-eval .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-eval table {
  width: 100%;
  text-align: center;
}

page-training-mytraining-eval .td-time {
  width: 150px;
  padding: 2.5%;
}

page-training-mytraining-eval .td-detail {
  width: 60%;
}

page-training-mytraining-eval .td-instructor {
  width: 25%;
}

page-training-mytraining-eval td, page-training-mytraining-eval th {
  border: solid 1px;
}

page-training-mytraining-eval .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-training-mytraining-eval .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-training-mytraining-eval .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-training-mytraining-eval .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-training-mytraining-eval .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-training-mytraining-eval .pollingdetail .post-bottomarea {
  clear: both;
}

page-training-mytraining-eval .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-training-mytraining-eval #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-training-mytraining-eval #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-training-mytraining-eval .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-training-mytraining-eval .answer-bar {
  font-size: small;
}

page-training-mytraining-eval .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-training-mytraining-eval .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-training-mytraining-eval .page-pollingdetail .container .banner {
  background: #189dae;
}

page-training-mytraining-eval .addmargin {
  margin-bottom: 70px;
}

page-training-mytraining-eval .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-mytraining-eval .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-training-mytraining-eval .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-training-mytraining-eval .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-training-mytraining-eval .detail-question {
  padding: 8px 25px 0px 25px;
}

page-training-mytraining-eval .detail-question h2 {
  font-weight: bold !important;
}

page-training-mytraining-eval .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-training-mytraining-eval .detail-list label {
  padding: 3px 0px;
}

page-training-mytraining-eval .checked {
  color: #e6ae37 !important;
}

page-training-mytraining-eval .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-training-mytraining-eval .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-training-mytraining-eval .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-training-mytraining-eval .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-training-mytraining-eval .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-eval .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-training-mytraining-eval .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-training-mytraining-eval .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-training-mytraining-eval .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-training-mytraining-eval .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-eval .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-training-mytraining-eval .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-training-mytraining-eval .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-training-mytraining-eval .question-div .star-check {
  color: #e6ae37 !important;
}

page-training-mytraining-eval .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-eval .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-training-mytraining-eval .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-eval .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-training-mytraining-eval .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-training-mytraining-eval .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-training-mytraining-eval .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-training-mytraining-eval .question-div .question-multiple .checkbox-md .checkbox-icon, page-training-mytraining-eval .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-training-mytraining-eval .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-eval .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-training-mytraining-eval .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-training-mytraining-eval .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-training-mytraining-eval .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-training-mytraining-eval .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-training-mytraining-eval .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-training-mytraining-eval .checkyn {
  background-color: #e6ae37 !important;
}

page-training-mytraining-eval .checkyn p {
  color: #ffffff !important;
}

page-training-mytraining-eval .uncheckyn {
  background-color: none !important;
}

page-training-mytraining-eval .uncheckyn p {
  color: #737373 !important;
}

page-training-mytraining-eval .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-training-mytraining-eval .question-btn {
  padding: 15px;
}

page-training-mytraining-eval .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-training-mytraining-eval .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-training-mytraining-eval .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-training-mytraining-eval .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-training-mytraining-eval .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-training-mytraining-eval .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-training-mytraining-eval .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-training-mytraining-eval .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-mytraining-eval textarea {
  margin: 0px !important;
}

page-training-mytraining-eval .text-input-ios {
  margin: 0px !important;
}

page-training-mytraining-eval .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-training-mytraining-eval .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-training-mytraining-eval .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-training-mytraining-eval .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-training-mytraining-eval .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-training-mytraining-eval .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-training-mytraining-eval .checkbox-md.checkbox-disabled, page-training-mytraining-eval .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-training-mytraining-eval .checkbox-ios.checkbox-disabled, page-training-mytraining-eval .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-training-mytraining-eval .text-input[disabled] {
  opacity: 1;
}

page-training-mytraining-eval .skeleton-page {
  width: 100%;
}

page-training-mytraining-eval .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-training-mytraining-eval .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-training-mytraining-eval .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-training-mytraining-eval .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-training-mytraining-eval .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-training-request-detail .col-right {
  text-align: right;
}

page-training-request-detail .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-training-request-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-training-request-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-training-request-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-request-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-detail .list-ios > .item-block:last-child {
  border: none;
}

page-training-request-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-training-request-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-training-request-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-request-detail .div-multi-request ion-col {
  padding: 0px !important;
}

page-training-request-detail .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-request-detail .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-request-detail page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-training-request-detail ion-scroll {
  height: 200px;
}

page-training-request-detail ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-training-request-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-detail .div-list-info h2 {
  margin: 0px;
}

page-training-request-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-training-request-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-request-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-training-request-detail .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-training-request-detail .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-training-request-detail .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-training-request-detail .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-training-request-detail .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-training-request-detail .container .content-section h5 {
  margin-bottom: 0px !important;
}

page-training-request-detail .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-training-request-detail .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-training-request-detail .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

page-training-request-detail .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

page-training-request-detail .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-training-request-detail .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-training-request-detail .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

page-training-request-detail .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-training-request-detail .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-training-request-detail .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-training-request-detail .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-training-request-detail .title-col h2 {
  display: inline-block;
}

page-training-request-detail .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-training-request-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-search-emp-training h2 {
  color: #F68A22 !important;
}

page-search-emp-training .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-search-emp-training .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

page-search-emp-training .toggle-select .item-inner {
  margin-left: 0em !important;
  border-bottom: none !important;
}

page-search-emp-training .select-filter {
  position: absolute;
  right: 16px;
}

page-search-emp-training .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

page-search-emp-training .item-cover {
  height: unset;
}

page-search-emp-training .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-search-emp-training .header-box .switch svg rect {
    fill: #F68A22;
  }
}

page-search-emp-training .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-search-emp-training .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

page-search-emp-training .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-search-emp-training .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

page-search-emp-training .container-filter .filter-section .new-filter {
  color: #F68A22;
}

page-search-emp-training .container-filter .filter-section .add-filter {
  color: #F68A22;
}

page-search-emp-training .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

page-search-emp-training .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-search-emp-training .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-search-emp-training .container-filter .category-section .category-list .text {
  text-align: left;
}

page-search-emp-training .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

page-search-emp-training .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-search-emp-training .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-emp-training .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp .employee .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-emp-training .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;
}

page-search-emp-training .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-emp-training .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp .subordinate .subordinate-emp .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-search-emp-training .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

page-search-emp-training .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-emp-training .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-emp-training .container-emp-search .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-emp-training .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-search-emp-training .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

page-search-emp-training .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

page-search-emp-training .group-search:last-child {
  margin-bottom: 30px;
}

page-search-emp-training .button-funnel.button-ios,
page-search-emp-training .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  page-search-emp-training .button-funnel.button-ios,
  page-search-emp-training .button-funnel.button-md {
    color: #F68A22;
  }
}

page-search-emp-training .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-search-emp-training .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-search-emp-training .skeleton-section .chat-skeleton {
  height: 40px;
}

page-search-emp-training .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-emp-training .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-emp-training .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-search-emp-training .emp-list-full .skeleton-section .avatar-skeleton {
  height: 42px;
  width: 42px;
  border-radius: 200px;
  margin: 8px 11px 8px 16px !important;
}

page-search-emp-training .emp-list-full .skeleton-section .chat-skeleton {
  height: 85px !important;
  /* padding-left: 16px; */
}

page-search-emp-training .icon-check {
  font-size: 2.2em;
}

page-training-mytraining-detail .col-right {
  text-align: right;
}

page-training-mytraining-detail .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-training-mytraining-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-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-training-mytraining-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-training-mytraining-detail .list-ios > .item-block:last-child {
  border: none;
}

page-training-mytraining-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-training-mytraining-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-training-mytraining-detail .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-mytraining-detail .div-multi-request ion-col {
  padding: 0px !important;
}

page-training-mytraining-detail .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-detail .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-detail page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-training-mytraining-detail ion-scroll {
  height: 200px;
}

page-training-mytraining-detail ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-training-mytraining-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-mytraining-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-mytraining-detail .div-list-info h2 {
  margin: 0px;
}

page-training-mytraining-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-mytraining-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-mytraining-detail .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-training-mytraining-detail .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-detail table {
  width: 100%;
  text-align: center;
}

page-training-mytraining-detail .td-time {
  max-width: 75px;
  min-width: 75px;
}

page-training-mytraining-detail .td-detail {
  max-width: 100px;
  min-width: 100px;
}

page-training-mytraining-detail .td-att {
  min-width: 35px;
  max-width: 35px;
}

page-training-mytraining-detail .td-instructor {
  min-width: 75px;
  max-width: 75px;
}

page-training-mytraining-detail .body-container {
  max-height: 80px;
  overflow-x: none;
  overflow-y: scroll;
}

page-training-mytraining-detail td, page-training-mytraining-detail th {
  border: solid 1px;
}

page-training-mytraining-detail td {
  padding: 1.5%;
}

page-training-mytraining-detail .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;
}

page-training-mytraining-detail .detail-list-request-comp ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-detail .detail-list-request-comp ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-detail .col-right-component {
  text-align: right;
}

page-training-mytraining-detail .list-waiting-approval-component ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-training-mytraining-detail .text-ellipsis-component {
  width: 220px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

@media screen and (max-width: 360px) {
  page-training-mytraining-detail .text-ellipsis-component {
    width: 180px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
  }
}

page-training-mytraining-detail .text-reject-note-component {
  white-space: normal !important;
  padding: 5px;
}

page-training-mytraining-detail .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-training-mytraining-detail .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-training-mytraining-detail .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-training-mytraining-detail .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-training-mytraining-detail .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-training-mytraining-detail .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-training-mytraining-detail .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-training-mytraining-detail .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-training-mytraining-detail .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-training-mytraining-detail .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-training-mytraining-detail .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-training-mytraining-detail .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-training-mytraining-detail .container .factory-box .factory-section .content-container .content-box ion-label .detail-event {
  text-align: left !important;
  font-size: 12px !important;
  padding: 0px !important;
  margin: 0px !important;
}

page-training-mytraining-detail .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-training-mytraining-detail .status {
  color: #0000FF !important;
}

page-training-mytraining-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-mytraining-feedback .col-right {
  text-align: right;
}

page-training-mytraining-feedback .data-list-request {
  margin-top: 10px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-training-mytraining-feedback .data-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-feedback .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-training-mytraining-feedback .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-feedback .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-training-mytraining-feedback .list-ios > .item-block:last-child {
  border: none;
}

page-training-mytraining-feedback .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-training-mytraining-feedback .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-training-mytraining-feedback .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-mytraining-feedback .div-multi-request ion-col {
  padding: 0px !important;
}

page-training-mytraining-feedback .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-feedback .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-training-mytraining-feedback page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-training-mytraining-feedback ion-scroll {
  height: 200px;
}

page-training-mytraining-feedback ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-training-mytraining-feedback .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-mytraining-feedback .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-mytraining-feedback .div-list-info h2 {
  margin: 0px;
}

page-training-mytraining-feedback .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-mytraining-feedback .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-mytraining-feedback .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

page-training-mytraining-feedback .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-training-mytraining-feedback .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-training-mytraining-feedback table {
  width: 100%;
  text-align: center;
}

page-training-mytraining-feedback .td-time {
  width: 150px;
  padding: 2.5%;
}

page-training-mytraining-feedback .td-detail {
  width: 60%;
}

page-training-mytraining-feedback .td-instructor {
  width: 25%;
}

page-training-mytraining-feedback td, page-training-mytraining-feedback th {
  border: solid 1px;
}

page-training-mytraining-feedback .pollingdetail .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-training-mytraining-feedback .pollingdetail .error p {
  color: white;
  font-weight: bold;
}

page-training-mytraining-feedback .pollingdetail .disabled {
  pointer-events: none;
  cursor: default;
}

page-training-mytraining-feedback .pollingdetail .buttonback {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
  margin: 0 6px;
  padding: 0 2px;
  min-width: 44px;
}

page-training-mytraining-feedback .pollingdetail .post-toparea {
  margin-bottom: 10px;
  min-height: 6rem;
}

page-training-mytraining-feedback .pollingdetail .post-bottomarea {
  clear: both;
}

page-training-mytraining-feedback .graph {
  width: 300px;
  /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
  height: 30px;
  border: 1px solid #e6e6e6;
  background: #e6e6e6;
  background: -ms-linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
  background: -webkit-gradient(linear, left top, left bottom, from(#a8a8a8), color-stop(23%, #cccccc));
  background: linear-gradient(top, #a8a8a8 0%, #cccccc 23%);
  position: relative;
}

page-training-mytraining-feedback #bar {
  height: 30px;
  background: #ff6600;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#f48026));
  background: linear-gradient(top, #ff6600 0%, #f48026 100%);
}

page-training-mytraining-feedback #bar p {
  position: absolute;
  text-align: right;
  width: 90%;
  margin: 0;
  line-height: 30px;
}

page-training-mytraining-feedback .font-result {
  font-size: x-small;
  font-style: italic;
  color: #D3D3D3;
}

page-training-mytraining-feedback .answer-bar {
  font-size: small;
}

page-training-mytraining-feedback .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.1));
}

page-training-mytraining-feedback .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-training-mytraining-feedback .page-pollingdetail .container .banner {
  background: #189dae;
}

page-training-mytraining-feedback .addmargin {
  margin-bottom: 70px;
}

page-training-mytraining-feedback .footer-claim {
  position: fixed;
  bottom: 0;
}

page-training-mytraining-feedback .detail-item {
  padding: 0px 10px 0px 22px;
  border-bottom: solid 1px #f1f1f1 !important;
  background-color: transparent;
}

page-training-mytraining-feedback .detail-item h2 {
  font-weight: bold !important;
  -webkit-text-fill-color: #ffffff !important;
}

page-training-mytraining-feedback .detail-item p {
  font-size: 70%;
  -webkit-text-fill-color: #ffffff !important;
}

page-training-mytraining-feedback .detail-question {
  padding: 8px 25px 0px 25px;
}

page-training-mytraining-feedback .detail-question h2 {
  font-weight: bold !important;
}

page-training-mytraining-feedback .detail-question ion-label {
  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
}

page-training-mytraining-feedback .detail-list label {
  padding: 3px 0px;
}

page-training-mytraining-feedback .checked {
  color: #e6ae37 !important;
}

page-training-mytraining-feedback .unchecked {
  color: #737373 !important;
}

@keyframes slidein {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-training-mytraining-feedback .question-div {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

page-training-mytraining-feedback .question-div .question-category {
  margin-top: 15px;
  padding: 0px 5px;
  border-radius: 5px;
  line-height: 1.8;
  text-align: justify;
}

page-training-mytraining-feedback .question-div .question-category p {
  font-size: 1.1em;
  color: #737373;
  margin: 0px;
}

page-training-mytraining-feedback .question-div .question-single {
  margin-top: 15px;
  padding: 16px 16px 12px 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-feedback .question-div .question-single p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-training-mytraining-feedback .question-div .question-single ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-training-mytraining-feedback .question-div .question-single ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-training-mytraining-feedback .question-div .question-single ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-training-mytraining-feedback .question-div .question-stars {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-feedback .question-div .question-stars p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-training-mytraining-feedback .question-div .question-stars .stars-container ion-col {
  padding: 0px;
}

page-training-mytraining-feedback .question-div .question-stars .stars-container ion-col ion-icon {
  font-size: 30px;
  color: #e2e2e2;
}

page-training-mytraining-feedback .question-div .star-check {
  color: #e6ae37 !important;
}

page-training-mytraining-feedback .question-div .question-comment {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-feedback .question-div .question-comment p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 10px;
}

page-training-mytraining-feedback .question-div .question-multiple {
  margin-top: 15px;
  padding: 16px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-feedback .question-div .question-multiple p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
}

page-training-mytraining-feedback .question-div .question-multiple ion-col {
  padding: 0px;
  padding-bottom: 5px;
}

page-training-mytraining-feedback .question-div .question-multiple ion-col ion-checkbox {
  margin: 5px 0px 5px 0px;
}

page-training-mytraining-feedback .question-div .question-multiple ion-col p {
  font-size: 110%;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  font-weight: normal;
}

page-training-mytraining-feedback .question-div .question-multiple .checkbox-md .checkbox-icon, page-training-mytraining-feedback .question-div .question-multiple .checkbox-ios .checkbox-icon {
  border-radius: 0% !important;
}

page-training-mytraining-feedback .question-div .question-yesno {
  margin-top: 15px;
  border: 1px solid #737373;
  border-radius: 5px;
}

page-training-mytraining-feedback .question-div .question-yesno p {
  font-size: 1.1em;
  font-weight: bold;
  color: #737373;
  margin: 0px;
  margin-bottom: 15px;
  padding: 16px;
}

page-training-mytraining-feedback .question-div .question-yesno ion-row {
  border-top: 1px #737373 solid;
}

page-training-mytraining-feedback .question-div .question-yesno ion-col {
  padding: 10px 0px;
  text-align: center;
}

page-training-mytraining-feedback .question-div .question-yesno ion-col p {
  padding: 0px;
  font-weight: normal;
  margin-bottom: 0px !important;
  color: #737373;
}

page-training-mytraining-feedback .question-div .question-yesno ion-col:first-child {
  border-radius: 0 0 0 5px;
}

page-training-mytraining-feedback .question-div .question-yesno ion-col:last-child {
  border-radius: 0 0 5px 0;
  border-left: 1px #737373 solid;
}

page-training-mytraining-feedback .checkyn {
  background-color: #e6ae37 !important;
}

page-training-mytraining-feedback .checkyn p {
  color: #ffffff !important;
}

page-training-mytraining-feedback .uncheckyn {
  background-color: none !important;
}

page-training-mytraining-feedback .uncheckyn p {
  color: #737373 !important;
}

page-training-mytraining-feedback .question-header {
  font-size: 120%;
  margin-bottom: 8px;
  padding: 5px 8px 5px 8px;
  background-color: #f1f1f1 !important;
  border-bottom: solid 2px #f1f1f1 !important;
  border-top: solid 2px #f1f1f1 !important;
}

page-training-mytraining-feedback .question-btn {
  padding: 15px;
}

page-training-mytraining-feedback .question-btn button {
  height: 50px;
  background-color: #f1f1f1 !important;
  -webkit-text-fill-color: #737373 !important;
}

page-training-mytraining-feedback .complete {
  -webkit-animation: slidein 0.3s;
  animation: slidein 0.3s;
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
  position: relative;
}

page-training-mytraining-feedback .complete .complete-content {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
  transform: translate(-50%, -43%);
  text-align: center;
  width: 200px;
}

page-training-mytraining-feedback .complete .complete-content img {
  width: 90%;
  height: 90%;
  margin-left: 20px;
}

page-training-mytraining-feedback .complete .complete-content p {
  font-size: 1.2em;
  font-weight: bold;
  color: #e6ae37;
  margin: 10px 0px 20px 0px;
}

page-training-mytraining-feedback .complete .complete-content .dismiss-btn {
  border-radius: 5px;
  border: 1px solid #737373;
  margin: 0px 40px !important;
}

page-training-mytraining-feedback .complete .complete-content .dismiss-btn p {
  font-size: 1em !important;
  color: #e6ae37 !important;
  padding: 10px;
  margin: 0px !important;
}

page-training-mytraining-feedback .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-mytraining-feedback textarea {
  margin: 0px !important;
}

page-training-mytraining-feedback .text-input-ios {
  margin: 0px !important;
}

page-training-mytraining-feedback .checkbox-md .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-training-mytraining-feedback .checkbox-ios .checkbox-icon {
  background-color: #f1f1f1 !important;
}

page-training-mytraining-feedback .checkbox-md .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-training-mytraining-feedback .checkbox-ios .checkbox-checked {
  background-color: #e6ae37 !important;
}

page-training-mytraining-feedback .checkbox-md .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 8px !important;
  top: 5px !important;
}

page-training-mytraining-feedback .checkbox-ios .checkbox-checked .checkbox-inner {
  border-color: #fff !important;
  left: 9px !important;
  top: 5px !important;
}

page-training-mytraining-feedback .checkbox-md.checkbox-disabled, page-training-mytraining-feedback .item-md.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-training-mytraining-feedback .checkbox-ios.checkbox-disabled, page-training-mytraining-feedback .item-ios.item-checkbox-disabled ion-label {
  opacity: 1;
}

page-training-mytraining-feedback .text-input[disabled] {
  opacity: 1;
}

page-training-mytraining-feedback .skeleton-page {
  width: 100%;
}

page-training-mytraining-feedback .skeleton-page .polling-skeleton {
  width: 100%;
  margin: auto;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

page-training-mytraining-feedback .skeleton-page .polling-skeleton .title-option {
  width: 80%;
  height: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
}

page-training-mytraining-feedback .skeleton-page .polling-skeleton .choose-option {
  margin-bottom: 15px;
}

page-training-mytraining-feedback .skeleton-page .polling-skeleton .choose-option .radio-button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-training-mytraining-feedback .skeleton-page .polling-skeleton .choose-option .radio-choose {
  width: 150px;
  height: 25px;
  border-radius: 3px;
  margin-left: 20px;
}

page-training-newrequest-add h2 {
  color: #F68A22;
}

page-training-newrequest-add .upd-stat {
  color: #F68A22;
}

page-training-newrequest-add .del-stat {
  color: #F0624D;
}

page-training-newrequest-add .col-right {
  text-align: right;
}

page-training-newrequest-add .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-add .chip-md {
  width: 40% !important;
}

page-training-newrequest-add .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-add .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-add .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-training-newrequest-add .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-training-newrequest-add .align-left {
  float: left;
}

page-training-newrequest-add .align-right {
  float: right;
}

page-training-newrequest-add p {
  margin-bottom: -10px !important;
}

page-training-newrequest-add .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-training-newrequest-add .item-row-time .item-inner {
  border: none !important;
}

page-training-newrequest-add .periodused {
  color: #F68A22 !important;
}

page-training-newrequest-add .periodnotused {
  color: #F68A22 !important;
}

page-training-newrequest-add ion-chip {
  height: 190px !important;
}

page-training-newrequest-add ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-training-newrequest-add .chip-md {
    width: 100% !important;
  }
  page-training-newrequest-add .chip-ios {
    width: 100% !important;
  }
  page-training-newrequest-add ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-training-newrequest-add ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-training-newrequest-add .chip-md {
    width: 50% !important;
  }
  page-training-newrequest-add .chip-ios {
    width: 100% !important;
  }
}

page-training-newrequest-add .img-preview {
  position: relative;
  display: inline-block;
}

page-training-newrequest-add .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-training-newrequest-add .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-training-newrequest-add .upload-component {
  padding-bottom: 16px;
}

page-training-newrequest-edit h2 {
  color: #F68A22;
}

page-training-newrequest-edit .upd-stat {
  color: #F68A22;
}

page-training-newrequest-edit .del-stat {
  color: #F0624D;
}

page-training-newrequest-edit .col-right {
  text-align: right;
}

page-training-newrequest-edit .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-edit .chip-md {
  width: 40% !important;
}

page-training-newrequest-edit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-edit .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-newrequest-edit .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-training-newrequest-edit .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-training-newrequest-edit .align-left {
  float: left;
}

page-training-newrequest-edit .align-right {
  float: right;
}

page-training-newrequest-edit p {
  margin-bottom: -10px !important;
}

page-training-newrequest-edit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-training-newrequest-edit .item-row-time .item-inner {
  border: none !important;
}

page-training-newrequest-edit .periodused {
  color: #F68A22 !important;
}

page-training-newrequest-edit .periodnotused {
  color: #F68A22 !important;
}

page-training-newrequest-edit ion-chip {
  height: 190px !important;
}

page-training-newrequest-edit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-training-newrequest-edit .chip-md {
    width: 100% !important;
  }
  page-training-newrequest-edit .chip-ios {
    width: 100% !important;
  }
  page-training-newrequest-edit ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-training-newrequest-edit ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-training-newrequest-edit .chip-md {
    width: 50% !important;
  }
  page-training-newrequest-edit .chip-ios {
    width: 100% !important;
  }
}

page-training-newrequest-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-training-newrequest-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-training-newrequest-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-training-newrequest-edit .upload-component {
  padding-bottom: 16px;
}

page-training-qr-code .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-training-qr-code .header-md::after {
  background-image: none !important;
}

page-training-qr-code ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-training-qr-code 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-training-qr-code ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-training-qr-code ion-header .name {
  font-size: 1.8rem;
}

page-training-qr-code ion-header .date {
  font-size: 1.5rem;
}

page-training-qr-code ion-header img {
  width: 24px;
  height: 24px;
}

page-training-qr-code ion-header button.back-button {
  color: #f4f4f4;
}

page-training-qr-code ion-header .hide-header {
  top: -56px !important;
}

page-training-qr-code ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-training-qr-code .content {
  height: 100%;
  pointer-events: none;
}

page-training-qr-code .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;
}

page-training-qr-code .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;
}

page-training-qr-code .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-training-qr-code .content .box-frame .profile-section {
  text-align: center;
}

page-training-qr-code .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-training-qr-code .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-training-qr-code .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-training-qr-code .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;
}

page-training-qr-code .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-training-qr-code .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-training-qr-code .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-training-qr-code .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-training-qr-code .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-training-request-cancellation .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-cancellation .title-form3 p {
  text-align: center;
}

page-training-request-cancellation .icon-center {
  margin: auto;
}

page-training-request-cancellation ion-item > .item-inner {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-request-cancellation ion-col {
  padding: 0;
}

page-training-request-cancellation ion-textarea {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-cancellation .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-request-cancellation .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-cancellation .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-cancellation .div-list-info h2 {
  margin: 0px;
}

page-training-request-cancellation .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-cancellation .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-training-request-cancellation .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-training-request-cancellation .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-training-request-cancellation-detail .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-cancellation-detail .title-form3 p {
  text-align: center;
}

page-training-request-cancellation-detail .icon-center {
  margin: auto;
}

page-training-request-cancellation-detail ion-item > .item-inner {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-request-cancellation-detail ion-col {
  padding: 0;
}

page-training-request-cancellation-detail ion-textarea {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-cancellation-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-request-cancellation-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-cancellation-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-cancellation-detail .div-list-info h2 {
  margin: 0px;
}

page-training-request-cancellation-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-cancellation-detail .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-training-request-cancellation-detail .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-training-request-cancellation-detail .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-training-request-cancellation-edit .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-cancellation-edit .title-form3 p {
  text-align: center;
}

page-training-request-cancellation-edit .icon-center {
  margin: auto;
}

page-training-request-cancellation-edit ion-item > .item-inner {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-request-cancellation-edit ion-col {
  padding: 0;
}

page-training-request-cancellation-edit ion-textarea {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-cancellation-edit .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-request-cancellation-edit .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-cancellation-edit .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-cancellation-edit .div-list-info h2 {
  margin: 0px;
}

page-training-request-cancellation-edit .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-cancellation-edit .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-training-request-cancellation-edit .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-training-request-cancellation-edit .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-training-request-edit-form .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-edit-form .title-form3 p {
  text-align: center;
}

page-training-request-edit-form .icon-center {
  margin: auto;
}

page-training-request-edit-form ion-item > .item-inner {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-request-edit-form ion-col {
  padding: 0;
}

page-training-request-edit-form ion-textarea {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-edit-form .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-request-edit-form .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-edit-form .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-edit-form .div-list-info h2 {
  margin: 0px;
}

page-training-request-edit-form .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-edit-form .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-training-request-edit-form .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-training-request-edit-form .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-training-request-filter .input-trainingcategory-icon:after {
  content: "\e932";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-training-request-filter ion-list > ion-item > .item-inner {
  border-bottom: none;
}

page-training-request-form .title-form3 {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-training-request-form .title-form3 p {
  text-align: center;
}

page-training-request-form .icon-center {
  margin: auto;
}

page-training-request-form ion-item > .item-inner {
  border-bottom: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

page-training-request-form ion-col {
  padding: 0;
}

page-training-request-form ion-textarea {
  border-bottom: 1px solid #dedede !important;
}

page-training-request-form .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-request-form .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-request-form .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-request-form .div-list-info h2 {
  margin: 0px;
}

page-training-request-form .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-request-form .div-wrapper {
  padding: 0px 5px 5px 5px !important;
}

page-training-request-form .div-wrapper h2 {
  font-weight: bold !important;
  padding: 3px 0px 3px 5px !important;
}

page-training-request-form .div-wrapper p {
  padding: 3px 0px 3px 5px !important;
}

page-search-requestformemployee h2 {
  color: #F68A22 !important;
}

page-search-requestformemployee .div-back {
  font-size: 1.7em !important;
  padding-left: 80% !important;
}

page-search-requestformemployee .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

page-search-requestformemployee .toggle-select .item-inner {
  margin-left: 0em !important;
  border-bottom: none !important;
}

page-search-requestformemployee .select-filter {
  position: absolute;
  right: 16px;
}

page-search-requestformemployee .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

page-search-requestformemployee .item-cover {
  height: unset;
}

page-search-requestformemployee .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-search-requestformemployee .header-box .switch svg rect {
    fill: #F68A22;
  }
}

page-search-requestformemployee .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-search-requestformemployee .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

page-search-requestformemployee .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-search-requestformemployee .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

page-search-requestformemployee .container-filter .filter-section .new-filter {
  color: #F68A22;
}

page-search-requestformemployee .container-filter .filter-section .add-filter {
  color: #F68A22;
}

page-search-requestformemployee .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

page-search-requestformemployee .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-search-requestformemployee .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-search-requestformemployee .container-filter .category-section .category-list .text {
  text-align: left;
}

page-search-requestformemployee .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

page-search-requestformemployee .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-search-requestformemployee .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-requestformemployee .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp .employee .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .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;
}

page-search-requestformemployee .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-requestformemployee .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp .subordinate .subordinate-emp .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-search-requestformemployee .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

page-search-requestformemployee .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

page-search-requestformemployee .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .container-emp-search .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

page-search-requestformemployee .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-search-requestformemployee .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

page-search-requestformemployee .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

page-search-requestformemployee .group-search:last-child {
  margin-bottom: 30px;
}

page-search-requestformemployee .button-funnel.button-ios,
page-search-requestformemployee .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  page-search-requestformemployee .button-funnel.button-ios,
  page-search-requestformemployee .button-funnel.button-md {
    color: #F68A22;
  }
}

page-search-requestformemployee .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-search-requestformemployee .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-search-requestformemployee .skeleton-section .chat-skeleton {
  height: 40px;
}

page-search-requestformemployee .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-requestformemployee .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-requestformemployee .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-search-requestformemployee .emp-list-full .skeleton-section .avatar-skeleton {
  height: 42px;
  width: 42px;
  border-radius: 200px;
  margin: 8px 11px 8px 16px !important;
}

page-search-requestformemployee .emp-list-full .skeleton-section .chat-skeleton {
  height: 85px !important;
  /* padding-left: 16px; */
}

page-search-requestformemployee .icon-check {
  font-size: 2.2em;
}

page-training-detail table {
  width: 100%;
  text-align: center;
}

page-training-detail .td-time {
  min-width: 75px;
  max-width: 75px;
}

page-training-detail .td-detail {
  min-width: 100px;
  max-width: 100px;
}

page-training-detail .td-instructor {
  min-width: 90px;
  max-width: 90px;
}

page-training-detail td, page-training-detail th {
  border: solid 1px;
}

page-training-detail td {
  padding: 1.5%;
}

page-training-detail .header-md::after {
  background-image: none !important;
  z-index: -1 !important;
}

page-training-detail .div-header {
  height: 40px;
  padding: 0px 23px 7px 23px !important;
  background-color: #189dae !important;
}

page-training-detail .div-header h2 {
  margin: 0px !important;
  -webkit-text-fill-color: #fff !important;
}

page-training-detail .div-header p {
  margin: 0px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  padding-top: 3px;
  padding-left: 28px;
}

page-training-detail .div-header .sficon-clock {
  margin: 0px 0px 0px 0px !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 1.6em;
  float: left !important;
}

page-training-detail .div-fbutton {
  height: 55px;
  background-color: #fff !important;
  margin-left: 50px;
  margin-right: 50px;
  border-radius: 55px;
  margin-bottom: -28px;
  -webkit-box-shadow: 1px 1px 8px 1px #888888;
  box-shadow: 1px 1px 8px 1px #888888;
  text-align: center !important;
}

page-training-detail .div-fbutton p {
  margin: 0px;
  padding: 20px 0px;
  -webkit-text-fill-color: #189dae !important;
  font-weight: bold;
}

page-training-detail .div-list {
  padding-top: 0px;
  margin-bottom: 0px !important;
}

page-training-detail .div-list ion-item {
  padding: 0px 7px 0px 7px;
}

page-training-detail .div-list h2 {
  margin: 0px;
  font-weight: bold;
}

page-training-detail .div-list p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-detail .div-list-info {
  border-top: 1px solid #dedede !important;
  margin-top: 8px;
}

page-training-detail .div-list-info ion-item {
  padding: 0px 0px 0px 0px;
}

page-training-detail .div-list-info h2 {
  margin: 0px;
}

page-training-detail .div-list-info p {
  margin: 7px 0px 0px 0px;
  font-size: 1em !important;
  font-weight: 100;
}

page-training-detail .div-wrapper-row {
  background-color: white;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
}

page-training-detail .div-wrapper-1 {
  position: absolute;
  z-index: -1;
  padding-bottom: 30px !important;
  width: inherit !important;
}

page-training-detail .div-content-wrapper {
  border: 1px solid #dedede !important;
  padding: 2px 12px;
  border-radius: 10px;
}

page-training-detail .div-row-wrapper {
  padding: 7px 0px 7px 0px !important;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #dedede;
}

page-training-detail .div-row-wrapper .div-content {
  position: relative;
  overflow: hidden;
}

page-training-detail .div-row-wrapper .div-content ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-training-detail .div-row-wrapper .div-content p {
  font-size: 1.1em;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373;
}

page-training-detail .div-row-wrapper .div-content .sficon-forward {
  font-size: 1.6em !important;
  padding: 8px !important;
  text-align: right !important;
}

page-training-detail .div-row-wrapper .div-content .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-training-detail .div-row-wrapper .div-drop-border {
  margin-top: 7px;
}

page-training-detail .div-row-wrapper .div-drop-content {
  padding-left: 10px !important;
  position: relative;
  overflow: hidden;
}

page-training-detail .div-row-wrapper .div-drop-content ion-col {
  padding: 3px 0px 3px 0px !important;
  margin: 3px 0px 3px 0px !important;
  border-bottom: none !important;
}

page-training-detail .div-row-wrapper .div-drop-content p {
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 10px 0px !important;
  -webkit-text-fill-color: #737373 !important;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-list {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-zxvideo {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-ppt {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-pdf {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-bookmark {
  font-size: 1.8em !important;
  -webkit-text-fill-color: #737373 !important;
  padding: 5px 0px;
}

page-training-detail .div-row-wrapper .div-drop-content .sficon-forward {
  font-size: 1em !important;
  padding: 10px !important;
  text-align: right !important;
}

page-training-detail .div-row-wrapper-info {
  padding: 8px 0px 8px 0px;
  margin: 0px 7px 7px 7px;
  border-bottom: 1px solid #dedede !important;
}

page-training-detail .div-row-wrapper-info .div-content-info {
  position: relative;
  overflow: hidden;
}

page-training-detail .div-row-wrapper-info .div-content-info ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-training-detail .div-row-wrapper-info .div-content-info p {
  font-size: 1.2em;
  margin: 10px 0px !important;
  font-weight: bold;
  -webkit-text-fill-color: #737373;
}

page-training-detail .div-row-wrapper-info .div-content-info .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px !important;
  text-align: right !important;
}

page-training-detail .div-row-wrapper-info .div-content-info .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-training-detail .list-ios > .item-block:first-child {
  border-bottom: none !important;
}

page-training-detail .last-item {
  border-bottom: none !important;
}

page-training-detail .more-icon {
  font-size: 1.7em;
  padding: 0px 8px;
}

page-training-detail page-expandable .expand-wrapper {
  padding: 0 0px !important;
}

page-training-detail .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-training-detail .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-training-detail .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-training-detail .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-training-detail .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-training-detail .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-training-detail .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-training-detail .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-training-detail .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-training-detail .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-training-detail .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-training-detail .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-training-detail .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-training-detail .status {
  color: #0000FF !important;
}

page-training-scanner .div-row-wrapper-info-nmt {
  padding: 0px 0px 8px 0px;
  margin: 0px 7px 7px 7px;
  border-bottom: 1.5px solid #dedede !important;
}

page-training-scanner .div-row-wrapper-info-nmt h2 {
  margin: 0px 0px 10px 0px;
}

page-training-scanner .div-row-wrapper-info {
  padding: 0px 0px 8px 0px;
  margin: 0px 7px 7px 7px;
  border-bottom: 1.5px solid #dedede !important;
}

page-training-scanner .div-row-wrapper-info .div-content-info {
  position: relative;
  overflow: hidden;
}

page-training-scanner .div-row-wrapper-info .div-content-info ion-col {
  padding: 0px 0px 0px 0px !important;
}

page-training-scanner .div-row-wrapper-info .div-content-info p {
  font-size: 1.2em;
  margin: 10px 0px !important;
  font-weight: bold;
  -webkit-text-fill-color: #737373;
}

page-training-scanner .div-row-wrapper-info .div-content-info .sficon-forward {
  font-size: 1.6em !important;
  padding: 7px !important;
  text-align: right !important;
}

page-training-scanner .div-row-wrapper-info .div-content-info .sficon-top {
  font-size: 1.6em !important;
  padding: 7px 10px 7px 7px !important;
  text-align: right !important;
}

page-training-scanner .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-training-scanner .header-md::after {
  background-image: none !important;
}

page-training-scanner ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-training-scanner 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-training-scanner ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-training-scanner ion-header .name {
  font-size: 1.8rem;
}

page-training-scanner ion-header .date {
  font-size: 1.5rem;
}

page-training-scanner ion-header img {
  width: 24px;
  height: 24px;
}

page-training-scanner ion-header button.back-button {
  color: #f4f4f4;
}

page-training-scanner ion-header .hide-header {
  top: -56px !important;
}

page-training-scanner ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-training-scanner .content {
  height: 100%;
  pointer-events: none;
  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-training-scanner .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;
}

page-training-scanner .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;
}

page-training-scanner .content .box-frame .img-section img {
  width: 325px;
  height: 325px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

page-training-scanner .content .box-frame .profile-section {
  text-align: center;
}

page-training-scanner .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

page-training-scanner .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

page-training-scanner .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

page-training-scanner .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;
}

page-training-scanner .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

page-training-scanner .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-training-scanner .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-training-scanner .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-training-scanner .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

page-tutorial .toolbar-background {
  background: #fff;
  border-color: transparent;
}

page-tutorial .slide-zoom {
  height: 100%;
}

page-tutorial .slide-title {
  margin-top: 2.8rem;
}

page-tutorial .slide-image {
  margin-top: 2%;
  height: 100%;
  width: 200%;
}

page-tutorial b {
  font-weight: 500;
}

page-tutorial p {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: #7f7f7f;
}

page-tutorial p b {
  color: #000000;
}

.tutorial-add-member .toolbar-background {
  background: #fff;
  border-color: transparent;
}

.tutorial-add-member .slide-zoom {
  height: 100%;
}

.tutorial-add-member .slide-title {
  margin-top: 2.8rem;
}

.tutorial-add-member .slide-image {
  max-height: 50%;
  max-width: 60%;
  margin: 18px 0;
}

.tutorial-add-member b {
  font-weight: 500;
}

.tutorial-add-member p {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: #7f7f7f;
}

.tutorial-add-member p b {
  color: #000000;
}

.tutorial-login .toolbar-background {
  background: #fff;
  border-color: transparent;
}

.tutorial-login .slide-zoom {
  height: 100%;
}

.tutorial-login .slide-title {
  margin-top: 2.8rem;
}

.tutorial-login .slide-image {
  max-height: 50%;
  max-width: 60%;
  margin: 18px 0;
}

.tutorial-login b {
  font-weight: 500;
}

.tutorial-login p {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: #7f7f7f;
}

.tutorial-login p b {
  color: #000000;
}

page-webview ion-content .scroll-content {
  margin-top: 55px !important;
}