/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * Ionic Variables and Theming
 * ----------------------------------------------------------------------------
 * For more information, please see
 * https://www.ionicframework.com/docs/theming/
 */
/* Set variables for all modes */
:root {
  /* Set the font family of the entire app */
  --ion-font-family: "Barlow";
}
/*
 * Ionic Colors
 * ----------------------------------------------------------------------------
 * Named colors make it easy to reuse colors on various components.
 * It's highly recommended to change the default colors
 * to match your app's branding. Ionic provides nine layered colors
 * that can be changed to theme an app. Additional colors can be
 * added as well (see below). For more information, please see
 * https://www.ionicframework.com/docs/theming/colors
 *
 * To easily create custom color palettes for your app’s UI,
 * check out our color generator:
 * https://www.ionicframework.com/docs/theming/color-generator
 */
:root {
  /** primary **/
  --ion-color-primary: #00AACD;
  --ion-color-primary-rgb: 0,170,205;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #0096b4;
  --ion-color-primary-tint: #1ab3d2;
  /** secondary **/
  --ion-color-secondary: #556C77;
  --ion-color-secondary-rgb: 85,108,119;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #4b5f69;
  --ion-color-secondary-tint: #667b85;
  /** tertiary **/
  --ion-color-tertiary: #E6E7E8;
  --ion-color-tertiary-rgb: 230,231,232;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0,0,0;
  --ion-color-tertiary-shade: #cacbcc;
  --ion-color-tertiary-tint: #e9e9ea;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-facebook-blue: #1877F2;
  --ion-color-facebook-blue-rgb: 24,119,242;
  --ion-color-facebook-blue-contrast: #ffffff;
  --ion-color-facebook-blue-contrast-rgb: 255,255,255;
  --ion-color-facebook-blue-shade: #1569d5;
  --ion-color-facebook-blue-tint: #2f85f3;
}
/*
 * Additional Ionic Colors
 * ----------------------------------------------------------------------------
 * In order to add colors to be used within Ionic components,
 * the color should be added as a class with the convention `.ion-color-{COLOR}`
 * where `{COLOR}` is the color to be used on the Ionic component.
 * For more information on adding new colors, please see
 * https://ionicframework.com/docs/theming/colors#adding-colors
 *
 * To generate the code for a new color, check out our new color creator:
 * https://ionicframework.com/docs/theming/colors#new-color-creator
 */
:root {
  --ion-color-silang: #125BCB;
  --ion-color-silang-rgb: 105, 187, 123;
  --ion-color-silang-contrast: #ffffff;
  --ion-color-silang-contrast-rgb: 255, 255, 255;
  --ion-color-silang-shade: #5ca56c;
  --ion-color-silang-tint: #78c288;
  /** strong-cyan **/
  --ion-color-strong-cyan: #125BCB;
  --ion-color-strong-cyan-rgb: 18,91,203;
  --ion-color-strong-cyan-contrast: #ffffff;
  --ion-color-strong-cyan-contrast-rgb: 255,255,255;
  --ion-color-strong-cyan-shade: #1050b3;
  --ion-color-strong-cyan-tint: #2a6bd0;
  /** ETO Color **/
  --ion-color-eto: #39A44A;
  --ion-color-eto-rgb: 18,91,203;
  --ion-color-eto-contrast: #ffffff;
  --ion-color-eto-contrast-rgb: 255,255,255;
  --ion-color-eto-shade: #39A44A;
  --ion-color-eto-tint: #39A44A;
  /** blue-gray **/
  --ion-color-blue-gray: #556C77;
  --ion-color-blue-gray-rgb: 85,108,119;
  --ion-color-blue-gray-contrast: #ffffff;
  --ion-color-blue-gray-contrast-rgb: 255,255,255;
  --ion-color-blue-gray-shade: #4b5f69;
  --ion-color-blue-gray-tint: #667b85;
  /** white **/
  --ion-color-white: #FFFFFF;
  --ion-color-white-rgb: 255,255,255;
  --ion-color-white-contrast: #000000;
  --ion-color-white-contrast-rgb: 0,0,0;
  --ion-color-white-shade: #e0e0e0;
  --ion-color-white-tint: #ffffff;
  /** light-gray **/
  --ion-color-light-gray: #E6E7E8;
  --ion-color-light-gray-rgb: 230,231,232;
  --ion-color-light-gray-contrast: #000000;
  --ion-color-light-gray-contrast-rgb: 0,0,0;
  --ion-color-light-gray-shade: #cacbcc;
  --ion-color-light-gray-tint: #e9e9ea;
  /** blue **/
  --ion-color-blue: #002FF5;
  --ion-color-blue-rgb: 0,47,245;
  --ion-color-blue-contrast: #ffffff;
  --ion-color-blue-contrast-rgb: 255,255,255;
  --ion-color-blue-shade: #0029d8;
  --ion-color-blue-tint: #1a44f6;
  /** red **/
  --ion-color-red: #AB342C;
  --ion-color-red-rgb: 171,52,44;
  --ion-color-red-contrast: #ffffff;
  --ion-color-red-contrast-rgb: 255,255,255;
  --ion-color-red-shade: #962e27;
  --ion-color-red-tint: #b34841;
  /** yellow **/
  --ion-color-yellow: #E0B532;
  --ion-color-yellow-rgb: 224,181,50;
  --ion-color-yellow-contrast: #000000;
  --ion-color-yellow-contrast-rgb: 0,0,0;
  --ion-color-yellow-shade: #c59f2c;
  --ion-color-yellow-tint: #e3bc47;
  /** cloud-blue **/
  --ion-color-cloud-blue: #C8EEF5;
  --ion-color-cloud-blue-rgb: 200,238,245;
  --ion-color-cloud-blue-contrast: #000000;
  --ion-color-cloud-blue-contrast-rgb: 0,0,0;
  --ion-color-cloud-blue-shade: #b0d1d8;
  --ion-color-cloud-blue-tint: #cef0f6;
  /** cloud-violet **/
  --ion-color-cloud-violet: #C7D9F5;
  --ion-color-cloud-violet-rgb: 199,217,245;
  --ion-color-cloud-violet-contrast: #000000;
  --ion-color-cloud-violet-contrast-rgb: 0,0,0;
  --ion-color-cloud-violet-shade: #afbfd8;
  --ion-color-cloud-violet-tint: #cdddf6;
  /** dark-gray **/
  --ion-color-dark-gray: #3C3C4399;
  --ion-color-dark-gray-rgb: 60,67,153;
  --ion-color-dark-gray-contrast: #ffffff;
  --ion-color-dark-gray-contrast-rgb: 255,255,255;
  --ion-color-dark-gray-shade: #353b87;
  --ion-color-dark-gray-tint: #5056a3;
  /** ash-gray */
  --ion-color-ash-gray: #E5E5E5;
  --ion-color-ash-gray-rgb: 229,229,229;
  --ion-color-ash-gray-contrast: #000000;
  --ion-color-ash-gray-contrast-rgb: 0,0,0;
  --ion-color-ash-gray-shade: #cacaca;
  --ion-color-ash-gray-tint: #e8e8e8;
  --ion-color-space-gray: #8e8e93;
  --ion-color-space-gray-rgb: 142,142,147;
  --ion-color-space-gray-contrast: #000000;
  --ion-color-space-gray-contrast-rgb: 0,0,0;
  --ion-color-space-gray-shade: #7d7d81;
  --ion-color-space-gray-tint: #99999e;
  --ion-color-deep-blue: #001DF5;
  --ion-color-deep-blue-rgb: 0,29,245;
  --ion-color-deep-blue-contrast: #ffffff;
  --ion-color-deep-blue-contrast-rgb: 255,255,255;
  --ion-color-deep-blue-shade: #001ad8;
  --ion-color-deep-blue-tint: #1a34f6;
  --ion-color-faded-gray: #C7C7CC;
  --ion-color-faded-gray-rgb: 199,199,204;
  --ion-color-faded-gray-contrast: #000000;
  --ion-color-faded-gray-contrast-rgb: 0,0,0;
  --ion-color-faded-gray-shade: #afafb4;
  --ion-color-faded-gray-tint: #cdcdd1;
  --ion-color-white-gray: #F2F2F7;
  --ion-color-white-gray-rgb: 242,242,247;
  --ion-color-white-gray-contrast: #000000;
  --ion-color-white-gray-contrast-rgb: 0,0,0;
  --ion-color-white-gray-shade: #d5d5d9;
  --ion-color-white-gray-tint: #f3f3f8;
  --ion-color-dark-green: #3D872E;
  --ion-color-dark-green-rgb: 61,135,46;
  --ion-color-dark-green-contrast: #ffffff;
  --ion-color-dark-green-contrast-rgb: 255,255,255;
  --ion-color-dark-green-shade: #367728;
  --ion-color-dark-green-tint: #509343;
  --ion-color-dark-blue: #02405f;
  --ion-color-dark-blue-rgb: 2,64,95;
  --ion-color-dark-blue-contrast: #ffffff;
  --ion-color-dark-blue-contrast-rgb: 255,255,255;
  --ion-color-dark-blue-shade: #023854;
  --ion-color-dark-blue-tint: #1b536f;
  --ion-color-green: #219653;
  --ion-color-green-rgb: 33,150,83;
  --ion-color-green-contrast: #ffffff;
  --ion-color-green-contrast-rgb: 255,255,255;
  --ion-color-green-shade: #1d8449;
  --ion-color-green-tint: #37a164;
  --ion-color-black: #000000;
  --ion-color-black-rgb: 0,0,0;
  --ion-color-black-contrast: #ffffff;
  --ion-color-black-contrast-rgb: 255,255,255;
  --ion-color-black-shade: #000000;
  --ion-color-black-tint: #1a1a1a;
  --ion-color-medium-gray: #BBBFC4;
  --ion-color-medium-gray-rgb: 187,191,196;
  --ion-color-medium-gray-contrast: #000000;
  --ion-color-medium-gray-contrast-rgb: 0,0,0;
  --ion-color-medium-gray-shade: #a5a8ac;
  --ion-color-medium-gray-tint: #c2c5ca;
  --ion-color-medium-light-gray: #e3e5e8;
  --ion-color-medium-light-gray-rgb: 227,229,232;
  --ion-color-medium-light-gray-contrast: #000000;
  --ion-color-medium-light-gray-contrast-rgb: 0,0,0;
  --ion-color-medium-light-gray-shade: #c8cacc;
  --ion-color-medium-light-gray-tint: #e6e8ea;
}
.ion-color-silang {
  --ion-color-base: var(--ion-color-silang);
  --ion-color-base-rgb: var(--ion-color-silang-rgb);
  --ion-color-contrast: var(--ion-color-silang-contrast);
  --ion-color-contrast-rgb: var(--ion-color-silang-contrast-rgb);
  --ion-color-shade: var(--ion-color-silang-shade);
  --ion-color-tint: var(--ion-color-silang-tint);
}
.ion-color-strong-cyan {
  --ion-color-base: var(--ion-color-strong-cyan);
  --ion-color-base-rgb: var(--ion-color-strong-cyan-rgb);
  --ion-color-contrast: var(--ion-color-strong-cyan-contrast);
  --ion-color-contrast-rgb: var(--ion-color-strong-cyan-contrast-rgb);
  --ion-color-shade: var(--ion-color-strong-cyan-shade);
  --ion-color-tint: var(--ion-color-strong-cyan-tint);
}
.ion-color-eto {
  --ion-color-base: var(--ion-color-eto);
  --ion-color-base-rgb: var(--ion-color-eto-rgb);
  --ion-color-contrast: var(--ion-color-eto-contrast);
  --ion-color-contrast-rgb: var(--ion-color-eto-contrast-rgb);
  --ion-color-shade: var(--ion-color-eto-shade);
  --ion-color-tint: var(--ion-color-eto-tint);
}
.ion-color-blue-gray {
  --ion-color-base: var(--ion-color-blue-gray);
  --ion-color-base-rgb: var(--ion-color-blue-gray-rgb);
  --ion-color-contrast: var(--ion-color-blue-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-blue-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-blue-gray-shade);
  --ion-color-tint: var(--ion-color-blue-gray-tint);
}
.ion-color-white {
  --ion-color-base: var(--ion-color-white);
  --ion-color-base-rgb: var(--ion-color-white-rgb);
  --ion-color-contrast: var(--ion-color-white-contrast);
  --ion-color-contrast-rgb: var(--ion-color-white-contrast-rgb);
  --ion-color-shade: var(--ion-color-white-shade);
  --ion-color-tint: var(--ion-color-white-tint);
}
.ion-color-light-gray {
  --ion-color-base: var(--ion-color-light-gray);
  --ion-color-base-rgb: var(--ion-color-light-gray-rgb);
  --ion-color-contrast: var(--ion-color-light-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-light-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-light-gray-shade);
  --ion-color-tint: var(--ion-color-light-gray-tint);
}
.ion-color-blue {
  --ion-color-base: var(--ion-color-blue);
  --ion-color-base-rgb: var(--ion-color-blue-rgb);
  --ion-color-contrast: var(--ion-color-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-blue-shade);
  --ion-color-tint: var(--ion-color-blue-tint);
}
.ion-color-red {
  --ion-color-base: var(--ion-color-red);
  --ion-color-base-rgb: var(--ion-color-red-rgb);
  --ion-color-contrast: var(--ion-color-red-contrast);
  --ion-color-contrast-rgb: var(--ion-color-red-contrast-rgb);
  --ion-color-shade: var(--ion-color-red-shade);
  --ion-color-tint: var(--ion-color-red-tint);
}
.ion-color-yellow {
  --ion-color-base: var(--ion-color-yellow);
  --ion-color-base-rgb: var(--ion-color-yellow-rgb);
  --ion-color-contrast: var(--ion-color-yellow-contrast);
  --ion-color-contrast-rgb: var(--ion-color-yellow-contrast-rgb);
  --ion-color-shade: var(--ion-color-yellow-shade);
  --ion-color-tint: var(--ion-color-yellow-tint);
}
.ion-color-cloud-blue {
  --ion-color-base: var(--ion-color-cloud-blue);
  --ion-color-base-rgb: var(--ion-color-cloud-blue-rgb);
  --ion-color-contrast: var(--ion-color-cloud-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-cloud-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-cloud-blue-shade);
  --ion-color-tint: var(--ion-color-cloud-blue-tint);
}
.ion-color-cloud-violet {
  --ion-color-base: var(--ion-color-cloud-violet);
  --ion-color-base-rgb: var(--ion-color-cloud-violet-rgb);
  --ion-color-contrast: var(--ion-color-cloud-violet-contrast);
  --ion-color-contrast-rgb: var(--ion-color-cloud-violet-contrast-rgb);
  --ion-color-shade: var(--ion-color-cloud-violet-shade);
  --ion-color-tint: var(--ion-color-cloud-violet-tint);
}
.ion-color-dark-gray {
  --ion-color-base: var(--ion-color-dark-gray);
  --ion-color-base-rgb: var(--ion-color-dark-gray-rgb);
  --ion-color-contrast: var(--ion-color-dark-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-gray-shade);
  --ion-color-tint: var(--ion-color-dark-gray-tint);
}
.ion-color-ash-gray {
  --ion-color-base: var(--ion-color-ash-gray);
  --ion-color-base-rgb: var(--ion-color-ash-gray-rgb);
  --ion-color-contrast: var(--ion-color-ash-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-ash-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-ash-gray-shade);
  --ion-color-tint: var(--ion-color-ash-gray-tint);
}
.ion-color-space-gray {
  --ion-color-base: var(--ion-color-space-gray);
  --ion-color-base-rgb: var(--ion-color-space-gray-rgb);
  --ion-color-contrast: var(--ion-color-space-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-space-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-space-gray-shade);
  --ion-color-tint: var(--ion-color-space-gray-tint);
}
.ion-color-deep-blue {
  --ion-color-base: var(--ion-color-deep-blue);
  --ion-color-base-rgb: var(--ion-color-deep-blue-rgb);
  --ion-color-contrast: var(--ion-color-deep-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-deep-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-deep-blue-shade);
  --ion-color-tint: var(--ion-color-deep-blue-tint);
}
.ion-color-faded-gray {
  --ion-color-base: var(--ion-color-faded-gray);
  --ion-color-base-rgb: var(--ion-color-faded-gray-rgb);
  --ion-color-contrast: var(--ion-color-faded-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-faded-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-faded-gray-shade);
  --ion-color-tint: var(--ion-color-faded-gray-tint);
}
.ion-color-white-gray {
  --ion-color-base: var(--ion-color-white-gray);
  --ion-color-base-rgb: var(--ion-color-white-gray-rgb);
  --ion-color-contrast: var(--ion-color-white-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-white-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-white-gray-shade);
  --ion-color-tint: var(--ion-color-white-gray-tint);
}
.ion-color-dark-green {
  --ion-color-base: var(--ion-color-dark-green);
  --ion-color-base-rgb: var(--ion-color-dark-green-rgb);
  --ion-color-contrast: var(--ion-color-dark-green-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-green-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-green-shade);
  --ion-color-tint: var(--ion-color-dark-green-tint);
}
.ion-color-dark-blue {
  --ion-color-base: var(--ion-color-dark-blue);
  --ion-color-base-rgb: var(--ion-color-dark-blue-rgb);
  --ion-color-contrast: var(--ion-color-dark-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-dark-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-dark-blue-shade);
  --ion-color-tint: var(--ion-color-dark-blue-tint);
}
.ion-color-green {
  --ion-color-base: var(--ion-color-green);
  --ion-color-base-rgb: var(--ion-color-green-rgb);
  --ion-color-contrast: var(--ion-color-green-contrast);
  --ion-color-contrast-rgb: var(--ion-color-green-contrast-rgb);
  --ion-color-shade: var(--ion-color-green-shade);
  --ion-color-tint: var(--ion-color-green-tint);
}
.ion-color-black {
  --ion-color-base: var(--ion-color-black);
  --ion-color-base-rgb: var(--ion-color-black-rgb);
  --ion-color-contrast: var(--ion-color-black-contrast);
  --ion-color-contrast-rgb: var(--ion-color-black-contrast-rgb);
  --ion-color-shade: var(--ion-color-black-shade);
  --ion-color-tint: var(--ion-color-black-tint);
}
.ion-color-facebook-blue {
  --ion-color-base: var(--ion-color-facebook-blue);
  --ion-color-base-rgb: var(--ion-color-facebook-blue-rgb);
  --ion-color-contrast: var(--ion-color-facebook-blue-contrast);
  --ion-color-contrast-rgb: var(--ion-color-facebook-blue-contrast-rgb);
  --ion-color-shade: var(--ion-color-facebook-blue-shade);
  --ion-color-tint: var(--ion-color-facebook-blue-tint);
}
.ion-color-medium-gray {
  --ion-color-base: var(--ion-color-medium-gray);
  --ion-color-base-rgb: var(--ion-color-medium-gray-rgb);
  --ion-color-contrast: var(--ion-color-medium-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-gray-shade);
  --ion-color-tint: var(--ion-color-medium-gray-tint);
}
.ion-color-medium-light-gray {
  --ion-color-base: var(--ion-color-medium-light-gray);
  --ion-color-base-rgb: var(--ion-color-medium-light-gray-rgb);
  --ion-color-contrast: var(--ion-color-medium-light-gray-contrast);
  --ion-color-contrast-rgb: var(--ion-color-medium-light-gray-contrast-rgb);
  --ion-color-shade: var(--ion-color-medium-light-gray-shade);
  --ion-color-tint: var(--ion-color-medium-light-gray-tint);
}
/*
 * Shared Variables
 * ----------------------------------------------------------------------------
 * To customize the look and feel of this app, you can override
 * the CSS variables found in Ionic's source files.
 * To view all of the possible Ionic variables, see:
 * https://ionicframework.com/docs/theming/css-variables#ionic-variables
 */
