@charset "UTF-8";
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #003368;
  --ion-color-primary-rgb: 0,51,104;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #002d5c;
  --ion-color-primary-tint: #1a4777;
  /** secondary **/
  --ion-color-secondary: #00BDFF;
  --ion-color-secondary-rgb: 0,189,255;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0,0,0;
  --ion-color-secondary-shade: #00a6e0;
  --ion-color-secondary-tint: #1ac4ff;
  /** 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: #00F07E;
  --ion-color-success-rgb: 0,240,126;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0,0,0;
  --ion-color-success-shade: #00d36f;
  --ion-color-success-tint: #1af28b;
  /** warning **/
  --ion-color-warning: #F1CB00;
  --ion-color-warning-rgb: 241,203,0;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0,0,0;
  --ion-color-warning-shade: #d4b300;
  --ion-color-warning-tint: #f2d01a;
  --ion-color-warning2: #ffd746;
  --ion-color-warning2-rgb: 255, 196, 9;
  --ion-color-warning2-contrast: white;
  --ion-color-warning2-contrast-rgb: 0, 0, 0;
  --ion-color-warning2-shade: #e0ac08;
  --ion-color-warning2-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #C80000;
  --ion-color-danger-rgb: 200,0,0;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255,255,255;
  --ion-color-danger-shade: #b00000;
  --ion-color-danger-tint: #ce1a1a;
  /** 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;
  --ion-color-dark2: #222222;
  --ion-color-dark2-rgb: 34, 34, 34;
  --ion-color-dark2-contrast: #ffffff;
  --ion-color-dark2-contrast-rgb: 255, 255, 255;
  --ion-color-dark2-shade: #181818;
  --ion-color-dark2-tint: #323232;
  /** medium **/
  --ion-color-medium: #949494;
  --ion-color-medium-rgb: 148,148,148;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0,0,0;
  --ion-color-medium-shade: #828282;
  --ion-color-medium-tint: #9f9f9f;
  /** light **/
  --ion-color-light: #E9EFF0;
  --ion-color-light-rgb: 233,239,240;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0,0,0;
  --ion-color-light-shade: #cdd2d3;
  --ion-color-light-tint: #ebf1f2;
  /** white **/
  --ion-color-white: #ffffff;
  --ion-color-white-rgb: 255, 255, 255;
  --ion-color-white-contrast: #000000;
  --ion-color-white-contrast-rgb: 0, 0, 0;
  --ion-color-white-shade: #f1f1f1;
  --ion-color-white-tint: #fafafa;
  /** MP - Automóveis **/
  --ion-color-customer: #444;
  --ion-color-customer-rgb: 68,68,68;
  --ion-color-customer-contrast: #ffffff;
  --ion-color-customer-contrast-rgb: 255,255,255;
  --ion-color-customer-shade: #3c3c3c;
  --ion-color-customer-tint: #575757;
  /** purple **/
  --ion-color-purple: #5560F6;
  --ion-color-purple-rgb: 85,96,246;
  --ion-color-purple-contrast: #ffffff;
  --ion-color-purple-contrast-rgb: 255,255,255;
  --ion-color-purple-shade: #4b54d8;
  --ion-color-purple-tint: #6670f7;
  /** blue **/
  --ion-color-blue: #333FDE;
  --ion-color-blue-rgb: 51,63,222;
  --ion-color-blue-contrast: #ffffff;
  --ion-color-blue-contrast-rgb: 255,255,255;
  --ion-color-blue-shade: #2d37c3;
  --ion-color-blue-tint: #4752e1;
  --ion-color-light-blue: #D2DFFF;
  --ion-color-light-blue-rgb: 210, 223, 255;
  --ion-color-light-blue-contrast: #003EB8;
  --ion-color-light-blue-contrast-rgb: 0, 62, 184;
  --ion-color-light-blue-shade: #3171e0;
  --ion-color-light-blue-tint: #4c8dff;
  --ion-color-light-yellow: #fae696;
  --ion-color-gray: #D9D9D9;
  --ion-color-gray-rgb: 217,217,217;
  --ion-color-gray-contrast: #000000;
  --ion-color-gray-contrast-rgb: 0,0,0;
  --ion-color-gray-shade: #bfbfbf;
  --ion-color-gray-tint: #dddddd;
}
.ion-color-gray {
  --ion-color-base: var(--ion-color-gray) !important;
  --ion-color-base-rgb: var(--ion-color-gray-rgb) !important;
  --ion-color-contrast: var(--ion-color-gray-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-gray-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-gray-shade) !important;
  --ion-color-tint: var(--ion-color-gray-tint) !important;
}
.ion-color-light-blue {
  --ion-color-base: var(--ion-color-light-blue) !important;
  --ion-color-base-rgb: var(--ion-color-light-blue-rgb) !important;
  --ion-color-contrast: var(--ion-color-light-blue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-blue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-light-blue-shade) !important;
  --ion-color-tint: var(--ion-color-light-blue-tint) !important;
}
.ion-color-white {
  --ion-color-base: var(--ion-color-white) !important;
  --ion-color-base-rgb: var(--ion-color-white-rgb) !important;
  --ion-color-contrast: var(--ion-color-white-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-white-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-white-shade) !important;
  --ion-color-tint: var(--ion-color-white-tint) !important;
}
.ion-color-light-yellow {
  --ion-color-base: var(--ion-color-light-yellow)!important;
}
.ion-color-customer {
  --ion-color-base: var(--ion-color-customer) !important;
  --ion-color-base-rgb: var(--ion-color-customer-rgb) !important;
  --ion-color-contrast: var(--ion-color-customer-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-customer-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-customer-shade) !important;
  --ion-color-tint: var(--ion-color-customer-tint) !important;
}
.ion-color-purple {
  --ion-color-base: var(--ion-color-purple) !important;
  --ion-color-base-rgb: var(--ion-color-purple-rgb) !important;
  --ion-color-contrast: var(--ion-color-purple-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-purple-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-purple-shade) !important;
  --ion-color-tint: var(--ion-color-purple-tint) !important;
}
.ion-color-blue {
  --ion-color-base: var(--ion-color-blue) !important;
  --ion-color-base-rgb: var(--ion-color-blue-rgb) !important;
  --ion-color-contrast: var(--ion-color-blue-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-blue-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-blue-shade) !important;
  --ion-color-tint: var(--ion-color-blue-tint) !important;
}
.ion-color-warning2 {
  --ion-color-base: var(--ion-color-warning2) !important;
  --ion-color-base-rgb: var(--ion-color-warning2-rgb) !important;
  --ion-color-contrast: var(--ion-color-warning2-contrast) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning2-contrast-rgb) !important;
  --ion-color-shade: var(--ion-color-warning2-shade) !important;
  --ion-color-tint: var(--ion-color-warning2-tint) !important;
}
.bg-danger {
  background: var(--ion-color-danger);
  --background: var(--ion-color-danger);
}
.bg-success {
  background: var(--ion-color-success);
  --background: var(--ion-color-success);
}
.bg-dark {
  background: var(--ion-color-dark);
  --background: var(--ion-color-dark);
}
.bg-light {
  background: var(--ion-color-light);
  --background: var(--ion-color-light);
}
.bg-primary {
  background: var(--ion-color-primary);
  --background: var(--ion-color-primary);
}
.bg-gray {
  background: var(--ion-color-gray);
  --background: var(--ion-color-gray);
}
.text-gray {
  color: var(--ion-color-gray);
  --color: var(--ion-color-gray);
}
.bg-purple {
  background: var(--ion-color-purple);
  --background: var(--ion-color-purple);
}
.text-purple {
  color: var(--ion-color-purple);
  --color: var(--ion-color-purple);
}
.text-dark {
  color: var(--ion-color-dark);
  --color: var(--ion-color-dark);
}
.text-dark2 {
  color: var(--ion-color-dark2);
  --color: var(--ion-color-dark2);
}
.text-warning {
  color: var(--ion-color-warning);
  --color: var(--ion-color-warning);
}
.bg-customer {
  background: var(--ion-color-customer);
  --background: var(--ion-color-customer);
}
.text-mp-automoveis {
  color: var(--ion-color-customer);
  --color: var(--ion-color-customer);
}
.bg-medium {
  background: var(--ion-color-medium);
  --background: var(--ion-color-medium);
}
.text-medium {
  color: var(--ion-color-medium);
  --color: var(--ion-color-medium);
}
.text-white {
  color: var(--ion-color-white);
  --color: var(--ion-color-white);
}
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card .ion-page > ion-header > ion-toolbar:first-of-type {
  padding-top: 0px;
}
html.ios ion-modal .ion-page {
  border-radius: inherit;
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
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 {
  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=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  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.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%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@font-face {
  font-family: "Kanit";
  font-weight: normal;
  font-style: normal;
  src: url('Kanit-Regular.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: normal;
  font-style: italic;
  src: url('Kanit-Italic.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: lighter;
  font-style: normal;
  src: url('Kanit-ExtraLight.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: 200;
  font-style: normal;
  src: url('Kanit-Light.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: bold;
  font-style: normal;
  src: url('Kanit-Bold.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: bold;
  font-style: italic;
  src: url('Kanit-BoldItalic.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: medium;
  font-style: normal;
  src: url('Kanit-Medium.ttf');
}
@font-face {
  font-family: "Kanit";
  font-weight: 500;
  font-style: italic;
  src: url('Kanit-MediumItalic.ttf');
}
.m0 {
  margin: 0px !important;
}
.m5 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m45 {
  margin: 45px !important;
}
.m50 {
  margin: 50px !important;
}
.m55 {
  margin: 55px !important;
}
.m60 {
  margin: 60px !important;
}
.m65 {
  margin: 65px !important;
}
.m70 {
  margin: 70px !important;
}
.m75 {
  margin: 75px !important;
}
.m80 {
  margin: 80px !important;
}
.m85 {
  margin: 85px !important;
}
.m90 {
  margin: 90px !important;
}
.m95 {
  margin: 95px !important;
}
.m100 {
  margin: 100px !important;
}
.m-0-30 {
  margin: 0 30px !important;
}
.m-0-10 {
  margin: 0 10px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mt--10 {
  margin-top: -10px !important;
}
.mt--5 {
  margin-top: -5px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mr-55 {
  margin-right: 55px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mr-65 {
  margin-right: 65px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mr-75 {
  margin-right: 75px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mr-85 {
  margin-right: 85px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mr-95 {
  margin-right: 95px !important;
}
.mr-100 {
  margin-right: 100px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.ml-55 {
  margin-left: 55px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.ml-65 {
  margin-left: 65px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.ml-75 {
  margin-left: 75px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.ml-85 {
  margin-left: 85px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.ml-95 {
  margin-left: 95px !important;
}
.ml-100 {
  margin-left: 100px !important;
}
.p-0-10 {
  padding: 0 10px !important;
}
.p0 {
  padding: 0px !important;
}
.p5 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !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;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pt-7 {
  padding-top: 7px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-65 {
  padding-top: 65px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pt-85 {
  padding-top: 85px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-95 {
  padding-top: 95px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-55 {
  padding-right: 55px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pr-65 {
  padding-right: 65px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pr-75 {
  padding-right: 75px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pr-85 {
  padding-right: 85px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pr-95 {
  padding-right: 95px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-65 {
  padding-bottom: 65px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pb-85 {
  padding-bottom: 85px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-95 {
  padding-bottom: 95px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-55 {
  padding-left: 55px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pl-65 {
  padding-left: 65px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pl-75 {
  padding-left: 75px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pl-85 {
  padding-left: 85px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pl-95 {
  padding-left: 95px !important;
}
.pl-100 {
  padding-left: 100px !important;
}
.cursor-pointer {
  cursor: pointer;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fs-0-6 {
  font-size: 0.6rem;
}
.fs-0-7 {
  font-size: 0.6rem;
}
.fs-0-8 {
  font-size: 0.8rem !important;
}
.fs-0-9 {
  font-size: 0.9rem;
}
.fs-1 {
  font-size: 1rem !important;
}
.fs-1-1 {
  font-size: 1.1rem !important;
}
.fs-1-2 {
  font-size: 1.2rem;
}
.fs-1-3 {
  font-size: 1.3rem;
}
.fs-1-4 {
  font-size: 1.4rem;
}
.fs-1-5 {
  font-size: 1.5rem !important;
}
.fs-2 {
  font-size: 2rem;
}
.fs-2-5 {
  font-size: 2.5rem;
}
.no-border {
  border: 0;
}
.border {
  border: 1px solid #ccc;
}
.border-primary {
  border: 1px solid var(--ion-color-primary);
}
.border-bottom {
  border-bottom: 1px solid #ccc;
}
.br-100 {
  border-radius: 100%;
}
.br-50 {
  border-radius: 50px;
}
.br-15 {
  border-radius: 15px;
}
.br-10 {
  border-radius: 10px;
}
.br-6 {
  border-radius: 6px;
}
.br-10 {
  border-radius: 10px;
}
.text-capitalize {
  text-transform: capitalize;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.mh-400 {
  max-height: 400px;
}
.mh-10 {
  max-height: 10px;
}
.white {
  color: #fff;
}
.no-shadow {
  box-shadow: none;
  text-shadow: none;
}
.vertical-sub {
  vertical-align: sub !important;
}
.vertical-bottom {
  vertical-align: bottom !important;
}
.justify-content-space-between {
  justify-content: space-between;
}
.justify-content-end {
  justify-content: end;
}
.inline-flex {
  display: inline-flex;
}
.inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-grid {
  display: grid !important;
}
.min-width-100 {
  min-width: 100px;
}
.max-width-130 {
  max-width: 130px;
}
.d-none {
  display: none !important;
}
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-content-space-between {
  align-content: space-between;
}
.bottom-centered {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.op-0-5 {
  opacity: 0.5 !important;
}
.lh-5 {
  line-height: 5px !important;
}
.lh-10 {
  line-height: 10px !important;
}
.lh-15 {
  line-height: 15px !important;
}
.vertical-middle {
  vertical-align: middle !important;
}
.word-break {
  word-break: break-all;
}
.d-contents {
  display: contents;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.position-relative {
  position: relative;
}
* {
  font-family: "Kanit" !important;
}
.logo {
  height: 48px;
  padding: 4px;
}
.popover-info .popover-content {
  width: 420px;
  --width: 420px;
}
ion-toolbar {
  --background: var(--ion-color-primary);
}
ion-content {
  --background: var(--ion-color-light);
  background-color: var(--ion-color-light);
}
ion-searchbar {
  border-radius: 0.45em;
}
ion-title {
  --color: var(--ion-color-white);
}
ion-menu {
  --width: 270px !important;
  --min-width: 270px !important;
  --max-width: 270px !important;
  border-right: 1px solid var(--ion-color-light) !important;
}
.split-pane-md.split-pane-visible > .split-pane-side {
  max-width: 270px !important;
  --max-width: 270px !important;
}
.avatar {
  margin: 20px 8px;
  position: relative;
  color: var(--ion-color-medium);
}
.icon-avatar {
  font-size: 3rem;
  display: inline-block;
  color: #ddd;
}
.text-avatar {
  position: absolute;
  top: 10px;
  left: 60px;
}
.text-avatar small {
  position: absolute;
  top: 20px;
  left: 0px;
}
ion-menu-button {
  --background: var(--ion-color-cobalt);
  --color: var(--ion-color-white);
}
ion-back-button {
  --background: transparent;
  color: var(--ion-color-white) !important;
}
ion-back-button:hover {
  --opacity: 0.6;
  --background-hover: transparent !important;
}
.list-md,
.list-ios {
  background: var(--ion-color-light) !important;
  padding: 0;
}
ion-item {
  --color: var(--ion-color-dark4);
  --background: var(--ion-color-white);
  --border-color: var(--ion-color-light);
  font-size: 0.9rem;
}
ion-item ion-icon,
ion-item fa-icon {
  --color: var(--ion-color-medium) !important;
}
ion-item:hover {
  --background: var(--ion-color-light);
}
ion-label {
  display: block;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
ion-input,
input {
  border-radius: 0.45em !important;
  padding: 0.6875rem 0.85rem !important;
  color: var(--ion-color-dark3) !important;
  width: 100%;
}
.swiper-pagination-departments-bullets {
  bottom: 0px !important;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination-departments-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-pagination-bullet-active {
  background: var(--ion-color-medium);
}
.suffix-password-icon {
  cursor: pointer;
  position: absolute;
  right: 20px;
  font-size: 20px;
  color: grey;
  z-index: 99;
}
.input-select {
  padding: 12px 15px;
}
ion-backdrop {
  opacity: 0.5 !important;
}
.input-dark {
  --background: var(--ion-color-dark2);
  background: var(--ion-color-dark2);
  --color: var(--ion-color-white);
  color: var(--ion-color-white);
  -webkit-appearance: none;
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
  border: 1px solid var(--ion-color-dark2);
}
.input-light {
  --background: var(--ion-color-light);
  background: var(--ion-color-light);
  --color: var(--ion-color-dark2);
  color: var(--ion-color-dark2);
  -webkit-appearance: none;
  padding: 12px;
  border-radius: 7px;
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
  border: 1px solid var(--ion-color-white);
}
.input-transparent {
  --background: rgba(var(--ion-color-white-rgb), 0.1);
  background: rgba(var(--ion-color-white-rgb), 0.1);
  --color: var(--ion-color-white) !important;
  color: var(--ion-color-white) !important;
  -webkit-appearance: none;
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
  border: none;
}
.input-clear-icon {
  background-image: url("/assets/images/close.svg") !important;
}
ion-textarea,
textarea {
  border-radius: 0.45em !important;
  width: 100%;
  max-width: 100%;
  resize: vertical;
}
.native-input {
  padding: 0.6875rem 0.85rem !important;
}
.input-light:hover,
.input-light:active,
.input-light:focus {
  border: 1px solid var(--ion-color-dark) !important;
}
ion-textarea.custom-textarea {
  border-radius: 0.45em !important;
  width: 100%;
  max-width: 100%;
  resize: vertical;
}
ion-textarea.custom-textarea .textarea-wrapper.sc-ion-textarea-md {
  height: 100%;
}
ion-textarea.custom-textarea .textarea-wrapper.sc-ion-textarea-md .native-textarea.sc-ion-textarea-md {
  height: 100%;
}
ion-select,
.select-light,
.select-light button {
  --background: var(--ion-color-light);
  --color: var(--ion-color-cobalt);
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid var(--ion-color-light) !important;
  border-radius: 0.45em !important;
}
.input-select {
  --background: var(--ion-color-light);
  background: var(--ion-color-light);
  --color: var(--ion-color-cobalt);
  -webkit-appearance: none;
  width: 100%;
  border: 1px solid var(--ion-color-light) !important;
  border-radius: 0.45em !important;
}
.select-light:hover,
.select-light:active,
.select-light:focus {
  border: 1px solid var(--ion-color-success) !important;
}
.alert-radio-label,
.alert-title {
  color: var(--ion-color-cobalt) !important;
}
ion-card-header {
  border-bottom: 1px solid var(--ion-color-medium);
}
.bg-transparent {
  --background: transparent;
}
.bg-transparent:hover {
  --background: transparent;
}
.checkbox {
  margin-left: -16px !important;
}
.table-responsive {
  overflow-x: auto;
}
.table {
  width: 100%;
}
.table thead {
  color: var(--ion-color-light);
  background: var(--ion-color-cobalt);
  text-align: left;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.table thead th {
  padding: 0.7rem;
  min-width: 100px !important;
}
.table tr {
  border-bottom: 1px solid rgba(var(--ion-color-cobalt-rgb), 0.3);
}
.table tbody > tr:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}
.table td {
  padding: 0.2rem 0.7rem;
  vertical-align: middle;
}
.table .thead {
  background: var(--ion-color-darkprimary);
}
.loading-wrapper {
  background: black !important;
  color: var(--ion-color-white) !important;
}
.loading-wrapper .spinner-lines {
  color: var(--ion-color-white) !important;
}
ion-searchbar {
  --clear-button-color: #ffffff !important;
  --icon-color: #0000ff;
}
.searchbar-input {
  padding: 6px 40px !important;
}
.w100 {
  display: block;
  width: 100% !important;
}
.popover-arrow.sc-ion-popover-ios,
.popover-content.sc-ion-popover-ios {
  --background: var(--ion-color-white) !important;
}
.sc-ion-searchbar-ios-h {
  height: 44px;
}
ion-infinite-scroll {
  height: 10px;
}
.text-uppercase {
  text-transform: uppercase;
}
.menu-separator {
  font-size: 0.6em !important;
  font-weight: bold;
  background: var(--ion-color-white) !important;
  color: var(--ion-color-medium) !important;
  padding: 30px 0 0px 20px;
  margin-bottom: 0;
}
.icon-input {
  font-size: 1.6rem;
  position: absolute;
  right: 16px;
  top: 41px;
  z-index: 10;
}
.ion-item-component:hover {
  --ion-color-base: var(--ion-color-success) !important;
}
.div-input-light {
  --background: var(--ion-color-light);
  background: var(--ion-color-light);
  --color: var(--ion-color-dark2);
  color: var(--ion-color-dark2);
  -webkit-appearance: none;
  transition-duration: 0.15s;
  transition-property: border, background-color, color, box-shadow;
  transition-timing-function: ease-in;
  border: 1px solid var(--ion-color-white);
  padding: 0.6875rem 0.85rem !important;
  border-radius: 0.45em !important;
}
ion-segment-button {
  --background-activated: var(--ion-color-white);
  --background-checked: var(--ion-color-white);
  --color-activated: var(--ion-color-white);
  --color-checked: var(--ion-color-white);
}
.text-success {
  color: var(--ion-color-success) !important;
}
.text-white {
  color: var(--ion-color-white) !important;
}
.text-secondary {
  color: var(--ion-color-secondary);
}
.icon-input-component {
  font-size: 2rem;
  position: absolute;
  right: 20px;
  top: 18px;
  z-index: 10;
}
.refuse-file-modal .modal-wrapper {
  width: 60%;
  height: 35%;
  border-radius: 15px;
}
.transactions-modal .modal-wrapper {
  width: 70%;
  border-radius: 15px;
}
.card-modal .modal-wrapper {
  width: 60%;
  border-radius: 15px;
}
@media (max-width: 978px) {
  .card-modal .modal-wrapper {
    width: 95%;
    height: 75%;
  }

  .refuse-file-modal .modal-wrapper {
    width: 95%;
    height: 35%;
  }
}
.bg-danger {
  background: var(--ion-color-danger);
  --background: var(--ion-color-danger);
}
.bg-primary {
  background: var(--ion-color-primary);
  --background: var(--ion-color-primary);
}
.bg-secondary {
  background: var(--ion-color-secondary);
  --background: var(--ion-color-secondary);
}
.bg-tertiary {
  background: var(--ion-color-tertiary);
  --background: var(--ion-color-tertiary);
}
.bg-white {
  background: var(--ion-color-white) !important;
  --background: var(--ion-color-white) !important;
  background-color: var(--ion-color-white) !important;
}
.text-customer {
  color: var(--ion-color-primary);
}
.text-secondary {
  color: var(--ion-color-secondary);
}
.text-primary {
  color: var(--ion-color-primary);
}
.text-danger {
  color: var(--ion-color-danger) !important;
}
.bg-customer {
  --background: var(--ion-color-primary);
  background: var(--ion-color-primary);
}
.bg-warning {
  --background: var(--ion-color-warning);
  background: var(--ion-color-warning);
}
.vehicle-modal .modal-wrapper {
  width: 70rem;
}
.requestModalRecuse .modal-wrapper {
  height: 370px;
}
.requestModal .modal-wrapper {
  height: 430px;
}
.select-payment-page .modal-wrapper {
  width: 60%;
}
@media (max-width: 767px) {
  .requestModal .modal-wrapper {
    height: 100%;
  }

  .select-payment-page .modal-wrapper {
    width: 100%;
    height: 100%;
  }
}
.reorder-images-modal .modal-wrapper {
  width: 50rem;
}
.li-ionic4-datePicker .modal-wrapper {
  --ion-color-primary: var(
      --ion-color-primary
  );
}
.li-ionic4-datePicker .modal-wrapper ion-button {
  --ion-color-primary: var(--ion-color-primary);
}
.resume-text {
  padding: 20px;
  white-space: pre-wrap;
}
.resume-text .alert-wrapper {
  max-width: 500px;
}
.delta-alert .alert-title.sc-ion-alert-md {
  color: var(--ion-color-danger) !important;
  font-size: 18px;
  font-weight: bold !important;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
  color: var(--ion-color-dark3) !important;
  opacity: 0.5;
}
.message-notification {
  right: 20px;
  width: 25% !important;
  margin-left: auto;
  font-size: 1.1rem;
}
.modal-help-chat {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal-help-chat .modal-wrapper {
  width: 80% !important;
  height: 40vh !important;
  border-radius: 20px;
  --background: transparent !important;
  background: transparent !important;
}
.modal-help-chat .modal-wrapper ion-content {
  --background: var(--ion-color-primary) !important;
}
.image-cropped-modal {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.image-cropped-modal .modal-wrapper {
  width: 80% !important;
  height: 80% !important;
  --background: transparent !important;
  background: transparent !important;
}
g.line-chart > g:last-of-type > g:nth-child(n) g.line-series > path {
  stroke-width: 3;
  stroke-linecap: round;
}
.bg-danger-light {
  --background: #e007071a;
  background: #e007071a;
}
.icon-warning {
  background: black;
  border-radius: 100px;
  padding: 2px;
}
.stared-item {
  font-weight: bold !important;
  display: inline-block;
}
.stared-item ion-icon {
  color: #ffb700 !important;
}
.textdoc {
  color: #7e7e7e;
}
.cardactive {
  width: 100%;
}
.list-ios-lines-full .item .item-edit {
  --border-width: 0 0 0.55px 0;
}
.input-wrapper {
  display: grid !important;
}
.rowdiv {
  display: flex !important;
  flex-direction: column !important;
}
.cardpx {
  min-width: 76px;
  width: 100%;
}
.rowspace {
  align-items: center;
  margin: 8px 0px 12px 0px;
  width: 100%;
}
ion-item::part(itemcustom)::first-letter {
  display: block;
}
@media (max-width: 460px) {
  .titlemob {
    margin-left: -30px;
  }
}
.horizontal-scroll {
  white-space: nowrap;
  overflow-x: auto;
  display: flex;
  gap: 10px;
}
.ionsegbut {
  margin-left: 0px;
}
ion-segment-button {
  white-space: nowrap;
}
.trashC {
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  margin-top: 22px;
  background-color: #c80000;
}
.rowC {
  margin-top: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #a9a9a966;
}
@media (max-width: 460px) {
  .ionsegbut {
    margin-left: 115px !important;
  }

  .trashC {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

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