/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Ionic CSS Variables **/
:root {
  --ion-color-white1: #FFFFFF;
  --ion-color-gray1: #f7f7f7;
  --ion-color-gray2: #4D4D4D;
  --ion-color-blue1: #459EEC;
  --ion-color-blue2: #1478BE;
  --ion-color-red1: #f53d3d;
  --ion-color-red2: red;
  --ion-color-yellow1: #FFCC00;
  --ion-color-green1: #2FD189;
  --ion-color-green2: #69BB7B;
  --ion-invalid-color: var(--ion-color-red1);
  --ion-text-color: var(--ion-color-gray2);
  --ion-text-color-light1: lighten(var(--ion-text-color), 35%);
  --ion-toolbar-background: var(--ion-color-blue1);
  --ion-background-color: var(--ion-color-white1);
  --ion-background-color-dark5: darken(var(--ion-background-color), 5);
  --ion-element-active: darken(var(--ion-background-color), 10%);
  --ion-list-ios-activated-background-color: var(--ion-element-active);
  --ion-list-md-activated-background-color: var(--ion-element-active);
  --ion-toolbar-ios-height: 40px;
  --ion-toolbar-md-height: var(--ion-toolbar-ios-height);
  --ion-cordova-ios-statusbar-padding: 0;
  --ion-cordova-md-statusbar-padding: 0;
  --ion-button-md-height: 5rem;
  --ion-ion-item-padding-top: 16px;
  --ion-ion-segment-in-ion-item-with-input-space: 6px;
  --ion-item-md-divider-background: var(--ion-background-color-dark5);
  --ion-item-ios-divider-background: var(--ion-background-color-dark5);
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** 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: #f4f5f8;
  --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-header-height-sm: 51px;
  --ion-header-height-lg: 81px;
  --ion-brand-blue: var(--ion-brand-primary);
  --ion-brand-light-blue: #f6f9fc;
  --ion-brand-light-blue-accent: #F5F6F7;
  --ion-brand-green-light: #2FD189;
  --ion-brand-green: #2FD189;
  --ion-brand-green-dark: #289D6B;
  --ion-brand-red: #E94D4C;
  --ion-brand-orange: #F49500;
  --ion-color-1: var(--ion-brand-blue);
  --ion-color-2: #979797;
  --ion-color-3: #DCDCDC;
  --ion-color-4: #45C0EC;
  --ion-ColorWhite: #FFFFFF;
  --ion-ColorBlack: #000000;
  --ion-ColorRed1: #C00000;
  --ion-ColorGray0: #F2F2F2;
  --ion-ColorGray1: #CCCCCC;
  --ion-ColorGray2: #AFAFAF;
  --ion-ColorGray3: #999999;
  --ion-ColorGray4: #737373;
  --ion-ColorGray5: #666666;
  --ion-ColorGray5RGB: rgb(102, 102, 102);
  --ion-ColorOrange0: #F29400;
  --ion-ColorOrange1: #EF9321;
  --ion-ColorOrange2: #DD8005;
  --ion-ColorOrange3: #F5A933;
  --ion-ColorBlue0: #76C5DB;
  --ion-ColorBlue1: #259FC2;
  --ion-ColorBlue2: #0582AD;
  --ion-ColorGreen0: #7EBC96;
  --ion-ColorGreen1: #5EAC7C;
  --ion-ColorCyanCMYK: #009EE0;
  --ion-ColorMagentaCMYK: #E2007A;
  --ion-ColorYellowCMYK: #FFED00;
  --ion-colorBlackCMYK: #000000;
  --ion-icon-ok: "";
  --ion-icon-close: "";
  --ion-icon-asc: "";
  --ion-icon-desc: "";
  --ion-icon-favorite-solid: "";
  --ion-icon-angle-up: "";
  --ion-icon-print: "";
  --ion-icon-info: "";
  --ion-icon-attention: "";
  --ion-text-dimmed: #9E9EA6;
  --ion-gray-lightest: #f4f4f4;
  --ion-list-item-hover-bg: #EBF7FB;
  --ion-list-item-active-bg: var(--ion-brand-blue);
  --ion-list-item-disabled-bg: var(--ion-gray-lightest);
  --ion-document-list-active-bg: #45abec;
  --ion-separator-color: #E2E2E2;
  --ion-separator-hover-color: darken(var(--ion-list-item-hover-bg), 5%);
  --ion-separator-active-color: darken(var(--ion-brand-blue), 5%);
  --ion-input-border-focus-rgba: rgba(red(var(--ion-input-border-focus)), green(var(--ion-input-border-focus)), blue(var(--ion-input-border-focus)), 0.6);
}

/*
 * Dark Colors
 * -------------------------------------------
 */
/*
 * iOS Dark Theme
 * -------------------------------------------
 */
/*
 * Material Design Dark Theme
 * -------------------------------------------
 */
/* Importing Bootstrap SCSS file. */
/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/core.css ***!
  \**********************************************************************************************************************************************************************************************************************************/
:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}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-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}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}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}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}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, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !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, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !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, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 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, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !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, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !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, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !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, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !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, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !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;z-index:0}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{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: 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;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}.md .menu-content-push{box-shadow:4px 0px 16px rgba(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{transition:none !important}}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}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}/*# sourceMappingURL=core.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/normalize.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
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}/*# sourceMappingURL=normalize.css.map */

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/structure.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
*{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%;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}/*# sourceMappingURL=structure.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/typography.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
html{font-family:var(--ion-font-family)}@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}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:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}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}/*# sourceMappingURL=typography.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/display.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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}}/*# sourceMappingURL=display.css.map */

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/padding.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.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);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom: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);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);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);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end: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);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom: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);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);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);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}/*# sourceMappingURL=padding.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/float-elements.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.ion-float-left{float:left !important}.ion-float-right{float:right !important}.ion-float-start{float:left !important}:host-context([dir=rtl]) .ion-float-start{float:right !important}[dir=rtl] .ion-float-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}.ion-float-end{float:right !important}:host-context([dir=rtl]) .ion-float-end{float:left !important}[dir=rtl] .ion-float-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){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}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){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}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){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}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){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}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}/*# sourceMappingURL=float-elements.css.map */

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/text-alignment.css ***!
  \********************************************************************************************************************************************************************************************************************************************/