:root {
  --ion-headings-font-weight: 300;
  --ion-color-angular: #ac282b;
  --ion-color-communication: #8e8d93;
  --ion-color-tooling: #fe4c52;
  --ion-color-services: #fd8b2d;
  --ion-color-design: #fed035;
  --ion-color-workshop: #69bb7b;
  --ion-color-food: #3bc7c4;
  --ion-color-documentation: #b16be3;
  --ion-color-navigation: #6600cc;
}
/*
 * App iOS Variables
 * ----------------------------------------------------------------------------
 * iOS only CSS variables can go here
 */
/*
 * App Material Design Variables
 * ----------------------------------------------------------------------------
 * Material Design only CSS variables can go here
 */
/*
 * App Theme
 * ----------------------------------------------------------------------------
 * Ionic apps can have different themes applied, which can
 * then be further customized. These variables come last
 * so that the above variables are used by default.
 */
/*
 * Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme {
  --ion-color-primary: #00AACD;
  --ion-color-primary-rgb: 0,170,205;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #0096b4;
  --ion-color-primary-tint: #1ab3d2;
  --ion-color-secondary: #556C77;
  --ion-color-secondary-rgb: 85,108,119;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #4b5f69;
  --ion-color-secondary-tint: #667b85;
  --ion-color-tertiary: #E6E7E8;
  --ion-color-tertiary-rgb: 230,231,232;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0,0,0;
  --ion-color-tertiary-shade: #cacbcc;
  --ion-color-tertiary-tint: #e9e9ea;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}
/*
 * iOS Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.ios {
  --ion-background-color: #000000;
  --ion-background-color-rgb: 0,0,0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255,255,255;
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
  --ion-toolbar-background: #0d0d0d;
  --ion-toolbar-text: #faf9f9;
  --ion-item-background: #000000;
}
/*
 * Material Design Dark Theme
 * ----------------------------------------------------------------------------
 */
.dark-theme.md {
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18,18,18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255,255,255;
  --ion-border-color: #222222;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1e1e1e;
  --ion-toolbar-background: #0d0d0d;
  --ion-toolbar-text: #faf9f9;
  --ion-tab-bar-background: #1f1f1f;
}
@font-face {
  font-family: "orbitron";
  src: url('Orbitron-VariableFont_wght.ttf');
}
@font-face {
  font-family: "Open Sans";
  src: url('OpenSans-Regular.ttf');
}
@font-face {
  font-family: "opensans-italic";
  src: url('OpenSans-Italic.ttf');
}
@font-face {
  font-family: "opensans-light";
  src: url('OpenSans-Light.ttf');
}
@font-face {
  font-family: "opensans-lightitalic";
  src: url('OpenSans-LightItalic.ttf');
}
@font-face {
  font-family: "opensans-bold";
  src: url('OpenSans-Bold.ttf');
}
@font-face {
  font-family: "opensans-bolditalic";
  src: url('OpenSans-BoldItalic.ttf');
}
@font-face {
  font-family: "opensans-extrabold";
  src: url('OpenSans-ExtraBold.ttf');
}
@font-face {
  font-family: "opensans-extrabolditalic";
  src: url('OpenSans-ExtraBoldItalic.ttf');
}
@font-face {
  font-family: "opensans-semibold";
  src: url('OpenSans-Semibold.ttf');
}
@font-face {
  font-family: "opensans-semibolditalic";
  src: url('OpenSans-SemiboldItalic.ttf');
}
/*
 * App Theme
 * ----------------------------------------------------------------------------
 */