.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}}/*# sourceMappingURL=text-alignment.css.map */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/text-transformation.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.ion-text-uppercase{text-transform:uppercase !important}.ion-text-lowercase{text-transform:lowercase !important}.ion-text-capitalize{text-transform:capitalize !important}@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}/*# sourceMappingURL=text-transformation.css.map */

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@ionic/angular/css/flex-utils.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.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}/*# sourceMappingURL=flex-utils.css.map */

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * 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 */
/* Basic CSS for apps built with Ionic */
/* Optional CSS utils that can be commented out */
/* Custom imports */
:root {
  --ion-bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")'));
  --ion-gray-darker: #333;
  --ion-gray-dark: #4D4D4D;
  --ion-gray: lighten(#000, 33.5%);
  --ion-gray-light: lighten(#000, 60%);
  --ion-gray-lighter: lighten(#000, 93.5%);
  --ion-brand-primary: #459EEC;
  --ion-brand-primary-light: lighten(#459EEC, 10%);
  --ion-brand-success: #2FD189;
  --ion-brand-info: var(--ion-brand-primary);
  --ion-brand-warning: #F29400;
  --ion-brand-danger: #E94D4C;
  --ion-brand-danger-light: lighten(#E94D4C, 10%);
  --ion-body-bg: white;
  --ion-text-color: var(--ion-gray-dark);
  --ion-link-color: #459EEC;
  --ion-link-hover-color: lighten(#459eec, 5%);
  --ion-font-family-sans-serif: Lato, "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  --ion-font-family-serif: "Merriweather", Georgia, "Times New Roman", Times, serif;
  --ion-font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --ion-font-family-base: var(--ion-font-family-sans-serif);
  --ion-font-size-base: 15px;
  --ion-font-size-large: ceil((var(--ion-font-size-base * 1.25)));
  --ion-font-size-small: ceil((var(--ion-font-size-base * 0.85)));
  --ion-font-size-h1: floor((var(--ion-font-size-base * 2.6)));
  --ion-font-size-h2: floor((var(--ion-font-size-base * 2.15)));
  --ion-font-size-h3: ceil((var(--ion-font-size-base * 1.5)));
  --ion-font-size-h4: ceil((var(--ion-font-size-base * 1.25)));
  --ion-font-size-h5: var(var(--ion-font-size-base));
  --ion-font-size-h6: ceil((var(--ion-font-size-base * 0.85)));
  --ion-line-height-base: 1.6;
  --ion-line-height-computed: floor(var(--ion-font-size-base) * var(--ion-line-height-base));
  --ion-headings-font-family: inherit;
  --ion-headings-font-weight: 400;
  --ion-headings-line-height: 1.2;
  --ion-headings-color: var(--ion-gray-dark);
  --ion-icon-font-path: "src/assets/fonts/icons";
  --ion-icon-font-svg-id:	"glyphicons_halflingsregular";
  --ion-padding-base-vertical: 6px;
  --ion-padding-base-horizontal: 12px;
  --ion-padding-large-vertical: 10px;
  --ion-padding-large-horizontal: 16px;
  --ion-padding-small-vertical: 5px;
  --ion-padding-small-horizontal: 10px;
  --ion-padding-xs-vertical: 1px;
  --ion-padding-xs-horizontal: 5px;
  --ion-line-height-large: 1.33;
  --ion-line-height-small: 1.5;
  --ion-border-radius-base: 4px;
  --ion-border-radius-large: var(--ion-border-radius-base);
  --ion-border-radius-small: 3px;
  --ion-component-active-color: var(--ion-brand-primary);
  --ion-component-active-bg: var(--ion-brand-primary);
  --ion-caret-width-base: 4px;
  --ion-caret-width-large: 5px;
  --ion-table-cell-padding: 8px;
  --ion-table-condensed-cell-padding: 5px;
  --ion-table-bg: transparent;
  --ion-table-bg-accent: #f9f9f9;
  --ion-table-bg-hover: #f5f5f5;
  --ion-table-bg-active: var(--ion-table-bg-hover);
  --ion-table-border-color: #ddd;
  --ion-btn-font-weight: 600;
  --ion-btn-default-color: #333;
  --ion-btn-default-bg: #fff;
  --ion-btn-default-border: #ccc;
  --ion-btn-primary-color: #fff;
  --ion-btn-primary-bg: #2FD189;
  --ion-btn-primary-bg-light: #83e3b8;
  --ion-btn-primary-bg-dark: #1c7e52;
  --ion-btn-primary-border: transparent;
  --ion-btn-success-color: #fff;
  --ion-btn-success-bg: var(--ion-brand-success);
  --ion-btn-success-border: darken(#2FD189, 5%);
  --ion-btn-info-color: #fff;
  --ion-btn-info-bg: var(--ion-brand-info);
  --ion-btn-info-border: darken(#459EEC, 5%);
  --ion-btn-warning-color: #fff;
  --ion-btn-warning-bg: var(--ion-brand-warning);
  --ion-btn-warning-border: darken(#F29400, 5%);
  --ion-btn-danger-color: #fff;
  --ion-btn-danger-bg: var(--ion-brand-danger);
  --ion-btn-danger-border: darken(#E94D4C, 5%);
  --ion-btn-link-disabled-color: var(--ion-gray-light);
  --ion-input-bg: #fff;
  --ion-input-bg-disabled: var(--ion-gray-lighter);
  --ion-input-color: var(--ion-gray);
  --ion-input-border: #ccc;
  --ion-input-border-radius: var(--ion-border-radius-base);
  --ion-input-border-focus: #66afe9;
  --ion-input-color-placeholder: var(--ion-gray-light);
  --ion-input-height-base: (var(--ion-line-height-computed) + (var(--ion-padding-base-vertical) * 2) + 2);
  --ion-input-height-large: (ceil(var(--ion-font-size-large) * var(--ion-line-height-large)) + (var(--ion-padding-large-vertical) * 2) + 2);
  --ion-input-height-small: (floor(var(--ion-font-size-small) * var(--ion-line-height-small)) + (var(--ion-padding-small-vertical) * 2) + 2);
  --ion-legend-color: var(--ion-gray-dark);
  --ion-legend-border-color: #e5e5e5;
  --ion-input-group-addon-bg: var(--ion-gray-lighter);
  --ion-input-group-addon-border-color: var(--ion-input-border);
  --ion-dropdown-bg: #fff;
  --ion-dropdown-border: #E9EBED;
  --ion-dropdown-fallback-border: #ccc;
  --ion-dropdown-divider-bg: #e5e5e5;
  --ion-dropdown-link-color: #555;
  --ion-dropdown-link-hover-color: darken(#4D4D4D, 5%);
  --ion-dropdown-link-hover-bg: #f5f5f5;
  --ion-dropdown-link-active-color: var(--ion-component-active-color);
  --ion-dropdown-link-active-bg: transparent;
  --ion-dropdown-link-disabled-color: var(--ion-gray-light);
  --ion-dropdown-header-color: var(--ion-gray-light);
  --ion-dropdown-caret-color: #000;
  --ion-zindex-navbar: 1000;
  --ion-zindex-dropdown: 1000;
  --ion-zindex-popover: 1010;
  --ion-zindex-tooltip: 1030;
  --ion-zindex-navbar-fixed: 1030;
  --ion-zindex-modal-background: 1040;
  --ion-zindex-modal: 1050;
  --ion-screen-xs: 480px;
  --ion-screen-xs-min: var(--ion-screen-xs);
  --ion-screen-phone: var(--ion-screen-xs-min);
  --ion-screen-sm: 768px;
  --ion-screen-sm-min: var(--ion-screen-sm);
  --ion-screen-tablet: var(--ion-screen-sm-min);
  --ion-screen-md: 992px;
  --ion-screen-md-min: var(--ion-screen-md);
  --ion-screen-desktop: var(--ion-screen-md-min);
  --ion-screen-lg: 1200px;
  --ion-screen-lg-min: var(--ion-screen-lg);
  --ion-screen-lg-desktop: var(--ion-screen-lg-min);
  --ion-screen-xs-max: (var(--ion-screen-sm-min) - 1);
  --ion-screen-sm-max: (var(--ion-screen-md-min) - 1);
  --ion-screen-md-max: (var(--ion-screen-lg-min) - 1);
  --ion-grid-columns: 12;
  --ion-grid-gutter-width: 30px;
  --ion-grid-float-breakpoint: var(--ion-screen-sm-min);
  --ion-grid-float-breakpoint-max: (var(--ion-grid-float-breakpoint) - 1);
  --ion-navbar-height: 50px;
  --ion-navbar-margin-bottom: var(--ion-line-height-computed);
  --ion-navbar-border-radius: 0;
  --ion-navbar-padding-horizontal: floor((--ion-grid-gutter-width / 2));
  --ion-navbar-padding-vertical: ((var(--ion-navbar-height) - var(--ion-line-height-computed)) / 2);
  --ion-navbar-collapse-max-height: 340px;
  --ion-navbar-default-color: #777;
  --ion-navbar-default-bg: #f8f8f8;
  --ion-navbar-default-border: darken(#f8f8f8, 6%);
  --ion-navbar-default-link-color: var(--ion-gray);
  --ion-navbar-default-link-hover-color: #333;
  --ion-navbar-default-link-hover-bg: transparent;
  --ion-navbar-default-link-active-color: var(--ion-link-color);
  --ion-navbar-default-link-active-bg: darken(#f8f8f8, 6%);
  --ion-navbar-default-link-disabled-color: #ccc;
  --ion-navbar-default-link-disabled-bg: transparent;
  --ion-navbar-default-brand-color: var(--ion-navbar-default-link-color);
  --ion-navbar-default-brand-hover-color: darken(#555, 10%);
  --ion-navbar-default-brand-hover-bg: transparent;
  --ion-navbar-default-toggle-hover-bg: #ddd;
  --ion-navbar-default-toggle-icon-bar-bg: #888;
  --ion-navbar-default-toggle-border-color: #ddd;
  --ion-navbar-inverse-color: var(--ion-gray-light);
  --ion-navbar-inverse-bg: #222;
  --ion-navbar-inverse-border: darken(#222, 10%);
  --ion-navbar-inverse-link-color: var(--ion-gray-light);
  --ion-navbar-inverse-link-hover-color: #fff;
  --ion-navbar-inverse-link-hover-bg: transparent;
  --ion-navbar-inverse-link-active-color: var(--ion-navbar-inverse-link-hover-color);
  --ion-navbar-inverse-link-active-bg: darken(#222, 10%);
  --ion-navbar-inverse-link-disabled-color: #444;
  --ion-navbar-inverse-link-disabled-bg: transparent;
  --ion-navbar-inverse-brand-color: var(--ion-navbar-inverse-link-color);
  --ion-navbar-inverse-brand-hover-color: #fff;
  --ion-navbar-inverse-brand-hover-bg: transparent;
  --ion-navbar-inverse-toggle-hover-bg: #333;
  --ion-navbar-inverse-toggle-icon-bar-bg: #fff;
  --ion-navbar-inverse-toggle-border-color: #333;
  --ion-nav-link-padding: 10px 15px;
  --ion-nav-link-hover-bg: transparent;
  --ion-nav-disabled-link-color: var(--ion-gray-light);
  --ion-nav-disabled-link-hover-color: var(--ion-gray-light);
  --ion-nav-open-link-hover-color: #fff;
  --ion-nav-tabs-border-color: transparent;
  --ion-nav-tabs-link-hover-border-color: transparent;
  --ion-nav-tabs-active-link-hover-bg: transparent;
  --ion-nav-tabs-active-link-hover-color: var(--ion-gray);
  --ion-nav-tabs-active-link-hover-border-color: transparent;
  --ion-nav-tabs-justified-link-border-color: #ddd;
  --ion-nav-tabs-justified-active-link-border-color: var(--ion-body-bg);
  --ion-nav-pills-border-radius: var(--ion-border-radius-base);
  --ion-nav-pills-active-link-hover-bg: var(--ion-component-active-bg);
  --ion-nav-pills-active-link-hover-color: var(--ion-component-active-color);
  --ion-pagination-color: var(--ion-link-color);
  --ion-pagination-bg: #fff;
  --ion-pagination-border: #ddd;
  --ion-pagination-hover-color: var(--ion-link-hover-color);
  --ion-pagination-hover-bg: var(--ion-gray-lighter);
  --ion-pagination-hover-border: #ddd;
  --ion-pagination-active-color: #fff;
  --ion-pagination-active-bg: var(--ion-brand-primary);
  --ion-pagination-active-border: var(--ion-brand-primary);
  --ion-pagination-disabled-color: var(--ion-gray-light);
  --ion-pagination-disabled-bg: #fff;
  --ion-pagination-disabled-border: #ddd;
  --ion-pager-bg: var(--ion-pagination-bg);
  --ion-pager-border: var(--ion-pagination-border);
  --ion-pager-border-radius: 15px;
  --ion-pager-hover-bg: var(--ion-pagination-hover-bg);
  --ion-pager-active-bg: var(--ion-pagination-active-bg);
  --ion-pager-active-color: var(--ion-pagination-active-color);
  --ion-pager-disabled-color: var(--ion-pagination-disabled-color);
  --ion-jumbotron-padding: 30px;
  --ion-jumbotron-color: inherit;
  --ion-jumbotron-bg: var(--ion-gray-lighter);
  --ion-jumbotron-heading-color: inherit;
  --ion-jumbotron-font-size: ceil((var(--ion-font-size-base) * 1.5));
  --ion-state-success-text: darken(#2FD189, 15%);
  --ion-state-success-bg: lighten(#2FD189, 40%);
  --ion-state-success-border: transparent;
  --ion-state-info-text: lighten(#4D4D4D, 5%);
  --ion-state-info-bg: lighten(#459EEC, 38%);
  --ion-state-info-border: darken(#eee, 8%);
  --ion-state-warning-text: darken(#F29400, 5%);
  --ion-state-warning-bg: #fcf8e3;
  --ion-state-warning-border: darken(#fcf8e3, 10%);
  --ion-state-danger-text: var(--ion-brand-danger);
  --ion-state-danger-bg: #f2dede;
  --ion-state-danger-border: darken(#E94D4C, 10%);
  --ion-tooltip-max-width: 200px;
  --ion-tooltip-color: #fff;
  --ion-tooltip-bg: var(--ion-gray-darker);
  --ion-tooltip-opacity: 1;
  --ion-tooltip-arrow-width: 5px;
  --ion-tooltip-arrow-color: var(--ion-tooltip-bg);
  --ion-popover-bg: #fff;
  --ion-popover-max-width: 276px;
  --ion-popover-border-color: rgba(0,0,0,.1);
  --ion-popover-fallback-border-color: #ccc;
  --ion-popover-title-bg: transparent;
  --ion-popover-arrow-width: 7px;
  --ion-ion-popover-arrow-color: #fff;
  --ion-popover-arrow-outer-width: (var(--ion-popover-arrow-width) + 1);
  --ion-ion-popover-arrow-outer-color: rgba(0,0,0,.1);
  --ion-ion-popover-arrow-outer-fallback-color: #999;
  --ion-label-default-bg: #eee;
  --ion-label-primary-bg: var(--ion-brand-primary);
  --ion-label-success-bg: var(--ion-brand-success);
  --ion-label-info-bg: var(--ion-brand-info);
  --ion-label-warning-bg: var(--ion-brand-warning);
  --ion-label-danger-bg: var(--ion-brand-danger);
  --ion-label-color: var(--ion-gray-light);
  --ion-label-link-hover-color: #fff;
  --ion-modal-inner-padding: 20px;
  --ion-modal-title-padding: 15px;
  --ion-modal-title-line-height: var(--ion-line-height-base);
  --ion-modal-content-bg: #fff;
  --ion-modal-content-border-color: transparent;
  --ion-modal-content-fallback-border-color: transparent;
  --ion-modal-backdrop-bg: #000;
  --ion-modal-backdrop-opacity: .3;
  --ion-modal-header-border-color: #E2E2E2;
  --ion-modal-footer-border-color: var(--ion-modal-header-border-color);
  --ion-modal-lg: 900px;
  --ion-modal-md: 600px;
  --ion-modal-sm: 300px;
  --ion-alert-padding: 15px;
  --ion-alert-border-radius: 0;
  --ion-alert-link-font-weight: bold;
  --ion-alert-success-bg: var(--ion-state-success-bg);
  --ion-alert-success-text: var(--ion-state-success-text);
  --ion-alert-success-border: var(--ion-state-success-border);
  --ion-alert-info-bg: var(--ion-state-info-bg);
  --ion-alert-info-text: var(--ion-state-info-text);
  --ion-alert-info-border: var(--ion-state-info-border);
  --ion-alert-warning-bg: var(--ion-state-warning-bg);
  --ion-alert-warning-text: var(--ion-state-warning-text);
  --ion-alert-warning-border: var(--ion-state-warning-border);
  --ion-alert-danger-bg: var(--ion-state-danger-bg);
  --ion-alert-danger-text: var(--ion-state-danger-text);
  --ion-alert-danger-border: var(--ion-state-danger-border);
  --ion-progress-bg: #efefef;
  --ion-progress-bar-color: #fff;
  --ion-progress-bar-bg: var(--ion-brand-primary);
  --ion-progress-bar-success-bg: var(--ion-brand-success);
  --ion-progress-bar-warning-bg: var(--ion-brand-warning);
  --ion-progress-bar-danger-bg: var(--ion-brand-danger);
  --ion-progress-bar-info-bg: var(--ion-brand-info);
  --ion-list-group-bg: #fff;
  --ion-list-group-border: #ddd;
  --ion-list-group-border-radius: var(--ion-border-radius-base);
  --ion-list-group-hover-bg: #f5f5f5;
  --ion-list-group-active-color: var(--ion-text-color);
  --ion-list-group-active-bg: #EBF7FB;
  --ion-list-group-active-border: #BDE4F0;
  --ion-list-group-active-text-color: var(--ion-text-color);
  --ion-list-group-link-color: #555;
  --ion-list-group-link-heading-color: #333;
  --ion-panel-bg: #fff;
  --ion-panel-body-padding: 15px;
  --ion-panel-border-radius: var(--ion-border-radius-base);
  --ion-panel-inner-border: #ddd;
  --ion-panel-footer-bg: #f5f5f5;
  --ion-panel-default-text: var(--ion-gray-dark);
  --ion-panel-default-border: #ddd;
  --ion-panel-default-heading-bg: #f5f5f5;
  --ion-panel-primary-text: #fff;
  --ion-panel-primary-border: var(--ion-brand-primary);
  --ion-panel-primary-heading-bg: var(--ion-brand-primary);
  --ion-panel-success-text: var(--ion-state-success-text);
  --ion-panel-success-border: var(--ion-state-success-border);
  --ion-panel-success-heading-bg: var(--ion-state-success-bg);
  --ion-panel-info-text: var(--ion-state-info-text);
  --ion-panel-info-border: var(--ion-state-info-border);
  --ion-panel-info-heading-bg: var(--ion-state-info-bg);
  --ion-panel-warning-text: var(--ion-state-warning-text);
  --ion-panel-warning-border: var(--ion-state-warning-border);
  --ion-panel-warning-heading-bg: var(--ion-state-warning-bg);
  --ion-panel-danger-text: var(--ion-state-danger-text);
  --ion-panel-danger-border: var(--ion-state-danger-border);
  --ion-panel-danger-heading-bg: var(--ion-state-danger-bg);
  --ion-thumbnail-padding: 4px;
  --ion-thumbnail-bg: var(--ion-body-bg);
  --ion-thumbnail-border: #ddd;
  --ion-thumbnail-border-radius: var(--ion-border-radius-base);
  --ion-thumbnail-caption-color: var(--ion-text-color);
  --ion-thumbnail-caption-padding: 9px;
  --ion-well-bg: #fafbfc;
  --ion-well-border: darken(#fafbfc, 7%);
  --ion-badge-color: #fff;
  --ion-badge-link-hover-color: #fff;
  --ion-badge-bg: var(--ion-gray-light);
  --ion-badge-active-color: var(--ion-link-color);
  --ion-badge-active-bg: #fff;
  --ion-badge-font-weight: bold;
  --ion-badge-line-height: 1;
  --ion-badge-border-radius: 10px;
  --ion-breadcrumb-padding-vertical: 8px;
  --ion-breadcrumb-padding-horizontal: 15px;
  --ion-breadcrumb-bg: transparent;
  --ion-breadcrumb-color: lighten(#4D4D4D, 55%);
  --ion-breadcrumb-active-color: var(--ion-text-color);
  --ion-breadcrumb-separator: "9";
  --ion-carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
  --ion-carousel-control-color: #fff;
  --ion-carousel-control-width: 15%;
  --ion-carousel-control-opacity: .5;
  --ion-carousel-control-font-size: 20px;
  --ion-carousel-indicator-active-bg: #fff;
  --ion-carousel-indicator-border-color: #fff;
  --ion-carousel-caption-color: #fff;
  --ion-close-font-weight: normal;
  --ion-close-color: var(--ion-text-color);
  --ion-close-text-shadow: none;
  --ion-code-color: #c7254e;
  --ion-code-bg: #f9f2f4;
  --ion-kbd-color: #fff;
  --ion-kbd-bg: #333;
  --ion-pre-bg: #f5f5f5;
  --ion-pre-color: var(--ion-gray-dark);
  --ion-pre-border-color: #ccc;
  --ion-pre-scrollable-max-height: 340px;
  --ion-text-muted: var(--ion-gray-light);
  --ion-abbr-border-color: var(--ion-gray-light);
  --ion-headings-small-color: var(--ion-gray-light);
  --ion-blockquote-small-color: var(--ion-gray-light);
  --ion-blockquote-border-color: var(--ion-gray-lighter);
  --ion-page-header-border-color: transparent;
  --ion-hr-border: var(--ion-gray-lighte);
  --ion-component-offset-horizontal: 180px;
  --ion-container-tablet: ((720px + var(--ion-grid-gutter-width)));
  --ion-container-sm: var(--ion-container-tablet);
  --ion-container-desktop: ((940px + var(--ion-grid-gutter-width)));
  --ion-container-md: var(--ion-container-desktop);
  --ion-container-large-desktop: ((1140px + var(--ion-grid-gutter-width)));
  --ion-container-lg: var(--ion-container-large-desktop);
}

body {
  padding-top: var(--ion-header-height-sm);
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background: #fff;
}
@media (min-width: var(--ion-screen-sm-min)) {
  body {
    padding-top: var(--ion-header-height-lg);
  }
}

.printix-client body {
  min-height: 100vh;
}

.bg-contrast body {
  background: var(--ion-brand-light-blue-accent);
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .bg-contrast--mobile body, .printix-client body body, .printix-admin body body {
    background: var(--ion-brand-light-blue-accent);
  }
}

.bg-contrast--desktop body {
  background: #fff;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint-max)) {
  .bg-contrast--desktop body {
    background: var(--ion-brand-light-blue-accent);
  }
}

.header {
  border-bottom: 1px solid transparent;
}
@media (max-width: var(--ion-screen-xs-max)) {
  .header {
    border-color: var(--ion-separator-color);
  }
}
html.trial .header {
  top: 35px;
}
html.trial .header.headroom--pinned {
  transform: translateY(0%);
}
html.trial .header.headroom--not-top {
  transform: translateY(-35px);
}
html.trial .header.headroom--top {
  transition: background 0.2s 0.2s, box-shadow 0.2s 0.2s, transform 0.2s;
}

.header--fixed, .header {
  position: fixed;
  top: 0;
  z-index: var(--ion-zindex-navbar-fixed);
  width: 100%;
  background: var(--ion-body-bg);
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
}
.header--fixed.headroom--not-top, .headroom--not-top.header {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
  border-color: var(--ion-separator-color);
}

.header--transparent {
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s 0.2s;
  background: transparent;
}
.header--transparent.headroom--not-top {
  background: var(--ion-body-bg);
}

.trial body {
  padding-top: 86px;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .trial body {
    padding-top: 116px;
  }
}

.trial-bar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
  background: var(--ion-brand-primary);
  will-change: transform;
  transition: transform 200ms linear;
}
.trial-bar a {
  display: block;
  height: 35px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.trial-bar--danger {
  background: var(--ion-brand-danger);
}

a:hover, a:focus {
  text-decoration: none;
}

.hover-fix:hover,
[go-to-url]:hover {
  cursor: pointer;
}

.page-header {
  margin: 0;
  padding: 40px 20px 20px 20px !important;
}

@media (max-width: var(--ion-screen-sm-max)) {
  .container, .print__container {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .container .dashboard-row-container, .print__container .dashboard-row-container {
    margin-top: 20px;
  }
}

img {
  max-width: 100%;
}

.flex-container, .top-bar__inner, .section--center-xy {
  display: -moz-flex;
  display: flex;
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .section--separate {
    margin-bottom: 0.5em;
    background: #fff;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05);
  }
}

.section--spaced {
  padding: 1em 0;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .section--spaced {
    padding: 2em 0;
  }
}

.section__heading {
  margin-top: 0.5em;
  font-size: 1.6em;
}

.section__sub-heading {
  font-size: 1.1em;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .section__sub-heading {
    font-size: 1.3em;
  }
}

.main-content,
.content-section {
  background: #fff;
}

.section--center-xy {
  min-height: calc(100vh - --ion-navbar-height);
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .mobile-full-width, .form-section--separate {
    margin-left: var(---ion-grid-gutter-width/2);
    margin-right: var(---ion-grid-gutter-width/2);
    padding-left: var(---ion-grid-gutter-width/2);
    padding-right: var(---ion-grid-gutter-width/2);
  }
}

.top-bar--bordered {
  border-bottom: 1px solid var(--ion-separator-color);
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .top-bar--bordered {
    border-top: 1px solid var(--ion-separator-color);
  }
}

.top-bar__item {
  --ion-fg-boxflex: $fg;
  -moz-flex: 1;
  flex: 1;
}

.top-bar--pulled-up {
  margin-top: -4em;
}

.action-list {
  position: relative;
  margin: 0;
  text-align: right;
  min-height: 50px;
}
.action-list li {
  display: inline-block;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .action-list {
    min-height: auto;
    margin: 1em 0;
  }
}

.action-list--spaced li + li {
  margin-left: 0.5em;
}

.action-list__link {
  display: inline-block;
  padding: 15px 0 10px;
}

.action-list__btn, .quick-search__close, .quick-search__icon {
  background-color: transparent;
  border: none;
  padding: 10px;
  margin: 0;
  outline: none;
  font-size: 1.3em;
  transition: color 0.2s;
}
.action-list__btn:hover, .quick-search__close:hover, .quick-search__icon:hover {
  color: var(--ion-link-color);
}

@media (max-width: var(--ion-screen-xs-max)) {
  .quick-search {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    height: 50px;
    transition: opacity 0.3s, visibility 0s 0.3s;
  }
}

@media (max-width: var(--ion-screen-xs-max)) {
  .quick-search--active {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s, visibility 0s;
  }
  .quick-search--active .quick-search__close {
    opacity: 1;
    transform: translate(0, -50%);
    transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
  }
}

.quick-search__input {
  transition: width 0.15s, transform 0.2s, opacity 0.2s, visibility 0s;
  padding-right: 2.8em;
  min-height: 45px;
}
@media (max-width: var(--ion-screen-xs-max)) {
  .quick-search__input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    min-height: 50px;
    border: 0;
    font-size: 1.1em;
  }
}
.quick-search__input:focus {
  box-shadow: none;
  border-color: var(--ion-input-border);
}
@media (min-width: var(--ion-screen-sm-min)) {
  .quick-search__input {
    width: 13em;
  }
  .quick-search__input:focus {
    width: 20em;
  }
}

.quick-search__input-hack {
  transition: width 0.15s, transform 0.2s, opacity 0.2s, visibility 0s;
  padding-right: 2.8em;
  min-height: 45px;
}
@media (max-width: var(--ion-screen-xs-max)) {
  .quick-search__input-hack {
    position: absolute;
    right: 0;
    top: 0;
    min-height: 50px;
    border: 0;
    font-size: 1.1em;
    width: 220px;
    right: 10px;
  }
}
.quick-search__input-hack:focus {
  box-shadow: none;
  border-color: var(--ion-input-border);
}
@media (min-width: var(--ion-screen-sm-min)) {
  .quick-search__input-hack {
    width: 13em;
  }
  .quick-search__input-hack:focus {
    width: 20em;
  }
}

.quick-search__icon {
  margin-right: -10px;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .quick-search__icon {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    right: 0;
    margin: 0;
    padding: 12px 10px;
    line-height: 1;
    background: none;
    font-size: 1.3em;
  }
}

.quick-search__close {
  position: absolute;
  opacity: 0;
  top: 50%;
  right: 5px;
  z-index: 2;
  transform: translate(0, -20%);
  transition: opacity 0s, transform 0.2s;
}

.page-actions {
  padding-top: 1.3em;
  padding-bottom: 1.3em;
  background: #fff;
  transition: opacity 0.25s, transform 0.25s;
}
.page-actions:before, .page-actions:after {
  display: table;
  content: " ";
}
.page-actions:after {
  clear: both;
}
.page-actions:not(.page-actions--fixed) .container, .page-actions:not(.page-actions--fixed) .print__container {
  width: auto;
  padding: 0;
}
.page-actions .btn {
  min-width: 12em;
  font-size: 1.1em;
  padding: 0.7em 3em;
  background-color: var(--ion-color-green1);
}
@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .page-actions > .container, .page-actions > .print__container {
    width: auto;
    padding: 0;
  }
  .page-actions .btn-primary {
    display: block;
    width: 100%;
    min-width: auto;
    font-size: 1.1em;
  }
  .page-actions.page-actions--fixed {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  }
  .page-actions.page-actions--fixed .btn-primary {
    border-radius: 0;
  }
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .page-actions .btn-primary:not(.btn-block) {
    float: right;
  }
}

.page-actions-fixed {
  padding-bottom: 7em;
}

.page-actions--fixed {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 40px;
  border-top: 1px solid var(--ion-separator-color);
}

.page-actions--hidden {
  display: none;
  opacity: 0;
  transform: translate(0, 100%);
  padding: 0;
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .page-actions__section {
    padding: 0.7em 0;
  }
}

.btn {
  transition: background-color 0.2s, border 0.2s, color 0.2s;
}

.btn--default {
  border-color: var(--ion-btn-default-border);
  background: #fff;
  color: var(--ion-text-color);
}
.btn--default:hover, .btn--default.focus, .btn--default:active, .open > .btn--default.dropdown-toggle {
  border-color: var(--ion-brand-primary);
  background-color: var(--ion-brand-light-blue);
}

.btn-primary:hover {
  background-color: var(--ion-color-green1, 5%);
  border-color: var(--ion-color-green1, 5%);
}

.btn-primary--bordered {
  color: #2FD189;
  background-color: transparent;
  border-color: #2FD189;
}
.btn-primary--bordered:focus, .btn-primary--bordered.focus {
  color: #2FD189;
  background-color: transparent;
  border-color: #2FD189;
}
.btn-primary--bordered:hover {
  color: #2FD189;
  background-color: LightenDarkenColor(transparent, 10%);
  border-color: LightenDarkenColor(#2FD189, -12);
}
.btn-primary--bordered:active, .btn-primary--bordered.active, .open > .btn-primary--bordered.dropdown-toggle {
  color: #2FD189;
  background-color: LightenDarkenColor(transparent, -10);
  background-image: none;
  border-color: LightenDarkenColor(#2FD189, -12);
}
.btn-primary--bordered:active:hover, .btn-primary--bordered:active:focus, .btn-primary--bordered:active.focus, .btn-primary--bordered.active:hover, .btn-primary--bordered.active:focus, .btn-primary--bordered.active.focus, .open > .btn-primary--bordered.dropdown-toggle:hover, .open > .btn-primary--bordered.dropdown-toggle:focus, .open > .btn-primary--bordered.dropdown-toggle.focus {
  color: #2FD189;
  background-color: LightenDarkenColor(transparent, -17);
  border-color: LightenDarkenColor(#2FD189, -25);
}
.btn-primary--bordered.disabled:hover, .btn-primary--bordered.disabled:focus, .btn-primary--bordered.disabled.focus, .btn-primary--bordered[disabled]:hover, .btn-primary--bordered[disabled]:focus, .btn-primary--bordered[disabled].focus, fieldset[disabled] .btn-primary--bordered:hover, fieldset[disabled] .btn-primary--bordered:focus, fieldset[disabled] .btn-primary--bordered.focus {
  background-color: transparent;
  border-color: #2FD189;
}
.btn-primary--bordered .badge {
  color: transparent;
  background-color: #2FD189;
}
.btn-primary--bordered:hover, .btn-primary--bordered:focus, .btn-primary--bordered:active, .btn-primary--bordered:active:focus, .btn-primary--bordered:active:hover {
  background-color: var(--ion-color-green1);
  border-color: var(--ion-color-green1);
  color: #fff;
}

.btn--secondary {
  background-color: transparent;
  border-color: var(--ion-brand-primary);
  color: --ion-brand-primary-light;
}
.btn--secondary:hover:not(.disabled) {
  background-color: var(--ion-brand-primary);
  color: #fff;
}

.btn--secondary-danger {
  background-color: transparent;
  border-color: var(--ion-brand-danger);
  color: var(--ion-brand-danger-light);
}
.btn--secondary-danger:hover:not(.disabled) {
  background-color: var(--ion-brand-danger);
  color: #fff;
}

.btn-pop {
  /* button bg: */
  border: 1px solid rgba(220, 220, 220, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
}
.btn-pop:focus, .btn-pop.focus, .btn-pop:active, .btn-pop.active, .btn-pop:hover {
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.15);
}

.btn-link:hover {
  text-decoration: none;
}

.btn [class^=icon-]:before,
.btn [class*=" icon-"]:before {
  vertical-align: -15%;
  margin-left: 0.2em;
  margin-right: 0.2em;
}

.btn__icon [class^=icon-]:before,
.btn [class*=" icon-"]:before {
  vertical-align: -15%;
  margin-right: 0.6em;
}

.btn--multiline {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.btn--multiline .icon, .btn--multiline .toast::after, .btn--multiline .page-actions .print__print-anywhere .print__print-btn::before, .page-actions .print__print-anywhere .btn--multiline .print__print-btn::before, .btn--multiline .dropdown-menu--compact ul::before, .dropdown-menu--compact .btn--multiline ul::before, .btn--multiline .list th[data-sort=asc] a::after, .list th[data-sort=asc] .btn--multiline a::after, .btn--multiline .list th[data-sort=desc] a::after, .list th[data-sort=desc] .btn--multiline a::after, .btn--multiline .link-follow-me::after {
  position: absolute;
  left: 1em;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  transition: transform 0.2s;
}

.btn__label {
  display: inline-block;
  text-align: left;
}

.btn__help-text {
  display: block;
  font-size: 0.8em;
  opacity: 0.7;
  font-weight: normal;
  line-height: 1.5em;
}

.link-follow-me {
  font-weight: 800;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.link-follow-me::after {
  content: "\e933";
  font-size: 80%;
  margin-left: 0.4em;
}

.close {
  padding: 10px;
  opacity: 0.7;
}
.close:hover {
  opacity: 1;
}

button.close {
  font-size: 30px;
}

.modal-title {
  font-size: 1.25em;
  font-weight: 500;
  color: var(--ion-text-color);
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.modal-content {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: var(--ion-screen-sm)) {
  .modal-footer .btn {
    min-width: 8em;
  }
}

.modal--fullscreen {
  background: #fff;
  transform: translate3d(0, 0, 0);
}
.modal--fullscreen .modal-header {
  text-align: center;
  border-bottom: 1px solid var(--ion-separator-color);
}
.modal--fullscreen .modal-body {
  max-width: var(--ion-container-md);
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--ion-grid-gutter-width/2 var(--ion-grid-gutter-width/2));
}
.modal--fullscreen .modal-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: var(--ion-gray-lightest);
  border-top: 1px solid var(--ion-separator-color);
  padding: var(--ion-grid-gutter-width/2);
}
.modal--fullscreen .close {
  margin-top: 7px;
  font-size: 1.1em;
  color: var(--ion-link-color);
}
.modal--fullscreen .close:hover {
  color: var(--ion-link-hover-color);
}
.modal--fullscreen .modal-dialog {
  position: absolute;
  margin: 0;
  width: 100%;
  min-height: 100%;
}
.modal--fullscreen .modal-content {
  height: 100%;
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

.modal-backdrop.modal-backdrop--fullscreen, .modal-backdrop--fullscreen.splash {
  background: transparent;
}

.modal--slide.fade .modal-dialog {
  transition: -transform(0.35s ease-out);
}
.modal--slide.fade .modal-dialog {
  transform: translate(0, 100%);
}
.modal--slide.fade.in .modal-dialog {
  transform: translate(0, 0);
}

.illustration {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.well {
  box-shadow: none;
}

.well--separate {
  margin-top: 3em;
}

.dropdown-menu {
  z-index: 11000;
}

.dropdown-menu p {
  width: 150px;
  margin: 0px;
  word-wrap: break-word;
}

.dropdown-toggle {
  color: var(--ion-text-color);
}

.dropdown-toggle__text {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  width: 80%;
}

.dropdown--block .dropdown-toggle {
  width: 100%;
  text-align: left;
}
.dropdown--block .caret {
  float: right;
}
.dropdown--block .dropdown-menu {
  width: 100%;
}
.dropdown--block .dropdown-menu a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown-menu__icon {
  margin: 0 12px 0 0px;
  font-size: 1.2em;
  float: left;
}

.dropdown-menu__item--delete {
  position: relative;
}
.dropdown-menu__item--delete > a {
  padding-right: 50px !important;
}

.dropdown-menu__item--modify-delete {
  position: relative;
}
.dropdown-menu__item--modify-delete > a {
  padding-right: 100px !important;
}

.dropdown-menu__delete {
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: 10px 15px;
  transition: opacity 0.2s;
}
.no-touchevents .dropdown-menu__delete {
  opacity: 0;
}
.no-touchevents .dropdown-menu a:hover .dropdown-menu__delete {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}

.dropdown-menu__modify {
  position: absolute;
  right: 45px;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: 10px 15px;
  transition: opacity 0.2s;
}
.no-touchevents .dropdown-menu__modify {
  opacity: 0;
}
.no-touchevents .dropdown-menu a:hover .dropdown-menu__modify {
  opacity: 1;
  transition: opacity 0.2s 0.1s;
}

.caret {
  border: 0;
  width: auto;
  height: auto;
}
.caret::before {
  content: "7";
  display: inline-block;
  vertical-align: -15%;
  line-height: 1;
  font-family: "icons";
}

.dropdown-menu--large {
  min-width: 180px;
}

.popover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.popover-title {
  padding: 15px 20px 5px;
  font-weight: 600;
}

.popover-content {
  padding: 0 20px 15px;
  font-size: 0.95em;
}
.popover-content ul {
  margin-bottom: 0;
}
.popover-content li:before {
  content: "– ";
}

.empty-state {
  text-align: center;
  margin-top: -15%;
}

.empty-state__heading {
  font-size: 1.25em;
  font-weight: 500;
}

.empty-state__description {
  color: var(--ion-gray-light);
}

.info-list {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.info-list li + li {
  margin-top: 1em;
}
@media screen and (min-width: var(--ion-screen-md-min)) {
  .info-list {
    width: 90%;
  }
  .info-list li + li {
    margin-top: 0.5em;
  }
}

.info-list__header {
  color: var(--ion-text-dimmed);
}

.info-list__info {
  padding: 8px 12px;
  background: var(--ion-gray-lightest);
  border-radius: var(--ion-border-radius-base);
}

.key-number > a {
  color: var(--ion-text-color);
  transition: color 0.2s;
}
.key-number > a:hover {
  color: var(--ion-link-hover-color);
}

.key-number__value {
  float: right;
}

.label-default {
  padding: 0.2em 0.6em;
  font-size: 1.2rem;
  font-weight: 500;
}

.label + .label {
  margin-left: 0.5em;
}

.video-container {
  box-shadow: 1px 11px 26px 0px rgba(0, 0, 0, 0.15);
}

.video-container--spaced {
  margin: 2em 0;
}

.badge--success {
  color: var(--ion-color-green1-dark);
  background: var(--ion-color-green1);
}

.badge--danger {
  color: var(--ion-brand-danger);
  background: var(--ion-brand-danger);
}

@keyframes heartbeat {
  0% {
    transform: scale(0.75);
  }
  20% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.75);
  }
  60% {
    transform: scale(1);
  }
  80% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(0.75);
  }
}
.heart-beat {
  animation: heartbeat 1s infinite;
}

[button-link] {
  background: transparent !important;
}

.button-md {
  text-transform: none !important;
}

[no-padding-horizontal] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[no-padding-vertical] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

[no-margin-horizontal] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[no-margin-vertical] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.item-inner {
  padding: 0 !important;
}

ion-icon {
  min-width: 28px !important;
}

ion-list {
  margin: 0 !important;
}

ion-item {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
ion-item[label-floating] {
  padding-top: var(--ion-item-padding-top);
}

ion-label {
  margin: 0 !important;
}
ion-label[floating] {
  color: var(--ion-text-color-light1);
}

ion-grid {
  padding: 0 !important;
}

ion-col {
  padding: 0 !important;
}

[background-dark-5] {
  background-color: var(--ion-background-color-dark5 !important);
}

ion-loading.print-job-spinner ion-backdrop {
  opacity: 0.1;
}
ion-loading.print-job-spinner .loading-wrapper {
  background-color: transparent !important;
  box-shadow: none;
}
ion-loading.print-job-spinner .loading-wrapper ion-spinner * {
  stroke: #000;
  fill: #000;
}

[error-message-container] {
  color: var(--ion-invalid-color) !important;
}

form.ng-submitted ion-item.hg-invalid ion-label {
  color: var(--ion-invalid-color) !important;
}
form.ng-submitted ion-item.hg-invalid input {
  color: var(--ion-invalid-color) !important;
}
form.ng-submitted ion-item.hg-invalid .item-inner {
  border-color: var(--ion-invalid-color) !important;
}

.icon-size--30 {
  font-size: 30px;
}

.icon-size--40 {
  font-size: 40px;
}

.icon-size--50 {
  font-size: 50px;
}

.icon-size--100 {
  font-size: 100px;
}

.ion-item-label-floating-icon {
  margin-top: 20px;
}

.img-logo-margin--20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@font-face {
  font-family: "icons";
  src: url("/ionic-user-app/src/assets/fonts/icomoon/icomoon.eot?fro52u");
  src: url('icomoon.afd4b8ac2eb2c13b.eot?fro52u#iefix') format("embedded-opentype"), url('icomoon.58d53a0d1a16956a.woff2?fro52u') format("woff2"), url('icomoon.144b581b246fe3e3.ttf?fro52u') format("truetype"), url('icomoon.8009a8708ef32e2e.woff?fro52u') format("woff"), url('icomoon.ac22d3d8efcf2ce0.svg?fro52u#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
}
.icon, .toast::after, .page-actions .print__print-anywhere .print__print-btn::before, .dropdown-menu--compact ul::before, .list th[data-sort=asc] a::after, .list th[data-sort=desc] a::after, .link-follow-me::after,
[class^=icon-]:before,
[class*=" icon-"]:before {
  display: inline-block;
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.9em;
}

.icon--sm {
  font-size: 0.8em;
}

.icon--lg,
.icon-lg {
  font-size: 1.3em;
}

.icon--xl {
  font-size: 1.8em;
}

.icon--center::before {
  vertical-align: middle;
}

.icon--spacing-right {
  margin-right: 0.3em;
}

.icon--spacing-left {
  margin-left: 0.3em;
}

.icon--notify {
  position: relative;
  padding: 0 1px;
}
.icon--notify::after {
  content: "";
  position: absolute;
  display: block;
  top: -2px;
  right: -2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.icon-crop:before {
  content: "\e99c";
}

.icon-clips:before {
  content: "\e99b";
}

.icon-house:before {
  content: "\e9b1";
}

.icon-doc_blank:before {
  content: "\e99a";
}

.icon-onedrive:before {
  content: "\e998";
}

.icon-sharepoint:before {
  content: "\e999";
}

.icon-capture-wf:before {
  content: "\e997";
}

.icon-capture:before {
  content: "\e996";
}

.icon-eye:before {
  content: "\e995";
}

.icon-printer-software:before {
  content: "\e994";
}

.icon-user-me:before {
  content: "\e991";
}

.icon-wip:before {
  content: "\e993";
}

.icon-alert:before {
  content: "\e992";
}

.icon-deploy:before {
  content: "\e990";
}

.icon-gateway-11:before {
  content: "\e98b";
}

.icon-gateway-9:before {
  content: "\e98d";
}

.icon-gateway-5:before {
  content: "\e98e";
}

.icon-steps-arrow-2:before {
  content: "\e98f";
}

.icon-steps-arrow:before {
  content: "\e98c";
}

.icon-universal:before {
  content: "\e98a";
}

.icon-process:before {
  content: "\e989";
}

.icon-ip-address:before {
  content: "\e988";
}

.icon-hourglas:before {
  content: "\e987";
}

.icon-lock-light:before {
  content: "\e986";
}

.icon-access-card-2:before {
  content: "\e985";
}

.icon-access-card:before {
  content: "\e984";
}

.icon-key-card2ai:before {
  content: "\e983";
}

.icon-home-print:before {
  content: "\e982";
}

.icon-key-card:before {
  content: "\e981";
}

.icon-flash-light:before {
  content: "\e980";
}

.icon-site-admin-2:before {
  content: "\e97f";
}

.icon-site-admin:before {
  content: "\e97e";
}

.icon-server:before {
  content: "\e97d";
}

.icon-install-auto:before {
  content: "\e976";
}

.icon-level-up:before {
  content: "\e977";
}

.icon-pin-plus:before {
  content: "\e978";
}

.icon-folder:before {
  content: "\e979";
}

.icon-folder-plus:before {
  content: "\e97a";
}

.icon-desktop:before {
  content: "\e97b";
}

.icon-delete-auto:before {
  content: "\e97c";
}

.icon-bug:before {
  content: "\e975";
}

.icon-db-extract:before {
  content: "\e974";
}

.icon-system:before {
  content: "\e96f";
}

.icon-db-exract:before {
  content: "\e971";
}

.icon-via-cloud:before {
  content: "\e972";
}

.icon-broken-cloud:before {
  content: "\e973";
}

.icon-proxy-tag:before {
  content: "\e96b";
}

.icon-qr-code-2:before {
  content: "\e96c";
}

.icon-beacon:before {
  content: "\e96d";
}

.icon-nfc-chip:before {
  content: "\e96e";
}

.icon-qr-code:before {
  content: "\e970";
}

.icon-qrcode:before {
  content: "\f029";
}

.icon-refresh:before {
  content: "\e915";
}

.icon-clock:before {
  content: "\e92f";
}

.icon-bluetooth:before {
  content: "\e969";
}

.icon-nfc:before {
  content: "\e96a";
  font-size: 117.5%;
}

.icon-info:before {
  content: "\e968";
  font-size: 105%;
}

.icon-mono:before {
  content: "\e937";
}

.icon-arrow-next:before {
  content: "\e933";
  font-size: 80%;
}

.icon-computer:before {
  content: "\e92c";
  font-size: 80%;
}

.icon-home:before {
  content: "\e907";
}

.icon-docs:before {
  content: "\e900";
}

.icon-ban1:before {
  content: "\e908";
}

.icon-freedom:before {
  content: "\e909";
  font-size: 115%;
}

.icon-wrench:before {
  content: "\e90a";
}

.icon-user:before {
  content: "\e90b";
  font-size: 100%;
}

.icon-upload:before {
  content: "\e90c";
}

.icon-support:before {
  content: "\e90d";
  font-size: 100%;
}

.icon-subscription:before {
  content: "\e90e";
}

.icon-sign-out:before {
  content: "\e90f";
}

.icon-sign-in:before {
  content: "\e910";
}

.icon-settings:before {
  content: "\e911";
}

.icon-secure-print-sm:before {
  content: "\e912";
}

.icon-secure-print:before {
  content: "\e913";
}

.icon-search:before {
  content: "\e914";
}

.icon-print-solid:before {
  content: "\e916";
}

.icon-print:before {
  content: "\e917";
}

.icon-pin:before {
  content: "\e918";
}

.icon-ok:before {
  content: "\e919";
}

.icon-network:before {
  content: "\e91a";
}

.icon-modify:before {
  content: "\e91b";
}

.icon-minus:before {
  content: "\e91c";
}

.icon-menu-toggle:before {
  content: "\e91d";
}

.icon-language:before {
  content: "\e91e";
}

.icon-key:before {
  content: "\e91f";
}

.icon-invoice:before {
  content: "\e920";
}

.icon-history:before {
  content: "\e921";
}

.icon-help:before {
  content: "\e922";
}

.icon-group:before {
  content: "\e923";
}

.icon-favorite:before {
  content: "\e924";
}

.icon-favorite-solid:before {
  content: "\e925";
}

.icon-eco-sm:before {
  content: "\e926";
}

.icon-eco:before {
  content: "\e927";
}

.icon-download:before {
  content: "\e928";
}

.icon-delete:before {
  content: "\e929";
}

.icon-customize:before {
  content: "\e92a";
}

.icon-credit-card:before {
  content: "\e92b";
}

.icon-close:before {
  content: "\e92d";
}

.icon-clock-solid:before {
  content: "\e92e";
}

.icon-bulb:before {
  content: "\e930";
}

.icon-check:before {
  content: "\e931";
}

.icon-article:before {
  content: "\e932";
}

.icon-add:before {
  content: "\e934";
}

.icon-flash:before {
  content: "\e936";
}

.icon-flash-solid:before {
  content: "\e935";
}

.icon-duplex:before {
  content: "\e938";
}

.icon-redirect:before {
  content: "\e939";
}

.icon-paper-tray-2:before {
  content: "\e93a";
}

.icon-loud-speaker:before {
  content: "\e93b";
}

.icon-loud-speaker-solid:before {
  content: "\e93c";
}

.icon-filter-useful:before {
  content: "\e93d";
}

.icon-convert:before {
  content: "\e93e";
}

.icon-activate:before {
  content: "\e93f";
}

.icon-connection:before {
  content: "\e940";
}

.icon-tenant:before {
  content: "\e941";
}

.icon-sigma:before {
  content: "\e942";
}

.icon-partner:before {
  content: "\e943";
}

.icon-mobile-plain:before {
  content: "\e944";
}

.icon-fixed-price:before {
  content: "\e945";
}

.icon-education:before {
  content: "\e946";
}

.icon-double-angle-left:before {
  content: "\e947";
}

.icon-double-angle-right:before {
  content: "\e948";
}

.icon-business:before {
  content: "\e949";
}

.icon-analytics:before {
  content: "\e94a";
}

.icon-add-user:before {
  content: "\e94b";
}

.icon-add-tenant:before {
  content: "\e94c";
}

.icon-add-partner:before {
  content: "\e94d";
}

.icon-update-queue:before {
  content: "\e94e";
}

.icon-update-computers:before {
  content: "\e94f";
}

.icon-synchronize:before {
  content: "\e950";
}

.icon-question-1:before {
  content: "\e951";
}

.icon-pending-tasks:before {
  content: "\e952";
}

.icon-legal-docs:before {
  content: "\e953";
}

.icon-distribute-queue:before {
  content: "\e954";
}

.icon-distribute-driver:before {
  content: "\e955";
}

.icon-correct-network:before {
  content: "\e956";
}

.icon-add-queue-to-computers:before {
  content: "\e957";
}

.icon-add-queue-to-computer:before {
  content: "\e958";
}

.icon-px-logo:before {
  content: "\e959";
}

.icon-logo-menu-mono:before {
  content: "\e959";
}

.icon-printix:before {
  content: "\e959";
}

.icon-gear:before {
  content: "\e95a";
}

.icon-dashboard:before {
  content: "\e95b";
}

.icon-azure:before {
  content: "\e95c";
}

.icon-automated:before {
  content: "\e95d";
}

.icon-cloud:before {
  content: "\e95e";
}

.icon-sort-up:before {
  content: "\e95f";
}

.icon-sort-down:before {
  content: "\e960";
}

.icon-printer:before {
  content: "\e961";
}

.icon-overflow:before {
  content: "\e962";
}

.icon-overflow-vert:before {
  content: "\e963";
}

.icon-lock:before {
  content: "\e964";
}

.icon-lock-open:before {
  content: "\e965";
}

.icon-drivers:before {
  content: "\e966";
}

.icon-win:before {
  content: "\e901";
}

.icon-diagnostics:before {
  content: "\e905";
}

.icon-diagnostics-sm:before {
  content: "\e967";
}

.icon-mac:before {
  content: "\e906";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-files-o:before {
  content: "\f0c5";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-warning:before {
  content: "\e902";
}

.icon-left-open:before {
  content: "\e903";
}

.icon-right-open:before {
  content: "\e904";
}

:root {
  --ion-switch-width: 55px;
  --ion-switch-height: 30px;
  --ion-switch-padding: 3px;
  --ion-switch-knob-size: var(--ion-switch-height) - (var(--ion-switch-padding) * 2);
  --ion-checkbox-size: 20px;
  --ion-switch-offset: -3px;
}

.cb-switch input[type=checkbox] {
  opacity: 0;
  z-index: 10;
  margin: 0;
  cursor: pointer;
}

.cb-switch__label:hover {
  cursor: pointer;
}

.cb-switch__label::after {
  content: var(--ion-icon-ok);
}

.cb-switch__icon {
  display: none;
}
.cb-switch__icon::before {
  content: var(--ion-icon-ok);
  font-family: "icons";
}
.cb-switch__icon::after {
  content: var(--ion-icon-close);
  font-family: "icons";
}

.cb-switch input[type=checkbox][disabled]:hover {
  cursor: var(--ion-cursor-disabled);
}

.cb-switch input[type=checkbox][disabled] + .cb-switch__label:hover {
  cursor: default;
}

@media screen and (max-width: var(--ion-screen-xs-max)) {
  .cb-switch {
    display: block;
    min-height: var(--ion-switch-height);
    margin: 0;
  }
  .cb-switch input[type=checkbox],
  .cb-switch .cb-switch__label::before,
  .cb-switch .cb-switch__icon {
    position: absolute;
    top: var(--ion-switch-offset);
    right: 0;
    width: var(--ion-switch-width);
    height: var(--ion-switch-height);
    border-radius: var(--ion-switch-height/2);
  }
  .cb-switch .cb-switch__label {
    display: block;
    position: relative;
    max-width: none;
    min-height: var(--ion-switch-height);
    padding: 0 --ion-switch-width15px 0 0;
    -webkit-user-select: none;
    user-select: none;
    transition: color 0.2s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
  }
  .cb-switch .cb-switch__label::before,
  .cb-switch .cb-switch__label::after {
    content: "";
    position: absolute;
  }
  .cb-switch .cb-switch__label::before {
    background: #fff;
    border: 1px solid var(--ion-color-3);
    will-change: transform;
    transition: all 0.5s;
  }
  .cb-switch .cb-switch__label::after {
    display: block;
    top: var(--ion-switch-paddingvar(--ion-switch-offset));
    right: 0;
    width: var(--ion-switch-knob-size);
    height: var(--ion-switch-knob-size);
    transform: translate(-var(--ion-switch-width)-var(--ion-switch-knob-size)var(--ion-switch-padding), 0);
    background: #fff;
    border-radius: 50%;
    transition: all 0.2s;
  }
  .cb-switch .cb-switch__icon {
    display: block;
  }
  .cb-switch .cb-switch__icon::before, .cb-switch .cb-switch__icon::after {
    position: absolute;
    top: 50%;
    margin: 0 !important;
    transition: transform 0.3s, opacity 0.3s;
    font-size: 0.6em;
  }
  .cb-switch .cb-switch__icon::before {
    opacity: 0;
    left: 15%;
    transform: translate(75%, -45%);
    color: #fff;
  }
  .cb-switch .cb-switch__icon::after {
    right: 15%;
    transform: translate(0, -45%);
    color: var(--ion-color-2);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label::before {
    background: var(--ion-brand-primary);
    border-color: var(--ion-brand-primary);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label::after {
    transform: translate(---ion-switch-padding, 0);
    box-shadow: 0 0 0 1px #fff, 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label .cb-switch__icon::before {
    opacity: 1;
    transform: translate(0, -45%);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label .cb-switch__icon::after {
    opacity: 0;
    transform: translate(-75%, -45%);
  }
  .cb-switch input[type=checkbox][disabled] + .cb-switch__label,
  .cb-switch input[type=checkbox][disabled] + .cb-switch__label::after {
    opacity: 0.7;
  }
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label::before {
    background-color: var(--ion-brand-primary);
    border-color: var(--ion-brand-primary);
  }
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label::after {
    transform: translate(---ion-switch-width/2---ion-switch-knob-size/2, 0);
  }
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label .cb-switch__icon::before,
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label .cb-switch__icon::after {
    display: none;
  }
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .cb-switch {
    margin: 0;
    min-height: var(--ion-checkbox-size);
  }
  .cb-switch + .cb-switch {
    margin-top: 0;
  }
  .cb-switch .cb-switch__label {
    position: relative;
    max-width: none;
    min-height: var(--ion-checkbox-size);
    padding-left: var(--ion-checkbox-size15);
    transition: color 0.2s;
    -webkit-user-select: none;
    user-select: none;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
  }
  .cb-switch input[type=checkbox],
  .cb-switch__label::before,
  .cb-switch__label::after {
    position: absolute;
    display: inline-block;
    width: var(--ion-checkbox-size);
    height: var(--ion-checkbox-size);
    left: 0;
    top: var(--ion-checkbox-offset);
    border-radius: 2px;
  }
  .cb-switch__label::before,
  .cb-switch__label::after {
    text-align: center;
    transition: all 0.2s;
  }
  .cb-switch__label::before {
    content: "";
    background: #fff;
    border: 1px solid var(--ion-input-border);
    will-change: transform;
  }
  .cb-switch__label::after {
    font-family: "icons";
    opacity: 0;
    line-height: var(--ion-checkbox-size);
    font-size: 0.75em;
    color: white;
    transform: translate(0, -25%);
    transition: -delay(0s);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label,
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label {
    color: var(--ion-text-color);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label::before,
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label::before {
    background: var(--ion-brand-primary);
    border-color: var(--ion-brand-primary);
    transition: -delay(0s);
  }
  .cb-switch input[type=checkbox]:checked + .cb-switch__label::after,
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label::after {
    opacity: 1;
    transform: translateY(0);
    transition: -delay(0.1s);
  }
  .cb-switch input[type=checkbox][disabled] + .cb-switch__label,
  .cb-switch input[type=checkbox][disabled] + .cb-switch__label::before {
    opacity: 0.7;
  }
  .cb-switch input[type=checkbox]:indeterminate + .cb-switch__label::after {
    content: "O";
  }
}
@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .form--fixed {
    padding-bottom: 7em;
  }
}

.form-col {
  width: auto;
}

.form-control {
  box-shadow: none;
}
.form-control[readonly] {
  border: none;
}

.form-control:not([readonly]):not(.disabled):focus {
  color: #cccccc;
}

.form-header {
  margin: 0 0 1em;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-header {
    color: #a6a6a6;
    line-height: 1.5;
  }
}

.control-label {
  font-size: 0.95em;
  font-weight: 600;
  margin-bottom: 2px;
}

.control-label--block {
  display: block;
}

.input-group--inline {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.input-group--inline .input--inline {
  --ion-fg-boxflex: $fg;
  -moz-flex: 1;
  flex: 1;
}
.input-group--inline .input-text--inline {
  font-size: 1.1em;
  padding-left: 10px;
}

.form-group--optional > .control-label:after {
  content: attr(data-optional);
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--ion-gray-light);
  background: var(--ion-gray-lightest);
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 600;
}

.form-section {
  position: relative;
  margin-top: 0;
  padding: 20px 0;
}
.form-section + .form-section {
  border-top: 1px solid var(--ion-separator-color);
}

@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-section--inline > .row {
    margin-left: 20%;
  }
  .form-section--inline .form-header {
    position: absolute;
    top: 50%;
    max-width: 18%;
    margin: 0;
    transform: translateY(-50%);
  }
}
.form-section--inline > .row:last-child .form-group:last-child {
  margin-bottom: 0;
}

.form-section--separate {
  border-bottom: 1px solid var(--ion-separator-color);
}
.form-section--separate + .form-section {
  border: 0;
}

.form-group--compact {
  margin-bottom: 5px;
}

.help-block {
  font-size: 0.9em;
}

.input--inline {
  display: inline-block;
  width: auto;
}

.control-label-hard {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999;
  background: #f4f4f4;
  padding: 1px 15px;
  border-radius: 2px;
  font-weight: 600;
  position: relative;
  width: max-content;
  margin: 4px 0 2px 0;
}

.radio, .rb,
.checkbox,
.cb,
.cb-switch {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, .disabled.rb label, fieldset[disabled] .radio label, fieldset[disabled] .rb label,
.checkbox.disabled label,
.disabled.cb label,
.disabled.cb-switch label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .cb label,
fieldset[disabled] .cb-switch label {
  cursor: var(--ion-cursor-disabled);
}
.radio label, .rb label,
.checkbox label,
.cb label,
.cb-switch label {
  min-height: var(--ion-line-height-computed);
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio], .rb input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.cb input[type=checkbox],
.cb-switch input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio, .rb + .radio, .radio + .rb, .rb + .rb,
.checkbox + .checkbox,
.cb + .checkbox,
.checkbox + .cb,
.cb + .cb,
.cb-switch + .checkbox,
.cb-switch + .cb,
.checkbox + .cb-switch,
.cb + .cb-switch,
.cb-switch + .cb-switch {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: var(--ion-cursor-disabled);
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

:root {
  --ion-checkbox-size: 20px;
  --ion-checkbox-offset: 3px;
}

.cb input[type=checkbox] {
  opacity: 0;
  z-index: 10;
  margin: 0;
  cursor: pointer;
}

.cb__label:hover {
  cursor: pointer;
}

.cb {
  margin: 0;
  height: var(--ion-checkbox-size);
  min-width: var(--ion-checkbox-size);
}

.cb + .cb {
  margin-top: 0;
}

.cb .cb__label {
  position: relative;
  max-width: none;
  min-height: var(--ion-checkbox-size);
  padding-left: var(--ion-checkbox-size15);
  transition: color 0.2s;
  -webkit-user-select: none;
  user-select: none;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.cb .cb__label--hidden {
  padding-left: 0;
}

.cb input[type=checkbox],
.cb__label::before,
.cb__label::after {
  position: absolute;
  display: inline-block;
  width: var(--ion-checkbox-size);
  height: var(--ion-checkbox-size);
  left: 0;
  top: var(--ion-checkbox-offset);
  border-radius: 2px;
}

.cb__label::before,
.cb__label::after {
  content: "";
  text-align: center;
  transition: all 0.2s;
}

.cb__label::before {
  background: #fff;
  border: 1px solid var(--ion-input-border);
  will-change: transform;
}

.cb__label::after {
  content: var(--ion-icon-ok);
  font-family: "icons";
  opacity: 0;
  line-height: var(--ion-checkbox-size);
  font-size: 0.75em;
  color: white;
  transform: translate(0, -25%);
  transition: -delay(0s);
}

.cb input[type=checkbox]:checked + .cb__label,
.cb input[type=checkbox]:indeterminate + .cb__label {
  color: var(--ion-text-color);
}
.cb input[type=checkbox]:checked + .cb__label::before,
.cb input[type=checkbox]:indeterminate + .cb__label::before {
  background: var(--ion-brand-primary);
  border-color: #fff;
  transition: -delay(0s);
}
.cb input[type=checkbox]:checked + .cb__label::after,
.cb input[type=checkbox]:indeterminate + .cb__label::after {
  opacity: 1;
  transform: translateY(0);
  transition: -delay(0.1s);
}

.cb--alt .cb__label::after {
  color: var(--ion-brand-primary);
}

.cb--alt input[type=checkbox]:checked + .cb__label::before,
.cb--alt input[type=checkbox]:indeterminate + .cb__label::before {
  background: #fff;
  border-color: #fff;
}

.cb input[type=checkbox][disabled] + .cb__label,
.cb input[type=checkbox][disabled] + .cb__label::before {
  opacity: 0.7;
}

.cb input[type=checkbox]:indeterminate + .cb__label::after {
  content: "O";
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .form--fixed {
    padding-bottom: 7em;
  }
}

.form-col {
  width: auto;
}

.form-control {
  box-shadow: none;
}
.form-control[readonly] {
  border: none;
}

.form-control:not([readonly]):not(.disabled):focus {
  color: #cccccc;
}

.form-header {
  margin: 0 0 1em;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-header {
    color: #a6a6a6;
    line-height: 1.5;
  }
}

.control-label {
  font-size: 0.95em;
  font-weight: 600;
  margin-bottom: 2px;
}

.control-label--block {
  display: block;
}

.input-group--inline {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.input-group--inline .input--inline {
  --ion-fg-boxflex: $fg;
  -moz-flex: 1;
  flex: 1;
}
.input-group--inline .input-text--inline {
  font-size: 1.1em;
  padding-left: 10px;
}

.form-group--optional > .control-label:after {
  content: attr(data-optional);
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--ion-gray-light);
  background: var(--ion-gray-lightest);
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 600;
}

.form-section {
  position: relative;
  margin-top: 0;
  padding: 20px 0;
}
.form-section + .form-section {
  border-top: 1px solid var(--ion-separator-color);
}

@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-section--inline > .row {
    margin-left: 20%;
  }
  .form-section--inline .form-header {
    position: absolute;
    top: 50%;
    max-width: 18%;
    margin: 0;
    transform: translateY(-50%);
  }
}
.form-section--inline > .row:last-child .form-group:last-child {
  margin-bottom: 0;
}

.form-section--separate {
  border-bottom: 1px solid var(--ion-separator-color);
}
.form-section--separate + .form-section {
  border: 0;
}

.form-group--compact {
  margin-bottom: 5px;
}

.help-block {
  font-size: 0.9em;
}

.input--inline {
  display: inline-block;
  width: auto;
}

.control-label-hard {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999;
  background: #f4f4f4;
  padding: 1px 15px;
  border-radius: 2px;
  font-weight: 600;
  position: relative;
  width: max-content;
  margin: 4px 0 2px 0;
}

.radio, .rb,
.checkbox,
.cb-switch,
.cb {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, .disabled.rb label, fieldset[disabled] .radio label, fieldset[disabled] .rb label,
.checkbox.disabled label,
.disabled.cb-switch label,
.disabled.cb label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .cb-switch label,
fieldset[disabled] .cb label {
  cursor: var(--ion-cursor-disabled);
}
.radio label, .rb label,
.checkbox label,
.cb-switch label,
.cb label {
  min-height: var(--ion-line-height-computed);
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio], .rb input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.cb-switch input[type=checkbox],
.cb input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio, .rb + .radio, .radio + .rb, .rb + .rb,
.checkbox + .checkbox,
.cb-switch + .checkbox,
.cb + .checkbox,
.checkbox + .cb-switch,
.cb-switch + .cb-switch,
.cb + .cb-switch,
.checkbox + .cb,
.cb-switch + .cb,
.cb + .cb {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: var(--ion-cursor-disabled);
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

:root {
  --ion-checkbox-size: 20px;
  --ion-checkbox-offset: 3px;
}

.cb input[type=checkbox] {
  opacity: 0;
  z-index: 10;
  margin: 0;
  cursor: pointer;
}

.cb__label:hover {
  cursor: pointer;
}

.cb {
  margin: 0;
  height: var(--ion-checkbox-size);
  min-width: var(--ion-checkbox-size);
}

.cb + .cb {
  margin-top: 0;
}

.cb .cb__label {
  position: relative;
  max-width: none;
  min-height: var(--ion-checkbox-size);
  padding-left: var(--ion-checkbox-size15);
  transition: color 0.2s;
  -webkit-user-select: none;
  user-select: none;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.cb .cb__label--hidden {
  padding-left: 0;
}

.cb input[type=checkbox],
.cb__label::before,
.cb__label::after {
  position: absolute;
  display: inline-block;
  width: var(--ion-checkbox-size);
  height: var(--ion-checkbox-size);
  left: 0;
  top: var(--ion-checkbox-offset);
  border-radius: 2px;
}

.cb__label::before,
.cb__label::after {
  content: "";
  text-align: center;
  transition: all 0.2s;
}

.cb__label::before {
  background: #fff;
  border: 1px solid var(--ion-input-border);
  will-change: transform;
}

.cb__label::after {
  content: var(--ion-icon-ok);
  font-family: "icons";
  opacity: 0;
  line-height: var(--ion-checkbox-size);
  font-size: 0.75em;
  color: white;
  transform: translate(0, -25%);
  transition: -delay(0s);
}

.cb input[type=checkbox]:checked + .cb__label,
.cb input[type=checkbox]:indeterminate + .cb__label {
  color: var(--ion-text-color);
}
.cb input[type=checkbox]:checked + .cb__label::before,
.cb input[type=checkbox]:indeterminate + .cb__label::before {
  background: var(--ion-brand-primary);
  border-color: #fff;
  transition: -delay(0s);
}
.cb input[type=checkbox]:checked + .cb__label::after,
.cb input[type=checkbox]:indeterminate + .cb__label::after {
  opacity: 1;
  transform: translateY(0);
  transition: -delay(0.1s);
}

.cb--alt .cb__label::after {
  color: var(--ion-brand-primary);
}

.cb--alt input[type=checkbox]:checked + .cb__label::before,
.cb--alt input[type=checkbox]:indeterminate + .cb__label::before {
  background: #fff;
  border-color: #fff;
}

.cb input[type=checkbox][disabled] + .cb__label,
.cb input[type=checkbox][disabled] + .cb__label::before {
  opacity: 0.7;
}

.cb input[type=checkbox]:indeterminate + .cb__label::after {
  content: "O";
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .form--fixed {
    padding-bottom: 7em;
  }
}

.form-col {
  width: auto;
}

.form-control {
  box-shadow: none;
}
.form-control[readonly] {
  border: none;
}

.form-control:not([readonly]):not(.disabled):focus {
  color: #cccccc;
}

.form-header {
  margin: 0 0 1em;
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-header {
    color: #a6a6a6;
    line-height: 1.5;
  }
}

.control-label {
  font-size: 0.95em;
  font-weight: 600;
  margin-bottom: 2px;
}

.control-label--block {
  display: block;
}

.input-group--inline {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.input-group--inline .input--inline {
  --ion-fg-boxflex: $fg;
  -moz-flex: 1;
  flex: 1;
}
.input-group--inline .input-text--inline {
  font-size: 1.1em;
  padding-left: 10px;
}

.form-group--optional > .control-label:after {
  content: attr(data-optional);
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: var(--ion-gray-light);
  background: var(--ion-gray-lightest);
  padding: 0 5px;
  border-radius: 3px;
  font-weight: 600;
}

.form-section {
  position: relative;
  margin-top: 0;
  padding: 20px 0;
}
.form-section + .form-section {
  border-top: 1px solid var(--ion-separator-color);
}

@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .form-section--inline > .row {
    margin-left: 20%;
  }
  .form-section--inline .form-header {
    position: absolute;
    top: 50%;
    max-width: 18%;
    margin: 0;
    transform: translateY(-50%);
  }
}
.form-section--inline > .row:last-child .form-group:last-child {
  margin-bottom: 0;
}

.form-section--separate {
  border-bottom: 1px solid var(--ion-separator-color);
}
.form-section--separate + .form-section {
  border: 0;
}

.form-group--compact {
  margin-bottom: 5px;
}

.help-block {
  font-size: 0.9em;
}

.input--inline {
  display: inline-block;
  width: auto;
}

.control-label-hard {
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999;
  background: #f4f4f4;
  padding: 1px 15px;
  border-radius: 2px;
  font-weight: 600;
  position: relative;
  width: max-content;
  margin: 4px 0 2px 0;
}

.radio, .rb,
.checkbox,
.cb-switch,
.cb {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, .disabled.rb label, fieldset[disabled] .radio label, fieldset[disabled] .rb label,
.checkbox.disabled label,
.disabled.cb-switch label,
.disabled.cb label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .cb-switch label,
fieldset[disabled] .cb label {
  cursor: var(--ion-cursor-disabled);
}
.radio label, .rb label,
.checkbox label,
.cb-switch label,
.cb label {
  min-height: var(--ion-line-height-computed);
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio], .rb input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.cb-switch input[type=checkbox],
.cb input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio, .rb + .radio, .radio + .rb, .rb + .rb,
.checkbox + .checkbox,
.cb-switch + .checkbox,
.cb + .checkbox,
.checkbox + .cb-switch,
.cb-switch + .cb-switch,
.cb + .cb-switch,
.checkbox + .cb,
.cb-switch + .cb,
.cb + .cb {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: var(--ion-cursor-disabled);
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

th {
  text-align: left;
}

.list th {
  font-weight: 600;
}
.list th a {
  color: var(--ion-text-color);
  font-size: 0.95em;
  text-decoration: none;
}
.list th a:hover {
  cursor: pointer;
}
.list th span {
  color: var(--ion-text-color);
  font-size: 0.95em;
}
.list th[data-sort] {
  white-space: nowrap;
}
.list th[data-sort=asc] a::after, .list th[data-sort=desc] a::after {
  font-size: 0.8em;
  vertical-align: middle;
  margin-left: 5px;
  text-decoration: none !important;
}
.list th,
.list td {
  padding: 15px 8px;
  border-top: 1px solid var(--ion-separator-color);
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .list th,
  .list td {
    padding: 8px 6px;
  }
}

.list .list__cb,
.list .list__rb {
  width: 50px;
}
.list .list__cb .cb,
.list .list__cb .rb,
.list .list__rb .cb,
.list .list__rb .rb {
  margin-left: 5px;
  margin-right: 4px;
}

.list__printer-id {
  width: 50px;
  text-align: center;
}

.list__sorting {
  text-align: right;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .list__sorting {
    display: none;
  }
}

.list__sorting-label {
  color: var(--ion-link-color);
  font-weight: 600;
}

.list__item {
  transition: background 0.25s;
}

.list__item:last-child td {
  border-bottom: 1px solid var(--ion-separator-color);
}

.list__item--active td {
  background-color: var(--ion-brand-blue);
  color: #fff;
}
.list__item--active td .popover {
  color: var(--ion-text-color);
}

.list__item--active .dropdown-toggle {
  color: #fff;
}

.list__item--active td,
.list__item--active + .list__item td,
.list__item--active:last-child td {
  border-top-color: var(--ion-separator-active-color);
}

.list__item--active .printer-id {
  border-color: var(--ion-brand-primary);
}

.list__item--clickable:hover {
  cursor: pointer;
}

.list--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.list--disabled .list__item:hover {
  cursor: default !important;
}

.list__item--disabled {
  background: var(--ion-list-item-disabled-bg);
  color: var(--ion-text-dimmed);
}

.list__item__options {
  position: relative;
}

.list__item__favorite {
  position: absolute;
  top: -1px;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.list__item__favorite::after, .list__item__favorite::before {
  content: "";
  position: absolute;
}
.list__item__favorite::before {
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 24px solid var(--ion-gray-dark);
  border-left: 24px solid transparent;
}
.list__item__favorite::after {
  top: 1px;
  right: 3px;
  content: var(--ion-icon-favorite-solid);
  font-family: "icons";
  font-size: 8px;
  color: #fff;
}

.list__item--favorite .list__item__favorite {
  opacity: 1;
}

.align-top {
  vertical-align: top;
}

.list__item-icon {
  width: 30px;
  font-size: 1.3em;
}

.list__item-actions {
  margin: 0;
  text-align: right;
}
.list__item-actions > li {
  display: inline-block;
}
.list__item-actions > li + li {
  margin-left: 20px;
}
.list__item-actions > li > a {
  text-decoration: none;
}
.list__item-actions > li > a:hover {
  cursor: pointer;
}
.list__item-actions i:before {
  vertical-align: middle;
}

.list__item-overflow > .dropdown-toggle {
  font-size: 1.3em;
  color: var(--ion-text-color);
}

.list__item-overflow .dropdown-menu {
  top: 0;
}

.list__item-title {
  display: inline-block;
  line-height: 1.3em;
  font-weight: 500;
}

a.list__item-title {
  color: var(--ion-text-color);
  transition: color 0.2s;
}
a.list__item-title:hover {
  color: var(--ion-link-color);
  cursor: pointer;
}
.list__item--active a.list__item-title {
  color: #fff;
}

.list__item-description {
  font-size: 0.85em;
  color: var(--ion-text-dimmed);
}
.list__item--active .list__item-description {
  opacity: 0.8;
  color: #fff;
}

.list + .list--spaced {
  margin-top: 1.5em;
}

.list--compact th,
.list--compact td {
  padding: 6px;
}

.list--boxed {
  margin-left: 0;
  margin-right: 0;
}
.list--boxed table {
  border-collapse: separate;
  background: #fff;
  border-radius: var(--ion-border-radius-base);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.1);
}
.list--boxed tr:first-child td {
  border-top: 0;
}
.list--boxed tr:last-child td {
  border-bottom: 0;
}
.list--boxed tr:first-child td:first-child {
  border-top-left-radius: var(--ion-border-radius-base);
}
.list--boxed tr:first-child td:last-child {
  border-top-right-radius: var(--ion-border-radius-base);
}
.list--boxed tr:last-child td:first-child {
  border-bottom-left-radius: var(--ion-border-radius-base);
}
.list--boxed tr:last-child td:last-child {
  border-bottom-right-radius: var(--ion-border-radius-base);
}
.list--boxed .list__item--active td {
  background: var(--ion-document-list-active-bg);
  color: #fff;
}

.list--hover .list__item {
  transition: none;
}
.list--hover .list__item:not(.list__item--disabled):hover {
  background-color: var(--ion-list-item-hover-bg);
  cursor: pointer;
}
.list--hover .list__item:not(.list__item--disabled):hover td,
.list--hover .list__item:not(.list__item--disabled):hover + tr td {
  border-top-color: var(--ion-separator-hover-color);
}
.list--hover .list__item:not(.list__item--disabled):last-child:hover td {
  border-color: var(--ion-separator-hover-color);
}

.loader {
  position: relative;
  margin: 3em auto;
  height: 1em;
  width: 4em;
  text-align: center;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .loader {
    width: 5em;
  }
}

.loader--compact {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.loader--spaceless {
  margin-bottom: 0;
  margin-top: 9px;
}

.loader > span,
.loader::before,
.loader::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  transform: translateZ(0);
  animation: loader-bounce 1.5s infinite ease-in-out both;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .loader > span,
  .loader::before,
  .loader::after {
    width: 18px;
    height: 18px;
  }
}

.loader::before,
.loader::after {
  content: "";
  position: absolute;
  top: 0;
}

.loader::before {
  left: 0;
  animation-delay: -0.32s;
}

.loader > span {
  vertical-align: top;
  animation-delay: -0.16s;
}

.loader::after {
  right: 0;
}
@keyframes loader-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes loader-bounce2 {
  0%, 80%, 100% {
    transform: translate(0, 0);
  }
  40% {
    transform: translate(0, -200%);
  }
}
.loader--sm {
  width: 3em;
  display: inline-block;
  vertical-align: text-bottom;
}

.loader--sm > span,
.loader--sm::before,
.loader--sm::after {
  width: 8px;
  height: 8px;
}

/*
<div class="loader--spinner">
    <svg class="loader__spinner" viewBox="25 25 50 50">
        <circle class="loader__path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/>
    </svg>
</div>
*/
.loader--spinner, .global-loader__spinner {
  position: relative;
  margin: 3em auto;
  width: 40px;
}
.loader--spinner:before, .global-loader__spinner:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.loader--xs, .global-loader__spinner {
  width: 14px;
}

.loader__spinner {
  animation: rotate 2s linear infinite;
  height: 50px;
  transform-origin: center center;
  width: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loader__path {
  stroke-dasharray: 2, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: var(--ion-brand-primary);
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.global-loader {
  position: absolute;
  top: 12px;
  right: var(--ion-grid-gutter-width/2);
  overflow: hidden;
  white-space: nowrap;
}
.global-loader .loader--spinner, .global-loader .global-loader__spinner {
  display: inline-block;
  margin: 0;
}

.global-loader__label {
  display: inline-block;
  margin-left: 5px;
  font-size: 0.9em;
  white-space: nowrap;
  vertical-align: 10%;
  color: var(--ion-brand-primary);
  transition: opacity 0.2s, transform 0.4s;
}

.global-loader__spinner {
  transition: opacity 0.2s 0.4s, transform 0.4s 0.4s;
}

.global-loader--inactive .global-loader__label {
  opacity: 0;
  transform: translate(100%, 0);
  transition: opacity 0.2s 0.2s, transform 0s 0.6s;
}
.global-loader--inactive .global-loader__spinner {
  opacity: 0;
  transform: scale(0.2);
  transition: opacity 0.2s 0s, transform 0s 0.6s;
}

.quick-nav {
  float: right;
}
@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .quick-nav {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
.quick-nav > li > a {
  font-size: 1.4em;
  color: var(--ion-text-color);
  transition: color 0.25s;
}
.quick-nav > li > a:hover {
  cursor: pointer;
  color: var(--ion-link-color);
}
.quick-nav .active a {
  color: var(--ion-link-color !important);
}

.navbar {
  margin-bottom: 0;
  border: 0;
}
@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .navbar {
    margin-top: 0;
    background: #fff;
  }
}
.navbar .container, .navbar .print__container {
  position: relative;
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .navbar .container, .navbar .print__container {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
.navbar a {
  -webkit-user-select: none;
  user-select: none;
}
.navbar a:hover {
  cursor: pointer;
}
.navbar .navbar-brand {
  display: block;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  background: url(//assets.printix.net/img/logo/logo-tungsten.svg) 0 0 no-repeat;
  background-size: 88px 30px;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar .navbar-brand {
    height: 39px;
    width: 115px;
    margin-top: 5px;
    background-size: auto 39px;
  }
}
.navbar .container .navbar-brand, .navbar .print__container .navbar-brand {
  margin-left: 0;
}
.navbar .navbar-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 60%;
  margin: 0;
  text-align: center;
  line-height: 1.4;
}
.navbar .navbar-text__title,
.navbar .navbar-text__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar .navbar-text__title {
  font-size: 1.1em;
  font-weight: 500;
}
.navbar .navbar-text__subtitle {
  font-size: 0.9em;
  opacity: 0.8;
}

.navbar-toggle .icon-bar {
  background-color: var(--ion-gray-dark);
}

.navbar .main-menu {
  right: 10px;
}

.navbar .language-menu {
  right: -1px;
  top: -3px;
}

.language-menu-parent {
  position: static !important;
}

.navbar .open .dropdown-menu {
  position: absolute;
  float: left;
  min-width: 200px;
  background-color: var(--ion-body-bg);
  border: 1px solid var(--ion-dropdown-border);
  border-radius: var(--ion-border-radius-base);
  z-index: 12000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.navbar .open .dropdown-menu::before, .navbar .open .dropdown-menu::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-style: none solid solid solid;
}
.navbar .open .dropdown-menu::before {
  top: -7px;
  right: 8px;
  border-width: 0 7px 7px 7px;
  border-bottom-color: var(--ion-dropdown-border);
}
.navbar .open .dropdown-menu::after {
  top: -6px;
  right: 7px;
  border-width: 0 8px 8px 8px;
  border-bottom-color: var(--ion-dropdown-bg);
}
.navbar .open .dropdown-menu > ul a {
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: normal;
  line-height: var(--ion-line-height-base);
  color: var(--ion-dropdown-link-color);
  white-space: nowrap;
}
.navbar .open .dropdown-menu > ul a:hover, .navbar .open .dropdown-menu > ul a:focus {
  text-decoration: none;
  color: var(--ion-dropdown-link-hover-color);
  background-color: var(--ion-dropdown-link-hover-bg);
}

.dropdown-menu--compact ul {
  overflow-y: scroll;
  max-height: calc(85vh - --ion-header-height-sm);
  padding-bottom: 20px;
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .dropdown-menu--compact ul {
    max-height: calc(95vh - --ion-header-height-lg);
  }
}
.dropdown-menu--compact ul::before {
  content: "\f107";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1em;
  text-align: center;
  background: white;
  border-bottom-right-radius: --ion-border-radius-base;
  border-bottom-left-radius: --ion-border-radius-base;
}

@media only screen and (min-width: 768px) {
  .greetings {
    font-size: 80%;
    font-style: italic;
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 55px;
  }
  .hide-greeting {
    margin-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .greetings {
    font-size: 80%;
    font-style: italic;
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: 55px;
  }
  .hide-greeting {
    display: none;
  }
}
.navbar-brand-logo {
  display: block;
  width: 4.2rem;
  height: 4.6rem;
  background: url('ta-new-header-logo.47e9126d2955f871.svg') 0 0 no-repeat;
  margin: 0;
}
.navbar-brand-logo.isIos {
  margin: 0 0.5rem 0.5rem;
}
@media screen and (min-width: 768px) {
  .navbar-brand-logo {
    height: 4.4rem;
    width: 15rem;
    background: url('new-logo-tungsten.0b88153a939494a7.svg') 0 0 no-repeat;
    margin: 0;
  }
}
.navbar-brand-logo.isIos, .navbar-brand-logo.isAndroid {
  background: url('ta-header-logo.83e91f5c6326e7c7.svg') 0 0 no-repeat;
}
@media screen and (min-width: 768px) {
  .navbar-brand-logo.isIos, .navbar-brand-logo.isAndroid {
    background: url('logo-tungsten.0d52cd533605630c.svg') 0 0 no-repeat;
  }
}

.title-text {
  display: none;
}
@media screen and (min-width: 768px) {
  .title-text.isIos, .title-text.isAndroid {
    display: block;
    font-size: 2.2rem;
    font-weight: 500;
    max-width: 200px;
    margin-left: 2.5rem;
  }
}

.icon-menu-toggle {
  font-size: 3rem;
  margin-top: 0.4rem;
}
.icon-menu-toggle.ios {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/** Ionic CSS Variables **/
:root {
  --ion-color-white1: #FFFFFF;
  --ion-color-gray1: #f7f7f7;
  --ion-color-gray2: #4D4D4D;
  --ion-color-blue1: #459EEC;
  --ion-color-blue2: #1478BE;
  --ion-color-red1: #f53d3d;
  --ion-color-red2: red;
  --ion-color-yellow1: #FFCC00;
  --ion-color-green1: #2FD189;
  --ion-color-green2: #69BB7B;
  --ion-invalid-color: var(--ion-color-red1);
  --ion-text-color: var(--ion-color-gray2);
  --ion-text-color-light1: lighten(var(--ion-text-color), 35%);
  --ion-toolbar-background: var(--ion-color-blue1);
  --ion-background-color: var(--ion-color-white1);
  --ion-background-color-dark5: darken(var(--ion-background-color), 5);
  --ion-element-active: darken(var(--ion-background-color), 10%);
  --ion-list-ios-activated-background-color: var(--ion-element-active);
  --ion-list-md-activated-background-color: var(--ion-element-active);
  --ion-toolbar-ios-height: 40px;
  --ion-toolbar-md-height: var(--ion-toolbar-ios-height);
  --ion-cordova-ios-statusbar-padding: 0;
  --ion-cordova-md-statusbar-padding: 0;
  --ion-button-md-height: 5rem;
  --ion-ion-item-padding-top: 16px;
  --ion-ion-segment-in-ion-item-with-input-space: 6px;
  --ion-item-md-divider-background: var(--ion-background-color-dark5);
  --ion-item-ios-divider-background: var(--ion-background-color-dark5);
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** 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: #f4f5f8;
  --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-header-height-sm: 51px;
  --ion-header-height-lg: 81px;
  --ion-brand-blue: var(--ion-brand-primary);
  --ion-brand-light-blue: #f6f9fc;
  --ion-brand-light-blue-accent: #F5F6F7;
  --ion-brand-green-light: #2FD189;
  --ion-brand-green: #2FD189;
  --ion-brand-green-dark: #289D6B;
  --ion-brand-red: #E94D4C;
  --ion-brand-orange: #F49500;
  --ion-color-1: var(--ion-brand-blue);
  --ion-color-2: #979797;
  --ion-color-3: #DCDCDC;
  --ion-color-4: #45C0EC;
  --ion-ColorWhite: #FFFFFF;
  --ion-ColorBlack: #000000;
  --ion-ColorRed1: #C00000;
  --ion-ColorGray0: #F2F2F2;
  --ion-ColorGray1: #CCCCCC;
  --ion-ColorGray2: #AFAFAF;
  --ion-ColorGray3: #999999;
  --ion-ColorGray4: #737373;
  --ion-ColorGray5: #666666;
  --ion-ColorGray5RGB: rgb(102, 102, 102);
  --ion-ColorOrange0: #F29400;
  --ion-ColorOrange1: #EF9321;
  --ion-ColorOrange2: #DD8005;
  --ion-ColorOrange3: #F5A933;
  --ion-ColorBlue0: #76C5DB;
  --ion-ColorBlue1: #259FC2;
  --ion-ColorBlue2: #0582AD;
  --ion-ColorGreen0: #7EBC96;
  --ion-ColorGreen1: #5EAC7C;
  --ion-ColorCyanCMYK: #009EE0;
  --ion-ColorMagentaCMYK: #E2007A;
  --ion-ColorYellowCMYK: #FFED00;
  --ion-colorBlackCMYK: #000000;
  --ion-icon-ok: "";
  --ion-icon-close: "";
  --ion-icon-asc: "";
  --ion-icon-desc: "";
  --ion-icon-favorite-solid: "";
  --ion-icon-angle-up: "";
  --ion-icon-print: "";
  --ion-icon-info: "";
  --ion-icon-attention: "";
  --ion-text-dimmed: #9E9EA6;
  --ion-gray-lightest: #f4f4f4;
  --ion-list-item-hover-bg: #EBF7FB;
  --ion-list-item-active-bg: var(--ion-brand-blue);
  --ion-list-item-disabled-bg: var(--ion-gray-lightest);
  --ion-document-list-active-bg: #45abec;
  --ion-separator-color: #E2E2E2;
  --ion-separator-hover-color: darken(var(--ion-list-item-hover-bg), 5%);
  --ion-separator-active-color: darken(var(--ion-brand-blue), 5%);
  --ion-input-border-focus-rgba: rgba(red(var(--ion-input-border-focus)), green(var(--ion-input-border-focus)), blue(var(--ion-input-border-focus)), 0.6);
}

/*
 * Dark Colors
 * -------------------------------------------
 */
/*
 * iOS Dark Theme
 * -------------------------------------------
 */
/*
 * Material Design Dark Theme
 * -------------------------------------------
 */
/* Importing Bootstrap SCSS file. */
/** Ionic CSS Variables **/
:root {
  --ion-color-white1: #FFFFFF;
  --ion-color-gray1: #f7f7f7;
  --ion-color-gray2: #4D4D4D;
  --ion-color-blue1: #459EEC;
  --ion-color-blue2: #1478BE;
  --ion-color-red1: #f53d3d;
  --ion-color-red2: red;
  --ion-color-yellow1: #FFCC00;
  --ion-color-green1: #2FD189;
  --ion-color-green2: #69BB7B;
  --ion-invalid-color: var(--ion-color-red1);
  --ion-text-color: var(--ion-color-gray2);
  --ion-text-color-light1: lighten(var(--ion-text-color), 35%);
  --ion-toolbar-background: var(--ion-color-blue1);
  --ion-background-color: var(--ion-color-white1);
  --ion-background-color-dark5: darken(var(--ion-background-color), 5);
  --ion-element-active: darken(var(--ion-background-color), 10%);
  --ion-list-ios-activated-background-color: var(--ion-element-active);
  --ion-list-md-activated-background-color: var(--ion-element-active);
  --ion-toolbar-ios-height: 40px;
  --ion-toolbar-md-height: var(--ion-toolbar-ios-height);
  --ion-cordova-ios-statusbar-padding: 0;
  --ion-cordova-md-statusbar-padding: 0;
  --ion-button-md-height: 5rem;
  --ion-ion-item-padding-top: 16px;
  --ion-ion-segment-in-ion-item-with-input-space: 6px;
  --ion-item-md-divider-background: var(--ion-background-color-dark5);
  --ion-item-ios-divider-background: var(--ion-background-color-dark5);
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** 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: #f4f5f8;
  --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-header-height-sm: 51px;
  --ion-header-height-lg: 81px;
  --ion-brand-blue: var(--ion-brand-primary);
  --ion-brand-light-blue: #f6f9fc;
  --ion-brand-light-blue-accent: #F5F6F7;
  --ion-brand-green-light: #2FD189;
  --ion-brand-green: #2FD189;
  --ion-brand-green-dark: #289D6B;
  --ion-brand-red: #E94D4C;
  --ion-brand-orange: #F49500;
  --ion-color-1: var(--ion-brand-blue);
  --ion-color-2: #979797;
  --ion-color-3: #DCDCDC;
  --ion-color-4: #45C0EC;
  --ion-ColorWhite: #FFFFFF;
  --ion-ColorBlack: #000000;
  --ion-ColorRed1: #C00000;
  --ion-ColorGray0: #F2F2F2;
  --ion-ColorGray1: #CCCCCC;
  --ion-ColorGray2: #AFAFAF;
  --ion-ColorGray3: #999999;
  --ion-ColorGray4: #737373;
  --ion-ColorGray5: #666666;
  --ion-ColorGray5RGB: rgb(102, 102, 102);
  --ion-ColorOrange0: #F29400;
  --ion-ColorOrange1: #EF9321;
  --ion-ColorOrange2: #DD8005;
  --ion-ColorOrange3: #F5A933;
  --ion-ColorBlue0: #76C5DB;
  --ion-ColorBlue1: #259FC2;
  --ion-ColorBlue2: #0582AD;
  --ion-ColorGreen0: #7EBC96;
  --ion-ColorGreen1: #5EAC7C;
  --ion-ColorCyanCMYK: #009EE0;
  --ion-ColorMagentaCMYK: #E2007A;
  --ion-ColorYellowCMYK: #FFED00;
  --ion-colorBlackCMYK: #000000;
  --ion-icon-ok: "";
  --ion-icon-close: "";
  --ion-icon-asc: "";
  --ion-icon-desc: "";
  --ion-icon-favorite-solid: "";
  --ion-icon-angle-up: "";
  --ion-icon-print: "";
  --ion-icon-info: "";
  --ion-icon-attention: "";
  --ion-text-dimmed: #9E9EA6;
  --ion-gray-lightest: #f4f4f4;
  --ion-list-item-hover-bg: #EBF7FB;
  --ion-list-item-active-bg: var(--ion-brand-blue);
  --ion-list-item-disabled-bg: var(--ion-gray-lightest);
  --ion-document-list-active-bg: #45abec;
  --ion-separator-color: #E2E2E2;
  --ion-separator-hover-color: darken(var(--ion-list-item-hover-bg), 5%);
  --ion-separator-active-color: darken(var(--ion-brand-blue), 5%);
  --ion-input-border-focus-rgba: rgba(red(var(--ion-input-border-focus)), green(var(--ion-input-border-focus)), blue(var(--ion-input-border-focus)), 0.6);
}

/*
 * Dark Colors
 * -------------------------------------------
 */
/*
 * iOS Dark Theme
 * -------------------------------------------
 */
/*
 * Material Design Dark Theme
 * -------------------------------------------
 */
/* Importing Bootstrap SCSS file. */
:root {
  --ion-print-btn-min-height: 50px;
}

.print__container {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .print__container {
    min-height: calc(100vh - --ion-navbar-height30);
  }
}

.print__content {
  --ion-fg-boxflex: $fg;
  -moz-flex: 1;
  flex: 1;
}

.print__content--center {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
}

.print__printer-id {
  font-weight: 500;
  line-height: 1.2em;
  margin-right: 3px;
}

.print__print-btn {
  min-height: var(--ion-print-btn-min-height);
  width: 100%;
  color: #fff;
  text-transform: unset;
  --background: var(--ion-color-green1);
  padding: 3px 0;
}
.print__print-btn--method-text {
  vertical-align: auto !important;
}

.flexbox .page-actions .print__print-anywhere {
  display: -moz-flex;
  display: flex;
}
.page-actions .print__print-anywhere .print__print-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--ion-color-gray1);
  background-color: var(--ion-color-green1);
  min-width: 0;
  width: 30%;
  padding: var(--ion-padding-base-vertical);
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .page-actions .print__print-anywhere .print__print-btn {
    width: 20%;
  }
}
.page-actions .print__print-anywhere .print__print-btn::before {
  display: none;
}
@media screen and (max-width: 320px) {
  .page-actions .print__print-anywhere .print__print-btn {
    position: relative;
    overflow: hidden;
    text-indent: 200%;
    color: transparent;
  }
  .page-actions .print__print-anywhere .print__print-btn::before {
    content: var(--ion-icon-print);
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    font-family: "icons";
    color: #fff;
    text-indent: 0;
    font-size: 1.3em;
  }
}
.no-flexbox .page-actions .print__print-anywhere .print__print-btn {
  float: left;
}

.print__choose-printer {
  display: -moz-flex;
  display: flex;
  width: 70%;
  margin-right: var(--ion-grid-gutter-width/2);
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .print__choose-printer {
    width: 80%;
  }
}
.no-flexbox .print__choose-printer {
  float: left;
}
.print__choose-printer .print__printer-description {
  width: calc(100% - 60px);
}

.print__choose-printer__btn {
  position: relative;
  width: 94%;
  -moz-justify-content: center;
  justify-content: center;
  min-height: var(--ion-print-btn-min-height);
  padding: 4px 30px 4px 12px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ion-text-color);
  border: 1px solid var(--ion-color-3);
  background: #fff;
  border-radius: 6px;
  transition: all 0.2s;
  -webkit-user-select: none;
  user-select: none;
  line-height: 1em;
}
.print__choose-printer__btn:active {
  background-color: var(--ion-brand-blue);
  color: #fff;
}
.print__choose-printer__btn::before {
  content: var(--ion-icon-angle-up);
  position: absolute;
  font-family: "icons";
  right: 10px;
  font-size: 1.4em;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  top: 60%;
}
.print__choose-printer__btn:hover {
  cursor: pointer;
  color: var(--ion-text-color);
}
.no-touchevents .print__choose-printer__btn:hover {
  border-color: darkgray;
}
.print__choose-printer__btn:focus {
  outline: none;
  color: var(--ion-text-color);
}

.print__choose-printer__label {
  margin-bottom: 3px;
  font-size: 0.8em;
  color: var(--ion-text-dimmed);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.print__printer-description {
  display: inline-block;
  max-width: calc(100vw - 100px);
  line-height: 1.2em;
  padding-left: 6px;
  font-size: 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.print__printer-list {
  display: block;
  margin-top: 1em;
  overflow-y: scroll;
}

.printer-id {
  display: inline-block;
  position: relative;
  height: 50px;
  width: 50px;
  background: #fff;
  color: var(--ion-color-gray2);
  border: 1px solid transparent;
  border-radius: 50%;
  font-weight: 500;
  border-color: var(--ion-color-gray2);
  text-align: center;
  line-height: 50px;
  font-size: 0.9em;
  text-transform: uppercase;
  vertical-align: middle;
  will-change: transform;
  transition: border 0.2s, transform 0.2s;
}

.printer-id--sm {
  height: 17px;
  width: auto;
  margin-right: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 0.85em;
  line-height: 15px;
}

.printer-id__icon {
  position: absolute;
  bottom: -6px;
  right: -6px;
}

.printer-id--disabled {
  opacity: 0.5;
}

a.printer-id:hover {
  cursor: pointer;
  color: var(--ion-text-color-light1);
  transform: scale(1.1);
}

.status-icon {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.status-icon:focus {
  outline: none;
}

.status-icon--online {
  background-color: var(--ion-brand-green);
}

.status-icon--offline {
  background-color: var(--ion-brand-red);
}

.status-icon--warning {
  background-color: var(--ion-brand-orange);
}

.printer-id[data-has-features=true] {
  padding-top: 12px;
  line-height: 1;
}

.printer-features {
  height: 1em;
  font-size: 10px;
  display: flex;
  justify-content: space-evenly;
  margin-top: 1px;
}

.printer-features--lg {
  height: 16px;
}

.printer-feature__icon {
  height: 0.7em;
}

.printer-feature__label {
  margin-left: 3px;
}

.printer-status {
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  vertical-align: 5%;
  margin-left: 5px;
}

.printer-status--online,
.printer-status--freedom {
  background-color: var(--ion-brand-green);
}

.printer-status--warning {
  background-color: var(--ion-brand-orange);
}

.printer-status--offline {
  background-color: var(--ion-brand-red);
}

.printer-status--undefined {
  background-color: var(--ion-ColorGray1);
}

:root {
  --ion-radio-size: 20px;
  --ion-radio-inner-size: 8px;
  --ion-radio-offset: 3px;
}

.rb input[type=radio] {
  opacity: 0;
  z-index: 10;
  margin: 0;
  cursor: pointer;
}

.rb__label:hover {
  cursor: pointer;
}

.rb {
  margin: 0;
  min-height: var(--ion-radio-size);
  min-width: var(--ion-radio-size);
}

.rb + .rb {
  margin-top: 0;
}

.rb .rb__label {
  position: relative;
  max-width: none;
  min-height: var(--ion-radio-size);
  padding-left: var(--ion-radio-size15);
  transition: color 0.2s;
  -webkit-user-select: none;
  user-select: none;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.rb .rb__label--hidden {
  padding-left: 0;
}

.rb input[type=radio],
.rb__label::before,
.rb__label::after {
  position: absolute;
  display: inline-block;
  width: var(--ion-radio-size);
  height: var(--ion-radio-size);
  left: 0;
  top: var(--ion-radio-offset);
  border-radius: 50%;
}

.rb__label::before,
.rb__label::after {
  content: "";
  text-align: center;
}

.rb__label::before {
  background: #fff;
  border: 1px solid var(--ion-input-border);
}

.rb__label::after {
  opacity: 0;
  top: var(--ion-radio-size)/2var(--ion-radio-offset);
  left: var(--ion-radio-size/2);
  height: var(--ion-radio-inner-size);
  width: var(--ion-radio-inner-size);
  background: var(--ion-brand-primary);
  transform: scale(0.5) translate(-50%, -50%);
  transform-origin: top left;
  transition: transform 0.15s;
}

.rb input[type=radio]:checked + .rb__label {
  color: var(--ion-text-color);
}
.rb input[type=radio]:checked + .rb__label::after {
  opacity: 1;
  transform: scale(1) translate(-50%, -50%);
}

.rb--alt .rb__label {
  padding-left: 0;
}

.rb--alt input[type=radio]:checked + .rb__label::before {
  border-color: #fff;
}

.rb input[type=radio][disabled] + .rb__label,
.rb input[type=radio][disabled] + .rb__label::before {
  opacity: 0.7;
}

.modal-open {
  overflow: hidden;
}

.modal, .splash-open {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ion-zindex-modal);
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog, .fade.splash-open .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog, .in.splash-open .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal, .modal-open .splash-open {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: 100%;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: var(--ion-modal-content-bg);
  background-clip: padding-box;
  border: 1px solid var(--ion-modal-content-fallback-border-color);
  border: 1px solid var(--ion-modal-content-border-color);
  border-radius: var(--ion-border-radius-large);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop, .splash {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ion-zindex-modal-background);
  background-color: var(--ion-modal-backdrop-bg);
}
.modal-backdrop.fade, .fade.splash {
  opacity: 0;
}
.modal-backdrop.in, .in.splash {
  opacity: --ion-modal-backdrop-opacity;
}

.modal-header {
  padding: var(--ion-modal-title-padding);
  border-bottom: 1px solid var(--ion-modal-header-border-color);
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: var(--ion-modal-title-line-height);
}

.modal-body {
  position: relative;
  padding: var(--ion-modal-inner-padding);
}

.modal-footer {
  padding: var(--ion-modal-inner-padding);
  text-align: right;
  border-top: 1px solid var(--ion-modal-footer-border-color);
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: var(--ion-screen-sm-min)) {
  .modal-dialog {
    width: var(--ion-modal-md);
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: var(--ion-modal-sm);
  }
}
@media (min-width: var(--ion-screen-md-min)) {
  .modal-lg {
    width: var(--ion-modal-lg);
  }
}
.splash {
  visibility: hidden;
  opacity: 0;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #fff;
  transition: opacity 0.4s 0.4s, visibility 0s 1s;
}

.splash__content {
  text-align: center;
}
.splash__content img {
  width: 6em;
  opacity: 0;
  transform: translate(0, 5%);
  transition: transform 0.2s, opacity 0.2s;
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .splash__content img {
    width: 8em;
  }
}

.splash--visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0s, visibility 0s;
}
.splash--visible img {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.2s 0.1s, opacity 0.2s 0.1s;
}

/**************************************************/
/* <hr> simulation with text in the middle */
/**************************************************/
.strike {
  margin: var(--ion-grid-gutter-width 0 var(--ion-grid-gutter-width) 0);
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  color: var(--ion-text-dimmed);
}

.strike > span {
  position: relative;
  display: inline-block;
  text-transform: lowercase;
}

.strike > span:before,
.strike > span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 1px;
  background-color: var(--ion-separator-color);
}

.strike > span:before {
  right: 100%;
  margin-right: var(--ion-grid-gutter-width/2);
}

.strike > span:after {
  left: 100%;
  margin-left: var(--ion-grid-gutter-width/2);
}

.nav, .tab-menu ul,
.tab-menu > ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .tab-menu ul:before, .nav:after, .tab-menu ul:after {
  display: table;
  content: " ";
}
.nav:after, .tab-menu ul:after {
  clear: both;
}
.nav > li, .tab-menu ul > li {
  position: relative;
  display: block;
}
.nav > li > a, .tab-menu ul > li > a {
  position: relative;
  display: block;
  padding: var(--ion-nav-link-padding);
}
.nav > li > a:hover, .tab-menu ul > li > a:hover, .nav > li > a:focus, .tab-menu ul > li > a:focus {
  text-decoration: none;
  background-color: var(--ion-nav-link-hover-bg);
}
.nav > li.disabled > a, .tab-menu ul > li.disabled > a {
  color: var(--ion-nav-disabled-link-color);
}
.nav > li.disabled > a:hover, .tab-menu ul > li.disabled > a:hover, .nav > li.disabled > a:focus, .tab-menu ul > li.disabled > a:focus {
  color: var(--ion-nav-disabled-link-hover-color);
  text-decoration: none;
  cursor: var(--ion-cursor-disabled);
  background-color: transparent;
}
.nav .open > a, .tab-menu ul .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: var(--ion-nav-link-hover-bg);
  border-color: var(--ion-link-color);
}
.nav .nav-divider, .tab-menu ul .nav-divider {
  height: 1px;
  margin: calc(var(--ion-line-height-computed) / 2 - 1) 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img, .tab-menu ul > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid var(--ion-nav-tabs-border-color);
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: var(--ion-line-height-base);
  border: 1px solid transparent;
  border-radius: var(--ion-border-radius-base) var(--ion-border-radius-base) 0 0;
}
.nav-tabs > li > a:hover {
  border-color: var(--ion-nav-tabs-link-hover-border-color) var(--ion-nav-tabs-link-hover-border-color) var(--ion-nav-tabs-border-color);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--ion-nav-tabs-active-link-hover-color);
  cursor: default;
  background-color: var(--ion-nav-tabs-active-link-hover-bg);
  border: 1px solid var(--ion-nav-tabs-active-link-hover-border-color);
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: var(--ion-nav-pills-border-radius);
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: var(--ion-nav-pills-active-link-hover-color);
  background-color: var(--ion-nav-pills-active-link-hover-bg);
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: var(--ion-border-radius-base);
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid var(--ion-nav-tabs-justified-link-border-color);
}
@media (min-width: var(--ion-screen-sm-min)) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid var(--ion-nav-tabs-justified-link-border-color);
    border-radius: var(--ion-border-radius-base) var(--ion-border-radius-base) 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: var(--ion-nav-tabs-justified-active-link-border-color);
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

:root {
  --ion-tab-menu-breakpoint: 350px;
  --ion-tab-menu-breakpoint-max: (--ion-tab-menu-breakpoint - 1);
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .tab-menu > .container, .tab-menu > .print__container {
    padding: 0;
    padding: 0;
  }
}

@media screen and (max-width: var(--ion-grid-float-breakpoint-max)) {
  .tab-menu > ul {
    margin-left: ---ion-grid-gutter-width/2;
    margin-right: ---ion-grid-gutter-width/2;
  }
}

.tab-menu ul,
.tab-menu > ul {
  display: -moz-flex;
  display: flex;
  border-bottom: 1px solid var(--ion-separator-color);
}
@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .tab-menu ul,
  .tab-menu > ul {
    display: block;
  }
}

@media screen and (max-width: var(--ion-screen-xs-max)) {
  .tab-menu .tab-menu__tab {
    --ion-fg-boxflex: $fg;
    --ion-fg-boxflex: nth($fg, 1);
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .tab-menu .tab-menu__tab {
    display: block;
    width: auto;
    float: left;
  }
  .tab-menu .tab-menu__tab + .tab-menu__tab {
    margin-left: 0.5em;
  }
}
.tab-menu .tab-menu__tab > a {
  text-align: center;
  font-weight: 600;
  font-size: 0.9em;
  padding: 1.4em 0;
  color: var(--ion-text-color !important);
  outline: 0;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.25s;
}
@media screen and (min-width: var(--ion-tab-menu-breakpoint)) {
  .tab-menu .tab-menu__tab > a {
    padding: 0.8em var(--ion-grid-gutter-width/2);
  }
}
.tab-menu .tab-menu__tab > a:hover {
  border: 0;
  color: var(--ion-text-color);
  cursor: pointer;
}

@media screen and (max-width: var(--ion-tab-menu-breakpoint)) {
  .tab-menu__tab-label {
    display: none;
  }
}

.tab-menu__icon {
  display: block;
  margin-bottom: 2px;
  font-size: 2rem;
  line-height: 1.1;
  color: var(--ion-text-color);
  transition: transform 0.25s;
}

@media screen and (min-width: var(--ion-tab-menu-breakpoint)) {
  .tab-menu__overflow-tab .tab-menu__icon {
    line-height: 2.1;
  }
}

.tab-menu__tab.active > a {
  border-width: 0;
  box-shadow: inset 0 -3px 0 var(--ion-brand-blue);
}
.tab-menu__tab.active > a .tab-menu__icon {
  transform: translate(0, -3px);
}

@media screen and (min-width: var(--ion-grid-float-breakpoint)) {
  .tab-content {
    padding-top: 2em;
  }
}

.alt-header-color {
  background-color: aliceblue;
}

.alt-header-title {
  padding: 10px;
  background-color: #304050;
  color: white;
}

.cell-maxmin-width {
  width: 30%;
}

.checkbox-lock {
  position: absolute;
  top: 12px;
  left: 10px;
  background-color: #d40a0a;
  border-radius: 50%;
  color: white;
  font-size: 80%;
  width: 20px;
  height: 20px;
  font-weight: 900;
}

.checkbox-lock-neutral {
  position: absolute;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 70%;
  width: 20px;
  padding: 1px;
  height: 20px;
  top: 14px;
  left: 55.5%;
}

.tooltip-container {
  width: 20px;
  height: 20px;
  opacity: 1;
  position: absolute;
  top: 12px;
  left: calc(50% - 7px);
}

/*

    Angular Toastr - custom template


    <div class="{{toastClass}} {{toastType}}" ng-click="tapToast()">
        <div ng-switch on="allowHtml">
            <div ng-switch-default ng-if="title" class="{{titleClass}}" aria-label="{{title}}">{{title}}</div>
            <div ng-switch-default class="{{messageClass}}" aria-label="{{message}}">{{message}}</div>
            <div ng-switch-when="true" ng-if="title" class="{{titleClass}}" ng-bind-html="title"></div>
            <div ng-switch-when="true" class="{{messageClass}}" ng-bind-html="message"></div>
        </div>
        <progress-bar ng-if="progressBar"></progress-bar>
    </div>

*/
#toast-container {
  position: fixed;
  z-index: 999999;
}
@media screen and (max-width: var(--ion-screen-xs-max)) {
  #toast-container {
    width: 100%;
  }
}

.toast {
  position: relative;
  overflow: hidden;
  height: 51px;
  padding: 3px 25px 5px 60px;
  font-size: 0.9em;
  color: #fff;
  background-color: #030303;
  -webkit-user-select: none;
  user-select: none;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
}
.toast::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 45px;
  background: rgba(0, 0, 0, 0.1);
}
.toast::after {
  position: absolute;
  left: 13px;
  top: 50%;
  font-size: 1.3em;
  transform: translate(0, -50%);
  vertical-align: middle;
}
.toast:hover {
  opacity: 1;
  cursor: pointer;
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .toast {
    min-height: auto;
    height: 35px;
    font-size: 0.95em;
  }
}

.toast__title {
  font-weight: 600;
}

.toast__message {
  word-wrap: break-word;
}
.toast__message a,
.toast__message label {
  color: #fff;
}
.toast__message a:hover {
  color: #ccc;
  text-decoration: none;
}

.toast__close-btn {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
}
.toast__close-btn:hover, .toast__close-btn:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast__close-btn {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast--success {
  background-color: var(--ion-brand-success);
}
.toast--success::after {
  content: var(--ion-icon-ok);
}

.toast--error {
  background-color: var(--ion-brand-danger);
}
.toast--error::after {
  content: var(--ion-icon-ban);
}

.toast--info {
  background-color: var(--ion-brand-info);
}
.toast--info::after {
  content: var(--ion-icon-info);
  font-size: 105%;
}

.toast--warning {
  background-color: var(--ion-brand-warning);
}

.toast__progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
}

#toast-container [toast] {
  opacity: 1 !important;
  transition: opacity 0.3s;
}
#toast-container [toast].ng-enter, #toast-container [toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}
#toast-container [toast].ng-leave, #toast-container [toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}

.toast--top-center {
  width: 100%;
  top: 0;
  right: 0;
}
@media screen and (min-width: var(--ion-screen-sm-min)) {
  .toast--top-center .toast {
    width: 400px;
  }
}

.toast--bottom-center {
  bottom: 0;
  right: 0;
}

.toast--top-left {
  top: 10px;
  left: 10px;
}

.toast--top-right {
  top: 10px;
  right: 10px;
}

.toast--bottom-right {
  right: 10px;
  bottom: 10px;
}

.toast--bottom-left {
  bottom: 10px;
  left: 10px;
}

.toast--top-center .toast,
.toast--bottom-center .toast {
  margin-left: auto;
  margin-right: auto;
}

.toast--top-full-width, #toast-container {
  top: 0;
  right: 0;
  width: 100%;
}

.toast--bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast--top-full-width .toast, #toast-container .toast,
.toast--bottom-full-width .toast {
  margin-left: auto;
  margin-right: auto;
}

.thin {
  font-weight: 100;
}

.light, .section__heading {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.medium, .section__sub-heading {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.heavy {
  font-weight: 800;
}

.page-title {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 300;
}

.page-subtitle {
  font-size: 20px;
  font-weight: 300;
}

.heading--compact-top {
  margin-top: 0;
}

.text-default {
  color: var(--ion-text-color);
}

.text-dimmed {
  color: var(--ion-text-dimmed);
}

.text-success {
  color: var(--ion-brand-success);
}

.separator-thin {
  border-width: 1px;
  max-width: 60px;
}

@media (min-width: var(--ion-screen-sm-min)) {
  .separator-lg {
    border-width: 8px;
    max-width: 60px;
  }
}

.separator-full {
  max-width: none;
}

.separator-left {
  margin-left: 0;
}

.separator-right {
  margin-right: 0;
}

.separator-white {
  border-color: white;
}

.separator-white-faded {
  border-color: rgba(255, 255, 255, 0.3);
}

.mt-5 {
  margin-top: -5px;
}

.mt-10 {
  margin-top: -10px;
}

.mt-15 {
  margin-top: -15px;
}

.mt-20 {
  margin-top: -20px;
}

.mt-25 {
  margin-top: -25px;
}

.mt-30 {
  margin-top: -30px;
}

.mt-35 {
  margin-top: -35px;
}

.mt-40 {
  margin-top: -40px;
}

.mt-45 {
  margin-top: -45px;
}

.mt-50 {
  margin-top: -50px;
}

.mt-55 {
  margin-top: -55px;
}

.mt-60 {
  margin-top: -60px;
}

.mt-65 {
  margin-top: -65px;
}

.mt-70 {
  margin-top: -70px;
}

.mt-75 {
  margin-top: -75px;
}

.mt-80 {
  margin-top: -80px;
}

.mt-85 {
  margin-top: -85px;
}

.mt-90 {
  margin-top: -90px;
}

.mt-95 {
  margin-top: -95px;
}

.mt-100 {
  margin-top: -100px;
}

.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt10, .mtb10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20, .mtb20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30, .mtb30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40, .mtb40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50, .mtb50, .mt, .mtb {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60, .mtb60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70, .mtb70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80, .mtb80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90, .mtb90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100, .mtb100 {
  margin-top: 100px;
}

.mb0 {
  margin-bottom: 0;
}

.mb-5 {
  margin-bottom: -5px;
}

.mb-10 {
  margin-bottom: -10px;
}

.mb-15 {
  margin-bottom: -15px;
}

.mb-20 {
  margin-bottom: -20px;
}

.mb-25 {
  margin-bottom: -25px;
}

.mb-30 {
  margin-bottom: -30px;
}

.mb-35 {
  margin-bottom: -35px;
}

.mb-40 {
  margin-bottom: -40px;
}

.mb-45 {
  margin-bottom: -45px;
}

.mb-50 {
  margin-bottom: -50px;
}

.mb-55 {
  margin-bottom: -55px;
}

.mb-60 {
  margin-bottom: -60px;
}

.mb-65 {
  margin-bottom: -65px;
}

.mb-70 {
  margin-bottom: -70px;
}

.mb-75 {
  margin-bottom: -75px;
}

.mb-80 {
  margin-bottom: -80px;
}

.mb-85 {
  margin-bottom: -85px;
}

.mb-90 {
  margin-bottom: -90px;
}

.mb-95 {
  margin-bottom: -95px;
}

.mb-100 {
  margin-bottom: -100px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10, .mtb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20, .mtb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30, .mtb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40, .mtb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50, .ml, .mr, .mtb50, .mb, .mtb {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60, .mtb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70, .mtb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80, .mtb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90, .mtb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100, .mtb100 {
  margin-bottom: 100px;
}

.mtb0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mr0 {
  margin-right: 0;
}

.mr-5 {
  margin-right: -5px;
}

.mr-10 {
  margin-right: -10px;
}

.mr-15 {
  margin-right: -15px;
}

.mr-20 {
  margin-right: -20px;
}

.mr-25 {
  margin-right: -25px;
}

.mr-30 {
  margin-right: -30px;
}

.mr-35 {
  margin-right: -35px;
}

.mr-40 {
  margin-right: -40px;
}

.mr-45 {
  margin-right: -45px;
}

.mr-50 {
  margin-right: -50px;
}

.mr-55 {
  margin-right: -55px;
}

.mr-60 {
  margin-right: -60px;
}

.mr-65 {
  margin-right: -65px;
}

.mr-70 {
  margin-right: -70px;
}

.mr-75 {
  margin-right: -75px;
}

.mr-80 {
  margin-right: -80px;
}

.mr-85 {
  margin-right: -85px;
}

.mr-90 {
  margin-right: -90px;
}

.mr-95 {
  margin-right: -95px;
}

.mr-100 {
  margin-right: -100px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr65 {
  margin-right: 65px;
}

.mr70 {
  margin-right: 70px;
}

.mr75 {
  margin-right: 75px;
}

.mr80 {
  margin-right: 80px;
}

.mr85 {
  margin-right: 85px;
}

.mr90 {
  margin-right: 90px;
}

.mr95 {
  margin-right: 95px;
}

.mr100 {
  margin-right: 100px;
}

.ml0 {
  margin-left: 0;
}

.ml-5 {
  margin-left: -5px;
}

.ml-10 {
  margin-left: -10px;
}

.ml-15 {
  margin-left: -15px;
}

.ml-20 {
  margin-left: -20px;
}

.ml-25 {
  margin-left: -25px;
}

.ml-30 {
  margin-left: -30px;
}

.ml-35 {
  margin-left: -35px;
}

.ml-40 {
  margin-left: -40px;
}

.ml-45 {
  margin-left: -45px;
}

.ml-50 {
  margin-left: -50px;
}

.ml-55 {
  margin-left: -55px;
}

.ml-60 {
  margin-left: -60px;
}

.ml-65 {
  margin-left: -65px;
}

.ml-70 {
  margin-left: -70px;
}

.ml-75 {
  margin-left: -75px;
}

.ml-80 {
  margin-left: -80px;
}

.ml-85 {
  margin-left: -85px;
}

.ml-90 {
  margin-left: -90px;
}

.ml-95 {
  margin-left: -95px;
}

.ml-100 {
  margin-left: -100px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml85 {
  margin-left: 85px;
}

.ml90 {
  margin-left: 90px;
}

.ml95 {
  margin-left: 95px;
}

.ml100 {
  margin-left: 100px;
}

.pt0 {
  padding-top: 0;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10, .ptb10 {
  padding-top: 10px;
}

.pt20, .ptb20 {
  padding-top: 20px;
}

.pt30, .ptb30 {
  padding-top: 30px;
}

.pt40, .ptb40 {
  padding-top: 40px;
}

.pt50, .ptb50, .pt, .ptb {
  padding-top: 50px;
}

.pt60, .ptb60 {
  padding-top: 60px;
}

.pt70, .ptb70 {
  padding-top: 70px;
}

.pt80, .ptb80 {
  padding-top: 80px;
}

.pt90, .ptb90 {
  padding-top: 90px;
}

.pt100, .ptb100 {
  padding-top: 100px;
}

.pb0 {
  padding-bottom: 0;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10, .ptb10 {
  padding-bottom: 10px !important;
}

.pb20, .ptb20 {
  padding-bottom: 20px !important;
}

.pb30, .ptb30 {
  padding-bottom: 30px !important;
}

.pb40, .ptb40 {
  padding-bottom: 40px !important;
}

.pb50, .ptb50, .pb, .ptb {
  padding-bottom: 50px !important;
}

.pb60, .ptb60 {
  padding-bottom: 60px !important;
}

.pb70, .ptb70 {
  padding-bottom: 70px !important;
}

.pb80, .ptb80 {
  padding-bottom: 80px !important;
}

.pb90, .ptb90 {
  padding-bottom: 90px !important;
}

.pb100, .ptb100 {
  padding-bottom: 100px !important;
}

.ptb0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.p55 {
  padding: 55px !important;
}

.p60 {
  padding: 60px !important;
}

.p65 {
  padding: 65px !important;
}

.p70 {
  padding: 70px !important;
}

.p75 {
  padding: 75px !important;
}

.p80 {
  padding: 80px !important;
}

.p85 {
  padding: 85px !important;
}

.p90 {
  padding: 90px !important;
}

.p95 {
  padding: 95px !important;
}

.p100 {
  padding: 100px !important;
}

.size50 {
  font-size: 50%;
}

.size60 {
  font-size: 60%;
}

.size70 {
  font-size: 70%;
}

.size80 {
  font-size: 80%;
}

.size90 {
  font-size: 90%;
}

.size100 {
  font-size: 100%;
}

.size110 {
  font-size: 110%;
}

.size120 {
  font-size: 120%;
}

.size130 {
  font-size: 130%;
}

.size140 {
  font-size: 140%;
}

.size150 {
  font-size: 150%;
}

.size160 {
  font-size: 160%;
}

.size170 {
  font-size: 170%;
}

.size180 {
  font-size: 180%;
}

.size190 {
  font-size: 190%;
}

.size200 {
  font-size: 200%;
}

.size210 {
  font-size: 210%;
}

.size220 {
  font-size: 220%;
}

.size230 {
  font-size: 230%;
}

.size240 {
  font-size: 240%;
}

.size250 {
  font-size: 250%;
}

.weigth100 {
  font-weight: 100;
}

.weigth200 {
  font-weight: 200;
}

.weigth300 {
  font-weight: 300;
}

.weigth400 {
  font-weight: 400;
}

.weigth500 {
  font-weight: 500;
}

.weigth600 {
  font-weight: 600;
}

.weigth700 {
  font-weight: 700;
}

.weigth800 {
  font-weight: 800;
}

.weigth900 {
  font-weight: 900;
}

.width10 {
  width: 10%;
}

.width20 {
  width: 20%;
}

.width30 {
  width: 30%;
}

.width40 {
  width: 40%;
}

.width50 {
  width: 50%;
}

.width60 {
  width: 60%;
}

.width70 {
  width: 70%;
}

.width80 {
  width: 80%;
}

.width90 {
  width: 90%;
}

.width100 {
  width: 100%;
}

.z100 {
  z-index: 100;
}

.z200 {
  z-index: 200;
}

.z300 {
  z-index: 300;
}

.z400 {
  z-index: 400;
}

.z500 {
  z-index: 500;
}

.z600 {
  z-index: 600;
}

.z700 {
  z-index: 700;
}

.z800 {
  z-index: 800;
}

.z900 {
  z-index: 900;
}

.z1000 {
  z-index: 1000;
}

.op10 {
  opacity: 0.1;
}

.op20 {
  opacity: 0.2;
}

.op30 {
  opacity: 0.3;
}

.op40 {
  opacity: 0.4;
}

.op50 {
  opacity: 0.5;
}

.op60 {
  opacity: 0.6;
}

.op70 {
  opacity: 0.7;
}

.op80 {
  opacity: 0.8;
}

.op90 {
  opacity: 0.9;
}

.unselectable {
  -webkit-user-select: none;
          user-select: none;
}

.no-cursor {
  cursor: default !important;
}

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

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

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

.clickable-text {
  text-decoration: underline !important;
}

.fl-right {
  float: right;
}

.fl-left {
  float: left;
}

.line-through {
  text-decoration: line-through;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.atop {
  top: 0px;
}

.abottom {
  bottom: 0px;
}

.aleft {
  left: 0px;
}

.aright {
  right: 0px;
}

.block {
  display: block;
}

.none {
  display: none;
}

.pointer {
  cursor: pointer;
}

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

.of-scroll {
  overflow: scroll;
}

.of-hidden {
  overflow: hidden;
}

.of-auto {
  overflow: auto;
}

.of-visible {
  overflow: visible;
}

.clear {
  clear: both;
}

.cl-grey {
  color: #4d4d4d;
}

.cl-black {
  color: #000000;
}

.cl-white {
  color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-white {
  background-color: #ffffff !important;
}

.m-auto {
  margin: auto;
}

.color-danger {
  color: var(--ion-brand-red);
}

:root {
  --ion-bootstrap-sass-asset-helper: false;
  --ion-gray-base: #000;
  --ion-gray-darker: lighten(var(--ion-gray-base), 13.5%);
  --ion-gray-dark: lighten(var(--ion-gray-base), 20%);
  --ion-gray: lighten(var(--ion-gray-base), 33.5%);
  --ion-gray-light: lighten(var(--ion-gray-base), 46.7%);
  --ion-gray-lighter: lighten(var(--ion-gray-base), 93.5%);
  --ion-brand-primary: darken(#428bca, 6.5%);
  --ion-brand-success: #5cb85c;
  --ion-brand-info: #5bc0de;
  --ion-brand-warning: #f0ad4e;
  --ion-brand-danger: #d9534f;
  --ion-body-bg: #fff;
  --ion-text-color: var(--ion-gray-dark);
  --ion-link-color: var(--ion-brand-primary);
  --ion-link-hover-color: darken(var(--ion-link-color), 15%);
  --ion-link-hover-decoration: underline;
  --ion-font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ion-font-family-serif: Georgia, "Times New Roman", Times, serif;
  --ion-font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --ion-font-family-base: var(--ion-font-family-sans-serif);
  --ion-font-size-base: 14px;
  --ion-font-size-large: ceil((var(--ion-font-size-base) * 1.25));
  --ion-font-size-small: ceil((var(--ion-font-size-base) * .85));
  --ion-font-size-h1: floor((var(--ion-font-size-base) * 2.6));
  --ion-font-size-h2: floor((var(--ion-font-size-base) * 2.15));
  --ion-font-size-h3: ceil((var(--ion-font-size-base) * 1.7));
  --ion-font-size-h4: ceil((var(--ion-font-size-base) * 1.25));
  --ion-font-size-h5: var(--ion-font-size-base);
  --ion-font-size-h6: ceil((var(--ion-font-size-base) * .85));
  --ion-line-height-base: 1.428571429;
  --ion-line-height-computed: floor((var(--ion-font-size-base) * var(--ion-line-height-base)));
  --ion-headings-font-family: inherit;
  --ion-headings-font-weight: 500;
  --ion-headings-line-height: 1.1;
  --ion-headings-color: inherit;
  --ion-icon-font-path: if(var(--ion-bootstrap-sass-asset-helper), "bootstrap/", "../fonts/bootstrap/");
  --ion-icon-font-name: "glyphicons-halflings-regular";
  --ion-icon-font-svg-id: "glyphicons_halflingsregular";
  --ion-padding-base-vertical: 6px;
  --ion-padding-base-horizontal: 12px;
  --ion-padding-large-vertical: 10px;
  --ion-padding-large-horizontal: 16px;
  --ion-padding-small-vertical: 5px;
  --ion-padding-small-horizontal: 10px;
  --ion-padding-xs-vertical: 1px;
  --ion-padding-xs-horizontal: 5px;
  --ion-line-height-large: 1.3333333;
  --ion-line-height-small: 1.5;
  --ion-border-radius-base: 4px;
  --ion-border-radius-large: 6px;
  --ion-border-radius-small: 3px;
  --ion-component-active-color: #fff;
  --ion-component-active-bg: var(--ion-brand-primary);
  --ion-caret-width-base: 4px;
  --ion-caret-width-large: 5px;
  --ion-table-cell-padding: 8px;
  --ion-table-condensed-cell-padding: 5px;
  --ion-table-bg: transparent;
  --ion-table-bg-accent: #f9f9f9;
  --ion-table-bg-hover: #f5f5f5;
  --ion-table-bg-active: var(--ion-table-bg-hover);
  --ion-table-border-color: #ddd;
  --ion-btn-font-weight: normal;
  --ion-btn-default-color: #333;
  --ion-btn-default-bg: #fff;
  --ion-btn-default-border: #ccc;
  --ion-btn-primary-color: #fff;
  --ion-btn-primary-bg: var(--ion-brand-primary);
  --ion-btn-primary-border: darken(var(--ion-btn-primary-bg), 5%);
  --ion-btn-success-color: #fff;
  --ion-btn-success-bg: var(--ion-brand-success);
  --ion-btn-success-border: darken(var(--ion-btn-success-bg), 5%);
  --ion-btn-info-color: #fff;
  --ion-btn-info-bg: var(--ion-brand-info);
  --ion-btn-info-border: darken(var(--ion-btn-info-bg), 5%);
  --ion-btn-warning-color: #fff;
  --ion-btn-warning-bg: var(--ion-brand-warning);
  --ion-btn-warning-border: darken(var(--ion-btn-warning-bg), 5%);
  --ion-btn-danger-color: #fff;
  --ion-btn-danger-bg: var(--ion-brand-danger);
  --ion-btn-danger-border: darken(var(--ion-btn-danger-bg), 5%);
  --ion-btn-link-disabled-color: var(--ion-gray-light);
  --ion-btn-border-radius-base: var(--ion-border-radius-base);
  --ion-btn-border-radius-large: var(--ion-border-radius-large);
  --ion-btn-border-radius-small: var(--ion-border-radius-small);
  --ion-input-bg: #fff;
  --ion-input-bg-disabled: var(--ion-gray-lighter);
  --ion-input-color: var(--ion-gray);
  --ion-input-border: #ccc;
  --ion-input-border-radius: var(--ion-border-radius-base);
  --ion-input-border-radius-large: var(--ion-border-radius-large);
  --ion-input-border-radius-small: var(--ion-border-radius-small);
  --ion-input-border-focus: #66afe9;
  --ion-input-color-placeholder: #999;
  --ion-input-height-base: (var(--ion-line-height-computed) + (var(--ion-padding-base-vertical) * 2) + 2);
  --ion-input-height-large: (ceil(var(--ion-font-size-large) * var(--ion-line-height-large)) + (var(--ion-padding-large-vertical) * 2) + 2);
  --ion-input-height-small: (floor(var(--ion-font-size-small) * var(--ion-line-height-small)) + (var(--ion-padding-small-vertical) * 2) + 2);
  --ion-form-group-margin-bottom: 15px;
  --ion-legend-color: var(--ion-gray-dark);
  --ion-legend-border-color: #e5e5e5;
  --ion-input-group-addon-bg: var(--ion-gray-lighter);
  --ion-input-group-addon-border-color: var(--ion-input-border);
  --ion-cursor-disabled: not-allowed;
  --ion-dropdown-bg: #fff;
  --ion-dropdown-border: rgba(0, 0, 0, .15);
  --ion-dropdown-fallback-border: #ccc;
  --ion-dropdown-divider-bg: #e5e5e5;
  --ion-dropdown-link-color: var(--ion-gray-dark);
  --ion-dropdown-link-hover-color: darken(var(--ion-gray-dark), 5%);
  --ion-dropdown-link-hover-bg: #f5f5f5;
  --ion-dropdown-link-active-color: var(--ion-component-active-color);
  --ion-dropdown-link-active-bg: var(--ion-component-active-bg);
  --ion-dropdown-link-disabled-color: var(--ion-gray-light);
  --ion-dropdown-header-color: var(--ion-gray-light);
  --ion-dropdown-caret-color: #000;
  --ion-zindex-navbar: 1000;
  --ion-zindex-dropdown: 1000;
  --ion-zindex-popover: 1060;
  --ion-zindex-tooltip: 1070;
  --ion-zindex-navbar-fixed: 1030;
  --ion-zindex-modal-background: 1040;
  --ion-zindex-modal: 1050;
  --ion-screen-xs: 480px;
  --ion-screen-xs-min: var(--ion-screen-xs);
  --ion-screen-phone: var(--ion-screen-xs-min);
  --ion-screen-sm: 768px;
  --ion-screen-sm-min: var(--ion-screen-sm);
  --ion-screen-tablet: var(--ion-screen-sm-min);
  --ion-screen-md: 992px;
  --ion-screen-md-min: var(--ion-screen-md);
  --ion-screen-desktop: var(--ion-screen-md-min);
  --ion-screen-lg: 1200px;
  --ion-screen-lg-min: var(--ion-screen-lg);
  --ion-screen-lg-desktop: var(--ion-screen-lg-min);
  --ion-screen-xs-max: (var(--ion-screen-sm-min) - 1);
  --ion-screen-sm-max: (var(--ion-screen-md-min) - 1);
  --ion-screen-md-max: (var(--ion-screen-lg-min) - 1);
  --ion-grid-columns: 12;
  --ion-grid-gutter-width: 30px;
  --ion-grid-float-breakpoint: var(--ion-screen-sm-min);
  --ion-grid-float-breakpoint-max: (var(--ion-grid-float-breakpoint) - 1);
  --ion-container-tablet: (720px + var(--ion-grid-gutter-width));
  --ion-container-sm: var(--ion-container-tablet);
  --ion-container-desktop: (940px + var(--ion-grid-gutter-width));
  --ion-container-md: var(--ion-container-desktop);
  --ion-container-large-desktop: (1140px + var(--ion-grid-gutter-width));
  --ion-container-lg: var(--ion-container-large-desktop);
  --ion-navbar-height: 50px;
  --ion-navbar-margin-bottom: var(--ion-line-height-computed);
  --ion-navbar-border-radius: var(--ion-border-radius-base);
  --ion-navbar-padding-horizontal: floor((var(--ion-grid-gutter-width) / 2));
  --ion-navbar-padding-vertical: ((var(--ion-navbar-height) - var(--ion-line-height-computed) / 2));
  --ion-navbar-collapse-max-height: 340px;
  --ion-navbar-default-color: #777;
  --ion-navbar-default-bg: #f8f8f8;
  --ion-navbar-default-border: darken(var(--ion-navbar-default-bg), 6.5%);
  --ion-navbar-default-link-color: #777;
  --ion-navbar-default-link-hover-color: #333;
  --ion-navbar-default-link-hover-bg: transparent;
  --ion-navbar-default-link-active-color: #555;
  --ion-navbar-default-link-active-bg: darken(var(--ion-navbar-default-bg), 6.5%);
  --ion-navbar-default-link-disabled-color: #ccc;
  --ion-navbar-default-link-disabled-bg: transparent;
  --ion-navbar-default-brand-color: var(--ion-navbar-default-link-color);
  --ion-navbar-default-brand-hover-color: darken(var(--ion-navbar-default-brand-color), 10%);
  --ion-navbar-default-brand-hover-bg: transparent;
  --ion-navbar-default-toggle-hover-bg: #ddd;
  --ion-navbar-default-toggle-icon-bar-bg: #888;
  --ion-navbar-default-toggle-border-color: #ddd;
  --ion-navbar-inverse-color: lighten(var(--ion-gray-light), 15%);
  --ion-navbar-inverse-bg: #222;
  --ion-navbar-inverse-border: darken(var(--ion-navbar-inverse-bg), 10%);
  --ion-navbar-inverse-link-color: lighten(var(--ion-gray-light), 15%);
  --ion-navbar-inverse-link-hover-color: #fff;
  --ion-navbar-inverse-link-hover-bg: transparent;
  --ion-navbar-inverse-link-active-color: var(--ion-navbar-inverse-link-hover-color);
  --ion-navbar-inverse-link-active-bg: darken(var(--ion-navbar-inverse-bg), 10%);
  --ion-navbar-inverse-link-disabled-color: #444;
  --ion-navbar-inverse-link-disabled-bg: transparent;
  --ion-navbar-inverse-brand-color: var(--ion-navbar-inverse-link-color);
  --ion-navbar-inverse-brand-hover-color: #fff;
  --ion-navbar-inverse-brand-hover-bg: transparent;
  --ion-navbar-inverse-toggle-hover-bg: #333;
  --ion-navbar-inverse-toggle-icon-bar-bg: #fff;
  --ion-navbar-inverse-toggle-border-color: #333;
  --ion-nav-link-padding: 10px 15px;
  --ion-nav-link-hover-bg: var(--ion-gray-lighter);
  --ion-nav-disabled-link-color: var(--ion-gray-light);
  --ion-nav-disabled-link-hover-color: var(--ion-gray-light);
  --ion-nav-tabs-border-color: #ddd;
  --ion-nav-tabs-link-hover-border-color: var(--ion-gray-lighter);
  --ion-nav-tabs-active-link-hover-bg: var(--ion-body-bg);
  --ion-nav-tabs-active-link-hover-color: var(--ion-gray);
  --ion-nav-tabs-active-link-hover-border-color: #ddd;
  --ion-nav-tabs-justified-link-border-color: #ddd;
  --ion-nav-tabs-justified-active-link-border-color: var(--ion-body-bg);
  --ion-nav-pills-border-radius: var(--ion-border-radius-base);
  --ion-nav-pills-active-link-hover-bg: var(--ion-component-active-bg);
  --ion-nav-pills-active-link-hover-color: var(--ion-component-active-color);
  --ion-pagination-color: var(--ion-link-color);
  --ion-pagination-bg: #fff;
  --ion-pagination-border: #ddd;
  --ion-pagination-hover-color: var(--ion-link-hover-color);
  --ion-pagination-hover-bg: var(--ion-gray-lighter);
  --ion-pagination-hover-border: #ddd;
  --ion-pagination-active-color: #fff;
  --ion-pagination-active-bg: var(--ion-brand-primary);
  --ion-pagination-active-border: var(--ion-brand-primary);
  --ion-pagination-disabled-color: var(--ion-gray-light);
  --ion-pagination-disabled-bg: #fff;
  --ion-pagination-disabled-border: #ddd;
  --ion-pager-bg: var(--ion-pagination-bg);
  --ion-pager-border: var(--ion-pagination-border);
  --ion-pager-border-radius: 15px;
  --ion-pager-hover-bg: var(--ion-pagination-hover-bg);
  --ion-pager-active-bg: var(--ion-pagination-active-bg);
  --ion-pager-active-color: var(--ion-pagination-active-color);
  --ion-pager-disabled-color: var(--ion-pagination-disabled-color);
  --ion-jumbotron-padding: 30px;
  --ion-jumbotron-color: inherit;
  --ion-jumbotron-bg: var(--ion-gray-lighter);
  --ion-jumbotron-heading-color: inherit;
  --ion-jumbotron-font-size: ceil((var(--ion-font-size-base) * 1.5));
  --ion-jumbotron-heading-font-size: ceil((var(--ion-font-size-base) * 4.5));
  --ion-state-success-text: #3c763d;
  --ion-state-success-bg: #dff0d8;
  --ion-state-success-border: darken(adjust-hue(var(--ion-state-success-bg), -10), 5%);
  --ion-state-info-text: #31708f;
  --ion-state-info-bg: #d9edf7;
  --ion-state-info-border: darken(adjust-hue(var(--ion-state-info-bg), -10), 7%);
  --ion-state-warning-text: #8a6d3b;
  --ion-state-warning-bg: #fcf8e3;
  --ion-state-warning-border: darken(adjust-hue(var(--ion-state-warning-bg), -10), 5%);
  --ion-state-danger-text: #a94442;
  --ion-state-danger-bg: #f2dede;
  --ion-state-danger-border: darken(adjust-hue(var(--ion-state-danger-bg), -10), 5%);
  --ion-tooltip-max-width: 200px;
  --ion-tooltip-color: #fff;
  --ion-tooltip-bg: #000;
  --ion-tooltip-opacity: .9;
  --ion-tooltip-arrow-width: 5px;
  --ion-tooltip-arrow-color: var(--ion-tooltip-bg);
  --ion-popover-bg: #fff;
  --ion-popover-max-width: 276px;
  --ion-popover-border-color: rgba(0, 0, 0, .2);
  --ion-popover-fallback-border-color: #ccc;
  --ion-popover-title-bg: darken(var(--ion-popover-bg), 3%);
  --ion-popover-arrow-width: 10px;
  --ion-popover-arrow-color: var(--ion-popover-bg);
  --ion-popover-arrow-outer-width: (var(--ion-popover-arrow-width) + 1);
  --ion-popover-arrow-outer-color: fade_in(var(--ion-popover-border-color), 0.05);
  --ion-popover-arrow-outer-fallback-color: darken(var(--ion-popover-fallback-border-color), 20%);
  --ion-label-default-bg: var(--ion-gray-light);
  --ion-label-primary-bg: var(--ion-brand-primary);
  --ion-label-success-bg: var(--ion-brand-success);
  --ion-label-info-bg: var(--ion-brand-info);
  --ion-label-warning-bg: var(--ion-brand-warning);
  --ion-label-danger-bg: var(--ion-brand-danger);
  --ion-label-color: #fff;
  --ion-label-link-hover-color: #fff;
  --ion-modal-inner-padding: 15px;
  --ion-modal-title-padding: 15px;
  --ion-modal-title-line-height: var(--ion-line-height-base);
  --ion-modal-content-bg: #fff;
  --ion-modal-content-border-color: rgba(0, 0, 0, .2);
  --ion-modal-content-fallback-border-color: #999;
  --ion-modal-backdrop-bg: #000;
  --ion-modal-backdrop-opacity: .5;
  --ion-modal-header-border-color: #e5e5e5;
  --ion-modal-footer-border-color: var(--ion-modal-header-border-color);
  --ion-modal-lg: 900px;
  --ion-modal-md: 600px;
  --ion-modal-sm: 300px;
  --ion-alert-padding: 15px;
  --ion-alert-border-radius: var(--ion-border-radius-base);
  --ion-alert-link-font-weight: bold;
  --ion-alert-success-bg: var(--ion-state-success-bg);
  --ion-alert-success-text: var(--ion-state-success-text);
  --ion-alert-success-border: var(--ion-state-success-border);
  --ion-alert-info-bg: var(--ion-state-info-bg);
  --ion-alert-info-text: var(--ion-state-info-text);
  --ion-alert-info-border: var(--ion-state-info-border);
  --ion-alert-warning-bg: var(--ion-state-warning-bg);
  --ion-alert-warning-text: var(--ion-state-warning-text);
  --ion-alert-warning-border: var(--ion-state-warning-border);
  --ion-alert-danger-bg: var(--ion-state-danger-bg);
  --ion-alert-danger-text: var(--ion-state-danger-text);
  --ion-alert-danger-border: var(--ion-state-danger-border);
  --ion-progress-bg: #f5f5f5;
  --ion-progress-bar-color: #fff;
  --ion-progress-border-radius: var(--ion-border-radius-base);
  --ion-progress-bar-bg: var(--ion-brand-primary);
  --ion-progress-bar-success-bg: var(--ion-brand-success);
  --ion-progress-bar-warning-bg: var(--ion-brand-warning);
  --ion-progress-bar-danger-bg: var(--ion-brand-danger);
  --ion-progress-bar-info-bg: var(--ion-brand-info);
  --ion-list-group-bg: #fff;
  --ion-list-group-border: #ddd;
  --ion-list-group-border-radius: var(--ion-border-radius-base);
  --ion-list-group-hover-bg: #f5f5f5;
  --ion-list-group-active-color: var(--ion-component-active-color);
  --ion-list-group-active-bg: var(--ion-component-active-bg);
  --ion-list-group-active-border: var(--ion-list-group-active-bg);
  --ion-list-group-active-text-color: lighten(var(--ion-list-group-active-bg), 40%);
  --ion-list-group-disabled-color: var(--ion-gray-light);
  --ion-list-group-disabled-bg: var(--ion-gray-lighter);
  --ion-list-group-disabled-text-color: var(--ion-list-group-disabled-color);
  --ion-list-group-link-color: #555;
  --ion-list-group-link-hover-color: var(--ion-list-group-link-color);
  --ion-list-group-link-heading-color: #333;
  --ion-panel-bg: #fff;
  --ion-panel-body-padding: 15px;
  --ion-panel-heading-padding: 10px 15px;
  --ion-panel-footer-padding: var(--ion-panel-heading-padding);
  --ion-panel-border-radius: var(--ion-border-radius-base);
  --ion-panel-inner-border: #ddd;
  --ion-panel-footer-bg: #f5f5f5;
  --ion-panel-default-text: var(--ion-gray-dark);
  --ion-panel-default-border: #ddd;
  --ion-panel-default-heading-bg: #f5f5f5;
  --ion-panel-primary-text: #fff;
  --ion-panel-primary-border: var(--ion-brand-primary);
  --ion-panel-primary-heading-bg: var(--ion-brand-primary);
  --ion-panel-success-text: var(--ion-state-success-text);
  --ion-panel-success-border: var(--ion-state-success-border);
  --ion-panel-success-heading-bg: var(--ion-state-success-bg);
  --ion-panel-info-text: var(--ion-state-info-text);
  --ion-panel-info-border: var(--ion-state-info-border);
  --ion-panel-info-heading-bg: var(--ion-state-info-bg);
  --ion-panel-warning-text: var(--ion-state-warning-text);
  --ion-panel-warning-border: var(--ion-state-warning-borde);
  --ion-panel-warning-heading-bg: var(--ion-state-warning-bg);
  --ion-panel-danger-text: var(--ion-state-danger-text);
  --ion-panel-danger-border: var(--ion-state-danger-border);
  --ion-panel-danger-heading-bg: var(--ion-state-danger-bg);
  --ion-thumbnail-padding: 4px;
  --ion-thumbnail-bg: var(--ion-body-bg);
  --ion-thumbnail-border: #ddd;
  --ion-thumbnail-border-radius: var(--ion-border-radius-base);
  --ion-thumbnail-caption-color: var(--ion-text-color);
  --ion-thumbnail-caption-padding: 9px;
  --ion-well-bg: #f5f5f5;
  --ion-well-border: darken(var(--ion-well-bg), 7%);
  --ion-badge-color: #fff;
  --ion-badge-link-hover-color: #fff;
  --ion-badge-bg: var(--ion-gray-light);
  --ion-badge-active-color: var(--ion-link-color);
  --ion-badge-active-bg: #fff;
  --ion-badge-font-weight: bold;
  --ion-badge-line-height: 1;
  --ion-badge-border-radius: 10px;
  --ion-breadcrumb-padding-vertical: 8px;
  --ion-breadcrumb-padding-horizontal: 15px;
  --ion-breadcrumb-bg: #f5f5f5;
  --ion-breadcrumb-color: #ccc;
  --ion-breadcrumb-active-color: var(--ion-gray-light);
  --ion-breadcrumb-separator: "/";
  --ion-carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  --ion-carousel-control-color: #fff;
  --ion-carousel-control-width: 15%;
  --ion-carousel-control-opacity: .5;
  --ion-carousel-control-font-size: 20px;
  --ion-carousel-indicator-active-bg: #fff;
  --ion-carousel-indicator-border-color: #fff;
  --ion-carousel-caption-color: #fff;
  --ion-close-font-weight: bold;
  --ion-close-color: #000;
  --ion-close-text-shadow: 0 1px 0 #fff;
  --ion-code-color: #c7254e;
  --ion-code-bg: #f9f2f4;
  --ion-kbd-color: #fff;
  --ion-kbd-bg: #333;
  --ion-pre-bg: #f5f5f5;
  --ion-pre-color: var(--ion-gray-dark);
  --ion-pre-border-color: #ccc;
  --ion-pre-scrollable-max-height: 340px;
  --ion-component-offset-horizontal: 180px;
  --ion-text-muted: var(--ion-gray-light);
  --ion-abbr-border-color: var(--ion-gray-light);
  --ion-headings-small-color: var(--ion-gray-light);
  --ion-blockquote-small-color: var(--ion-gray-light);
  --ion-blockquote-font-size: (var(--ion-font-size-base) * 1.25);
  --ion-blockquote-border-color: var(--ion-gray-lighter);
  --ion-page-header-border-color: var(--ion-gray-lighter);
  --ion-dl-horizontal-offset: var(--ion-component-offset-horizontal);
  --ion-dl-horizontal-breakpoint: var(--ion-grid-float-breakpoint);
  --ion-hr-border: var(--ion-gray-lighter);
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: var(--ion-font-family-base);
  font-size: var(--ion-font-size-base);
  line-height: var(--ion-line-height-base);
  color: var(--ion-text-color);
  background-color: var(--ion-body-bg);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: var(--ion-link-color);
  text-decoration: none;
}
a:hover, a:focus {
  color: var(--ion-link-hover-color);
  -webkit-text-decoration: var(--ion-link-hover-decoration);
          text-decoration: var(--ion-link-hover-decoration);
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: var(--ion-border-radius-large);
}

.img-thumbnail {
  padding: var(--ion-thumbnail-padding);
  line-height: var(--ion-line-height-base);
  background-color: var(--ion-thumbnail-bg);
  border: 1px solid var(--ion-thumbnail-border);
  border-radius: var(--ion-thumbnail-border-radius);
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: var(--ion-line-height-computed);
  margin-bottom: var(--ion-line-height-computed);
  border: 0;
  border-top: 1px solid var(--ion-hr-border);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}

:root {
  --ion-bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")'));
  --ion-gray-darker: #333;
  --ion-gray-dark: #4D4D4D;
  --ion-gray: lighten(#000, 33.5%);
  --ion-gray-light: lighten(#000, 60%);
  --ion-gray-lighter: lighten(#000, 93.5%);
  --ion-brand-primary: #459EEC;
  --ion-brand-primary-light: lighten(#459EEC, 10%);
  --ion-brand-success: #2FD189;
  --ion-brand-info: var(--ion-brand-primary);
  --ion-brand-warning: #F29400;
  --ion-brand-danger: #E94D4C;
  --ion-brand-danger-light: lighten(#E94D4C, 10%);
  --ion-body-bg: white;
  --ion-text-color: var(--ion-gray-dark);
  --ion-link-color: #459EEC;
  --ion-link-hover-color: lighten(#459eec, 5%);
  --ion-font-family-sans-serif: Lato, "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  --ion-font-family-serif: "Merriweather", Georgia, "Times New Roman", Times, serif;
  --ion-font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
  --ion-font-family-base: var(--ion-font-family-sans-serif);
  --ion-font-size-base: 15px;
  --ion-font-size-large: ceil((var(--ion-font-size-base * 1.25)));
  --ion-font-size-small: ceil((var(--ion-font-size-base * 0.85)));
  --ion-font-size-h1: floor((var(--ion-font-size-base * 2.6)));
  --ion-font-size-h2: floor((var(--ion-font-size-base * 2.15)));
  --ion-font-size-h3: ceil((var(--ion-font-size-base * 1.5)));
  --ion-font-size-h4: ceil((var(--ion-font-size-base * 1.25)));
  --ion-font-size-h5: var(var(--ion-font-size-base));
  --ion-font-size-h6: ceil((var(--ion-font-size-base * 0.85)));
  --ion-line-height-base: 1.6;
  --ion-line-height-computed: floor(var(--ion-font-size-base) * var(--ion-line-height-base));
  --ion-headings-font-family: inherit;
  --ion-headings-font-weight: 400;
  --ion-headings-line-height: 1.2;
  --ion-headings-color: var(--ion-gray-dark);
  --ion-icon-font-path: "src/assets/fonts/icons";
  --ion-icon-font-svg-id:	"glyphicons_halflingsregular";
  --ion-padding-base-vertical: 6px;
  --ion-padding-base-horizontal: 12px;
  --ion-padding-large-vertical: 10px;
  --ion-padding-large-horizontal: 16px;
  --ion-padding-small-vertical: 5px;
  --ion-padding-small-horizontal: 10px;
  --ion-padding-xs-vertical: 1px;
  --ion-padding-xs-horizontal: 5px;
  --ion-line-height-large: 1.33;
  --ion-line-height-small: 1.5;
  --ion-border-radius-base: 4px;
  --ion-border-radius-large: var(--ion-border-radius-base);
  --ion-border-radius-small: 3px;
  --ion-component-active-color: var(--ion-brand-primary);
  --ion-component-active-bg: var(--ion-brand-primary);
  --ion-caret-width-base: 4px;
  --ion-caret-width-large: 5px;
  --ion-table-cell-padding: 8px;
  --ion-table-condensed-cell-padding: 5px;
  --ion-table-bg: transparent;
  --ion-table-bg-accent: #f9f9f9;
  --ion-table-bg-hover: #f5f5f5;
  --ion-table-bg-active: var(--ion-table-bg-hover);
  --ion-table-border-color: #ddd;
  --ion-btn-font-weight: 600;
  --ion-btn-default-color: #333;
  --ion-btn-default-bg: #fff;
  --ion-btn-default-border: #ccc;
  --ion-btn-primary-color: #fff;
  --ion-btn-primary-bg: #2FD189;
  --ion-btn-primary-bg-light: #83e3b8;
  --ion-btn-primary-bg-dark: #1c7e52;
  --ion-btn-primary-border: transparent;
  --ion-btn-success-color: #fff;
  --ion-btn-success-bg: var(--ion-brand-success);
  --ion-btn-success-border: darken(#2FD189, 5%);
  --ion-btn-info-color: #fff;
  --ion-btn-info-bg: var(--ion-brand-info);
  --ion-btn-info-border: darken(#459EEC, 5%);
  --ion-btn-warning-color: #fff;
  --ion-btn-warning-bg: var(--ion-brand-warning);
  --ion-btn-warning-border: darken(#F29400, 5%);
  --ion-btn-danger-color: #fff;
  --ion-btn-danger-bg: var(--ion-brand-danger);
  --ion-btn-danger-border: darken(#E94D4C, 5%);
  --ion-btn-link-disabled-color: var(--ion-gray-light);
  --ion-input-bg: #fff;
  --ion-input-bg-disabled: var(--ion-gray-lighter);
  --ion-input-color: var(--ion-gray);
  --ion-input-border: #ccc;
  --ion-input-border-radius: var(--ion-border-radius-base);
  --ion-input-border-focus: #66afe9;
  --ion-input-color-placeholder: var(--ion-gray-light);
  --ion-input-height-base: (var(--ion-line-height-computed) + (var(--ion-padding-base-vertical) * 2) + 2);
  --ion-input-height-large: (ceil(var(--ion-font-size-large) * var(--ion-line-height-large)) + (var(--ion-padding-large-vertical) * 2) + 2);
  --ion-input-height-small: (floor(var(--ion-font-size-small) * var(--ion-line-height-small)) + (var(--ion-padding-small-vertical) * 2) + 2);
  --ion-legend-color: var(--ion-gray-dark);
  --ion-legend-border-color: #e5e5e5;
  --ion-input-group-addon-bg: var(--ion-gray-lighter);
  --ion-input-group-addon-border-color: var(--ion-input-border);
  --ion-dropdown-bg: #fff;
  --ion-dropdown-border: #E9EBED;
  --ion-dropdown-fallback-border: #ccc;
  --ion-dropdown-divider-bg: #e5e5e5;
  --ion-dropdown-link-color: #555;
  --ion-dropdown-link-hover-color: darken(#4D4D4D, 5%);
  --ion-dropdown-link-hover-bg: #f5f5f5;
  --ion-dropdown-link-active-color: var(--ion-component-active-color);
  --ion-dropdown-link-active-bg: transparent;
  --ion-dropdown-link-disabled-color: var(--ion-gray-light);
  --ion-dropdown-header-color: var(--ion-gray-light);
  --ion-dropdown-caret-color: #000;
  --ion-zindex-navbar: 1000;
  --ion-zindex-dropdown: 1000;
  --ion-zindex-popover: 1010;
  --ion-zindex-tooltip: 1030;
  --ion-zindex-navbar-fixed: 1030;
  --ion-zindex-modal-background: 1040;
  --ion-zindex-modal: 1050;
  --ion-screen-xs: 480px;
  --ion-screen-xs-min: var(--ion-screen-xs);
  --ion-screen-phone: var(--ion-screen-xs-min);
  --ion-screen-sm: 768px;
  --ion-screen-sm-min: var(--ion-screen-sm);
  --ion-screen-tablet: var(--ion-screen-sm-min);
  --ion-screen-md: 992px;
  --ion-screen-md-min: var(--ion-screen-md);
  --ion-screen-desktop: var(--ion-screen-md-min);
  --ion-screen-lg: 1200px;
  --ion-screen-lg-min: var(--ion-screen-lg);
  --ion-screen-lg-desktop: var(--ion-screen-lg-min);
  --ion-screen-xs-max: (var(--ion-screen-sm-min) - 1);
  --ion-screen-sm-max: (var(--ion-screen-md-min) - 1);
  --ion-screen-md-max: (var(--ion-screen-lg-min) - 1);
  --ion-grid-columns: 12;
  --ion-grid-gutter-width: 30px;
  --ion-grid-float-breakpoint: var(--ion-screen-sm-min);
  --ion-grid-float-breakpoint-max: (var(--ion-grid-float-breakpoint) - 1);
  --ion-navbar-height: 50px;
  --ion-navbar-margin-bottom: var(--ion-line-height-computed);
  --ion-navbar-border-radius: 0;
  --ion-navbar-padding-horizontal: floor((--ion-grid-gutter-width / 2));
  --ion-navbar-padding-vertical: ((var(--ion-navbar-height) - var(--ion-line-height-computed)) / 2);
  --ion-navbar-collapse-max-height: 340px;
  --ion-navbar-default-color: #777;
  --ion-navbar-default-bg: #f8f8f8;
  --ion-navbar-default-border: darken(#f8f8f8, 6%);
  --ion-navbar-default-link-color: var(--ion-gray);
  --ion-navbar-default-link-hover-color: #333;
  --ion-navbar-default-link-hover-bg: transparent;
  --ion-navbar-default-link-active-color: var(--ion-link-color);
  --ion-navbar-default-link-active-bg: darken(#f8f8f8, 6%);
  --ion-navbar-default-link-disabled-color: #ccc;
  --ion-navbar-default-link-disabled-bg: transparent;
  --ion-navbar-default-brand-color: var(--ion-navbar-default-link-color);
  --ion-navbar-default-brand-hover-color: darken(#555, 10%);
  --ion-navbar-default-brand-hover-bg: transparent;
  --ion-navbar-default-toggle-hover-bg: #ddd;
  --ion-navbar-default-toggle-icon-bar-bg: #888;
  --ion-navbar-default-toggle-border-color: #ddd;
  --ion-navbar-inverse-color: var(--ion-gray-light);
  --ion-navbar-inverse-bg: #222;
  --ion-navbar-inverse-border: darken(#222, 10%);
  --ion-navbar-inverse-link-color: var(--ion-gray-light);
  --ion-navbar-inverse-link-hover-color: #fff;
  --ion-navbar-inverse-link-hover-bg: transparent;
  --ion-navbar-inverse-link-active-color: var(--ion-navbar-inverse-link-hover-color);
  --ion-navbar-inverse-link-active-bg: darken(#222, 10%);
  --ion-navbar-inverse-link-disabled-color: #444;
  --ion-navbar-inverse-link-disabled-bg: transparent;
  --ion-navbar-inverse-brand-color: var(--ion-navbar-inverse-link-color);
  --ion-navbar-inverse-brand-hover-color: #fff;
  --ion-navbar-inverse-brand-hover-bg: transparent;
  --ion-navbar-inverse-toggle-hover-bg: #333;
  --ion-navbar-inverse-toggle-icon-bar-bg: #fff;
  --ion-navbar-inverse-toggle-border-color: #333;
  --ion-nav-link-padding: 10px 15px;
  --ion-nav-link-hover-bg: transparent;
  --ion-nav-disabled-link-color: var(--ion-gray-light);
  --ion-nav-disabled-link-hover-color: var(--ion-gray-light);
  --ion-nav-open-link-hover-color: #fff;
  --ion-nav-tabs-border-color: transparent;
  --ion-nav-tabs-link-hover-border-color: transparent;
  --ion-nav-tabs-active-link-hover-bg: transparent;
  --ion-nav-tabs-active-link-hover-color: var(--ion-gray);
  --ion-nav-tabs-active-link-hover-border-color: transparent;
  --ion-nav-tabs-justified-link-border-color: #ddd;
  --ion-nav-tabs-justified-active-link-border-color: var(--ion-body-bg);
  --ion-nav-pills-border-radius: var(--ion-border-radius-base);
  --ion-nav-pills-active-link-hover-bg: var(--ion-component-active-bg);
  --ion-nav-pills-active-link-hover-color: var(--ion-component-active-color);
  --ion-pagination-color: var(--ion-link-color);
  --ion-pagination-bg: #fff;
  --ion-pagination-border: #ddd;
  --ion-pagination-hover-color: var(--ion-link-hover-color);
  --ion-pagination-hover-bg: var(--ion-gray-lighter);
  --ion-pagination-hover-border: #ddd;
  --ion-pagination-active-color: #fff;
  --ion-pagination-active-bg: var(--ion-brand-primary);
  --ion-pagination-active-border: var(--ion-brand-primary);
  --ion-pagination-disabled-color: var(--ion-gray-light);
  --ion-pagination-disabled-bg: #fff;
  --ion-pagination-disabled-border: #ddd;
  --ion-pager-bg: var(--ion-pagination-bg);
  --ion-pager-border: var(--ion-pagination-border);
  --ion-pager-border-radius: 15px;
  --ion-pager-hover-bg: var(--ion-pagination-hover-bg);
  --ion-pager-active-bg: var(--ion-pagination-active-bg);
  --ion-pager-active-color: var(--ion-pagination-active-color);
  --ion-pager-disabled-color: var(--ion-pagination-disabled-color);
  --ion-jumbotron-padding: 30px;
  --ion-jumbotron-color: inherit;
  --ion-jumbotron-bg: var(--ion-gray-lighter);
  --ion-jumbotron-heading-color: inherit;
  --ion-jumbotron-font-size: ceil((var(--ion-font-size-base) * 1.5));
  --ion-state-success-text: darken(#2FD189, 15%);
  --ion-state-success-bg: lighten(#2FD189, 40%);
  --ion-state-success-border: transparent;
  --ion-state-info-text: lighten(#4D4D4D, 5%);
  --ion-state-info-bg: lighten(#459EEC, 38%);
  --ion-state-info-border: darken(#eee, 8%);
  --ion-state-warning-text: darken(#F29400, 5%);
  --ion-state-warning-bg: #fcf8e3;
  --ion-state-warning-border: darken(#fcf8e3, 10%);
  --ion-state-danger-text: var(--ion-brand-danger);
  --ion-state-danger-bg: #f2dede;
  --ion-state-danger-border: darken(#E94D4C, 10%);
  --ion-tooltip-max-width: 200px;
  --ion-tooltip-color: #fff;
  --ion-tooltip-bg: var(--ion-gray-darker);
  --ion-tooltip-opacity: 1;
  --ion-tooltip-arrow-width: 5px;
  --ion-tooltip-arrow-color: var(--ion-tooltip-bg);
  --ion-popover-bg: #fff;
  --ion-popover-max-width: 276px;
  --ion-popover-border-color: rgba(0,0,0,.1);
  --ion-popover-fallback-border-color: #ccc;
  --ion-popover-title-bg: transparent;
  --ion-popover-arrow-width: 7px;
  --ion-ion-popover-arrow-color: #fff;
  --ion-popover-arrow-outer-width: (var(--ion-popover-arrow-width) + 1);
  --ion-ion-popover-arrow-outer-color: rgba(0,0,0,.1);
  --ion-ion-popover-arrow-outer-fallback-color: #999;
  --ion-label-default-bg: #eee;
  --ion-label-primary-bg: var(--ion-brand-primary);
  --ion-label-success-bg: var(--ion-brand-success);
  --ion-label-info-bg: var(--ion-brand-info);
  --ion-label-warning-bg: var(--ion-brand-warning);
  --ion-label-danger-bg: var(--ion-brand-danger);
  --ion-label-color: var(--ion-gray-light);
  --ion-label-link-hover-color: #fff;
  --ion-modal-inner-padding: 20px;
  --ion-modal-title-padding: 15px;
  --ion-modal-title-line-height: var(--ion-line-height-base);
  --ion-modal-content-bg: #fff;
  --ion-modal-content-border-color: transparent;
  --ion-modal-content-fallback-border-color: transparent;
  --ion-modal-backdrop-bg: #000;
  --ion-modal-backdrop-opacity: .3;
  --ion-modal-header-border-color: #E2E2E2;
  --ion-modal-footer-border-color: var(--ion-modal-header-border-color);
  --ion-modal-lg: 900px;
  --ion-modal-md: 600px;
  --ion-modal-sm: 300px;
  --ion-alert-padding: 15px;
  --ion-alert-border-radius: 0;
  --ion-alert-link-font-weight: bold;
  --ion-alert-success-bg: var(--ion-state-success-bg);
  --ion-alert-success-text: var(--ion-state-success-text);
  --ion-alert-success-border: var(--ion-state-success-border);
  --ion-alert-info-bg: var(--ion-state-info-bg);
  --ion-alert-info-text: var(--ion-state-info-text);
  --ion-alert-info-border: var(--ion-state-info-border);
  --ion-alert-warning-bg: var(--ion-state-warning-bg);
  --ion-alert-warning-text: var(--ion-state-warning-text);
  --ion-alert-warning-border: var(--ion-state-warning-border);
  --ion-alert-danger-bg: var(--ion-state-danger-bg);
  --ion-alert-danger-text: var(--ion-state-danger-text);
  --ion-alert-danger-border: var(--ion-state-danger-border);
  --ion-progress-bg: #efefef;
  --ion-progress-bar-color: #fff;
  --ion-progress-bar-bg: var(--ion-brand-primary);
  --ion-progress-bar-success-bg: var(--ion-brand-success);
  --ion-progress-bar-warning-bg: var(--ion-brand-warning);
  --ion-progress-bar-danger-bg: var(--ion-brand-danger);
  --ion-progress-bar-info-bg: var(--ion-brand-info);
  --ion-list-group-bg: #fff;
  --ion-list-group-border: #ddd;
  --ion-list-group-border-radius: var(--ion-border-radius-base);
  --ion-list-group-hover-bg: #f5f5f5;
  --ion-list-group-active-color: var(--ion-text-color);
  --ion-list-group-active-bg: #EBF7FB;
  --ion-list-group-active-border: #BDE4F0;
  --ion-list-group-active-text-color: var(--ion-text-color);
  --ion-list-group-link-color: #555;
  --ion-list-group-link-heading-color: #333;
  --ion-panel-bg: #fff;
  --ion-panel-body-padding: 15px;
  --ion-panel-border-radius: var(--ion-border-radius-base);
  --ion-panel-inner-border: #ddd;
  --ion-panel-footer-bg: #f5f5f5;
  --ion-panel-default-text: var(--ion-gray-dark);
  --ion-panel-default-border: #ddd;
  --ion-panel-default-heading-bg: #f5f5f5;
  --ion-panel-primary-text: #fff;
  --ion-panel-primary-border: var(--ion-brand-primary);
  --ion-panel-primary-heading-bg: var(--ion-brand-primary);
  --ion-panel-success-text: var(--ion-state-success-text);
  --ion-panel-success-border: var(--ion-state-success-border);
  --ion-panel-success-heading-bg: var(--ion-state-success-bg);
  --ion-panel-info-text: var(--ion-state-info-text);
  --ion-panel-info-border: var(--ion-state-info-border);
  --ion-panel-info-heading-bg: var(--ion-state-info-bg);
  --ion-panel-warning-text: var(--ion-state-warning-text);
  --ion-panel-warning-border: var(--ion-state-warning-border);
  --ion-panel-warning-heading-bg: var(--ion-state-warning-bg);
  --ion-panel-danger-text: var(--ion-state-danger-text);
  --ion-panel-danger-border: var(--ion-state-danger-border);
  --ion-panel-danger-heading-bg: var(--ion-state-danger-bg);
  --ion-thumbnail-padding: 4px;
  --ion-thumbnail-bg: var(--ion-body-bg);
  --ion-thumbnail-border: #ddd;
  --ion-thumbnail-border-radius: var(--ion-border-radius-base);
  --ion-thumbnail-caption-color: var(--ion-text-color);
  --ion-thumbnail-caption-padding: 9px;
  --ion-well-bg: #fafbfc;
  --ion-well-border: darken(#fafbfc, 7%);
  --ion-badge-color: #fff;
  --ion-badge-link-hover-color: #fff;
  --ion-badge-bg: var(--ion-gray-light);
  --ion-badge-active-color: var(--ion-link-color);
  --ion-badge-active-bg: #fff;
  --ion-badge-font-weight: bold;
  --ion-badge-line-height: 1;
  --ion-badge-border-radius: 10px;
  --ion-breadcrumb-padding-vertical: 8px;
  --ion-breadcrumb-padding-horizontal: 15px;
  --ion-breadcrumb-bg: transparent;
  --ion-breadcrumb-color: lighten(#4D4D4D, 55%);
  --ion-breadcrumb-active-color: var(--ion-text-color);
  --ion-breadcrumb-separator: "9";
  --ion-carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6);
  --ion-carousel-control-color: #fff;
  --ion-carousel-control-width: 15%;
  --ion-carousel-control-opacity: .5;
  --ion-carousel-control-font-size: 20px;
  --ion-carousel-indicator-active-bg: #fff;
  --ion-carousel-indicator-border-color: #fff;
  --ion-carousel-caption-color: #fff;
  --ion-close-font-weight: normal;
  --ion-close-color: var(--ion-text-color);
  --ion-close-text-shadow: none;
  --ion-code-color: #c7254e;
  --ion-code-bg: #f9f2f4;
  --ion-kbd-color: #fff;
  --ion-kbd-bg: #333;
  --ion-pre-bg: #f5f5f5;
  --ion-pre-color: var(--ion-gray-dark);
  --ion-pre-border-color: #ccc;
  --ion-pre-scrollable-max-height: 340px;
  --ion-text-muted: var(--ion-gray-light);
  --ion-abbr-border-color: var(--ion-gray-light);
  --ion-headings-small-color: var(--ion-gray-light);
  --ion-blockquote-small-color: var(--ion-gray-light);
  --ion-blockquote-border-color: var(--ion-gray-lighter);
  --ion-page-header-border-color: transparent;
  --ion-hr-border: var(--ion-gray-lighte);
  --ion-component-offset-horizontal: 180px;
  --ion-container-tablet: ((720px + var(--ion-grid-gutter-width)));
  --ion-container-sm: var(--ion-container-tablet);
  --ion-container-desktop: ((940px + var(--ion-grid-gutter-width)));
  --ion-container-md: var(--ion-container-desktop);
  --ion-container-large-desktop: ((1140px + var(--ion-grid-gutter-width)));
  --ion-container-lg: var(--ion-container-large-desktop);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--ion-headings-font-family);
  font-weight: var(--ion-headings-font-weight);
  line-height: var(--ion-headings-line-height);
  color: var(--ion-headings-color);
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: var(--ion-headings-small-color);
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: var(--ion-line-height-computed);
  margin-bottom: var(--ion-line-height-computed)/2;
}
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: var(--ion-line-height-computed)/2;
  margin-bottom: var(--ion-line-height-computed)/2;
}
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: var(--ion-font-size-h1);
}

h2, .h2 {
  font-size: var(--ion-font-size-h2);
}

h3, .h3 {
  font-size: var(--ion-font-size-h3);
}

h4, .h4 {
  font-size: var(--ion-font-size-h4);
}

h5, .h5 {
  font-size: var(--ion-font-size-h5);
}

h6, .h6 {
  font-size: var(--ion-font-size-h6);
}

p {
  margin: 0 0 var(--ion-line-height-computed)/2;
}

.lead {
  margin-bottom: var(--ion-line-height-computed);
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .lead {
    font-size: 17px;
  }
}

small,
.small {
  font-size: 86%;
}

mark,
.mark {
  padding: 0.2em;
  background-color: var(--ion-state-warning-bg);
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase, .initialism {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: var(--ion-text-muted);
}

.text-primary {
  color: #459EEC;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #73b6f1;
}

.text-success {
  color: #219360;
}

a.text-success:hover,
a.text-success:focus {
  color: #2abd7b;
}

.text-info {
  color: #5a5a5a;
}

a.text-info:hover,
a.text-info:focus {
  color: #737373;
}

.text-warning {
  color: #d98400;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ffa10d;
}

.text-danger {
  color: #E94D4C;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #ef7a79;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: var(--ion-brand-primary);
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: LightenDarkenColor(var(--ion-brand-primary), 10);
}

.bg-success {
  background-color: var(--ion-state-success-bg);
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: LightenDarkenColor(var(--ion-state-success-bg), 10);
}

.bg-info {
  background-color: var(--ion-state-info-bg);
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: LightenDarkenColor(var(--ion-state-info-bg), 10);
}

.bg-warning {
  background-color: var(--ion-state-warning-bg);
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: LightenDarkenColor(var(--ion-state-warning-bg), 10);
}

.bg-danger {
  background-color: var(--ion-state-danger-bg);
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: LightenDarkenColor(var(--ion-state-danger-bg), 10);
}

.page-header {
  padding-bottom: var(--ion-line-height-computed)/2-1;
  margin: 40px 0 var(--ion-line-height-computed);
  border-bottom: 1px solid var(--ion-page-header-border-color);
}

ul,
ol {
  margin-top: 0;
  margin-bottom: var(--ion-line-height-computed)/2;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

.list-unstyled, .action-list, .popover-content ul, .info-list, .list__item-actions, .navbar .open .dropdown-menu > ul {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: var(--ion-line-height-computed);
}

dt,
dd {
  line-height: var(--ion-line-height-base);
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: var(--ion-dl-horizontal-breakpoint)) {
  .dl-horizontal dt {
    float: left;
    width: var(--ion-dl-horizontal-offset)-20;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: var(--ion-dl-horizontal-offset);
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: var(--ion-line-height-computed)/2 var(--ion-line-height-computed);
  margin: 0 0 var(--ion-line-height-computed);
  font-size: var(--ion-blockquote-font-size);
  border-left: 5px solid var(--ion-blockquote-border-color);
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: var(--ion-line-height-base);
  color: var(--ion-blockquote-small-color);
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid var(--ion-blockquote-border-color);
  border-left: 0;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: " —";
}

address {
  margin-bottom: var(--ion-line-height-computed);
  font-style: normal;
  line-height: var(--ion-line-height-base);
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: var(--ion-line-height-computed);
  font-size: 17px;
  line-height: inherit;
  color: var(--ion-legend-color);
  border: 0;
  border-bottom: 1px solid var(--ion-legend-border-color);
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}
input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
  cursor: var(--ion-cursor-disabled);
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}

output {
  display: block;
  padding-top: var(--ion-padding-base-vertical)1;
  font-size: var(--ion-font-size-base);
  line-height: var(--ion-line-height-base);
  color: var(--ion-input-color);
}

.form-control {
  display: block;
  width: 100%;
  height: var(--ion-input-height-base);
  padding: var(--ion-padding-base-vertical) var(--ion-padding-base-horizontal);
  font-size: var(--ion-font-size-base);
  line-height: var(--ion-line-height-base);
  color: var(--ion-input-color);
  background-color: var(--ion-input-bg);
  background-image: none;
  border: 1px solid var(--ion-input-border);
  border-radius: var(--ion-input-border-radius);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: var(--ion-input-bg-disabled);
  opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: var(--ion-cursor-disabled);
}

textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: var(--ion-input-height-base);
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: var(--ion-input-height-small);
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: var(--ion-input-height-large);
  }
}
.form-group {
  margin-bottom: var(--ion-form-group-margin-bottom);
}

.radio, .rb,
.checkbox,
.cb-switch,
.cb {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label, .disabled.rb label, fieldset[disabled] .radio label, fieldset[disabled] .rb label,
.checkbox.disabled label,
.disabled.cb-switch label,
.disabled.cb label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .cb-switch label,
fieldset[disabled] .cb label {
  cursor: var(--ion-cursor-disabled);
}
.radio label, .rb label,
.checkbox label,
.cb-switch label,
.cb label {
  min-height: var(--ion-line-height-computed);
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.radio input[type=radio], .rb input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.cb-switch input[type=checkbox],
.cb input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9 ;
  margin-left: -20px;
}

.radio + .radio, .rb + .radio, .radio + .rb, .rb + .rb,
.checkbox + .checkbox,
.cb-switch + .checkbox,
.cb + .checkbox,
.checkbox + .cb-switch,
.cb-switch + .cb-switch,
.cb + .cb-switch,
.checkbox + .cb,
.cb-switch + .cb,
.cb + .cb {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: var(--ion-cursor-disabled);
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

.form-control-static {
  min-height: var(--ion-line-height-computed)var(--ion-font-size-base);
  padding-top: var(--ion-padding-base-vertical)1;
  padding-bottom: var(--ion-padding-base-vertical)1;
  margin-bottom: 0;
}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: var(--ion-input-height-small);
  padding: var(--ion-padding-small-vertical) var(--ion-padding-small-horizontal);
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-small);
  border-radius: var(--ion-input-border-radius-small);
}

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: var(--ion-input-height-small);
  line-height: var(--ion-input-height-small);
}

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: var(--ion-input-height-small);
  padding: var(--ion-padding-small-vertical) var(--ion-padding-small-horizontal);
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-small);
  border-radius: var(--ion-input-border-radius-small);
}
.form-group-sm select.form-control {
  height: var(--ion-input-height-small);
  line-height: var(--ion-input-height-small);
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: var(--ion-input-height-small);
  min-height: var(--ion-line-height-computed)var(--ion-font-size-small);
  padding: var(--ion-padding-small-vertical)1 var(--ion-padding-small-horizontal);
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-small);
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: var(--ion-input-height-large);
  padding: var(--ion-padding-large-vertical) var(--ion-padding-large-horizontal);
  font-size: var(--ion-font-size-large);
  line-height: var(--ion-line-height-large);
  border-radius: var(--ion-input-border-radius-large);
}

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: var(--ion-input-height-large);
  line-height: var(--ion-input-height-large);
}

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: var(--ion-input-height-large);
  padding: var(--ion-padding-large-vertical) var(--ion-padding-large-horizontal);
  font-size: var(--ion-font-size-large);
  line-height: var(--ion-line-height-large);
  border-radius: var(--ion-input-border-radius-large);
}
.form-group-lg select.form-control {
  height: var(--ion-input-height-large);
  line-height: var(--ion-input-height-large);
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: var(--ion-input-height-large);
  min-height: var(--ion-line-height-computed)var(--ion-font-size-large);
  padding: var(--ion-padding-large-vertical)1 var(--ion-padding-large-horizontal);
  font-size: var(--ion-font-size-large);
  line-height: var(--ion-line-height-large);
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: calc(var(--ion-input-height-base) * 1.25);
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: var(--ion-input-height-base);
  height: var(--ion-input-height-base);
  line-height: var(--ion-input-height-base);
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: var(--ion-input-height-large);
  height: var(--ion-input-height-large);
  line-height: var(--ion-input-height-large);
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: var(--ion-input-height-small);
  height: var(--ion-input-height-small);
  line-height: var(--ion-input-height-small);
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .rb,
.has-success .checkbox,
.has-success .cb-switch,
.has-success .cb,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.rb label, .has-success.checkbox label, .has-success.cb-switch label, .has-success.cb label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #219360;
}
.has-success .form-control {
  border-color: #219360;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #176945;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #44d695;
}
.has-success .input-group-addon {
  color: #219360;
  background-color: #d6f6e8;
  border-color: #219360;
}
.has-success .form-control-feedback {
  color: #219360;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .rb,
.has-warning .checkbox,
.has-warning .cb-switch,
.has-warning .cb,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.rb label, .has-warning.checkbox label, .has-warning.cb-switch label, .has-warning.cb label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #d98400;
}
.has-warning .form-control {
  border-color: #d98400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #a66500;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffb540;
}
.has-warning .input-group-addon {
  color: #d98400;
  background-color: #fcf8e3;
  border-color: #d98400;
}
.has-warning .form-control-feedback {
  color: #d98400;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .rb,
.has-error .checkbox,
.has-error .cb-switch,
.has-error .cb,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.rb label, .has-error.checkbox label, .has-error.cb-switch label, .has-error.cb label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #E94D4C;
}
.has-error .form-control {
  border-color: #E94D4C;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #e3201f;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4a7a7;
}
.has-error .input-group-addon {
  color: #E94D4C;
  background-color: #f2dede;
  border-color: #E94D4C;
}
.has-error .form-control-feedback {
  color: #E94D4C;
}

.has-feedback label ~ .form-control-feedback {
  top: var(--ion-line-height-computed)5;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #8d8d8d;
}

@media (min-width: var(--ion-screen-sm-min)) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio, .form-inline .rb,
  .form-inline .checkbox,
  .form-inline .cb-switch,
  .form-inline .cb {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label, .form-inline .rb label,
  .form-inline .checkbox label,
  .form-inline .cb-switch label,
  .form-inline .cb label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio], .form-inline .rb input[type=radio],
  .form-inline .checkbox input[type=checkbox],
  .form-inline .cb-switch input[type=checkbox],
  .form-inline .cb input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio, .form-horizontal .rb,
.form-horizontal .checkbox,
.form-horizontal .cb-switch,
.form-horizontal .cb,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: var(--ion-padding-base-vertical)1;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio, .form-horizontal .rb,
.form-horizontal .checkbox,
.form-horizontal .cb-switch,
.form-horizontal .cb {
  min-height: var(--ion-line-height-computed)var(--ion-padding-base-vertical)1;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .form-horizontal .control-label {
    padding-top: var(--ion-padding-base-vertical)1;
    margin-bottom: 0;
    text-align: right;
  }
}
@media (min-width: var(--ion-screen-sm-min)) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: var(--ion-padding-large-vertical)1;
    font-size: var(--ion-font-size-large);
  }
}
@media (min-width: var(--ion-screen-sm-min)) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: var(--ion-padding-small-vertical)1;
    font-size: var(--ion-font-size-small);
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: var(--ion-btn-font-weight);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: var(--ion-padding-base-vertical) var(--ion-padding-base-horizontal);
  font-size: var(--ion-font-size-base);
  line-height: var(--ion-line-height-base);
  border-radius: var(--ion-btn-border-radius-base);
  -webkit-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline: none;
}
.btn:hover, .btn:focus, .btn.focus {
  color: var(--ion-btn-default-color);
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: var(--ion-cursor-disabled);
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #2FD189;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #2FD189;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #2FD189;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #2FD189;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #2FD189;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #2FD189;
}

.btn-primary {
  color: #fff;
  background-color: #2FD189;
  border-color: transparent;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #25a86e;
  border-color: rgba(0, 0, 0, 0);
}
.btn-primary:hover {
  color: #fff;
  background-color: #25a86e;
  border-color: rgba(0, 0, 0, 0);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #25a86e;
  background-image: none;
  border-color: rgba(0, 0, 0, 0);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #1f8b5b;
  border-color: rgba(0, 0, 0, 0);
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #2FD189;
  border-color: transparent;
}
.btn-primary .badge {
  color: #2FD189;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #2FD189;
  border-color: #2FD189;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #25a86e;
  border-color: #176945;
}
.btn-success:hover {
  color: #fff;
  background-color: #25a86e;
  border-color: #23a068;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #25a86e;
  background-image: none;
  border-color: #23a068;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #1f8b5b;
  border-color: #176945;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #2FD189;
  border-color: #2FD189;
}
.btn-success .badge {
  color: #2FD189;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #459EEC;
  border-color: #459EEC;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #1886e6;
  border-color: #105ea1;
}
.btn-info:hover {
  color: #fff;
  background-color: #1886e6;
  border-color: #1780dd;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #1886e6;
  background-image: none;
  border-color: #1780dd;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #1473c6;
  border-color: #105ea1;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #459EEC;
  border-color: #459EEC;
}
.btn-info .badge {
  color: #459EEC;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #F29400;
  border-color: #F29400;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #bf7500;
  border-color: #734600;
}
.btn-warning:hover {
  color: #fff;
  background-color: #bf7500;
  border-color: #b56f00;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #bf7500;
  background-image: none;
  border-color: #b56f00;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #9b5f00;
  border-color: #734600;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #F29400;
  border-color: #F29400;
}
.btn-warning .badge {
  color: #F29400;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #E94D4C;
  border-color: #E94D4C;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #e3201f;
  border-color: #a21514;
}
.btn-danger:hover {
  color: #fff;
  background-color: #e3201f;
  border-color: #dd1c1b;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #e3201f;
  background-image: none;
  border-color: #dd1c1b;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #c61918;
  border-color: #a21514;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #E94D4C;
  border-color: #E94D4C;
}
.btn-danger .badge {
  color: #E94D4C;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: var(--ion-link-color);
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: var(--ion-link-hover-color);
  -webkit-text-decoration: var(--ion-link-hover-decoration);
          text-decoration: var(--ion-link-hover-decoration);
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: var(--ion-btn-link-disabled-color);
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: var(--ion-padding-large-vertical) var(--ion-padding-large-horizontal);
  font-size: var(--ion-font-size-large);
  line-height: var(--ion-line-height-large);
  border-radius: var(--ion-btn-border-radius-large);
}

.btn-sm, .btn-group-sm > .btn {
  padding: var(--ion-padding-small-vertical) var(--ion-padding-small-horizontal);
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-small);
  border-radius: var(--ion-btn-border-radius-small);
}

.btn-xs, .btn-group-xs > .btn {
  padding: var(--ion-padding-xs-vertical) var(--ion-padding-xs-horizontal);
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-small);
  border-radius: var(--ion-btn-border-radius-small);
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: var(--ion-caret-width-base) dashed;
  border-top: var(--ion-caret-width-base) solid \9 ;
  border-right: var(--ion-caret-width-base) solid transparent;
  border-left: var(--ion-caret-width-base) solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--ion-zindex-dropdown);
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: var(--ion-font-size-base);
  text-align: left;
  list-style: none;
  background-color: var(--ion-dropdown-bg);
  background-clip: padding-box;
  border: 1px solid var(--ion-dropdown-fallback-border);
  border: 1px solid var(--ion-dropdown-border);
  border-radius: var(--ion-border-radius-base);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: var(--ion-line-height-base);
  color: var(--ion-dropdown-link-color);
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: var(--ion-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--ion-dropdown-link-hover-bg);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: var(--ion-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--ion-dropdown-link-active-bg);
  outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: var(--ion-dropdown-link-disabled-color);
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: var(--ion-cursor-disabled);
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-base);
  color: var(--ion-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ion-zindex-dropdown)-10;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: var(--ion-caret-width-base) dashed;
  border-bottom: var(--ion-caret-width-base) solid \9 ;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: var(--ion-caret-width-large) var(--ion-caret-width-large 0);
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 var(--ion-caret-width-large) var(--ion-caret-width-large);
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: var(--ion-btn-border-radius-base);
  border-top-right-radius: var(--ion-btn-border-radius-base);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: var(--ion-btn-border-radius-base);
  border-bottom-left-radius: var(--ion-btn-border-radius-base);
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: var(--ion-padding-base-vertical) var(--ion-padding-base-horizontal);
  font-size: var(--ion-font-size-base);
  font-weight: 400;
  line-height: 1;
  color: var(--ion-input-color);
  text-align: center;
  background-color: var(--ion-input-group-addon-bg);
  border: 1px solid var(--ion-input-group-addon-border-color);
  border-radius: var(--ion-input-border-radius);
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: var(--ion-padding-small-vertical) var(--ion-padding-small-horizontal);
  font-size: var(--ion-font-size-small);
  border-radius: var(--ion-input-border-radius-small);
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: var(--ion-padding-large-vertical) var(--ion-padding-large-horizontal);
  font-size: var(--ion-font-size-large);
  border-radius: var(--ion-input-border-radius-large);
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav, .tab-menu ul,
.tab-menu > ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .tab-menu ul:before, .nav:after, .tab-menu ul:after {
  display: table;
  content: " ";
}
.nav:after, .tab-menu ul:after {
  clear: both;
}
.nav > li, .tab-menu ul > li {
  position: relative;
  display: block;
}
.nav > li > a, .tab-menu ul > li > a {
  position: relative;
  display: block;
  padding: var(--ion-nav-link-padding);
}
.nav > li > a:hover, .tab-menu ul > li > a:hover, .nav > li > a:focus, .tab-menu ul > li > a:focus {
  text-decoration: none;
  background-color: var(--ion-nav-link-hover-bg);
}
.nav > li.disabled > a, .tab-menu ul > li.disabled > a {
  color: var(--ion-nav-disabled-link-color);
}
.nav > li.disabled > a:hover, .tab-menu ul > li.disabled > a:hover, .nav > li.disabled > a:focus, .tab-menu ul > li.disabled > a:focus {
  color: var(--ion-nav-disabled-link-hover-color);
  text-decoration: none;
  cursor: var(--ion-cursor-disabled);
  background-color: transparent;
}
.nav .open > a, .tab-menu ul .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: var(--ion-nav-link-hover-bg);
  border-color: var(--ion-link-color);
}
.nav .nav-divider, .tab-menu ul .nav-divider {
  height: 1px;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img, .tab-menu ul > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid var(--ion-nav-tabs-border-color);
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: var(--ion-line-height-base);
  border: 1px solid transparent;
  border-radius: var(--ion-border-radius-base) var(--ion-border-radius-base) 0 0;
}
.nav-tabs > li > a:hover {
  border-color: var(--ion-nav-tabs-link-hover-border-color) var(--ion-nav-tabs-link-hover-border-color) var(--ion-nav-tabs-border-color);
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: var(--ion-nav-tabs-active-link-hover-color);
  cursor: default;
  background-color: var(--ion-nav-tabs-active-link-hover-bg);
  border: 1px solid var(--ion-nav-tabs-active-link-hover-border-color);
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: var(--ion-nav-pills-border-radius);
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: var(--ion-nav-pills-active-link-hover-color);
  background-color: var(--ion-nav-pills-active-link-hover-bg);
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: var(--ion-screen-sm-min)) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: var(--ion-border-radius-base);
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid var(--ion-nav-tabs-justified-link-border-color);
}
@media (min-width: var(--ion-screen-sm-min)) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid var(--ion-nav-tabs-justified-link-border-color);
    border-radius: var(--ion-border-radius-base) var(--ion-border-radius-base) 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: var(--ion-nav-tabs-justified-active-link-border-color);
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar {
  position: relative;
  min-height: var(--ion-navbar-height);
  margin-bottom: var(--ion-navbar-margin-bottom);
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  display: table;
  content: " ";
}
.navbar:after {
  clear: both;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar {
    border-radius: var(--ion-navbar-border-radius);
  }
}

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " ";
}
.navbar-header:after {
  clear: both;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  padding-right: var(--ion-navbar-padding-horizontal);
  padding-left: var(--ion-navbar-padding-horizontal);
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
  display: table;
  content: " ";
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: var(--ion-zindex-navbar-fixed);
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: var(--ion-navbar-collapse-max-height);
}
@media (max-device-width: var(--ion-screen-xs-min)) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.container > .navbar-header, .print__container > .navbar-header,
.container > .navbar-collapse,
.print__container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -var(--ion-navbar-padding-horizontal);
  margin-left: -var(--ion-navbar-padding-horizontal);
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .container > .navbar-header, .print__container > .navbar-header,
  .container > .navbar-collapse,
  .print__container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top {
  z-index: var(--ion-zindex-navbar);
  border-width: 0 0 1px;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  height: var(--ion-navbar-height);
  padding: var(--ion-navbar-padding-vertical) var(--ion-navbar-padding-horizontal);
  font-size: var(--ion-font-size-large);
  line-height: var(--ion-line-height-computed);
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar > .container .navbar-brand, .navbar > .print__container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -var(--ion-navbar-padding-horizontal);
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: var(--ion-navbar-padding-horizontal);
  margin-top: calc((var(--ion-navbar-height) - 34px) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - 34px) / 2);
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: var(--ion-border-radius-base);
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: var(--ion-navbar-padding-vertical)/2 -var(--ion-navbar-padding-horizontal);
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: var(--ion-line-height-computed);
}
@media (max-width: var(--ion-grid-float-breakpoint-max)) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: var(--ion-line-height-computed);
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: var(--ion-navbar-padding-vertical);
    padding-bottom: var(--ion-navbar-padding-vertical);
  }
}

.navbar-form {
  padding: 10px var(--ion-navbar-padding-horizontal);
  margin-right: -var(--ion-navbar-padding-horizontal);
  margin-left: -var(--ion-navbar-padding-horizontal);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  --ion-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: var(--ion-shadow);
  margin-top: calc((var(--ion-navbar-height) - var(--ion-input-height-base)) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - var(--ion-input-height-base)) / 2);
}
@media (min-width: var(--ion-screen-sm-min)) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio, .navbar-form .rb,
  .navbar-form .checkbox,
  .navbar-form .cb-switch,
  .navbar-form .cb {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label, .navbar-form .rb label,
  .navbar-form .checkbox label,
  .navbar-form .cb-switch label,
  .navbar-form .cb label {
    padding-left: 0;
  }
  .navbar-form .radio input[type=radio], .navbar-form .rb input[type=radio],
  .navbar-form .checkbox input[type=checkbox],
  .navbar-form .cb-switch input[type=checkbox],
  .navbar-form .cb input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: var(--ion-grid-float-breakpoint-max)) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    box-shadow: none;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: var(--ion-navbar-border-radius);
  border-top-right-radius: var(--ion-navbar-border-radius);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: calc((var(--ion-navbar-height) - var(--ion-input-height-base)) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - var(--ion-input-height-base)) / 2);
}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: calc((var(--ion-navbar-height) - var(--ion-input-height-small)) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - var(--ion-input-height-small)) / 2);
}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: calc((var(--ion-navbar-height) - 22) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - 22) / 2);
}

.navbar-text {
  margin-top: calc((var(--ion-navbar-height) - var(--ion-line-height-computed)) / 2);
  margin-bottom: calc((var(--ion-navbar-height) - var(--ion-line-height-computed)) / 2);
}
@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-text {
    float: left;
    margin-right: var(--ion-navbar-padding-horizontal);
    margin-left: var(--ion-navbar-padding-horizontal);
  }
}

@media (min-width: var(--ion-grid-float-breakpoint)) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -var(--ion-navbar-padding-horizontal);
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: var(--ion-navbar-default-bg);
  border-color: var(--ion-navbar-default-border);
}
.navbar-default .navbar-brand {
  color: var(--ion-navbar-default-brand-color);
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: var(--ion-navbar-default-brand-hover-color);
  background-color: var(--ion-navbar-default-brand-hover-bg);
}
.navbar-default .navbar-text {
  color: var(--ion-navbar-default-color);
}
.navbar-default .navbar-nav > li > a {
  color: var(--ion-navbar-default-link-color);
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: var(--ion-navbar-default-link-hover-color);
  background-color: var(--ion-navbar-default-link-hover-bg);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: var(--ion-navbar-default-link-active-color);
  background-color: var(--ion-navbar-default-link-active-bg);
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: var(--ion-navbar-default-link-disabled-color);
  background-color: var(--ion-navbar-default-link-disabled-bg);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: var(--ion-navbar-default-link-active-color);
  background-color: var(--ion-navbar-default-link-active-bg);
}
@media (max-width: var(--ion-grid-float-breakpoint-max)) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: var(--ion-navbar-default-link-color);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--ion-navbar-default-link-hover-color);
    background-color: var(--ion-navbar-default-link-hover-bg);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: var(--ion-navbar-default-link-active-color);
    background-color: var(--ion-navbar-default-link-active-bg);
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: var(--ion-navbar-default-link-disabled-color);
    background-color: var(--ion-navbar-default-link-disabled-bg);
  }
}
.navbar-default .navbar-toggle {
  border-color: var(--ion-navbar-default-toggle-border-color);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--ion-navbar-default-toggle-hover-bg);
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--ion-navbar-default-toggle-icon-bar-bg);
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: var(--ion-navbar-default-border);
}
.navbar-default .navbar-link {
  color: var(--ion-navbar-default-link-color);
}
.navbar-default .navbar-link:hover {
  color: var(--ion-navbar-default-link-hover-color);
}
.navbar-default .btn-link {
  color: var(--ion-navbar-default-link-color);
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: var(--ion-navbar-default-link-hover-color);
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  color: var(--ion-navbar-default-link-disabled-color);
}

.navbar-inverse {
  background-color: var(--ion-navbar-inverse-bg);
  border-color: var(--ion-navbar-inverse-border);
}
.navbar-inverse .navbar-brand {
  color: var(--ion-navbar-inverse-brand-color);
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: var(--ion-navbar-inverse-brand-hover-color);
  background-color: var(--ion-navbar-inverse-brand-hover-bg);
}
.navbar-inverse .navbar-text {
  color: var(--ion-navbar-inverse-color);
}
.navbar-inverse .navbar-nav > li > a {
  color: var(--ion-navbar-inverse-link-color);
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: var(--ion-navbar-inverse-link-hover-color);
  background-color: var(--ion-navbar-inverse-link-hover-bg);
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: var(--ion-navbar-inverse-link-active-color);
  background-color: var(--ion-navbar-inverse-link-active-bg);
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: var(--ion-navbar-inverse-link-disabled-color);
  background-color: var(--ion-navbar-inverse-link-disabled-bg);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: var(--ion-navbar-inverse-link-active-color);
  background-color: var(--ion-navbar-inverse-link-active-bg);
}
@media (max-width: var(--ion-grid-float-breakpoint-max)) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: var(--ion-navbar-inverse-border);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: var(--ion-navbar-inverse-border);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: var(--ion-navbar-inverse-link-color);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: var(--ion-navbar-inverse-link-hover-color);
    background-color: var(--ion-navbar-inverse-link-hover-bg);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: var(--ion-navbar-inverse-link-active-color);
    background-color: var(--ion-navbar-inverse-link-active-bg);
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: var(--ion-navbar-inverse-link-disabled-color);
    background-color: var(--ion-navbar-inverse-link-disabled-bg);
  }
}
.navbar-inverse .navbar-toggle {
  border-color: var(--ion-navbar-inverse-toggle-border-color);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: var(--ion-navbar-inverse-toggle-hover-bg);
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: var(--ion-navbar-inverse-toggle-icon-bar-bg);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: var(--ion-navbar-inverse-link-color);
}
.navbar-inverse .navbar-link:hover {
  color: var(--ion-navbar-inverse-link-hover-color);
}
.navbar-inverse .btn-link {
  color: var(--ion-navbar-inverse-link-color);
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: var(--ion-navbar-inverse-link-hover-color);
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: var(--ion-navbar-inverse-link-disabled-color);
}

.breadcrumb {
  padding: var(--ion-breadcrumb-padding-vertical) var(--ion-breadcrumb-padding-horizontal);
  margin-bottom: var(--ion-line-height-computed);
  list-style: none;
  background-color: var(--ion-breadcrumb-bg);
  border-radius: var(--ion-border-radius-base);
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: var(--ion-breadcrumb-color);
  --ion-nbsp: " ";
  content: "var(--ion-breadcrumb-separator)var(--ion-nbsp)";
}
.breadcrumb > .active {
  color: var(--ion-breadcrumb-active-color);
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: var(--ion-label-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}

a.label:hover, a.label:focus {
  color: var(--ion-label-link-hover-color);
  text-decoration: none;
  cursor: pointer;
}

.label-default {
  background-color: #eee;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #d5d5d5;
}

.label-primary {
  background-color: #459EEC;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #1886e6;
}

.label-success {
  background-color: #2FD189;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #25a86e;
}

.label-info {
  background-color: #459EEC;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #1886e6;
}

.label-warning {
  background-color: #F29400;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #bf7500;
}

.label-danger {
  background-color: #E94D4C;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #e3201f;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: var(--ion-font-size-small);
  font-weight: var(--ion-badge-font-weight);
  line-height: var(--ion-badge-line-height);
  color: var(--ion-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--ion-badge-bg);
  border-radius: var(--ion-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: var(--ion-badge-active-color);
  background-color: var(--ion-badge-active-bg);
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: var(--ion-badge-link-hover-color);
  text-decoration: none;
  cursor: pointer;
}

.alert {
  padding: var(--ion-alert-padding);
  margin-bottom: var(--ion-line-height-computed);
  border: 1px solid transparent;
  border-radius: var(--ion-alert-border-radius);
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: var(--ion-alert-link-font-weight);
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: var(--ion-alert-padding)20;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #219360;
  background-color: var(--ion-alert-success-bg);
  border-color: transparent;
}
.alert-success hr {
  border-top-color: rgba(0, 0, 0, 0);
}
.alert-success .alert-link {
  color: #176945;
}

.alert-info {
  color: #5a5a5a;
  background-color: var(--ion-alert-info-bg);
  border-color: #dadada;
}
.alert-info hr {
  border-top-color: #cdcdcd;
}
.alert-info .alert-link {
  color: #404040;
}

.alert-warning {
  color: #d98400;
  background-color: var(--ion-alert-warning-bg);
  border-color: #f7ecb5;
}
.alert-warning hr {
  border-top-color: #f5e79e;
}
.alert-warning .alert-link {
  color: #a66500;
}

.alert-danger {
  color: #E94D4C;
  background-color: var(--ion-alert-danger-bg);
  border-color: #e3201f;
}
.alert-danger hr {
  border-top-color: #cf1b19;
}
.alert-danger .alert-link {
  color: #e3201f;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: var(--ion-line-height-computed);
  margin-bottom: var(--ion-line-height-computed);
  overflow: hidden;
  background-color: var(--ion-progress-bg);
  border-radius: var(--ion-progress-border-radius);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: var(--ion-font-size-small);
  line-height: var(--ion-line-height-computed);
  color: var(--ion-progress-bar-color);
  text-align: center;
  background-color: var(--ion-progress-bar-bg);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: var(--ion-progress-bar-success-bg);
}
.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: var(--ion-progress-bar-info-bg);
}
.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: var(--ion-progress-bar-warning-bg);
}
.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: var(--ion-progress-bar-danger-bg);
}
.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: var(--ion-list-group-bg);
  border: 1px solid var(--ion-list-group-border);
}
.list-group-item:first-child {
  border-top-left-radius: var(--ion-list-group-border-radius);
  border-top-right-radius: var(--ion-list-group-border-radius);
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: var(--ion-list-group-border-radius);
  border-bottom-left-radius: var(--ion-list-group-border-radius);
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: var(--ion-list-group-disabled-color);
  cursor: var(--ion-cursor-disabled);
  background-color: var(--ion-list-group-disabled-bg);
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: var(--ion-list-group-disabled-text-color);
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: var(--ion-list-group-active-color);
  background-color: var(--ion-list-group-active-bg);
  border-color: var(--ion-list-group-active-border);
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: var(--ion-list-group-active-text-color);
}

a.list-group-item,
button.list-group-item {
  color: var(--ion-list-group-link-color);
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: var(--ion-list-group-link-heading-color);
}
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  color: var(--ion-list-group-link-hover-color);
  text-decoration: none;
  background-color: var(--ion-list-group-hover-bg);
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item-success {
  color: var(--ion-state-success-text);
  background-color: #d6f6e8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: var(--ion-state-success-text);
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: var(--ion-state-success-text);
  background-color: #c1f1dc;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: var(--ion-state-success-text);
  border-color: var(--ion-state-success-text);
}

.list-group-item-info {
  color: var(--ion-state-info-text);
  background-color: #f5fafe;
}

a.list-group-item-info,
button.list-group-item-info {
  color: var(--ion-state-info-text);
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: var(--ion-state-info-text);
  background-color: #deeefc;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: var(--ion-state-info-text);
  border-color: var(--ion-state-info-text);
}

.list-group-item-warning {
  color: var(--ion-state-warning-text);
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: var(--ion-state-warning-text);
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: var(--ion-state-warning-text);
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: var(--ion-state-warning-text);
  border-color: var(--ion-state-warning-text);
}

.list-group-item-danger {
  color: var(--ion-state-danger-text);
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: var(--ion-state-danger-text);
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: var(--ion-state-danger-text);
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: var(--ion-state-danger-text);
  border-color: var(--ion-state-danger-text);
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
  margin-bottom: var(--ion-line-height-computed);
  background-color: var(--ion-panel-bg);
  border: 1px solid transparent;
  border-radius: var(--ion-panel-border-radius);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: var(--ion-panel-body-padding);
}
.panel-body:before, .panel-body:after {
  display: table;
  content: " ";
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: var(--ion-panel-heading-padding);
  border-bottom: 1px solid transparent;
  border-top-left-radius: var(--ion-panel-border-radius)-1;
  border-top-right-radius: var(--ion-panel-border-radius)-1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

.panel-footer {
  padding: var(--ion-panel-footer-padding);
  background-color: var(--ion-panel-footer-bg);
  border-top: 1px solid var(--ion-panel-inner-border);
  border-bottom-right-radius: var(--ion-panel-border-radius)-1;
  border-bottom-left-radius: var(--ion-panel-border-radius)-1;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: var(--ion-panel-border-radius)-1;
  border-top-right-radius: var(--ion-panel-border-radius)-1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: var(--ion-panel-border-radius)-1;
  border-bottom-left-radius: var(--ion-panel-border-radius)-1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.list-group + .panel-footer {
  border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: var(--ion-panel-body-padding);
  padding-left: var(--ion-panel-body-padding);
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: var(--ion-panel-border-radius)-1;
  border-top-right-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: var(--ion-panel-border-radius)-1;
  border-top-right-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: var(--ion-panel-border-radius)-1;
  border-bottom-left-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: var(--ion-panel-border-radius)-1;
  border-bottom-left-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: var(--ion-panel-border-radius)-1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: var(--ion-panel-border-radius)-1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid var(--ion-table-border-color);
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: var(--ion-line-height-computed);
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: var(--ion-panel-border-radius);
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid var(--ion-panel-inner-border);
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid var(--ion-panel-inner-border);
}

.panel-default {
  border-color: var(--ion-panel-default-border);
}
.panel-default > .panel-heading {
  color: var(--ion-panel-default-text);
  background-color: var(--ion-panel-default-heading-bg);
  border-color: var(--ion-panel-default-border);
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-default-border);
}
.panel-default > .panel-heading .badge {
  color: var(--ion-panel-default-heading-bg);
  background-color: var(--ion-panel-default-text);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-default-border);
}

.panel-primary {
  border-color: var(--ion-panel-primary-border);
}
.panel-primary > .panel-heading {
  color: var(--ion-panel-primary-text);
  background-color: var(--ion-panel-primary-heading-bg);
  border-color: var(--ion-panel-primary-border);
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-primary-border);
}
.panel-primary > .panel-heading .badge {
  color: var(--ion-panel-primary-heading-bg);
  background-color: var(--ion-panel-primary-text);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-primary-border);
}

.panel-success {
  border-color: var(--ion-panel-success-border);
}
.panel-success > .panel-heading {
  color: var(--ion-panel-success-text);
  background-color: var(--ion-panel-success-heading-bg);
  border-color: var(--ion-panel-success-border);
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-success-border);
}
.panel-success > .panel-heading .badge {
  color: var(--ion-panel-success-heading-bg);
  background-color: var(--ion-panel-success-text);
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-success-border);
}

.panel-info {
  border-color: var(--ion-panel-info-border);
}
.panel-info > .panel-heading {
  color: var(--ion-panel-info-text);
  background-color: var(--ion-panel-info-heading-bg);
  border-color: var(--ion-panel-info-border);
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-info-border);
}
.panel-info > .panel-heading .badge {
  color: var(--ion-panel-info-heading-bg);
  background-color: var(--ion-panel-info-text);
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-info-border);
}

.panel-warning {
  border-color: var(--ion-panel-warning-border);
}
.panel-warning > .panel-heading {
  color: var(--ion-panel-warning-text);
  background-color: var(--ion-panel-warning-heading-bg);
  border-color: var(--ion-panel-warning-border);
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-warning-border);
}
.panel-warning > .panel-heading .badge {
  color: var(--ion-panel-warning-heading-bg);
  background-color: var(--ion-panel-warning-text);
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-warning-border);
}

.panel-danger {
  border-color: var(--ion-panel-danger-border);
}
.panel-danger > .panel-heading {
  color: var(--ion-panel-danger-text);
  background-color: var(--ion-panel-danger-heading-bg);
  border-color: var(--ion-panel-danger-border);
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--ion-panel-danger-border);
}
.panel-danger > .panel-heading .badge {
  color: var(--ion-panel-danger-heading-bg);
  background-color: var(--ion-panel-danger-text);
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--ion-panel-danger-border);
}

.embed-responsive, .video-container {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item, .video-container .embed-responsive-item,
.embed-responsive iframe,
.video-container iframe,
.embed-responsive embed,
.video-container embed,
.embed-responsive object,
.video-container object,
.embed-responsive video,
.video-container video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: var(--ion-well-bg);
  border: 1px solid var(--ion-well-border);
  border-radius: var(--ion-border-radius-base);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: var(--ion-border-radius-large);
}

.well-sm {
  padding: 9px;
  border-radius: var(--ion-border-radius-small);
}

.close {
  float: right;
  font-size: calc(var(--ion-font-size-base) * 1.5);
  font-weight: var(--ion-close-font-weight);
  line-height: 1;
  --color: #000;
  text-shadow: var(--ion-close-text-shadow);
  --background: transparent !important;
  padding: 0;
}
.close:hover, .close:focus {
  color: var(--ion-close-color);
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal, .splash-open {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ion-zindex-modal);
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog, .fade.splash-open .modal-dialog {
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog, .in.splash-open .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal, .modal-open .splash-open {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: 100%;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: var(--ion-modal-content-bg);
  background-clip: padding-box;
  border: 1px solid var(--ion-modal-content-fallback-border-color);
  border: 1px solid var(--ion-modal-content-border-color);
  border-radius: var(--ion-border-radius-large);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop, .splash {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--ion-zindex-modal-background);
  background-color: var(--ion-modal-backdrop-bg);
}
.modal-backdrop.fade, .fade.splash {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in, .in.splash {
  filter: alpha(opacity=calc(var(--ion-modal-backdrop-opacity) * 100));
  opacity: var(--ion-modal-backdrop-opacity);
}

.modal-header {
  padding: var(--ion-modal-title-padding);
  border-bottom: 1px solid var(--ion-modal-header-border-color);
}
.modal-header:before, .modal-header:after {
  display: table;
  content: " ";
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: var(--ion-modal-title-line-height);
}

.modal-body {
  position: relative;
  padding: var(--ion-modal-inner-padding);
}

.modal-footer {
  padding: var(--ion-modal-inner-padding);
  text-align: right;
  border-top: 1px solid var(--ion-modal-footer-border-color);
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: " ";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: var(--ion-screen-sm-min)) {
  .modal-dialog {
    width: var(--ion-modal-md);
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: var(--ion-modal-sm);
  }
}
@media (min-width: var(--ion-screen-md-min)) {
  .modal-lg {
    width: var(--ion-modal-lg);
  }
}
.tooltip {
  position: absolute;
  z-index: var(--ion-zindex-tooltip);
  display: block;
  font-family: --ion-font-family-base;
  font-style: normal;
  font-weight: 400;
  line-height: --ion-line-height-base;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: var(--ion-font-size-small);
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=calc(var(--ion-tooltip-opacity) * 100));
  opacity: var(--ion-tooltip-opacity);
}
.tooltip.top {
  padding: var(--ion-tooltip-arrow-width 0);
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 var(--ion-tooltip-arrow-width);
  margin-left: 3px;
}
.tooltip.bottom {
  padding: var(--ion-tooltip-arrow-width 0);
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 var(--ion-tooltip-arrow-width);
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -var(--ion-tooltip-arrow-width);
  border-width: var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width 0);
  border-top-color: var(--ion-tooltip-arrow-color);
}
.tooltip.top-left .tooltip-arrow {
  right: var(--ion-tooltip-arrow-width);
  bottom: 0;
  margin-bottom: -var(--ion-tooltip-arrow-width);
  border-width: var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width) 0;
  border-top-color: var(--ion-tooltip-arrow-color);
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: var(--ion-tooltip-arrow-width);
  margin-bottom: -var(--ion-tooltip-arrow-width);
  border-width: var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width 0);
  border-top-color: var(--ion-tooltip-arrow-color);
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -var(--ion-tooltip-arrow-width);
  border-width: var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width 0);
  border-right-color: var(--ion-tooltip-arrow-color);
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -var(--ion-tooltip-arrow-width);
  border-width: var(--ion-tooltip-arrow-width) 0 var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width);
  border-left-color: var(--ion-tooltip-arrow-color);
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -var(--ion-tooltip-arrow-width);
  border-width: 0 var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width);
  border-bottom-color: var(--ion-tooltip-arrow-color);
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: var(--ion-tooltip-arrow-width);
  margin-top: -var(--ion-tooltip-arrow-width);
  border-width: 0 var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width);
  border-bottom-color: var(--ion-tooltip-arrow-color);
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: var(--ion-tooltip-arrow-width);
  margin-top: -var(--ion-tooltip-arrow-width);
  border-width: 0 var(--ion-tooltip-arrow-width) var(--ion-tooltip-arrow-width);
  border-bottom-color: var(--ion-tooltip-arrow-color);
}

.tooltip-inner {
  max-width: var(--ion-tooltip-max-width);
  padding: 3px 8px;
  color: var(--ion-tooltip-color);
  text-align: center;
  background-color: var(--ion-tooltip-bg);
  border-radius: var(--ion-border-radius-base);
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: var(--ion-zindex-popover);
  display: none;
  max-width: var(--ion-popover-max-width);
  padding: 1px;
  font-family: --ion-font-family-base;
  font-style: normal;
  font-weight: 400;
  line-height: --ion-line-height-base;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: var(--ion-font-size-base);
  background-color: var(--ion-popover-bg);
  background-clip: padding-box;
  border: 1px solid var(--ion-popover-fallback-border-color);
  border: 1px solid var(--ion-popover-border-color);
  border-radius: var(--ion-border-radius-large);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -var(--ion-popover-arrow-width);
}
.popover.right {
  margin-left: var(--ion-popover-arrow-width);
}
.popover.bottom {
  margin-top: var(--ion-popover-arrow-width);
}
.popover.left {
  margin-left: -var(--ion-popover-arrow-width);
}
.popover > .arrow {
  border-width: var(--ion-popover-arrow-outer-width);
}
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: var(--ion-popover-arrow-width);
}
.popover.top > .arrow {
  bottom: -var(--ion-popover-arrow-outer-width);
  left: 50%;
  margin-left: -var(--ion-popover-arrow-outer-width);
  border-top-color: var(--ion-popover-arrow-outer-fallback-color);
  border-top-color: var(--ion-popover-arrow-outer-color);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -var(--ion-popover-arrow-width);
  content: " ";
  border-top-color: var(--ion-popover-arrow-color);
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -var(--ion-popover-arrow-outer-width);
  margin-top: -var(--ion-popover-arrow-outer-width);
  border-right-color: var(--ion-popover-arrow-outer-fallback-color);
  border-right-color: var(--ion-popover-arrow-outer-color);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -var(--ion-popover-arrow-width);
  left: 1px;
  content: " ";
  border-right-color: var(--ion-popover-arrow-color);
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -var(--ion-popover-arrow-outer-width);
  left: 50%;
  margin-left: -var(--ion-popover-arrow-outer-width);
  border-top-width: 0;
  border-bottom-color: var(--ion-popover-arrow-outer-fallback-color);
  border-bottom-color: var(--ion-popover-arrow-outer-color);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -var(--ion-popover-arrow-width);
  content: " ";
  border-top-width: 0;
  border-bottom-color: var(--ion-popover-arrow-color);
}
.popover.left > .arrow {
  top: 50%;
  right: -var(--ion-popover-arrow-outer-width);
  margin-top: -var(--ion-popover-arrow-outer-width);
  border-right-width: 0;
  border-left-color: var(--ion-popover-arrow-outer-fallback-color);
  border-left-color: var(--ion-popover-arrow-outer-color);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -var(--ion-popover-arrow-width);
  content: " ";
  border-right-width: 0;
  border-left-color: var(--ion-popover-arrow-color);
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: var(--ion-font-size-base);
  background-color: var(--ion-popover-title-bg);
  border-bottom: 1px solid var(--ion-popover-title-bg);
  border-radius: var(--ion-border-radius-large)-1 var(--ion-border-radius-large)-1 0 0;
}

.popover-content {
  padding: 9px 14px;
}

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

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: var(--ion-screen-xs-max)) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: var(--ion-screen-xs-max)) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: var(--ion-screen-xs-max)) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: var(--ion-screen-xs-max)) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: var(--ion-screen-sm-min)) and (max-width: var(--ion-screen-sm-max)) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: var(--ion-screen-sm-min)) and (max-width: var(--ion-screen-sm-max)) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: var(--ion-screen-sm-min)) and (max-width: var(--ion-screen-sm-max)) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: var(--ion-screen-sm-min)) and (max-width: var(--ion-screen-sm-max)) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: var(--ion-screen-md-min)) and (max-width: var(--ion-screen-md-max)) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: var(--ion-screen-md-min)) and (max-width: var(--ion-screen-md-max)) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: var(--ion-screen-md-min)) and (max-width: var(--ion-screen-md-max)) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: var(--ion-screen-md-min)) and (max-width: var(--ion-screen-md-max)) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: var(--ion-screen-lg-min)) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: var(--ion-screen-lg-min)) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: var(--ion-screen-lg-min)) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: var(--ion-screen-lg-min)) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: var(--ion-screen-xs-max)) {
  .hidden-xs, .global-loader {
    display: none !important;
  }
}
@media (min-width: var(--ion-screen-sm-min)) and (max-width: var(--ion-screen-sm-max)) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: var(--ion-screen-md-min)) and (max-width: var(--ion-screen-md-max)) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: var(--ion-screen-lg-min)) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
[hidden] {
  display: none !important;
}

.eula-text .HeaderFooter {
  height: 1rem !important;
}

@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Light.1635ccb9492771fe.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Light.1635ccb9492771fe.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Light.38c28ef5d38c7945.woff2') format("woff2"), url('LatoLatin-Light.1b6040a671c125dc.woff') format("woff"), url('LatoLatin-Light.27db6e67e988c18c.ttf') format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Regular.9b027a406ebdbfd6.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Regular.9b027a406ebdbfd6.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Regular.d45d409d2fa42169.woff2') format("woff2"), url('LatoLatin-Regular.2d0c0323452c74d7.woff') format("woff"), url('LatoLatin-Regular.06c4cf9dfee1a8e3.ttf') format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Medium.9e33a37328531913.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Medium.9e33a37328531913.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Medium.d75c2209a5171b70.woff2') format("woff2"), url('LatoLatin-Medium.b11711016362874c.woff') format("woff"), url('LatoLatin-Medium.7f4cd51bae3579d5.ttf') format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Semibold.9b910a421fd0cccf.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Semibold.9b910a421fd0cccf.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Semibold.c54d0ec965f3fe04.woff2') format("woff2"), url('LatoLatin-Semibold.74d51886bdc61ad1.woff') format("woff"), url('LatoLatin-Semibold.11464fdbc7f1fb99.ttf') format("truetype");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Bold.56af1572c88927d9.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Bold.56af1572c88927d9.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Bold.1cf13853095a62e2.woff2') format("woff2"), url('LatoLatin-Bold.9d1bee7824203b19.woff') format("woff"), url('LatoLatin-Bold.10d44a1a0ed5a99f.ttf') format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Heavy.c0f7040be93ee238.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Heavy.c0f7040be93ee238.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Heavy.74691c6b533fc12d.woff2') format("woff2"), url('LatoLatin-Heavy.df91c5ea3156f76e.woff') format("woff"), url('LatoLatin-Heavy.8fff53d7653d6bc7.ttf') format("truetype");
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url('LatoLatin-Black.a6f75f47641c2fde.eot'); /* IE9 Compat Modes */
  src: url('LatoLatin-Black.a6f75f47641c2fde.eot?#iefix') format("embedded-opentype"), url('LatoLatin-Black.ce884f08377864ab.woff2') format("woff2"), url('LatoLatin-Black.17d82c2db93d59b9.woff') format("woff"), url('LatoLatin-Black.db10a479fcce31d1.ttf') format("truetype");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
* {
  font-family: "Times New Roman";
  font-family: "Lato";
  font-size: var(--ion-font-size-base);
}
* :focus {
  outline: none;
}

ion-popover.printJobMenu::part(content) {
  width: 18rem;
}
ion-popover.printJobMenu ion-content {
  top: 0;
}
ion-popover.printJobMenu ion-content button.print-job-action-button {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  text-align: left;
  background-color: transparent;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 0 8px;
}
ion-popover.printJobMenu ion-content button.print-job-action-button:active {
  background-color: var(--ion-brand-blue);
  color: #FFF;
}
ion-popover.printJobMenu ion-content button.print-job-action-button > span {
  display: inline-block;
  line-height: 2.5;
}
ion-popover.printJobMenu ion-content button.print-job-action-button:last-child {
  border-bottom: 0;
}
ion-popover.select-printer-menu.ios::part(content) {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
ion-popover.select-printer-menu {
  --width: 88vw;
  --height: 88vh;
}
ion-popover.select-printer-menu::part(backdrop) {
  width: 100vw;
}
@media (min-width: 768px) {
  ion-popover.select-printer-menu {
    max-width: 80vw;
  }
}
@media (min-width: 1400px) {
  ion-popover.select-printer-menu {
    max-width: 60vw;
  }
}
ion-popover.select-printer-menu ion-content ion-scroll {
  white-space: nowrap;
}
ion-popover.select-printer-menu ion-content .printqueues-list-button-container {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding: 10px 0;
  z-index: 100;
}
ion-popover.select-printer-menu ion-content .printqueues-list-button-container ion-button {
  padding: 0;
  margin-bottom: 20px;
}
ion-popover.select-printer-menu ion-content .printqueues-list-button-container ion-button.printqueues-list-button {
  color: #fff;
  text-transform: unset;
  background-color: transparent;
  box-shadow: none;
  margin: 0;
}
ion-popover.select-printer-menu ion-content ion-list {
  width: 100%;
  text-align: center;
  overflow-y: auto;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list {
  padding: 0;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container {
  border-bottom: 1px solid #adadad;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container::part(native) {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container.last-used-queue {
  border: 1px solid var(--ion-brand-blue);
  border-radius: 5px;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue {
  background-color: transparent;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue.text {
  width: calc(100% - 11.5rem);
  font-size: 1.4rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-id.printer-queue {
  width: 5rem;
  height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-id.printer-queue.adjust-signId .sign-id, ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-id.printer-queue.adjust-signId .printer-features {
  height: 2.7rem;
  font-size: 1.4rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-id.printer-queue.adjust-signId .printer-features {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-in-popover {
  width: 40vw;
  height: 6rem;
  color: #333;
  font-weight: 400;
  text-align: left;
  line-height: 5rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-left: 0.7rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-in-popover .queue-name {
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.select-printer-clickzone.printer-queue .printer-in-popover .printer-location {
  color: #9E9EA6;
  line-height: 2rem;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone {
  width: 29px;
  height: 29px;
  font-size: 110%;
  border: 1px solid rgba(79, 171, 236, 0.2);
  border-radius: 50%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 13px;
  right: 6px;
  padding: 0;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone .favorite-printer-icon {
  top: 0px;
  left: 0px;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone .favorite-printer-icon .favorite-color {
  color: var(--ion-brand-blue);
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone.printer-info {
  font-size: 120%;
  background-color: transparent;
  right: 50px;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone.printer-info:active {
  background-color: rgba(0, 191, 255, 0.3);
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone.printer-info:active .favorite-color {
  color: #FFF;
}
ion-popover.select-printer-menu ion-content ion-list ion-item.printer-list-item ion-list ion-item.printer-queue-container button.favorite-printer-clickzone.printer-info .info-icon {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
}
ion-popover .alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 9px;
  top: 5px;
}
ion-popover.deselectPrintJobs::part(content) {
  padding: 1.5rem;
}
ion-popover.deselectPrintJobs ion-content {
  display: flex;
  justify-content: center;
}
ion-popover.deselectPrintJobs ion-content .deselect-text {
  text-align: center;
}
ion-popover.deselectPrintJobs ion-content .deselect-text h5 {
  margin: 0;
}
ion-popover.deselectPrintJobs ion-content .deselect-text p {
  margin: 12px 0;
}
ion-popover.deselectPrintJobs ion-content .deselect-buttons {
  display: flex;
  justify-content: space-evenly;
}
ion-popover.deselectPrintJobs ion-content .deselect-buttons button {
  min-width: 70px;
  border-color: var(--ion-brand-blue);
}
ion-popover.releaseMatchingPrintJobs::part(content) {
  padding: 1.5rem;
}
ion-popover.releaseMatchingPrintJobs ion-content {
  display: flex;
  justify-content: center;
}
ion-popover.releaseMatchingPrintJobs ion-content .deselect-text {
  text-align: center;
}
ion-popover.releaseMatchingPrintJobs ion-content .deselect-text h5 {
  margin: 0;
}
ion-popover.releaseMatchingPrintJobs ion-content .deselect-text p {
  margin: 12px 0;
}
ion-popover.releaseMatchingPrintJobs ion-content .deselect-buttons {
  display: flex;
  justify-content: space-evenly;
}
ion-popover.releaseMatchingPrintJobs ion-content .deselect-buttons button {
  min-width: 70px;
  border-color: var(--ion-brand-blue);
}
ion-popover.showAirPrintPasswordsList::part(content) {
  padding: 1.5rem;
}
ion-popover.showAirPrintPasswordsList {
  --width: 88vw;
}
ion-popover.showAirPrintPasswordsList .close-btn-container {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}
ion-popover.showAirPrintPasswordsList .close-btn-container .btn {
  display: block;
  border-color: #1478BE;
}
ion-popover.showAirPrintPasswordsList .airprint-popover {
  position: relative;
}
ion-popover.showAirPrintPasswordsList .airprint-popover .close {
  height: 20px;
  font-size: 20px;
  float: none;
  position: absolute;
  top: -10px;
  right: 3px;
  margin: 0;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__header {
  margin-bottom: 40px;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__header__title {
  text-transform: uppercase;
  text-align: center;
  margin-top: 1rem;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__generated-password {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  -webkit-user-select: text;
          user-select: text;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__generated-password ion-input {
  margin: 11px 8px 11px 6px;
  -webkit-user-select: all;
          user-select: all;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__list-header {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__list-header__name {
  width: 50%;
  text-align: center;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__list-header__pw {
  width: 50%;
  text-align: center;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__pw-list__item .label {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}
ion-popover.showAirPrintPasswordsList .airprint-popover__content__pw-list__item .label > div {
  width: 50%;
  text-align: left;
}
ion-popover.securePrintEnabled::part(content), ion-popover.onDeviceRelease::part(content) {
  padding: 2rem;
}
ion-popover.securePrintEnabled .secure-print-level-text, ion-popover.onDeviceRelease .secure-print-level-text {
  text-align: center;
  margin-bottom: 1rem;
}
ion-popover.securePrintEnabled .secure-print-level-button, ion-popover.onDeviceRelease .secure-print-level-button {
  display: flex;
  justify-content: center;
}
ion-popover.unMatchedPrinter::part(content) {
  padding: 1.5rem;
}
ion-popover.unMatchedPrinter ion-content {
  margin-bottom: 10px !important;
}
ion-popover.unMatchedPrinter ion-content .unmatched-printer-text {
  text-align: center;
  margin-bottom: 10px;
}
ion-popover.unMatchedPrinter ion-content .unmatched-printer-button {
  display: flex;
  justify-content: center;
}
ion-popover.unMatchedPrinter ion-content .unmatched-printer-button ion-button {
  text-transform: unset;
}
ion-popover.tooManyPrintJobSelected::part(content) {
  padding: 2rem;
}
ion-popover.tooManyPrintJobSelected ion-content {
  margin-bottom: 1rem !important;
}
ion-popover.tooManyPrintJobSelected ion-content .print-job-limit__text {
  text-align: center;
  margin-bottom: 2rem;
}
ion-popover.tooManyPrintJobSelected ion-content .print-job-limit__button {
  display: flex;
  justify-content: center;
}
ion-popover.tooManyPrintJobSelected ion-content .print-job-limit__button ion-button {
  text-transform: unset;
}
ion-popover.choose-scanning-method::part(content) {
  padding: 1.5rem;
}
ion-popover.choose-scanning-method {
  --width: 70vw;
}
ion-popover.choose-scanning-method ion-list {
  padding: 0;
}
ion-popover.choose-scanning-method ion-list ion-item:first-child {
  margin-bottom: 1.5rem;
}
ion-popover.scan-nfc-ready ion-list {
  text-align: center;
  padding: 1.5rem;
}
ion-popover.scan-nfc-ready ion-list ion-label {
  text-align: center;
  font-size: 18px;
}
ion-popover.scan-nfc-ready ion-list .btn {
  width: 50%;
  height: 35px;
  padding: 0;
  text-transform: unset;
  margin-top: 1.5rem;
}
ion-popover.secure-print-method::part(content) {
  padding: 1.5rem;
}
ion-popover.secure-print-method ion-list {
  text-align: center;
}
ion-popover.secure-print-method ion-list h5 {
  margin: 1rem 0;
}
ion-popover.secure-print-method ion-list .nfc-not-available {
  color: red;
  font-size: 1.1rem;
}
ion-popover.secure-print-method ion-list .secure-print-method-list {
  margin: 3rem 0 4rem;
}
ion-popover.secure-print-method ion-list .secure-print-method-list ion-item::part(native) {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
ion-popover.secure-print-method ion-list .secure-print-method-list ion-item::part(native) {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
ion-popover.secure-print-method ion-list .secure-print-method-list ion-item i {
  margin: 0 1rem;
}
ion-popover.secure-print-method ion-list .secure-print-method-list ion-item ion-label {
  text-align: center;
  padding-bottom: 1rem;
  margin: 1rem 0;
}
ion-popover.secure-print-method ion-list .secure-print-method-list ion-item ion-label.network-name {
  white-space: normal;
}
ion-popover.secure-print-method ion-list .action-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
ion-popover.secure-print-method ion-list .action-buttons.close-button {
  justify-content: center;
}
ion-popover.secure-print-method ion-list .action-buttons ion-button {
  text-transform: unset;
}
ion-popover.confirm-tag-printer .list-ios > .item-block:first-child {
  border: none;
}
ion-popover.confirm-tag-printer ion-list {
  padding: 1.5rem;
}
ion-popover.confirm-tag-printer ion-list .item.sc-ion-label-ios-h, ion-popover.confirm-tag-printer ion-list .item .sc-ion-label-ios-h {
  white-space: normal;
}
ion-popover.confirm-tag-printer ion-list ion-item {
  text-align: center;
  margin-bottom: 2rem;
  white-space: normal;
}
ion-popover.confirm-tag-printer ion-list ion-button {
  text-align: center;
  font-size: 16px;
  white-space: break-spaces !important;
  text-transform: unset;
}
ion-popover.device-version-warning::part(content) {
  width: 300px;
}
ion-popover.device-version-warning ion-list {
  text-align: center;
}
ion-popover.device-version-warning ion-list ion-item {
  text-align: center;
  border-top: none !important;
  --border-color: none !important;
}
ion-popover.device-version-warning ion-list ion-item.go-to-store-link img {
  width: 150px;
}
ion-popover.send-logs .email-logs-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
ion-popover.send-logs .email-logs-button-container ion-button {
  width: auto;
  height: 4rem;
  text-transform: unset;
}
ion-popover.send-logs ion-item {
  border: none !important;
}

ion-modal {
  --background: transparent;
}
ion-modal.showPrintJobInfo::part(content) {
  box-shadow: none;
}
ion-modal.showPrintJobInfo ion-item::part(native) {
  --background: transparent;
}
@media only screen and (min-width: 768px) and (min-height: 768px) {
  ion-modal.showPrintJobInfo.sc-ion-modal-md-h {
    --height: 700px;
  }
}
ion-modal.showPrintJobInfo .modal-content {
  padding: 1rem;
}
ion-modal.showPrintJobInfo .modal-content .info-list__content {
  height: auto;
}
ion-modal.showPrintJobInfo .modal-footer button {
  height: 4rem;
  color: #fff;
  background: var(--ion-color-green1);
  border-radius: 5px;
  padding: 6px 12px;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.printerInfo {
    --min-height: 80rem !important;
  }
}
ion-modal.printerInfo::part(content) {
  box-shadow: none;
}
ion-modal.printerInfo ion-item::part(native) {
  --background: transparent;
}
ion-modal.printerInfo .show-printer-info .info-list__content {
  width: auto;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
ion-modal.printerInfo .show-printer-info .info-list__content.loader-container {
  overflow-x: visible;
  margin-top: 6px;
}
ion-modal.printerInfo .show-printer-info .info-list__content.loader-container .loader {
  margin: 0;
}
ion-modal.printerInfo .show-printer-info .info-list__content .printer-status__text-container {
  padding-left: 2rem;
}
ion-modal.printerInfo .show-printer-info .info-list__content .no-printer-access {
  margin-left: 7px;
  line-height: 14px;
  max-width: 90%;
  display: inline-block;
}
ion-modal.printerInfo .show-printer-info .modal-footer button {
  color: #fff;
  background: var(--ion-color-green1);
  border-radius: 5px;
  padding: 6px 12px;
}
ion-modal .modal-container.content-ios {
  background-color: transparent;
}
ion-modal h3.modal-title {
  max-width: 100%;
  line-height: 1.8;
}
ion-modal .info-list__header {
  width: 100%;
  text-align: left;
}
ion-modal .info-list__content {
  width: 100%;
  color: #4D4D4D;
  text-align: left;
  white-space: normal;
  overflow-x: auto;
}
ion-modal .info-list__content__functions {
  margin-bottom: 10px;
}
ion-modal .info-list__content__functions:last-child {
  margin-bottom: 0;
}
ion-modal .info-list__content .printer-status {
  margin-right: 1rem;
}
ion-modal .info-list__content .status-text-placement {
  display: inline-block;
  margin: 0 0 5px;
}
ion-modal.selectPrintQueue ion-item::part(native) {
  --background: transparent;
}
ion-modal.selectPrintQueue ion-item .modal-content {
  width: 100%;
  background-color: #FFF;
  max-height: 90vh;
  overflow-y: scroll;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone {
  width: 100%;
  display: flex;
  position: relative;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-id .sign-id {
  height: 1rem;
  display: block;
  margin-top: -3px;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-id .printer-features {
  display: inline-block;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover {
  width: 53vw;
  margin-left: 0.7rem;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .select-queue-printer-name {
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .printer-status-container {
  line-height: 2;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .printer-status-container .printer-status {
  margin-left: 0px !important;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .printer-status-container .status-text-placement {
  line-height: 0.9;
  position: unset;
  margin-left: 1rem !important;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .printer-status-container > span {
  display: inline-block;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .select-printer-clickzone .printer-in-popover .loader {
  position: absolute;
  top: 0.1rem;
  left: 5.5rem;
  margin-top: 0;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-header .close {
  font-size: 2.3rem;
  position: absolute;
  top: 0.8rem;
  right: 0px;
  margin-top: 0 !important;
  --box-shadow: none;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list {
  padding: 0 0 2rem 0;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .sub-title {
  border-bottom: 1px solid #efefef;
  padding: 0.5rem 0 0.5rem 1rem;
  text-align: left;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .sub-title .showJobs-btn {
  padding-left: 1rem;
  background: transparent;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .sub-title .showJobs-btn > span {
  margin-right: 0.5rem;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .sub-title .printJobsList {
  margin-top: 0.5rem;
  font-size: 90%;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .sub-title .printJobsList .printjob-subtitle {
  width: 87%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .no-print-queue {
  padding: 20px 0;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .queue-row {
  border-bottom: 1px solid #efefef;
  position: relative;
  height: 63px;
  padding: 10px 20px 10px 20px;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .queue-row:nth-child(1) {
  border: none;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .queue-row .name {
  display: inline-block;
  color: #4b4b4b;
  font-weight: 400;
  font-size: 89%;
  text-align: left;
  max-width: 76%;
  white-space: normal;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list .queue-row .action-btn {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 8rem;
}
ion-modal.selectPrintQueue ion-item .modal-content .modal-body.print-queue-list.no-printer-access {
  padding: 2rem 2rem 0.5rem;
}
ion-modal.networksList::part(content) {
  box-shadow: none;
}
ion-modal.networksList ion-list {
  width: 95%;
  text-align: center;
  background-color: #FFF;
  border-radius: var(--ion-border-radius-base);
  padding: 10px;
}
ion-modal.networksList ion-list .networks-list-title {
  display: block;
  font-size: 20px;
}
ion-modal.networksList ion-list .network-list-container {
  max-height: 55vh;
  overflow: auto;
  padding: 0 0 20px 15px;
  padding-left: 15px;
}
ion-modal.networksList ion-list .network-list-container ion-item:hover {
  background-color: #1478BE;
}
ion-modal.networksList ion-list .button-container ion-button {
  text-transform: unset;
}
ion-modal.networksList ion-list ion-item {
  background-color: #fff;
}
ion-modal.networksList ion-list ion-item ion-searchbar {
  width: 100%;
  background-color: transparent;
  border-top: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  margin-left: -1%;
}
ion-modal.networksList ion-list ion-item ion-searchbar .searchbar-search-icon {
  top: 3px;
}
ion-modal.networksList ion-list ion-item ion-searchbar .searchbar-input {
  box-shadow: none;
  padding: 4px 55px;
  line-height: 20px;
}
ion-modal.networksList ion-list ion-item .network-name {
  text-align: left;
}
ion-modal.networksList ion-list ion-item .network-checkbox {
  margin-left: 18px !important;
}
ion-modal.networksList ion-list.networks-list-buttons {
  text-align: center;
}
ion-modal.networksList ion-list.networks-list-buttons ion-button {
  text-transform: unset;
}
ion-modal.networksList ion-list.networks-list-buttons .pagination-container {
  text-align: center;
}
@media (min-width: 768px) {
  ion-modal .networksList .modal-wrapper {
    height: 1000px;
    top: calc(50% - 500px);
  }
  ion-modal .networksList .modal-wrapper ion-list .network-list-container {
    max-height: 650px;
  }
}

ion-modal.http-error-modal::part(content) {
  box-shadow: none;
}
ion-modal.http-error-modal ion-card.http-error-modal {
  width: 100%;
  background-color: #E94D4C !important;
  margin: 0 !important;
}
ion-modal.http-error-modal ion-card.http-error-modal.internal-error {
  background-color: #F49500 !important;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header {
  color: #000;
  position: relative;
  padding: 10px 10px !important;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-warning {
  font-size: 18px;
  vertical-align: text-bottom;
  padding-right: 10px;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-warning.server-error {
  display: block;
  padding: 3px 0;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .try-again {
  display: block;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-angle-down {
  font-size: 18px;
  margin-top: 5px;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-angle-down.server-error {
  display: block;
  margin-top: 0;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-close {
  width: 40px;
  height: 80%;
  position: absolute;
  right: 0;
  top: 5px;
  padding-top: 10px;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .icon-close.server-error {
  top: 0;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .error-modal-title {
  padding: 10px 0;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-header .error-modal-title.server-error {
  width: 70%;
  text-align: center;
  overflow: hidden;
  display: block;
  white-space: normal;
  padding: 0;
  margin: auto;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-content {
  color: #4e4e4e;
  background-color: #e9e9e9;
  text-align: left;
  overflow: hidden;
  padding: 0;
  -webkit-user-select: all;
          user-select: all;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-content .error-message-content-inner {
  overflow-y: auto;
  padding: 15px 10px;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-content .error-message-content-inner > div:last-child .error-message-content-title {
  margin-bottom: 0;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-content .error-message-content-inner > div .error-message-content-title {
  font-weight: bold;
  display: inline-block;
}
ion-modal.http-error-modal ion-card.http-error-modal ion-card-content .error-message-content-inner > div .error-message-content-text {
  -webkit-user-select: all;
          user-select: all;
}

.show-confirm-dialog .alert-wrapper {
  border-radius: 10px;
}
.show-confirm-dialog .alert-wrapper .alert-head h2 {
  text-align: center;
}
.show-confirm-dialog .alert-wrapper .alert-message {
  font-size: 18px;
  text-align: center;
}
.show-confirm-dialog .alert-button-group {
  justify-content: space-between;
  padding: 24px;
}
.show-confirm-dialog .alert-button-group .alert-button {
  color: var(--ion-color-primary);
  border: 2px solid var(--ion-color-primary);
  border-radius: 10px;
  padding: 10px 20px;
  flex: none;
  min-width: 10px;
}
.show-confirm-dialog .alert-button-group .alert-button .alert-button-inner {
  justify-content: center;
}

.error-network {
  background-color: #4D4D4D !important;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
}
.error-network .error-network-container {
  color: #fff;
  display: flex;
  align-items: center;
  margin: auto;
}
.error-network .error-network-container .icon-warning {
  width: 40px;
  height: 28px;
  font-size: 25px;
  display: flex;
  align-items: center;
}

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