:root {
  --app-primary-color: #00aacd;
  --app-secondary-color: #556c77;
  --app-gray-color: #8e8e93;
  --app-gray-color-light: #c7c7cc;
  --app-gray-color-lighter: #f2f2f7;
  --app-light-color: #e6e7e8;
  --app-lighter-color: #ffffff;
  --app-label-color: #000000;
  --app-label-color-300: rgba(60, 60, 67, 0.8);
  --app-label-color-200: rgba(60, 60, 67, 0.6);
  --app-label-color-100: rgba(60, 60, 67, 0.3);
  --app-label-color-light: rgba(235, 235, 245, 0.3);
  --app-label-color-light-200: rgba(235, 235, 245, 0.6);
  --app-label-color-light-100: #ffffff;
  --app-error-color: #bf2c00;
  --app-button-primary-pressed: #1096C0;
  --app-button-secondary-pressed: #EBEBF0;
  --app-button-tertiary-pressed: rgba(0, 170, 205, 0.1);
}
@font-face {
  font-family: "Barlow";
  src: url('Barlow-Regular.ttf');
}
@font-face {
  font-family: "Roboto";
  src: url('Roboto-Regular.ttf');
}
@font-face {
  font-family: "SF Pro Display";
  src: url('SF-Pro-Display-Regular.ttf');
}
@font-face {
  font-family: "Poppins";
  src: url('Poppins-Regular.ttf');
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::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,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 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=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;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}
.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}
/* control positioning */
.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}
.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}
/* cursors */
.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
/* visual tweaks */
.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}
/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}
/* general toolbar styles */
.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}
.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}
/* layers control */
.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}
/* popup */
.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}
.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}
/* div icon */
.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}
/* Directions */
.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* Printing */
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
/*
 * App CSS
 * ----------------------------------------------------------------------------
 * Imports a file that can contain Sass/CSS that should be used throughout
 * the entire app.
 */
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot?pqr3sk');
  src:  url('icomoon.eot?pqr3sk#iefix') format('embedded-opentype'),
    url('icomoon.ttf?pqr3sk') format('truetype'),
    url('icomoon.woff?pqr3sk') format('woff'),
    url('icomoon.svg?pqr3sk#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  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;
}
.icon-apple:before {
  content: "\e900";
  color: #404756;
}
.icon-biometric:before {
  content: "\e901";
  color: #404756;
}
.icon-burger-menu:before {
  content: "\e902";
  color: #404756;
}
.icon-calendar:before {
  content: "\e903";
  color: #404756;
}
.icon-camera:before {
  content: "\e904";
  color: #404756;
}
.icon-cart:before {
  content: "\e905";
  color: #404756;
}
.icon-change-password:before {
  content: "\e906";
  color: #404756;
}
.icon-check:before {
  content: "\e907";
  color: #404756;
}
.icon-chevron-down:before {
  content: "\e908";
  color: #404756;
}
.icon-chevron-left:before {
  content: "\e909";
  color: #404756;
}
.icon-chevron-right:before {
  content: "\e90a";
  color: #404756;
}
.icon-chevron-up:before {
  content: "\e90b";
  color: #404756;
}
.icon-circle-minus:before {
  content: "\e90c";
  color: #404756;
}
.icon-circle-plus:before {
  content: "\e90d";
  color: #404756;
}
.icon-close:before {
  content: "\e90e";
  color: #404756;
}
.icon-contact:before {
  content: "\e90f";
  color: #404756;
}
.icon-custom-dashboard:before {
  content: "\e910";
  color: #404756;
}
.icon-email:before {
  content: "\e911";
  color: #404756;
}
.icon-eye-close:before {
  content: "\e912";
  color: #404756;
}
.icon-eye-open:before {
  content: "\e913";
  color: #404756;
}
.icon-face-id:before {
  content: "\e914";
  color: #404756;
}
.icon-facebook:before {
  content: "\e915";
  color: #404756;
}
.icon-faq:before {
  content: "\e916";
  color: #404756;
}
.icon-filter-default:before {
  content: "\e917";
  color: #404756;
}
.icon-filter-down:before {
  content: "\e918";
  color: #404756;
}
.icon-filter-up:before {
  content: "\e919";
  color: #404756;
}
.icon-flashlight:before {
  content: "\e91a";
  color: #404756;
}
.icon-gallery:before {
  content: "\e91b";
  color: #404756;
}
.icon-google:before {
  content: "\e91c";
  color: #404756;
}
.icon-heart-off:before {
  content: "\e91d";
  color: #404756;
}
.icon-heart-on:before {
  content: "\e91e";
  color: #404756;
}
.icon-history:before {
  content: "\e91f";
  color: #404756;
}
.icon-home:before {
  content: "\e920";
  color: #404756;
}
.icon-inbox-notif .path1:before {
  content: "\e921";
  color: rgb(64, 71, 86);
}
.icon-inbox-notif .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(64, 71, 86);
}
.icon-inbox-notif .path3:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(18, 91, 203);
}
.icon-inbox-notif .path4:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-inbox:before {
  content: "\e925";
  color: #404756;
}
.icon-key:before {
  content: "\e926";
  color: #404756;
}
.icon-like:before {
  content: "\e927";
  color: #404756;
}
.icon-Logo-bw:before {
  content: "\e928";
  color: #404756;
}
.icon-map-pin:before {
  content: "\e929";
  color: #404756;
}
.icon-map:before {
  content: "\e92a";
  color: #404756;
}
.icon-notification-off:before {
  content: "\e92b";
  color: #404756;
}
.icon-notification-on .path1:before {
  content: "\e92c";
  color: rgb(64, 71, 86);
}
.icon-notification-on .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(64, 71, 86);
}
.icon-notification-on .path3:before {
  content: "\e92e";
  margin-left: -1em;
  color: rgb(64, 71, 86);
}
.icon-notification-on .path4:before {
  content: "\e92f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-num1:before {
  content: "\e930";
  color: #404756;
}
.icon-num2:before {
  content: "\e931";
  color: #404756;
}
.icon-num3:before {
  content: "\e932";
  color: #404756;
}
.icon-num4:before {
  content: "\e933";
  color: #404756;
}
.icon-num5:before {
  content: "\e934";
  color: #404756;
}
.icon-org:before {
  content: "\e935";
  color: #404756;
}
.icon-passenger:before {
  content: "\e936";
  color: #404756;
}
.icon-passes:before {
  content: "\e937";
  color: #404756;
}
.icon-play:before {
  content: "\e938";
  color: #404756;
}
.icon-points:before {
  content: "\e939";
  color: #404756;
}
.icon-privacy:before {
  content: "\e93a";
  color: #404756;
}
.icon-profile-avatar:before {
  content: "\e93b";
  color: #404756;
}
.icon-qr-code:before {
  content: "\e93c";
  color: #404756;
}
.icon-rebate:before {
  content: "\e93d";
  color: #404756;
}
.icon-refresh:before {
  content: "\e93e";
  color: #404756;
}
.icon-reward:before {
  content: "\e93f";
  color: #404756;
}
.icon-ride:before {
  content: "\e940";
  color: #404756;
}
.icon-scan-qr:before {
  content: "\e941";
  color: #404756;
}
.icon-search:before {
  content: "\e942";
  color: #404756;
}
.icon-send-points:before {
  content: "\e943";
  color: #404756;
}
.icon-settings:before {
  content: "\e944";
  color: #404756;
}
.icon-share:before {
  content: "\e945";
  color: #404756;
}
.icon-star:before {
  content: "\e946";
  color: #404756;
}
.icon-store:before {
  content: "\e947";
  color: #404756;
}
.icon-terms:before {
  content: "\e948";
  color: #404756;
}
.icon-timer:before {
  content: "\e949";
  color: #404756;
}
.icon-token:before {
  content: "\e94a";
  color: #404756;
}
.icon-trash:before {
  content: "\e94b";
  color: #404756;
}
.icon-warning:before {
  content: "\e94c";
  color: #404756;
}
.icon-watch:before {
  content: "\e94d";
  color: #404756;
}
.icons {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rotate180 {
  transform: rotateX(180deg);
}
/* Loading Spinner */
.loader-spinner {
  z-index: 99000 !important;
}
/* placed here instead of intro.scss due to slide els not getting ng scoping attribute */
.swiper-slide {
  display: block;
}
p, ion-text {
  font-family: "Poppins" !important;
}
/*Modals*/
.login-error-modal {
  position: absolute;
  --max-width: 277px !important;
  --border-radius: 21px;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --height: auto;
}
.login-error-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.login-error-modal .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 10px;
}
.resend-success-modal {
  position: absolute;
  bottom: calc(95% - 45px);
  --max-width: 225px !important;
  --height: 32px !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
  --backdrop-opacity: 0;
  --border-radius: 24px;
}
.switch-org-modal {
  position: absolute;
  --border-radius: 21px;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --height: auto;
}
.switch-org-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.switch-org-modal .ion-page .inner-content {
  overflow: auto;
  padding: 10px;
}
.datetimepicker-modal {
  position: absolute;
  --max-width: 295px !important;
  --max-height: 350px !important;
  --border-radius: 20px;
  --overflow: hidden !important;
}
.choose-img-source-modal {
  position: absolute;
  --width: 100% !important;
  --height: 150px !important;
  --border-radius: 20px;
  --overflow: hidden !important;
}
.stop-info-modal {
  position: absolute;
  --max-width: 100% !important;
  --max-height: 393px !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  --border-radius: 10px;
  --width: 100%;
  padding: 22px !important;
}
.join-org-sheet-modal {
  position: absolute;
  --max-width: 100% !important;
  --max-height: 435px !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  --border-radius: 10px;
  --width: 100%;
  padding: 22px !important;
}
.verification-modal {
  position: absolute;
  --min-width: 320px !important;
  --max-width: 100% !important;
  --max-height: 100% !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
}
.change-password-success-modal {
  position: absolute;
  --min-width: 320px !important;
  --max-width: 375px !important;
  --max-height: 100% !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
}
.join-organization-modal {
  position: absolute;
  --min-width: 320px !important;
  --max-width: 100% !important;
  --max-height: 100% !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
}
.broadcast-modal {
  position: absolute;
  --min-width: 320px !important;
  --max-width: 95% !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 8px rgba(0, 0, 0, 0.25) !important;
  --height: auto;
}
.broadcast-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.broadcast-modal .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
}
.user-qr-modal {
  position: absolute;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
}
.confirm-join-modal {
  position: absolute;
  --width: 294px !important;
  --height: 390px !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  --border-radius: 16px;
}
.confirm-leave-modal {
  position: absolute;
  --width: 294px !important;
  --height: 360px !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25) !important;
  --border-radius: 16px;
}
.subscribe-success-modal,
.unsubscribe-success-modal {
  position: absolute;
  bottom: calc(95% - 45px);
  --max-width: 200px !important;
  --height: 32px !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --backdrop-opacity: 0 !important;
  --border-radius: 24px !important;
}
.toast-send-verification-success {
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --width: 200px !important;
  --height: 32px !important;
}
.send-points-success-modal {
  position: absolute;
  --max-width: 90% !important;
  --height: 270px !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --backdrop-opacity: 0 !important;
  --border-radius: 24px !important;
  background: rgba(0, 0, 0, 0.8);
}
.pickup-dropoff-modal {
  position: absolute;
  --max-width: 277px !important;
  --border-radius: 20px;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --height: auto;
}
.pickup-dropoff-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.pickup-dropoff-modal .ion-page .inner-content {
  max-height: 90vh;
  overflow: auto;
  padding: 10px;
}
.daterange-picker-modal {
  position: absolute;
  --max-width: 90% !important;
  --border-radius: 10px !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --border-radius: 10px !important;
  --height: auto;
}
.daterange-picker-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.daterange-picker-modal .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 10px;
}
.time-picker-modal {
  position: absolute;
  --max-width: 90% !important;
  --max-height: 19rem !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --border-radius: 10px !important;
}
.confirm-cancel-modal {
  position: absolute;
  --max-width: 270px !important;
  --height: 365px !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --border-radius: 24px !important;
}
.error-modal, .success-modal {
  position: absolute;
  --max-width: 277px !important;
  --border-radius: 20px;
  --overflow: hidden !important;
  --height: calc(var(--min-height) + 1rem );
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
}
.password-update-success {
  position: absolute;
  --max-width: 100% !important;
  --max-height: 440px !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 16px;
  padding: 22px !important;
}
.delete-account-confirm {
  position: absolute;
  --max-width: 100% !important;
  --max-height: 390px !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 16px;
  padding: 22px !important;
}
.join-org-confirm {
  position: absolute;
  --max-width: 100% !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 16px;
  padding: 22px !important;
  --height: auto;
}
.join-org-confirm .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.join-org-confirm .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 10px;
}
.swtich-org-modal {
  position: absolute;
  --max-width: 100% !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 16px;
  padding: 22px !important;
  --height: auto;
}
.swtich-org-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.swtich-org-modal .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 0px 20px;
}
.complete-profile-success {
  position: absolute;
  --max-width: 100% !important;
  --max-height: 390px !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 16px;
  padding: 22px !important;
}
.text-content-modal {
  position: absolute;
  --max-width: 300px !important;
  --border-radius: 20px;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --height: auto;
}
.text-content-modal .ion-page {
  position: relative;
  display: block;
  contain: content;
}
.text-content-modal .ion-page .inner-content {
  max-height: 80vh;
  overflow: auto;
  padding: 10px;
}
.confirm-password-modal {
  position: absolute;
  bottom: 0px;
  --width: 317px !important;
  --max-height: 270px !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 10px;
  --padding: 22px !important;
}
.view-token-modal {
  position: absolute;
  bottom: 0px;
  --max-width: 90% !important;
  --max-height: 85% !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 15px;
}
.view-token-sale-modal {
  position: absolute;
  bottom: 0px;
  --width: 310px !important;
  --height: 100% !important;
  --max-height: 45rem !important;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 15px;
}
.feedback-modal {
  position: absolute;
  bottom: 0px;
  --max-width: 90% !important;
  --max-height: 85% !important;
  --overflow: hidden !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 5px;
  --background: transparent !important;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.multiple-booking-success-modal {
  position: absolute;
  bottom: 0px;
  --width: 317px !important;
  --max-height: 30rem;
  --overflow: hidden !important;
  --box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4) !important;
  --backdrop-opacity: var(--ion-backdrop-opacity, 0.32) !important;
  --border-radius: 10px;
  --padding: 22px !important;
}
.confirm-getpass-checkout-modal {
  position: absolute;
  --width: 294px !important;
  --height: 365px !important;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  --border-radius: 16px;
}
.success-save-contact {
  position: absolute;
  z-index: 1;
  --width: 294px !important;
  --height: 400px;
  --overflow: hidden !important;
  --box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
  --border-radius: 16px;
}
.find-ride-alert .alert-head, .booking-ride-alert .alert-head {
  background-color: #fbbf24;
}
.find-ride-alert .alert-head .alert-title, .booking-ride-alert .alert-head .alert-title {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
  color: #27272a;
}
.find-ride-alert .alert-message, .booking-ride-alert .alert-message {
  padding: 1rem !important;
  position: relative;
  text-align: center;
  max-height: none;
  background: white;
}
.find-ride-alert .alert-message img, .booking-ride-alert .alert-message img {
  width: 10rem;
}
.find-ride-alert .alert-message #_cancel_booking_flag, .booking-ride-alert .alert-message #_cancel_booking_flag {
  transform: translateX(-50%);
  position: absolute;
  font-weight: 900;
  font-size: 2rem;
  color: red;
  left: 50%;
  top: 3rem;
}
.find-ride-alert .alert-message #_find_ride_message, .booking-ride-alert .alert-message #_find_ride_message {
  font-size: 0.9rem;
  font-weight: 900;
  color: #27272a;
}
.find-ride-alert .alert-message #_find_ride_submessage, .booking-ride-alert .alert-message #_find_ride_submessage {
  font-size: 0.9rem;
  color: #6b7280;
}
.premium-ride-booking-details .alert-head {
  background-color: #ef4444;
}
.premium-ride-booking-details .alert-head .alert-title {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
  color: #fff;
}
.premium-ride-booking-details .alert-message {
  padding: 1rem !important;
  max-height: none;
}
.premium-ride-booking-details .alert-message .booking-details-container {
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  text-align: start;
}
.premium-ride-booking-details .alert-message .booking-details-container .booking-details-label {
  margin-top: 0.3rem;
  font-size: 0.8rem;
  font-weight: 900;
  color: #00aacd;
  width: 100%;
}
.premium-ride-booking-details .alert-message .booking-details-container .booking-details-value {
  font-size: 0.8rem;
  font-weight: 800;
  color: #27272a;
  width: 100%;
}
.premium-ride-booking-details .alert-message .booking-details-container .value-bigger {
  font-weight: 800;
  font-size: 1rem;
}
.premium-ride-booking-details .alert-button-group {
  justify-content: center;
  padding: 1rem 1rem;
}
.premium-ride-booking-details .alert-button-group button {
  background-color: #fbbf24;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 800;
  margin-right: 0;
  width: 49%;
}
.premium-ride-booking-details .alert-button-group button .alert-button-inner {
  justify-content: center;
  color: #27272a;
}
.booking-response-alert .alert-head .alert-title {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
  color: #fff;
}
.booking-response-alert .alert-message {
  padding: 1rem !important;
  text-align: center;
  max-height: none;
  background: white;
}
.booking-response-alert .alert-message img {
  width: 10rem;
}
.booking-response-alert .alert-message #_booking_reponse_message {
  font-size: 1rem;
  font-weight: 900;
  color: #27272a;
}
.booking-response-alert .alert-message #_booking_reponse_submessage {
  font-size: 0.8rem;
  color: #6b7280;
}
.booking-response-alert .alert-button-group {
  justify-content: center;
  padding: 1rem;
  background: white;
}
.booking-response-alert .alert-button-group button {
  background-color: #fbbf24;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 800;
  margin-right: 0;
  width: 49%;
}
.booking-response-alert .alert-button-group button .alert-button-inner {
  justify-content: center;
  color: #27272a;
}
.scan-success-modal {
  --background: transparent !important;
}
.terms-condition-modal {
  position: absolute;
  --max-width: 277px !important;
  --height: 13rem !important;
  --border-radius: 20px;
  --overflow: hidden !important;
}
.create-appointment-success-modal {
  position: absolute;
  --max-width: 270px !important;
  --height: 280px !important;
  --overflow: hidden !important;
  --box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25) !important;
  --border-radius: 24px !important;
}
.booking-success-alert .alert-head {
  background-color: #00aacd;
}
.booking-alert-error .alert-head {
  background-color: #ef4444;
}
.token-checkout-response-modal {
  --ion-background-color: transparent;
}
/* Font Color */
.app-text-primary {
  color: var(--app-primary-color);
}
.app-text-secondary {
  color: var(--app-secondary-color);
}
/* Font size */
.t-fs60 {
  font-size: calc(0.5vw + 60px) !important;
}
.t-fs50 {
  font-size: calc(0.5vw + 50px) !important;
}
.t-fs48 {
  font-size: calc(0.5vw + 48px) !important;
}
.t-fs45-28 {
  font-size: calc(0.5vw + 45.28px) !important;
}
.t-fs43-4 {
  font-size: calc(0.5vw + 43.4px) !important;
}
.t-fs40 {
  font-size: calc(0.5vw + 40px) !important;
}
.t-fs28 {
  font-size: calc(0.5vw + 28px) !important;
}
.t-fs27-68 {
  font-size: calc(0.5vw + 27.68px) !important;
}
.t-fs38-43 {
  font-size: calc(0.5vw + 38.43px) !important;
}
.t-fs36 {
  font-size: calc(0.5vw + 36px) !important;
}
.t-fs34-67 {
  font-size: calc(0.5vw + 34.67px) !important;
}
.t-fs30 {
  font-size: calc(0.5vw + 30px) !important;
}
.t-fs34-44 {
  font-size: calc(0.5vw + 34.44px) !important;
}
.t-fs34-29 {
  font-size: calc(0.5vw + 34.29px) !important;
}
.t-fs26 {
  font-size: calc(0.5vw + 26px) !important;
}
.t-fs24 {
  font-size: calc(0.5vw + 24px) !important;
}
.t-fs23 {
  font-size: calc(0.5vw + 23px) !important;
}
.t-fs22 {
  font-size: calc(0.5vw + 22px) !important;
}
.t-fs22-36 {
  font-size: calc(0.5vw + 22.36px) !important;
}
.t-fs20-83 {
  font-size: calc(0.5vw + 20.83px) !important;
}
.t-fs21 {
  font-size: calc(0.5vw + 21px) !important;
}
.t-fs20 {
  font-size: calc(0.5vw + 20px) !important;
}
.t-fs19-82 {
  font-size: calc(0.5vw + 19.82px) !important;
}
.t-fs19 {
  font-size: calc(0.5vw + 19px) !important;
}
.t-fs18 {
  font-size: calc(0.5vw + 18px) !important;
}
.t-fs17-12 {
  font-size: calc(0.5vw + 17.12px) !important;
}
.t-fs16-76 {
  font-size: calc(0.5vw + 16.76px) !important;
}
.t-fs16 {
  font-size: calc(0.5vw + 16px) !important;
}
.t-fs15 {
  font-size: calc(0.5vw + 15px) !important;
}
.t-fs14-98 {
  font-size: calc(0.5vw + 14.98px) !important;
}
.t-fs14-91 {
  font-size: calc(0.5vw + 14.91px) !important;
}
.t-fs14-93 {
  font-size: calc(0.5vw + 14.93px) !important;
}
.t-fs14-69 {
  font-size: calc(0.5vw + 14.69px) !important;
}
.t-fs14-09 {
  font-size: calc(0.5vw + 14.09px) !important;
}
.t-fs14 {
  font-size: calc(0.5vw + 14px) !important;
}
.t-fs13-89 {
  font-size: calc(0.5vw + 13.89px) !important;
}
.t-fs13 {
  font-size: calc(0.5vw + 13px) !important;
}
.t-fs12-79 {
  font-size: calc(0.5vw + 12.79px) !important;
}
.t-fs12-64 {
  font-size: calc(0.5vw + 12.64px) !important;
}
.t-fs12-62 {
  font-size: calc(0.5vw + 12.62px) !important;
}
.t-fs12-43 {
  font-size: calc(0.5vw + 12.43px) !important;
}
.t-fs12-41 {
  font-size: calc(0.5vw + 12.41px) !important;
}
.t-fs12-26 {
  font-size: calc(0.5vw + 12.26px) !important;
}
.t-fs12-15 {
  font-size: calc(0.5vw + 12.15px) !important;
}
.t-fs12-06 {
  font-size: calc(0.5vw + 12.06px) !important;
}
.t-fs12 {
  font-size: calc(0.5vw + 12px) !important;
}
.t-fs10-91 {
  font-size: calc(0.5vw + 10.91px) !important;
}
.t-fs10-69 {
  font-size: calc(0.5vw + 10.69px) !important;
}
.t-fs10-51 {
  font-size: calc(0.5vw + 10.51px) !important;
}
.t-fs10 {
  font-size: calc(0.5vw + 10px) !important;
}
.t-fs11-77 {
  font-size: calc(0.5vw + 11.77px) !important;
}
.t-fs11-61 {
  font-size: calc(0.5vw + 11.61px) !important;
}
.t-fs11-38 {
  font-size: calc(0.5vw + 11.38px) !important;
}
.t-fs11-28 {
  font-size: calc(0.5vw + 11.28px) !important;
}
.t-fs11-8 {
  font-size: calc(0.5vw + 11.8px) !important;
}
.t-fs11-07 {
  font-size: calc(0.5vw + 11.07px) !important;
}
.t-fs11-4 {
  font-size: calc(0.5vw + 11.4px) !important;
}
.t-fs11 {
  font-size: calc(0.5vw + 11px) !important;
}
.t-fs10-87 {
  font-size: calc(0.5vw + 10.87px) !important;
}
.t-fs10-83 {
  font-size: calc(0.5vw + 10.83px) !important;
}
.t-fs10-77 {
  font-size: calc(0.5vw + 10.77px) !important;
}
.t-fs10-07 {
  font-size: calc(0.5vw + 10.07px) !important;
}
.t-fs10 {
  font-size: calc(0.5vw + 10px) !important;
}
.t-fs9-77 {
  font-size: calc(0.5vw + 9.77px) !important;
}
.t-fs9-55 {
  font-size: calc(0.5vw + 9.55px) !important;
}
.t-fs9-48 {
  font-size: calc(0.5vw + 9.48px) !important;
}
.t-fs9-29 {
  font-size: calc(0.5vw + 9.29px) !important;
}
.t-fs9-27 {
  font-size: calc(0.5vw + 9.27px) !important;
}
.t-fs9-3 {
  font-size: calc(0.5vw + 9.3px) !important;
}
.t-fs9 {
  font-size: calc(0.5vw + 9px) !important;
}
.t-fs9-19 {
  font-size: calc(0.5vw + 9.19px) !important;
}
.t-fs9-13 {
  font-size: calc(0.5vw + 9.13px) !important;
}
.t-fs8-77 {
  font-size: calc(0.5vw + 8.77px) !important;
}
.t-fs8-38 {
  font-size: calc(0.5vw + 8.38px) !important;
}
.t-fs8-29 {
  font-size: calc(0.5vw + 8.29px) !important;
}
.t-fs8 {
  font-size: calc(0.5vw + 8px) !important;
}
.t-fs7-67 {
  font-size: calc(0.5vw + 7.67px) !important;
}
.t-fs7-82 {
  font-size: calc(0.5vw + 7.82px) !important;
}
.t-fs7 {
  font-size: calc(0.5vw + 7px) !important;
}
.t-lh81-71 {
  line-height: calc(0.5vw + 81.71px) !important;
}
.t-lh68-09 {
  line-height: calc(0.5vw + 68.09px) !important;
}
.t-lh65-37 {
  line-height: calc(0.5vw + 65.37px) !important;
}
.t-lh61-67 {
  line-height: calc(0.5vw + 61.67px) !important;
}
.t-lh59-1 {
  line-height: calc(0.5vw + 59.1px) !important;
}
.t-lh52 {
  line-height: calc(0.5vw + 52px) !important;
}
.t-lh52-33 {
  line-height: calc(0.5vw + 52.33px) !important;
}
.t-lh54-47 {
  line-height: calc(0.5vw + 54.47px) !important;
}
.t-lh47 {
  line-height: calc(0.5vw + 47px) !important;
}
.t-lh37-7 {
  line-height: calc(0.5vw + 37.7px) !important;
}
.t-lh35-41 {
  line-height: calc(0.5vw + 35.41px) !important;
}
.t-lh33 {
  line-height: calc(0.5vw + 33px) !important;
}
.t-lh32-68 {
  line-height: calc(0.5vw + 32.68px) !important;
}
.t-lh30-46 {
  line-height: calc(0.5vw + 30.46px) !important;
}
.t-lh31-32 {
  line-height: calc(0.5vw + 31.32px) !important;
}
.t-lh29-96 {
  line-height: calc(0.5vw + 29.96px) !important;
}
.t-lh28-96 {
  line-height: calc(0.5vw + 28.96px) !important;
}
.t-lh28-6 {
  line-height: calc(0.5vw + 28.6px) !important;
}
.t-lh28-37 {
  line-height: calc(0.5vw + 28.37px) !important;
}
.t-lh27-24 {
  line-height: calc(0.5vw + 27.24px) !important;
}
.t-lh25-2 {
  line-height: calc(0.5vw + 25.2px) !important;
}
.t-lh24-51 {
  line-height: calc(0.5vw + 24.51px) !important;
}
.t-lh23-32 {
  line-height: calc(0.5vw + 23.32px) !important;
}
.t-lh24 {
  line-height: calc(0.5vw + 24px) !important;
}
.t-lh22-83 {
  line-height: calc(0.5vw + 22.83px) !important;
}
.t-lh26-99 {
  line-height: calc(0.5vw + 26.99px) !important;
}
.t-lh21-79 {
  line-height: calc(0.5vw + 21.79px) !important;
}
.t-lh21-72 {
  line-height: calc(0.5vw + 21.72px) !important;
}
.t-lh20-43 {
  line-height: calc(0.5vw + 20.43px) !important;
}
.t-lh20-3 {
  line-height: calc(0.5vw + 20.3px) !important;
}
.t-lh20-34 {
  line-height: calc(0.5vw + 20.34px) !important;
}
.t-lh20 {
  line-height: calc(0.5vw + 20px) !important;
}
.t-lh19-31 {
  line-height: calc(0.5vw + 19.31px) !important;
}
.t-lh19-19 {
  line-height: calc(0.5vw + 19.19px) !important;
}
.t-lh19-13 {
  line-height: calc(0.5vw + 19.13px) !important;
}
.t-lh19-07 {
  line-height: calc(0.5vw + 19.07px) !important;
}
.t-lh18-95 {
  line-height: calc(0.5vw + 18.95px) !important;
}
.t-lh18-91 {
  line-height: calc(0.5vw + 18.91px) !important;
}
.t-lh18-05 {
  line-height: calc(0.5vw + 18.05px) !important;
}
.t-lh17-42 {
  line-height: calc(0.5vw + 17.42px) !important;
}
.t-lh17-7 {
  line-height: calc(0.5vw + 17.7px) !important;
}
.t-lh17-08 {
  line-height: calc(0.5vw + 17.08px) !important;
}
.t-lh16-55 {
  line-height: calc(0.5vw + 16.55px) !important;
}
.t-lh16-43 {
  line-height: calc(0.5vw + 16.43px) !important;
}
.t-lh16-36 {
  line-height: calc(0.5vw + 16.36px) !important;
}
.t-lh16-34 {
  line-height: calc(0.5vw + 16.34px) !important;
}
.t-lh16-9 {
  line-height: calc(0.5vw + 16.9px) !important;
}
.t-lh16-07 {
  line-height: calc(0.5vw + 16.07px) !important;
}
.t-lh16-03 {
  line-height: calc(0.5vw + 16.03px) !important;
}
.t-lh15-82 {
  line-height: calc(0.5vw + 15.82px) !important;
}
.t-lh15-76 {
  line-height: calc(0.5vw + 15.76px) !important;
}
.t-lh15-52 {
  line-height: calc(0.5vw + 15.52px) !important;
}
.t-lh15-37 {
  line-height: calc(0.5vw + 15.37px) !important;
}
.t-lh15-07 {
  line-height: calc(0.5vw + 15.07px) !important;
}
.t-lh15-4 {
  line-height: calc(0.5vw + 15.4px) !important;
}
.t-lh15-1 {
  line-height: calc(0.5vw + 15.1px) !important;
}
.t-lh15 {
  line-height: calc(0.5vw + 15px) !important;
}
.t-lh14-98 {
  line-height: calc(0.5vw + 14.98px) !important;
}
.t-lh14-67 {
  line-height: calc(0.5vw + 14.67px) !important;
}
.t-lh14-66 {
  line-height: calc(0.5vw + 14.66px) !important;
}
.t-lh14-56 {
  line-height: calc(0.5vw + 14.56px) !important;
}
.t-lh14 {
  line-height: calc(0.5vw + 14px) !important;
}
.t-lh13-62 {
  line-height: calc(0.5vw + 13.62px) !important;
}
.t-lh13-2 {
  line-height: calc(0.5vw + 13.2px) !important;
}
.t-lh13 {
  line-height: calc(0.5vw + 13px) !important;
}
.t-lh13-15 {
  line-height: calc(0.5vw + 13.15px) !important;
}
.t-lh12-91 {
  line-height: calc(0.5vw + 12.91px) !important;
}
.t-lh12-66 {
  line-height: calc(0.5vw + 12.66px) !important;
}
.t-lh12 {
  line-height: calc(0.5vw + 12px) !important;
}
.t-lh10-89 {
  line-height: calc(0.5vw + 10.89px) !important;
}
.t-lh10-87 {
  line-height: calc(0.5vw + 10.87px) !important;
}
.t-lh10 {
  line-height: calc(0.5vw + 10px) !important;
}
.t-lh11-94 {
  line-height: calc(0.5vw + 11.94px) !important;
}
.t-lh11-41 {
  line-height: calc(0.5vw + 11.41px) !important;
}
.t-lh11-15 {
  line-height: calc(0.5vw + 11.15px) !important;
}
.t-lh11 {
  line-height: calc(0.5vw + 11px) !important;
}
.t-lh9-53 {
  line-height: calc(0.5vw + 9.53px) !important;
}
.h100 {
  height: 100%;
}
.tr {
  text-align: right;
}
/* Font Weight */
.t-fwb {
  font-weight: bold;
}
.t-fw700 {
  font-weight: 700;
}
.t-fw600 {
  font-weight: 600;
}
.t-fw500 {
  font-weight: 500;
}
.t-fw400 {
  font-weight: 400;
}
.t-fw300 {
  font-weight: 300;
}
.pointer {
  cursor: pointer;
}
/* Images */
/* Color */
.green-landing {
  color: var(--ion-color-landing-green) !important;
}
.blue-landing {
  color: var(--ion-color-landing-blue) !important;
}
.blue-color {
  color: var(--ion-color-primary) !important;
}
.red-color {
  color: var(--ion-color-danger) !important;
}
.white-color {
  color: var(--app-lighter-color);
}
/* Flex */
.absolute {
  position: absolute;
}
.column {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-center {
  display: flex;
  flex-direction: column !important;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.align-item-center {
  display: flex;
  align-items: center;
}
.align-item-start {
  display: flex;
  align-items: flex-start;
}
/* Circle Button */
.warning-circle {
  position: absolute;
  right: 1rem;
  z-index: 3;
  background: red;
  border-radius: 999px;
}
.warning-circle ion-icon {
  font-size: 1rem;
  display: block;
  color: #fff;
  padding: 3px;
}
/* Margin */
.m0 {
  margin: 0;
}
.p0 {
  padding: 0;
}
.plr1 {
  padding: 0 1rem;
}
.plr2 {
  padding: 0 2rem;
}
.r1 {
  right: 1rem;
}
.no-margin {
  margin: 0px;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-3 {
  margin-right: 3px !important;
}
.mAuto {
  margin: auto;
}
.mtb1 {
  margin: 1rem 0;
}
.mb0 {
  margin-bottom: 0px;
}
.mb1 {
  margin-bottom: 1rem;
}
.mb2 {
  margin-bottom: 20px;
}
.mb3 {
  margin-bottom: 30px;
}
.mt0-4 {
  margin-top: 0.4rem;
}
.mt0-5 {
  margin-top: 0.5rem !important;
}
.mt1 {
  margin-top: 1rem;
}
.mt1-5 {
  margin-top: 1.5rem;
}
.mt2 {
  margin-top: 2rem;
}
.mt3 {
  margin-top: 3rem !important;
}
.mt3-5 {
  margin-top: 3.5rem;
}
.mt4 {
  margin-top: 5rem;
}
.mt5 {
  margin-top: 5rem;
}
.mt-0 {
  margin-top: 0px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-05 {
  margin-top: 5px;
}
.ml2 {
  margin-left: 2rem;
}
.ml-10 {
  margin-left: 10px;
}
.tj {
  text-align: justify;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb0 {
  margin-bottom: 0px !important;
}
.ml-30 {
  margin-left: 30px;
}
/* letter spacing */
.t-spacing {
  letter-spacing: 0.5px;
}
/* width */
.w100 {
  width: 100%;
}
.checkbox-square {
  --border-radius: 0%!important ;
}
/* Error Message */
.error {
  margin-top: 0.7rem;
}
.error small {
  color: red;
  font-weight: 700;
  font-size: 12px;
}
/* Positions */
.relative {
  position: relative;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.pad10 {
  padding: 10px;
}
.pad10-20 {
  padding: 10px 20px;
}
.pad25-20 {
  padding: 25px 20px;
}
/* Default Button */
ion-button {
  --border-radius: 30px;
  --font-family: "Open Sans";
  --font-style: normal;
  --font-weight: 600;
  --font-size: 12px;
  --text-align: center;
  --padding: 1rem;
  text-transform: none;
  height: 48px;
}
.pointer {
  cursor: pointer;
}
.toastSuccess {
  --background: var(--ion-color-success);
  --color: #ffffff;
}
.toastError {
  --background: var(--ion-color-danger);
  --color: var(--ion-color-light);
}
/*
 * App Theme
 * ----------------------------------------------------------------------------
 */
.app-floating-input {
  position: relative;
}
.app-floating-input input {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0.5px;
  outline: none;
  border: none;
  width: 100%;
}
.app-floating-input label {
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
}
.app-floating-input input:focus + label, .app-floating-input input:not(:placeholder-shown) + label {
  color: var(--app-primary-color);
}
.app-floating-input .input-error {
  border: 0.1rem solid var(--app-error-color);
}
.app-floating-input .input-error + label {
  color: var(--app-error-color) !important;
}
.app-floating-input .error-message {
  color: var(--app-error-color);
  margin-left: 0.3rem;
}
.app-floating-input .icon-right {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.app-floating-select {
  position: relative;
}
.app-floating-select ion-select {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0.5px;
  outline: none;
  border: none;
  width: 100%;
}
.app-floating-select label {
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
}
.app-floating-select ion-select:focus + label, .app-floating-select ion-select:not(:placeholder-shown) + label {
  color: var(--app-primary-color);
}
.app-floating-select .input-error {
  border: 0.1rem solid var(--app-error-color);
}
.app-floating-select .input-error + label {
  color: var(--app-error-color) !important;
}
.app-floating-select .error-message {
  color: var(--app-error-color);
  margin-left: 0.3rem;
}
.app-floating-select .icon-right {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
}
.app-capsule-tab {
  flex-wrap: nowrap;
  display: flex;
}
.app-capsule-tab .tab-group {
  display: flex;
  width: 100%;
}
.app-capsule-tab .tab-group label {
  border-color: var(--app-gray-color-light);
  border-style: solid;
  border-width: 1px;
}
.app-capsule-tab .tab-group:first-child label {
  border-radius: 0.5rem 0 0 0.5rem;
}
.app-capsule-tab .tab-group:last-child label {
  border-radius: 0 0.5rem 0.5rem 0;
}
.app-capsule-tab .tab-group input[type=radio]:checked + label {
  background-color: var(--app-secondary-color);
  color: #ffffff;
}
.app-capsule-tab .tab-group input[type=radio] {
  display: none;
}
.app-capsule-tab .tab-group label {
  background-color: rgba(0, 0, 0, 0.04);
  position: relative;
  text-align: center;
  padding: 0.5rem 0;
  width: 100%;
}
.app-button {
  letter-spacing: 0.5px;
  text-transform: none;
  height: unset;
  width: 100%;
  --border-radius: 0.5rem;
  --border-width: 0.1rem;
  --border-style: solid;
}
.app-button-round, .app-button-round-lg, .app-button-round-xl {
  height: unset;
  --border-radius: 50%;
}
.app-button-sqaure, .app-button-square-lg, .app-button-square-xl {
  height: unset;
}
.app-button-primary {
  color: #ffffff;
  --background-activated: var(--app-button-primary-pressed);
  --background-focused: var(--app-button-primary-pressed);
  --background: var(--app-primary-color);
  --border-color: var(--app-primary-color);
}
.app-button-primary[disabled] {
  --background: var(--app-gray-color);
  --border-color: var(--app-gray-color);
}
.app-button-light {
  color: #ffffff;
  --background-activated: var(--app-button-secondary-pressed);
  --background-focused: var(--app-button-secondary-pressed);
  --background: rgba(255,255,255,0.32);
  --border-color: var(--app-primary-color);
}
.app-button-secondary {
  color: #556c77;
  --background-activated: var(--app-button-secondary-pressed);
  --background-focused: var(--app-button-secondary-pressed);
  --background: var(--app-gray-color-lighter);
  --border-color: var(--app-gray-color-light);
}
/** Button Shadow */
.app-button-shadow {
  --box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 4px 16px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-device-width: 390px) {
  .app-floating-input input {
    padding: 1.2rem 0.5rem;
    border-radius: 0.5rem;
  }
  .app-floating-input .input-rounder {
    border-radius: 1.5rem !important;
  }
  .app-floating-input label {
    left: 0.5rem;
  }
  .app-floating-input input:focus, .app-floating-input input:not(:placeholder-shown) {
    padding: 1.8rem 0.5rem 0.6rem 0.5rem;
  }
  .app-floating-input input:focus + label, .app-floating-input input:not(:placeholder-shown) + label {
    font-size: 0.7rem;
    top: 25%;
  }
  .app-floating-input .error-message {
    font-size: 0.7rem;
  }
  .app-floating-input .icon-right {
    right: 0.5rem;
  }

  .app-floating-select ion-select {
    padding: 1.2rem 0.5rem;
    border-radius: 0.5rem;
  }
  .app-floating-select label {
    left: 0.5rem;
  }
  .app-floating-select ion-select:focus, .app-floating-select ion-select:not(:placeholder-shown) {
    padding: 1.8rem 0.5rem 0.6rem 0.5rem;
  }
  .app-floating-select ion-select:focus + label, .app-floating-select ion-select:not(:placeholder-shown) + label {
    font-size: 0.7rem;
    top: 25%;
  }
  .app-floating-select .error-message {
    font-size: 0.7rem;
  }
  .app-floating-select .icon-right {
    right: 0.5rem;
  }

  .app-button {
    font-size: 1rem;
    --padding-bottom: 1rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    --padding-top: 1rem;
  }

  .app-button-round, .app-button-square {
    height: 2.5rem;
    width: 2.5rem;
    --padding-bottom: 0rem;
    --padding-start: 0rem;
    --padding-end: 0rem;
    --padding-top: 0rem;
  }

  .app-button-round-lg, .app-button-sqaure-lg {
    height: 3.2rem;
    width: 3.2rem;
    --padding-top: 0.5rem;
    --padding-bottom: 0.5rem;
    --padding-start: 0.5rem;
    --padding-end: 0.5rem;
  }

  .app-button-round-xl, .app-button-sqaure-xl {
    height: 5rem;
    width: 5rem;
    --padding-top: 0rem;
    --padding-bottom: 0rem;
    --padding-start: 0rem;
    --padding-end: 0rem;
  }

  .app-button-square {
    --border-radius: 0.5rem;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 389px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .app-floating-input input {
    padding: 0.8rem 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.825rem;
  }
  .app-floating-input label {
    font-size: 0.9rem;
    left: 0.5rem;
  }
  .app-floating-input input:focus, .app-floating-input input:not(:placeholder-shown) {
    padding: 1.1rem 0.5rem 0.5rem 0.5rem;
  }
  .app-floating-input input:focus + label, .app-floating-input input:not(:placeholder-shown) + label {
    font-size: 0.6rem;
    top: 25%;
  }
  .app-floating-input .error-message {
    font-size: 0.6rem;
  }
  .app-floating-input .icon-right {
    right: 0.5rem;
  }

  .app-button {
    font-size: 0.8rem;
    --padding-bottom: 0.8rem;
    --padding-start: 0.8rem;
    --padding-end: 0.8rem;
    --padding-top: 0.8rem;
  }

  .app-button-round, .app-button-square {
    --padding-top: 0.4rem;
    --padding-bottom: 0.4rem;
    --padding-start: 0.4rem;
    --padding-end: 0.4rem;
  }

  .app-button-round-lg, .app-button-sqaure-lg {
    --padding-top: 0.6rem;
    --padding-bottom: 0.6rem;
    --padding-start: 0.6rem;
    --padding-end: 0.6rem;
  }

  .app-button-round-xl, .app-button-sqaure-xl {
    height: 4rem;
    width: 4rem;
  }

  .app-button-square {
    --border-radius: 0.4rem;
  }
}
@media screen and (max-width: 320px) {
  .confirm-password-modal {
    --height: 340px !important;
    --width: 285px !important;
  }
}
.custom-ion-content {
  background: none !important;
  height: 100%;
}
.reader-invisible {
  opacity: 0 !important;
  display: none;
}
.barlow {
  font-family: "Barlow";
}
.sf-pro-display {
  font-family: "SF Pro Display";
}
.token-attribute-alert .taa-container {
  margin-top: 0.5rem;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}
.token-attribute-alert .taa-container .taa-attributes {
  justify-content: space-between;
  padding: 0.2rem 1rem;
  font-weight: 900;
  font-size: 16px;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}
.token-attribute-alert .taa-container .taa-attributes span:first-child {
  color: var(--ion-color-secondary);
}
.token-attribute-alert .taa-container .taa-attributes span:last-child {
  color: var(--ion-color-success);
}
.token-full-image {
  --max-width: 90%;
}
.token-full-image .alert-wrapper .alert-head {
  padding-bottom: 12px;
}
.token-full-image .alert-wrapper .alert-message {
  max-height: unset;
  padding-bottom: 0;
  display: flex;
}
.token-full-image .alert-wrapper .alert-button-group .alert-button {
  border: none;
}
.pass-full-image {
  --max-width: 90%;
}
.pass-full-image .alert-wrapper .alert-head {
  padding: 0px;
}
.pass-full-image .alert-wrapper .alert-message {
  max-height: unset;
  padding-bottom: 0;
  display: flex;
  padding: 0px;
}
.pass-full-image .alert-wrapper .alert-button-group {
  padding: 0px;
}
.pass-full-image .alert-wrapper .alert-button-group .alert-button {
  border: none;
}
.no-ride-found-alert .alert-head {
  background-color: #ef4444;
}
.no-ride-found-alert .alert-head .alert-title {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
  color: #fff;
}
.no-ride-found-alert .alert-message {
  padding: 1rem !important;
  text-align: center;
  max-height: none;
  background: white;
}
.no-ride-found-alert .alert-message img {
  width: 10rem;
}
.no-ride-found-alert .alert-message #_find_ride_message {
  font-size: 0.9rem;
  font-weight: 900;
  color: #27272a;
}
.no-ride-found-alert .alert-message #_find_ride_submessage {
  font-size: 0.9rem;
  color: #6b7280;
}
.no-ride-found-alert .alert-button-group {
  justify-content: center;
  padding: 1rem;
  background: white;
}
.no-ride-found-alert .alert-button-group button {
  background-color: #fbbf24;
  border-radius: 0.5rem;
  text-align: center;
  font-weight: 800;
  margin-right: 0;
  width: 49%;
}
.no-ride-found-alert .alert-button-group button .alert-button-inner {
  justify-content: center;
  color: #27272a;
}
.tooltip-alert .alert-message p #_blue {
  color: var(--ion-color-blue);
}
.tooltip-alert .alert-message p #_green {
  color: #6bb830;
}
.text-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.text-clamp-1 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.d-flex {
  display: flex !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
ion-calendar .month-picker button {
  color: black !important;
}
.p-10 {
  padding: 10px;
}
ion-content {
  --keyboard-offset: 0 !important;
}
.pl-0 {
  padding-left: 0px;
}
ion-row {
  min-width: 100%;
}
.dynamic-sheet {
  --height: auto;
  --border-radius: 35px;
  --background: #fff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/flag-icon-css/sass/flag-icons.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.flag-icon-background, .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.flag-icon:before {
  content: " ";
}
.flag-icon.flag-icon-squared {
  width: 1em;
}
.flag-icon-ad {
  background-image: url('ad.svg');
}
.flag-icon-ad.flag-icon-squared {
  background-image: url('_-flags-1x1-ad.svg');
}
.flag-icon-ae {
  background-image: url('ae.svg');
}
.flag-icon-ae.flag-icon-squared {
  background-image: url('_-flags-1x1-ae.svg');
}
.flag-icon-af {
  background-image: url('af.svg');
}
.flag-icon-af.flag-icon-squared {
  background-image: url('_-flags-1x1-af.svg');
}
.flag-icon-ag {
  background-image: url('ag.svg');
}
.flag-icon-ag.flag-icon-squared {
  background-image: url('_-flags-1x1-ag.svg');
}
.flag-icon-ai {
  background-image: url('ai.svg');
}
.flag-icon-ai.flag-icon-squared {
  background-image: url('_-flags-1x1-ai.svg');
}
.flag-icon-al {
  background-image: url('al.svg');
}
.flag-icon-al.flag-icon-squared {
  background-image: url('_-flags-1x1-al.svg');
}
.flag-icon-am {
  background-image: url('am.svg');
}
.flag-icon-am.flag-icon-squared {
  background-image: url('_-flags-1x1-am.svg');
}
.flag-icon-ao {
  background-image: url('ao.svg');
}
.flag-icon-ao.flag-icon-squared {
  background-image: url('_-flags-1x1-ao.svg');
}
.flag-icon-aq {
  background-image: url('aq.svg');
}
.flag-icon-aq.flag-icon-squared {
  background-image: url('_-flags-1x1-aq.svg');
}
.flag-icon-ar {
  background-image: url('ar.svg');
}
.flag-icon-ar.flag-icon-squared {
  background-image: url('_-flags-1x1-ar.svg');
}
.flag-icon-as {
  background-image: url('as.svg');
}
.flag-icon-as.flag-icon-squared {
  background-image: url('_-flags-1x1-as.svg');
}
.flag-icon-at {
  background-image: url('at.svg');
}
.flag-icon-at.flag-icon-squared {
  background-image: url('_-flags-1x1-at.svg');
}
.flag-icon-au {
  background-image: url('au.svg');
}
.flag-icon-au.flag-icon-squared {
  background-image: url('_-flags-1x1-au.svg');
}
.flag-icon-aw {
  background-image: url('aw.svg');
}
.flag-icon-aw.flag-icon-squared {
  background-image: url('_-flags-1x1-aw.svg');
}
.flag-icon-ax {
  background-image: url('ax.svg');
}
.flag-icon-ax.flag-icon-squared {
  background-image: url('_-flags-1x1-ax.svg');
}
.flag-icon-az {
  background-image: url('az.svg');
}
.flag-icon-az.flag-icon-squared {
  background-image: url('_-flags-1x1-az.svg');
}
.flag-icon-ba {
  background-image: url('ba.svg');
}
.flag-icon-ba.flag-icon-squared {
  background-image: url('_-flags-1x1-ba.svg');
}
.flag-icon-bb {
  background-image: url('bb.svg');
}
.flag-icon-bb.flag-icon-squared {
  background-image: url('_-flags-1x1-bb.svg');
}
.flag-icon-bd {
  background-image: url('bd.svg');
}
.flag-icon-bd.flag-icon-squared {
  background-image: url('_-flags-1x1-bd.svg');
}
.flag-icon-be {
  background-image: url('be.svg');
}
.flag-icon-be.flag-icon-squared {
  background-image: url('_-flags-1x1-be.svg');
}
.flag-icon-bf {
  background-image: url('bf.svg');
}
.flag-icon-bf.flag-icon-squared {
  background-image: url('_-flags-1x1-bf.svg');
}
.flag-icon-bg {
  background-image: url('bg.svg');
}
.flag-icon-bg.flag-icon-squared {
  background-image: url('_-flags-1x1-bg.svg');
}
.flag-icon-bh {
  background-image: url('bh.svg');
}
.flag-icon-bh.flag-icon-squared {
  background-image: url('_-flags-1x1-bh.svg');
}
.flag-icon-bi {
  background-image: url('bi.svg');
}
.flag-icon-bi.flag-icon-squared {
  background-image: url('_-flags-1x1-bi.svg');
}
.flag-icon-bj {
  background-image: url('bj.svg');
}
.flag-icon-bj.flag-icon-squared {
  background-image: url('_-flags-1x1-bj.svg');
}
.flag-icon-bl {
  background-image: url('bl.svg');
}
.flag-icon-bl.flag-icon-squared {
  background-image: url('_-flags-1x1-bl.svg');
}
.flag-icon-bm {
  background-image: url('bm.svg');
}
.flag-icon-bm.flag-icon-squared {
  background-image: url('_-flags-1x1-bm.svg');
}
.flag-icon-bn {
  background-image: url('bn.svg');
}
.flag-icon-bn.flag-icon-squared {
  background-image: url('_-flags-1x1-bn.svg');
}
.flag-icon-bo {
  background-image: url('bo.svg');
}
.flag-icon-bo.flag-icon-squared {
  background-image: url('_-flags-1x1-bo.svg');
}
.flag-icon-bq {
  background-image: url('bq.svg');
}
.flag-icon-bq.flag-icon-squared {
  background-image: url('_-flags-1x1-bq.svg');
}
.flag-icon-br {
  background-image: url('br.svg');
}
.flag-icon-br.flag-icon-squared {
  background-image: url('_-flags-1x1-br.svg');
}
.flag-icon-bs {
  background-image: url('bs.svg');
}
.flag-icon-bs.flag-icon-squared {
  background-image: url('_-flags-1x1-bs.svg');
}
.flag-icon-bt {
  background-image: url('bt.svg');
}
.flag-icon-bt.flag-icon-squared {
  background-image: url('_-flags-1x1-bt.svg');
}
.flag-icon-bv {
  background-image: url('bv.svg');
}
.flag-icon-bv.flag-icon-squared {
  background-image: url('_-flags-1x1-bv.svg');
}
.flag-icon-bw {
  background-image: url('bw.svg');
}
.flag-icon-bw.flag-icon-squared {
  background-image: url('_-flags-1x1-bw.svg');
}
.flag-icon-by {
  background-image: url('by.svg');
}
.flag-icon-by.flag-icon-squared {
  background-image: url('_-flags-1x1-by.svg');
}
.flag-icon-bz {
  background-image: url('bz.svg');
}
.flag-icon-bz.flag-icon-squared {
  background-image: url('_-flags-1x1-bz.svg');
}
.flag-icon-ca {
  background-image: url('ca.svg');
}
.flag-icon-ca.flag-icon-squared {
  background-image: url('_-flags-1x1-ca.svg');
}
.flag-icon-cc {
  background-image: url('cc.svg');
}
.flag-icon-cc.flag-icon-squared {
  background-image: url('_-flags-1x1-cc.svg');
}
.flag-icon-cd {
  background-image: url('cd.svg');
}
.flag-icon-cd.flag-icon-squared {
  background-image: url('_-flags-1x1-cd.svg');
}
.flag-icon-cf {
  background-image: url('cf.svg');
}
.flag-icon-cf.flag-icon-squared {
  background-image: url('_-flags-1x1-cf.svg');
}
.flag-icon-cg {
  background-image: url('cg.svg');
}
.flag-icon-cg.flag-icon-squared {
  background-image: url('_-flags-1x1-cg.svg');
}
.flag-icon-ch {
  background-image: url('ch.svg');
}
.flag-icon-ch.flag-icon-squared {
  background-image: url('_-flags-1x1-ch.svg');
}
.flag-icon-ci {
  background-image: url('ci.svg');
}
.flag-icon-ci.flag-icon-squared {
  background-image: url('_-flags-1x1-ci.svg');
}
.flag-icon-ck {
  background-image: url('ck.svg');
}
.flag-icon-ck.flag-icon-squared {
  background-image: url('_-flags-1x1-ck.svg');
}
.flag-icon-cl {
  background-image: url('cl.svg');
}
.flag-icon-cl.flag-icon-squared {
  background-image: url('_-flags-1x1-cl.svg');
}
.flag-icon-cm {
  background-image: url('cm.svg');
}
.flag-icon-cm.flag-icon-squared {
  background-image: url('_-flags-1x1-cm.svg');
}
.flag-icon-cn {
  background-image: url('cn.svg');
}
.flag-icon-cn.flag-icon-squared {
  background-image: url('_-flags-1x1-cn.svg');
}
.flag-icon-co {
  background-image: url('co.svg');
}
.flag-icon-co.flag-icon-squared {
  background-image: url('_-flags-1x1-co.svg');
}
.flag-icon-cr {
  background-image: url('cr.svg');
}
.flag-icon-cr.flag-icon-squared {
  background-image: url('_-flags-1x1-cr.svg');
}
.flag-icon-cu {
  background-image: url('cu.svg');
}
.flag-icon-cu.flag-icon-squared {
  background-image: url('_-flags-1x1-cu.svg');
}
.flag-icon-cv {
  background-image: url('cv.svg');
}
.flag-icon-cv.flag-icon-squared {
  background-image: url('_-flags-1x1-cv.svg');
}
.flag-icon-cw {
  background-image: url('cw.svg');
}
.flag-icon-cw.flag-icon-squared {
  background-image: url('_-flags-1x1-cw.svg');
}
.flag-icon-cx {
  background-image: url('cx.svg');
}
.flag-icon-cx.flag-icon-squared {
  background-image: url('_-flags-1x1-cx.svg');
}
.flag-icon-cy {
  background-image: url('cy.svg');
}
.flag-icon-cy.flag-icon-squared {
  background-image: url('_-flags-1x1-cy.svg');
}
.flag-icon-cz {
  background-image: url('cz.svg');
}
.flag-icon-cz.flag-icon-squared {
  background-image: url('_-flags-1x1-cz.svg');
}
.flag-icon-de {
  background-image: url('de.svg');
}
.flag-icon-de.flag-icon-squared {
  background-image: url('_-flags-1x1-de.svg');
}
.flag-icon-dj {
  background-image: url('dj.svg');
}
.flag-icon-dj.flag-icon-squared {
  background-image: url('_-flags-1x1-dj.svg');
}
.flag-icon-dk {
  background-image: url('dk.svg');
}
.flag-icon-dk.flag-icon-squared {
  background-image: url('_-flags-1x1-dk.svg');
}
.flag-icon-dm {
  background-image: url('dm.svg');
}
.flag-icon-dm.flag-icon-squared {
  background-image: url('_-flags-1x1-dm.svg');
}
.flag-icon-do {
  background-image: url('do.svg');
}
.flag-icon-do.flag-icon-squared {
  background-image: url('_-flags-1x1-do.svg');
}
.flag-icon-dz {
  background-image: url('dz.svg');
}
.flag-icon-dz.flag-icon-squared {
  background-image: url('_-flags-1x1-dz.svg');
}
.flag-icon-ec {
  background-image: url('ec.svg');
}
.flag-icon-ec.flag-icon-squared {
  background-image: url('_-flags-1x1-ec.svg');
}
.flag-icon-ee {
  background-image: url('ee.svg');
}
.flag-icon-ee.flag-icon-squared {
  background-image: url('_-flags-1x1-ee.svg');
}
.flag-icon-eg {
  background-image: url('eg.svg');
}
.flag-icon-eg.flag-icon-squared {
  background-image: url('_-flags-1x1-eg.svg');
}
.flag-icon-eh {
  background-image: url('eh.svg');
}
.flag-icon-eh.flag-icon-squared {
  background-image: url('_-flags-1x1-eh.svg');
}
.flag-icon-er {
  background-image: url('er.svg');
}
.flag-icon-er.flag-icon-squared {
  background-image: url('_-flags-1x1-er.svg');
}
.flag-icon-es {
  background-image: url('es.svg');
}
.flag-icon-es.flag-icon-squared {
  background-image: url('_-flags-1x1-es.svg');
}
.flag-icon-et {
  background-image: url('et.svg');
}
.flag-icon-et.flag-icon-squared {
  background-image: url('_-flags-1x1-et.svg');
}
.flag-icon-fi {
  background-image: url('fi.svg');
}
.flag-icon-fi.flag-icon-squared {
  background-image: url('_-flags-1x1-fi.svg');
}
.flag-icon-fj {
  background-image: url('fj.svg');
}
.flag-icon-fj.flag-icon-squared {
  background-image: url('_-flags-1x1-fj.svg');
}
.flag-icon-fk {
  background-image: url('fk.svg');
}
.flag-icon-fk.flag-icon-squared {
  background-image: url('_-flags-1x1-fk.svg');
}
.flag-icon-fm {
  background-image: url('fm.svg');
}
.flag-icon-fm.flag-icon-squared {
  background-image: url('_-flags-1x1-fm.svg');
}
.flag-icon-fo {
  background-image: url('fo.svg');
}
.flag-icon-fo.flag-icon-squared {
  background-image: url('_-flags-1x1-fo.svg');
}
.flag-icon-fr {
  background-image: url('fr.svg');
}
.flag-icon-fr.flag-icon-squared {
  background-image: url('_-flags-1x1-fr.svg');
}
.flag-icon-ga {
  background-image: url('ga.svg');
}
.flag-icon-ga.flag-icon-squared {
  background-image: url('_-flags-1x1-ga.svg');
}
.flag-icon-gb {
  background-image: url('gb.svg');
}
.flag-icon-gb.flag-icon-squared {
  background-image: url('_-flags-1x1-gb.svg');
}
.flag-icon-gd {
  background-image: url('gd.svg');
}
.flag-icon-gd.flag-icon-squared {
  background-image: url('_-flags-1x1-gd.svg');
}
.flag-icon-ge {
  background-image: url('ge.svg');
}
.flag-icon-ge.flag-icon-squared {
  background-image: url('_-flags-1x1-ge.svg');
}
.flag-icon-gf {
  background-image: url('gf.svg');
}
.flag-icon-gf.flag-icon-squared {
  background-image: url('_-flags-1x1-gf.svg');
}
.flag-icon-gg {
  background-image: url('gg.svg');
}
.flag-icon-gg.flag-icon-squared {
  background-image: url('_-flags-1x1-gg.svg');
}
.flag-icon-gh {
  background-image: url('gh.svg');
}
.flag-icon-gh.flag-icon-squared {
  background-image: url('_-flags-1x1-gh.svg');
}
.flag-icon-gi {
  background-image: url('gi.svg');
}
.flag-icon-gi.flag-icon-squared {
  background-image: url('_-flags-1x1-gi.svg');
}
.flag-icon-gl {
  background-image: url('gl.svg');
}
.flag-icon-gl.flag-icon-squared {
  background-image: url('_-flags-1x1-gl.svg');
}
.flag-icon-gm {
  background-image: url('gm.svg');
}
.flag-icon-gm.flag-icon-squared {
  background-image: url('_-flags-1x1-gm.svg');
}
.flag-icon-gn {
  background-image: url('gn.svg');
}
.flag-icon-gn.flag-icon-squared {
  background-image: url('_-flags-1x1-gn.svg');
}
.flag-icon-gp {
  background-image: url('gp.svg');
}
.flag-icon-gp.flag-icon-squared {
  background-image: url('_-flags-1x1-gp.svg');
}
.flag-icon-gq {
  background-image: url('gq.svg');
}
.flag-icon-gq.flag-icon-squared {
  background-image: url('_-flags-1x1-gq.svg');
}
.flag-icon-gr {
  background-image: url('gr.svg');
}
.flag-icon-gr.flag-icon-squared {
  background-image: url('_-flags-1x1-gr.svg');
}
.flag-icon-gs {
  background-image: url('gs.svg');
}
.flag-icon-gs.flag-icon-squared {
  background-image: url('_-flags-1x1-gs.svg');
}
.flag-icon-gt {
  background-image: url('gt.svg');
}
.flag-icon-gt.flag-icon-squared {
  background-image: url('_-flags-1x1-gt.svg');
}
.flag-icon-gu {
  background-image: url('gu.svg');
}
.flag-icon-gu.flag-icon-squared {
  background-image: url('_-flags-1x1-gu.svg');
}
.flag-icon-gw {
  background-image: url('gw.svg');
}
.flag-icon-gw.flag-icon-squared {
  background-image: url('_-flags-1x1-gw.svg');
}
.flag-icon-gy {
  background-image: url('gy.svg');
}
.flag-icon-gy.flag-icon-squared {
  background-image: url('_-flags-1x1-gy.svg');
}
.flag-icon-hk {
  background-image: url('hk.svg');
}
.flag-icon-hk.flag-icon-squared {
  background-image: url('_-flags-1x1-hk.svg');
}
.flag-icon-hm {
  background-image: url('hm.svg');
}
.flag-icon-hm.flag-icon-squared {
  background-image: url('_-flags-1x1-hm.svg');
}
.flag-icon-hn {
  background-image: url('hn.svg');
}
.flag-icon-hn.flag-icon-squared {
  background-image: url('_-flags-1x1-hn.svg');
}
.flag-icon-hr {
  background-image: url('hr.svg');
}
.flag-icon-hr.flag-icon-squared {
  background-image: url('_-flags-1x1-hr.svg');
}
.flag-icon-ht {
  background-image: url('ht.svg');
}
.flag-icon-ht.flag-icon-squared {
  background-image: url('_-flags-1x1-ht.svg');
}
.flag-icon-hu {
  background-image: url('hu.svg');
}
.flag-icon-hu.flag-icon-squared {
  background-image: url('_-flags-1x1-hu.svg');
}
.flag-icon-id {
  background-image: url('id.svg');
}
.flag-icon-id.flag-icon-squared {
  background-image: url('_-flags-1x1-id.svg');
}
.flag-icon-ie {
  background-image: url('ie.svg');
}
.flag-icon-ie.flag-icon-squared {
  background-image: url('_-flags-1x1-ie.svg');
}
.flag-icon-il {
  background-image: url('il.svg');
}
.flag-icon-il.flag-icon-squared {
  background-image: url('_-flags-1x1-il.svg');
}
.flag-icon-im {
  background-image: url('im.svg');
}
.flag-icon-im.flag-icon-squared {
  background-image: url('_-flags-1x1-im.svg');
}
.flag-icon-in {
  background-image: url('in.svg');
}
.flag-icon-in.flag-icon-squared {
  background-image: url('_-flags-1x1-in.svg');
}
.flag-icon-io {
  background-image: url('io.svg');
}
.flag-icon-io.flag-icon-squared {
  background-image: url('_-flags-1x1-io.svg');
}
.flag-icon-iq {
  background-image: url('iq.svg');
}
.flag-icon-iq.flag-icon-squared {
  background-image: url('_-flags-1x1-iq.svg');
}
.flag-icon-ir {
  background-image: url('ir.svg');
}
.flag-icon-ir.flag-icon-squared {
  background-image: url('_-flags-1x1-ir.svg');
}
.flag-icon-is {
  background-image: url('is.svg');
}
.flag-icon-is.flag-icon-squared {
  background-image: url('_-flags-1x1-is.svg');
}
.flag-icon-it {
  background-image: url('it.svg');
}
.flag-icon-it.flag-icon-squared {
  background-image: url('_-flags-1x1-it.svg');
}
.flag-icon-je {
  background-image: url('je.svg');
}
.flag-icon-je.flag-icon-squared {
  background-image: url('_-flags-1x1-je.svg');
}
.flag-icon-jm {
  background-image: url('jm.svg');
}
.flag-icon-jm.flag-icon-squared {
  background-image: url('_-flags-1x1-jm.svg');
}
.flag-icon-jo {
  background-image: url('jo.svg');
}
.flag-icon-jo.flag-icon-squared {
  background-image: url('_-flags-1x1-jo.svg');
}
.flag-icon-jp {
  background-image: url('jp.svg');
}
.flag-icon-jp.flag-icon-squared {
  background-image: url('_-flags-1x1-jp.svg');
}
.flag-icon-ke {
  background-image: url('ke.svg');
}
.flag-icon-ke.flag-icon-squared {
  background-image: url('_-flags-1x1-ke.svg');
}
.flag-icon-kg {
  background-image: url('kg.svg');
}
.flag-icon-kg.flag-icon-squared {
  background-image: url('_-flags-1x1-kg.svg');
}
.flag-icon-kh {
  background-image: url('kh.svg');
}
.flag-icon-kh.flag-icon-squared {
  background-image: url('_-flags-1x1-kh.svg');
}
.flag-icon-ki {
  background-image: url('ki.svg');
}
.flag-icon-ki.flag-icon-squared {
  background-image: url('_-flags-1x1-ki.svg');
}
.flag-icon-km {
  background-image: url('km.svg');
}
.flag-icon-km.flag-icon-squared {
  background-image: url('_-flags-1x1-km.svg');
}
.flag-icon-kn {
  background-image: url('kn.svg');
}
.flag-icon-kn.flag-icon-squared {
  background-image: url('_-flags-1x1-kn.svg');
}
.flag-icon-kp {
  background-image: url('kp.svg');
}
.flag-icon-kp.flag-icon-squared {
  background-image: url('_-flags-1x1-kp.svg');
}
.flag-icon-kr {
  background-image: url('kr.svg');
}
.flag-icon-kr.flag-icon-squared {
  background-image: url('_-flags-1x1-kr.svg');
}
.flag-icon-kw {
  background-image: url('kw.svg');
}
.flag-icon-kw.flag-icon-squared {
  background-image: url('_-flags-1x1-kw.svg');
}
.flag-icon-ky {
  background-image: url('ky.svg');
}
.flag-icon-ky.flag-icon-squared {
  background-image: url('_-flags-1x1-ky.svg');
}
.flag-icon-kz {
  background-image: url('kz.svg');
}
.flag-icon-kz.flag-icon-squared {
  background-image: url('_-flags-1x1-kz.svg');
}
.flag-icon-la {
  background-image: url('la.svg');
}
.flag-icon-la.flag-icon-squared {
  background-image: url('_-flags-1x1-la.svg');
}
.flag-icon-lb {
  background-image: url('lb.svg');
}
.flag-icon-lb.flag-icon-squared {
  background-image: url('_-flags-1x1-lb.svg');
}
.flag-icon-lc {
  background-image: url('lc.svg');
}
.flag-icon-lc.flag-icon-squared {
  background-image: url('_-flags-1x1-lc.svg');
}
.flag-icon-li {
  background-image: url('li.svg');
}
.flag-icon-li.flag-icon-squared {
  background-image: url('_-flags-1x1-li.svg');
}
.flag-icon-lk {
  background-image: url('lk.svg');
}
.flag-icon-lk.flag-icon-squared {
  background-image: url('_-flags-1x1-lk.svg');
}
.flag-icon-lr {
  background-image: url('lr.svg');
}
.flag-icon-lr.flag-icon-squared {
  background-image: url('_-flags-1x1-lr.svg');
}
.flag-icon-ls {
  background-image: url('ls.svg');
}
.flag-icon-ls.flag-icon-squared {
  background-image: url('_-flags-1x1-ls.svg');
}
.flag-icon-lt {
  background-image: url('lt.svg');
}
.flag-icon-lt.flag-icon-squared {
  background-image: url('_-flags-1x1-lt.svg');
}
.flag-icon-lu {
  background-image: url('lu.svg');
}
.flag-icon-lu.flag-icon-squared {
  background-image: url('_-flags-1x1-lu.svg');
}
.flag-icon-lv {
  background-image: url('lv.svg');
}
.flag-icon-lv.flag-icon-squared {
  background-image: url('_-flags-1x1-lv.svg');
}
.flag-icon-ly {
  background-image: url('ly.svg');
}
.flag-icon-ly.flag-icon-squared {
  background-image: url('_-flags-1x1-ly.svg');
}
.flag-icon-ma {
  background-image: url('ma.svg');
}
.flag-icon-ma.flag-icon-squared {
  background-image: url('_-flags-1x1-ma.svg');
}
.flag-icon-mc {
  background-image: url('mc.svg');
}
.flag-icon-mc.flag-icon-squared {
  background-image: url('_-flags-1x1-mc.svg');
}
.flag-icon-md {
  background-image: url('md.svg');
}
.flag-icon-md.flag-icon-squared {
  background-image: url('_-flags-1x1-md.svg');
}
.flag-icon-me {
  background-image: url('me.svg');
}
.flag-icon-me.flag-icon-squared {
  background-image: url('_-flags-1x1-me.svg');
}
.flag-icon-mf {
  background-image: url('mf.svg');
}
.flag-icon-mf.flag-icon-squared {
  background-image: url('_-flags-1x1-mf.svg');
}
.flag-icon-mg {
  background-image: url('mg.svg');
}
.flag-icon-mg.flag-icon-squared {
  background-image: url('_-flags-1x1-mg.svg');
}
.flag-icon-mh {
  background-image: url('mh.svg');
}
.flag-icon-mh.flag-icon-squared {
  background-image: url('_-flags-1x1-mh.svg');
}
.flag-icon-mk {
  background-image: url('mk.svg');
}
.flag-icon-mk.flag-icon-squared {
  background-image: url('_-flags-1x1-mk.svg');
}
.flag-icon-ml {
  background-image: url('ml.svg');
}
.flag-icon-ml.flag-icon-squared {
  background-image: url('_-flags-1x1-ml.svg');
}
.flag-icon-mm {
  background-image: url('mm.svg');
}
.flag-icon-mm.flag-icon-squared {
  background-image: url('_-flags-1x1-mm.svg');
}
.flag-icon-mn {
  background-image: url('mn.svg');
}
.flag-icon-mn.flag-icon-squared {
  background-image: url('_-flags-1x1-mn.svg');
}
.flag-icon-mo {
  background-image: url('mo.svg');
}
.flag-icon-mo.flag-icon-squared {
  background-image: url('_-flags-1x1-mo.svg');
}
.flag-icon-mp {
  background-image: url('mp.svg');
}
.flag-icon-mp.flag-icon-squared {
  background-image: url('_-flags-1x1-mp.svg');
}
.flag-icon-mq {
  background-image: url('mq.svg');
}
.flag-icon-mq.flag-icon-squared {
  background-image: url('_-flags-1x1-mq.svg');
}
.flag-icon-mr {
  background-image: url('mr.svg');
}
.flag-icon-mr.flag-icon-squared {
  background-image: url('_-flags-1x1-mr.svg');
}
.flag-icon-ms {
  background-image: url('ms.svg');
}
.flag-icon-ms.flag-icon-squared {
  background-image: url('_-flags-1x1-ms.svg');
}
.flag-icon-mt {
  background-image: url('mt.svg');
}
.flag-icon-mt.flag-icon-squared {
  background-image: url('_-flags-1x1-mt.svg');
}
.flag-icon-mu {
  background-image: url('mu.svg');
}
.flag-icon-mu.flag-icon-squared {
  background-image: url('_-flags-1x1-mu.svg');
}
.flag-icon-mv {
  background-image: url('mv.svg');
}
.flag-icon-mv.flag-icon-squared {
  background-image: url('_-flags-1x1-mv.svg');
}
.flag-icon-mw {
  background-image: url('mw.svg');
}
.flag-icon-mw.flag-icon-squared {
  background-image: url('_-flags-1x1-mw.svg');
}
.flag-icon-mx {
  background-image: url('mx.svg');
}
.flag-icon-mx.flag-icon-squared {
  background-image: url('_-flags-1x1-mx.svg');
}
.flag-icon-my {
  background-image: url('my.svg');
}
.flag-icon-my.flag-icon-squared {
  background-image: url('_-flags-1x1-my.svg');
}
.flag-icon-mz {
  background-image: url('mz.svg');
}
.flag-icon-mz.flag-icon-squared {
  background-image: url('_-flags-1x1-mz.svg');
}
.flag-icon-na {
  background-image: url('na.svg');
}
.flag-icon-na.flag-icon-squared {
  background-image: url('_-flags-1x1-na.svg');
}
.flag-icon-nc {
  background-image: url('nc.svg');
}
.flag-icon-nc.flag-icon-squared {
  background-image: url('_-flags-1x1-nc.svg');
}
.flag-icon-ne {
  background-image: url('ne.svg');
}
.flag-icon-ne.flag-icon-squared {
  background-image: url('_-flags-1x1-ne.svg');
}
.flag-icon-nf {
  background-image: url('nf.svg');
}
.flag-icon-nf.flag-icon-squared {
  background-image: url('_-flags-1x1-nf.svg');
}
.flag-icon-ng {
  background-image: url('ng.svg');
}
.flag-icon-ng.flag-icon-squared {
  background-image: url('_-flags-1x1-ng.svg');
}
.flag-icon-ni {
  background-image: url('ni.svg');
}
.flag-icon-ni.flag-icon-squared {
  background-image: url('_-flags-1x1-ni.svg');
}
.flag-icon-nl {
  background-image: url('nl.svg');
}
.flag-icon-nl.flag-icon-squared {
  background-image: url('_-flags-1x1-nl.svg');
}
.flag-icon-no {
  background-image: url('no.svg');
}
.flag-icon-no.flag-icon-squared {
  background-image: url('_-flags-1x1-no.svg');
}
.flag-icon-np {
  background-image: url('np.svg');
}
.flag-icon-np.flag-icon-squared {
  background-image: url('_-flags-1x1-np.svg');
}
.flag-icon-nr {
  background-image: url('nr.svg');
}
.flag-icon-nr.flag-icon-squared {
  background-image: url('_-flags-1x1-nr.svg');
}
.flag-icon-nu {
  background-image: url('nu.svg');
}
.flag-icon-nu.flag-icon-squared {
  background-image: url('_-flags-1x1-nu.svg');
}
.flag-icon-nz {
  background-image: url('nz.svg');
}
.flag-icon-nz.flag-icon-squared {
  background-image: url('_-flags-1x1-nz.svg');
}
.flag-icon-om {
  background-image: url('om.svg');
}
.flag-icon-om.flag-icon-squared {
  background-image: url('_-flags-1x1-om.svg');
}
.flag-icon-pa {
  background-image: url('pa.svg');
}
.flag-icon-pa.flag-icon-squared {
  background-image: url('_-flags-1x1-pa.svg');
}
.flag-icon-pe {
  background-image: url('pe.svg');
}
.flag-icon-pe.flag-icon-squared {
  background-image: url('_-flags-1x1-pe.svg');
}
.flag-icon-pf {
  background-image: url('pf.svg');
}
.flag-icon-pf.flag-icon-squared {
  background-image: url('_-flags-1x1-pf.svg');
}
.flag-icon-pg {
  background-image: url('pg.svg');
}
.flag-icon-pg.flag-icon-squared {
  background-image: url('_-flags-1x1-pg.svg');
}
.flag-icon-ph {
  background-image: url('ph.svg');
}
.flag-icon-ph.flag-icon-squared {
  background-image: url('_-flags-1x1-ph.svg');
}
.flag-icon-pk {
  background-image: url('pk.svg');
}
.flag-icon-pk.flag-icon-squared {
  background-image: url('_-flags-1x1-pk.svg');
}
.flag-icon-pl {
  background-image: url('pl.svg');
}
.flag-icon-pl.flag-icon-squared {
  background-image: url('_-flags-1x1-pl.svg');
}
.flag-icon-pm {
  background-image: url('pm.svg');
}
.flag-icon-pm.flag-icon-squared {
  background-image: url('_-flags-1x1-pm.svg');
}
.flag-icon-pn {
  background-image: url('pn.svg');
}
.flag-icon-pn.flag-icon-squared {
  background-image: url('_-flags-1x1-pn.svg');
}
.flag-icon-pr {
  background-image: url('pr.svg');
}
.flag-icon-pr.flag-icon-squared {
  background-image: url('_-flags-1x1-pr.svg');
}
.flag-icon-ps {
  background-image: url('ps.svg');
}
.flag-icon-ps.flag-icon-squared {
  background-image: url('_-flags-1x1-ps.svg');
}
.flag-icon-pt {
  background-image: url('pt.svg');
}
.flag-icon-pt.flag-icon-squared {
  background-image: url('_-flags-1x1-pt.svg');
}
.flag-icon-pw {
  background-image: url('pw.svg');
}
.flag-icon-pw.flag-icon-squared {
  background-image: url('_-flags-1x1-pw.svg');
}
.flag-icon-py {
  background-image: url('py.svg');
}
.flag-icon-py.flag-icon-squared {
  background-image: url('_-flags-1x1-py.svg');
}
.flag-icon-qa {
  background-image: url('qa.svg');
}
.flag-icon-qa.flag-icon-squared {
  background-image: url('_-flags-1x1-qa.svg');
}
.flag-icon-re {
  background-image: url('re.svg');
}
.flag-icon-re.flag-icon-squared {
  background-image: url('_-flags-1x1-re.svg');
}
.flag-icon-ro {
  background-image: url('ro.svg');
}
.flag-icon-ro.flag-icon-squared {
  background-image: url('_-flags-1x1-ro.svg');
}
.flag-icon-rs {
  background-image: url('rs.svg');
}
.flag-icon-rs.flag-icon-squared {
  background-image: url('_-flags-1x1-rs.svg');
}
.flag-icon-ru {
  background-image: url('ru.svg');
}
.flag-icon-ru.flag-icon-squared {
  background-image: url('_-flags-1x1-ru.svg');
}
.flag-icon-rw {
  background-image: url('rw.svg');
}
.flag-icon-rw.flag-icon-squared {
  background-image: url('_-flags-1x1-rw.svg');
}
.flag-icon-sa {
  background-image: url('sa.svg');
}
.flag-icon-sa.flag-icon-squared {
  background-image: url('_-flags-1x1-sa.svg');
}
.flag-icon-sb {
  background-image: url('sb.svg');
}
.flag-icon-sb.flag-icon-squared {
  background-image: url('_-flags-1x1-sb.svg');
}
.flag-icon-sc {
  background-image: url('sc.svg');
}
.flag-icon-sc.flag-icon-squared {
  background-image: url('_-flags-1x1-sc.svg');
}
.flag-icon-sd {
  background-image: url('sd.svg');
}
.flag-icon-sd.flag-icon-squared {
  background-image: url('_-flags-1x1-sd.svg');
}
.flag-icon-se {
  background-image: url('se.svg');
}
.flag-icon-se.flag-icon-squared {
  background-image: url('_-flags-1x1-se.svg');
}
.flag-icon-sg {
  background-image: url('sg.svg');
}
.flag-icon-sg.flag-icon-squared {
  background-image: url('_-flags-1x1-sg.svg');
}
.flag-icon-sh {
  background-image: url('sh.svg');
}
.flag-icon-sh.flag-icon-squared {
  background-image: url('_-flags-1x1-sh.svg');
}
.flag-icon-si {
  background-image: url('si.svg');
}
.flag-icon-si.flag-icon-squared {
  background-image: url('_-flags-1x1-si.svg');
}
.flag-icon-sj {
  background-image: url('sj.svg');
}
.flag-icon-sj.flag-icon-squared {
  background-image: url('_-flags-1x1-sj.svg');
}
.flag-icon-sk {
  background-image: url('sk.svg');
}
.flag-icon-sk.flag-icon-squared {
  background-image: url('_-flags-1x1-sk.svg');
}
.flag-icon-sl {
  background-image: url('sl.svg');
}
.flag-icon-sl.flag-icon-squared {
  background-image: url('_-flags-1x1-sl.svg');
}
.flag-icon-sm {
  background-image: url('sm.svg');
}
.flag-icon-sm.flag-icon-squared {
  background-image: url('_-flags-1x1-sm.svg');
}
.flag-icon-sn {
  background-image: url('sn.svg');
}
.flag-icon-sn.flag-icon-squared {
  background-image: url('_-flags-1x1-sn.svg');
}
.flag-icon-so {
  background-image: url('so.svg');
}
.flag-icon-so.flag-icon-squared {
  background-image: url('_-flags-1x1-so.svg');
}
.flag-icon-sr {
  background-image: url('sr.svg');
}
.flag-icon-sr.flag-icon-squared {
  background-image: url('_-flags-1x1-sr.svg');
}
.flag-icon-ss {
  background-image: url('ss.svg');
}
.flag-icon-ss.flag-icon-squared {
  background-image: url('_-flags-1x1-ss.svg');
}
.flag-icon-st {
  background-image: url('st.svg');
}
.flag-icon-st.flag-icon-squared {
  background-image: url('_-flags-1x1-st.svg');
}
.flag-icon-sv {
  background-image: url('sv.svg');
}
.flag-icon-sv.flag-icon-squared {
  background-image: url('_-flags-1x1-sv.svg');
}
.flag-icon-sx {
  background-image: url('sx.svg');
}
.flag-icon-sx.flag-icon-squared {
  background-image: url('_-flags-1x1-sx.svg');
}
.flag-icon-sy {
  background-image: url('sy.svg');
}
.flag-icon-sy.flag-icon-squared {
  background-image: url('_-flags-1x1-sy.svg');
}
.flag-icon-sz {
  background-image: url('sz.svg');
}
.flag-icon-sz.flag-icon-squared {
  background-image: url('_-flags-1x1-sz.svg');
}
.flag-icon-tc {
  background-image: url('tc.svg');
}
.flag-icon-tc.flag-icon-squared {
  background-image: url('_-flags-1x1-tc.svg');
}
.flag-icon-td {
  background-image: url('td.svg');
}
.flag-icon-td.flag-icon-squared {
  background-image: url('_-flags-1x1-td.svg');
}
.flag-icon-tf {
  background-image: url('tf.svg');
}
.flag-icon-tf.flag-icon-squared {
  background-image: url('_-flags-1x1-tf.svg');
}
.flag-icon-tg {
  background-image: url('tg.svg');
}
.flag-icon-tg.flag-icon-squared {
  background-image: url('_-flags-1x1-tg.svg');
}
.flag-icon-th {
  background-image: url('th.svg');
}
.flag-icon-th.flag-icon-squared {
  background-image: url('_-flags-1x1-th.svg');
}
.flag-icon-tj {
  background-image: url('tj.svg');
}
.flag-icon-tj.flag-icon-squared {
  background-image: url('_-flags-1x1-tj.svg');
}
.flag-icon-tk {
  background-image: url('tk.svg');
}
.flag-icon-tk.flag-icon-squared {
  background-image: url('_-flags-1x1-tk.svg');
}
.flag-icon-tl {
  background-image: url('tl.svg');
}
.flag-icon-tl.flag-icon-squared {
  background-image: url('_-flags-1x1-tl.svg');
}
.flag-icon-tm {
  background-image: url('tm.svg');
}
.flag-icon-tm.flag-icon-squared {
  background-image: url('_-flags-1x1-tm.svg');
}
.flag-icon-tn {
  background-image: url('tn.svg');
}
.flag-icon-tn.flag-icon-squared {
  background-image: url('_-flags-1x1-tn.svg');
}
.flag-icon-to {
  background-image: url('to.svg');
}
.flag-icon-to.flag-icon-squared {
  background-image: url('_-flags-1x1-to.svg');
}
.flag-icon-tr {
  background-image: url('tr.svg');
}
.flag-icon-tr.flag-icon-squared {
  background-image: url('_-flags-1x1-tr.svg');
}
.flag-icon-tt {
  background-image: url('tt.svg');
}
.flag-icon-tt.flag-icon-squared {
  background-image: url('_-flags-1x1-tt.svg');
}
.flag-icon-tv {
  background-image: url('tv.svg');
}
.flag-icon-tv.flag-icon-squared {
  background-image: url('_-flags-1x1-tv.svg');
}
.flag-icon-tw {
  background-image: url('tw.svg');
}
.flag-icon-tw.flag-icon-squared {
  background-image: url('_-flags-1x1-tw.svg');
}
.flag-icon-tz {
  background-image: url('tz.svg');
}
.flag-icon-tz.flag-icon-squared {
  background-image: url('_-flags-1x1-tz.svg');
}
.flag-icon-ua {
  background-image: url('ua.svg');
}
.flag-icon-ua.flag-icon-squared {
  background-image: url('_-flags-1x1-ua.svg');
}
.flag-icon-ug {
  background-image: url('ug.svg');
}
.flag-icon-ug.flag-icon-squared {
  background-image: url('_-flags-1x1-ug.svg');
}
.flag-icon-um {
  background-image: url('um.svg');
}
.flag-icon-um.flag-icon-squared {
  background-image: url('_-flags-1x1-um.svg');
}
.flag-icon-us {
  background-image: url('us.svg');
}
.flag-icon-us.flag-icon-squared {
  background-image: url('_-flags-1x1-us.svg');
}
.flag-icon-uy {
  background-image: url('uy.svg');
}
.flag-icon-uy.flag-icon-squared {
  background-image: url('_-flags-1x1-uy.svg');
}
.flag-icon-uz {
  background-image: url('uz.svg');
}
.flag-icon-uz.flag-icon-squared {
  background-image: url('_-flags-1x1-uz.svg');
}
.flag-icon-va {
  background-image: url('va.svg');
}
.flag-icon-va.flag-icon-squared {
  background-image: url('_-flags-1x1-va.svg');
}
.flag-icon-vc {
  background-image: url('vc.svg');
}
.flag-icon-vc.flag-icon-squared {
  background-image: url('_-flags-1x1-vc.svg');
}
.flag-icon-ve {
  background-image: url('ve.svg');
}
.flag-icon-ve.flag-icon-squared {
  background-image: url('_-flags-1x1-ve.svg');
}
.flag-icon-vg {
  background-image: url('vg.svg');
}
.flag-icon-vg.flag-icon-squared {
  background-image: url('_-flags-1x1-vg.svg');
}
.flag-icon-vi {
  background-image: url('vi.svg');
}
.flag-icon-vi.flag-icon-squared {
  background-image: url('_-flags-1x1-vi.svg');
}
.flag-icon-vn {
  background-image: url('vn.svg');
}
.flag-icon-vn.flag-icon-squared {
  background-image: url('_-flags-1x1-vn.svg');
}
.flag-icon-vu {
  background-image: url('vu.svg');
}
.flag-icon-vu.flag-icon-squared {
  background-image: url('_-flags-1x1-vu.svg');
}
.flag-icon-wf {
  background-image: url('wf.svg');
}
.flag-icon-wf.flag-icon-squared {
  background-image: url('_-flags-1x1-wf.svg');
}
.flag-icon-ws {
  background-image: url('ws.svg');
}
.flag-icon-ws.flag-icon-squared {
  background-image: url('_-flags-1x1-ws.svg');
}
.flag-icon-ye {
  background-image: url('ye.svg');
}
.flag-icon-ye.flag-icon-squared {
  background-image: url('_-flags-1x1-ye.svg');
}
.flag-icon-yt {
  background-image: url('yt.svg');
}
.flag-icon-yt.flag-icon-squared {
  background-image: url('_-flags-1x1-yt.svg');
}
.flag-icon-za {
  background-image: url('za.svg');
}
.flag-icon-za.flag-icon-squared {
  background-image: url('_-flags-1x1-za.svg');
}
.flag-icon-zm {
  background-image: url('zm.svg');
}
.flag-icon-zm.flag-icon-squared {
  background-image: url('_-flags-1x1-zm.svg');
}
.flag-icon-zw {
  background-image: url('zw.svg');
}
.flag-icon-zw.flag-icon-squared {
  background-image: url('_-flags-1x1-zw.svg');
}
.flag-icon-ac {
  background-image: url('ac.svg');
}
.flag-icon-ac.flag-icon-squared {
  background-image: url('_-flags-1x1-ac.svg');
}
.flag-icon-cp {
  background-image: url('cp.svg');
}
.flag-icon-cp.flag-icon-squared {
  background-image: url('_-flags-1x1-cp.svg');
}
.flag-icon-dg {
  background-image: url('dg.svg');
}
.flag-icon-dg.flag-icon-squared {
  background-image: url('_-flags-1x1-dg.svg');
}
.flag-icon-ea {
  background-image: url('ea.svg');
}
.flag-icon-ea.flag-icon-squared {
  background-image: url('_-flags-1x1-ea.svg');
}
.flag-icon-es-ct {
  background-image: url('es-ct.svg');
}
.flag-icon-es-ct.flag-icon-squared {
  background-image: url('_-flags-1x1-es-ct.svg');
}
.flag-icon-es-ga {
  background-image: url('es-ga.svg');
}
.flag-icon-es-ga.flag-icon-squared {
  background-image: url('_-flags-1x1-es-ga.svg');
}
.flag-icon-eu {
  background-image: url('eu.svg');
}
.flag-icon-eu.flag-icon-squared {
  background-image: url('_-flags-1x1-eu.svg');
}
.flag-icon-gb-eng {
  background-image: url('gb-eng.svg');
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url('_-flags-1x1-gb-eng.svg');
}
.flag-icon-gb-nir {
  background-image: url('gb-nir.svg');
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url('_-flags-1x1-gb-nir.svg');
}
.flag-icon-gb-sct {
  background-image: url('gb-sct.svg');
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url('_-flags-1x1-gb-sct.svg');
}
.flag-icon-gb-wls {
  background-image: url('gb-wls.svg');
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url('_-flags-1x1-gb-wls.svg');
}
.flag-icon-ic {
  background-image: url('ic.svg');
}
.flag-icon-ic.flag-icon-squared {
  background-image: url('_-flags-1x1-ic.svg');
}
.flag-icon-ta {
  background-image: url('ta.svg');
}
.flag-icon-ta.flag-icon-squared {
  background-image: url('_-flags-1x1-ta.svg');
}
.flag-icon-un {
  background-image: url('un.svg');
}
.flag-icon-un.flag-icon-squared {
  background-image: url('_-flags-1x1-un.svg');
}
.flag-icon-xk {
  background-image: url('xk.svg');
}
.flag-icon-xk.flag-icon-squared {
  background-image: url('_-flags-1x1-xk.svg');
}
.flag-icon-xx {
  background-image: url('xx.svg');
}
.flag-icon-xx.flag-icon-squared {
  background-image: url('_-flags-1x1-xx.svg');
}

/*# sourceMappingURL=styles.css.map*/