/*html.ios {
    --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif
}

html.md {
    --ion-default-font: "Roboto", "Helvetica Neue", sans-serif
}

body.backdrop-no-scroll {
    overflow: hidden
}
*/

ion-backdrop{
    opacity: 0.5!important;
}

.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, #0cd1e8)!important;
    --ion-color-base-rgb: var(--ion-color-secondary-rgb, 12, 209, 232)!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, #0bb8cc)!important;
    --ion-color-tint: var(--ion-color-secondary-tint, #24d6ea)!important
}

.ion-color-tertiary {
    --ion-color-base: var(--ion-color-tertiary, #7044ff)!important;
    --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 112, 68, 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, #633ce0)!important;
    --ion-color-tint: var(--ion-color-tertiary-tint, #7e57ff)!important
}

.ion-color-success {
    --ion-color-base: var(--ion-color-success, #10dc60)!important;
    --ion-color-base-rgb: var(--ion-color-success-rgb, 16, 220, 96)!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, #0ec254)!important;
    --ion-color-tint: var(--ion-color-success-tint, #28e070)!important
}

.ion-color-warning {
    --ion-color-base: var(--ion-color-warning, #ffce00)!important;
    --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 206, 0)!important;
    --ion-color-contrast: var(--ion-color-warning-contrast, #fff)!important;
    --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 255, 255, 255)!important;
    --ion-color-shade: var(--ion-color-warning-shade, #e0b500)!important;
    --ion-color-tint: var(--ion-color-warning-tint, #ffd31a)!important
}

.ion-color-danger {
    --ion-color-base: var(--ion-color-danger, #f04141)!important;
    --ion-color-base-rgb: var(--ion-color-danger-rgb, 240, 65, 65)!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, #d33939)!important;
    --ion-color-tint: var(--ion-color-danger-tint, #f25454)!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, #989aa2)!important;
    --ion-color-base-rgb: var(--ion-color-medium-rgb, 152, 154, 162)!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, #86888f)!important;
    --ion-color-tint: var(--ion-color-medium-tint, #a2a4ab)!important
}

.ion-color-dark {
    --ion-color-base: var(--ion-color-dark,#1c75c0)!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;
    /* NEW Style: remove padding from slider */
    padding-top: /*8px*/6px !important;  
}

/* New style override IONIC V4 for the handles */
ion-range {   
   --knob-handle-size: 30px !important;     
   --knob-size: 21px !important;
   --knob-background: /*#007AFF*/#1c75c0 !important;
   --knob-height:30px !important;  
   --range-pin-color: black !important;      
   --padding-start:0px !important;
   --ion-padding: 0px !important;
   --ion-safe-area-left:0px !important;  
   --background: black !important; 
     padding: 5px 0 0 0 !important;   
}

.select-icon-inner { border-top: transparent!important; }

/* New style override IONIC V4: removing paddings left and right */

body#advanced ion-item, body#advanced-images ion-item { 
   --padding-start: 0px !important;  
   --inner-padding-end: 22px/*13px*/ !important;
}

ion-item { 
   --padding-start:13px/*0*/ !important;  
   --inner-padding-end: 13px/*0*/ !important;
}

ion-item{
   --ion-background-color:/*#f8f8f8*/ /*#eeeded*/white!important;
   --knob-background-color: white !important;
}

.range-pin {}

.ion-color-dark

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

ion-item item-native {
    --background: none !important;
}

.ion-page-hidden,
[hidden],
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-menu-controller,
ion-modal-controller,
ion-nav-controller,
ion-picker-controller,
ion-popover-controller,
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-toast-controller {
    display: none!important
}

.ion-page-invisible {
    opacity: 0
}


/*
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)
    }
}

audio,
canvas,
progress,
video {
    vertical-align: baseline
}

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

b,
strong {
    font-weight: 700
}

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
}

input,
label,
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
}

.ion-tappable,
[tappable],
[tappable] div,
[tappable] ion-icon,
[tappable] ion-label,
[tappable] span,
a,
a div,
a ion-icon,
a ion-label,
a span,
button,
button div,
button ion-icon,
button ion-label,
button span,
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: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

html {
    --ion-font-family: var(--ion-default-font);
    width: 100%;
    height: 100%;
    text-size-adjust: 100%;
    font-family: var(--ion-font-family)
}

html:not(.hydrated) body {
    display: none
}

html.plt-pwa {
    height: 100vh
}

body {
    background: var(--ion-background-color);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    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;
    text-size-adjust: none;
    margin: 0;
    padding: 0
}

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: -.5em
}

sub {
    bottom: -.25em
}

.ion-no-padding,
[no-padding] {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding: 0
}
*/
.ion-padding,
[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] {
        padding-left: unset;
        padding-right: unset;
        -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-padding-top,
[padding-top] {
    --padding-top: var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px)
}

.ion-padding-start,
[padding-start] {
    --padding-start: var(--ion-padding, 16px);
    padding-left: var(--ion-padding, 16px)
}

.ion-padding-end,
[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-start,
    [padding-start] {
        padding-left: unset;
        -webkit-padding-start: var(--ion-padding, 16px);
        padding-inline-start: var(--ion-padding, 16px)
    }
    .ion-padding-end,
    [padding-end] {
        padding-right: unset;
        -webkit-padding-end: var(--ion-padding, 16px);
        padding-inline-end: var(--ion-padding, 16px)
    }
}

.ion-padding-bottom,
[padding-bottom] {
    --padding-bottom: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px)
}

.ion-padding-vertical,
[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-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)
}

.ion-no-margin,
[no-margin] {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin: 0
}

.ion-margin,
[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)
    outline:5px solid red;
}

@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
    .ion-padding-horizontal,
    [padding-horizontal] {
        padding-left: unset;
        padding-right: unset;
        -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-margin,
    [margin] {
        margin-left: unset;
        margin-right: unset;
        -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)
    }
}

.ion-margin-top,
[margin-top] {
    --margin-top: var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px)
}

.ion-margin-start,
[margin-start] {
    --margin-start: var(--ion-margin, 16px);
    margin-left: var(--ion-margin, 16px)
}

.ion-margin-end,
[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-start,
    [margin-start] {
        margin-left: unset;
        -webkit-margin-start: var(--ion-margin, 16px);
        margin-inline-start: var(--ion-margin, 16px)
    }
    .ion-margin-end,
    [margin-end] {
        margin-right: unset;
        -webkit-margin-end: var(--ion-margin, 16px);
        margin-inline-end: var(--ion-margin, 16px)
    }
}

.ion-margin-bottom,
[margin-bottom] {
    --margin-bottom: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px)
}

.ion-margin-vertical,
[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-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-horizontal] {
        margin-left: unset;
        margin-right: unset;
        -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)
    }
}

.ion-float-left,
[float-left] {
    float: left!important
}

.ion-float-right,
[float-right] {
    float: right!important
}

.ion-float-start,
[float-start] {
    float: left!important
}

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

.ion-float-end,
[float-end] {
    float: right!important
}

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



.ion-text-center,
[text-center] {
    text-align: center!important
}

.ion-text-justify,
[text-justify] {
    text-align: justify!important
}

.ion-text-start,
[text-start] {
    text-align: start!important
}

.ion-text-end,
[text-end] {
    text-align: end!important
}

.ion-text-left,
[text-left] {
    text-align: left!important
}

.ion-text-right,
[text-right] {
    text-align: right!important
}

.ion-text-nowrap,
[text-nowrap] {
    white-space: nowrap!important
}

.ion-text-wrap,
[text-wrap] {
    white-space: normal!important
}

.ion-text-uppercase,
[text-uppercase] {
    text-transform: uppercase!important
}

.ion-text-lowercase,
[text-lowercase] {
    text-transform: lowercase!important
}

.ion-text-capitalize,
[text-capitalize] {
    text-transform: capitalize!important
}

.ion-align-self-start,
[align-self-start] {
    align-self: flex-start!important
}

.ion-align-self-end,
[align-self-end] {
    align-self: flex-end!important
}

.ion-align-self-center,
[align-self-center] {
    align-self: center!important
}

.ion-align-self-stretch,
[align-self-stretch] {
    align-self: stretch!important
}

.ion-align-self-baseline,
[align-self-baseline] {
    align-self: baseline!important
}

.ion-align-self-auto,
[align-self-auto] {
    align-self: auto!important
}

.ion-wrap,
[wrap] {
    flex-wrap: wrap!important
}

.ion-nowrap,
[nowrap] {
    flex-wrap: nowrap!important
}

.ion-wrap-reverse,
[wrap-reverse] {
    flex-wrap: wrap-reverse!important
}

.ion-justify-content-start,
[justify-content-start] {
    justify-content: flex-start!important
}

.ion-justify-content-center,
[justify-content-center] {
    justify-content: center!important
}

.ion-justify-content-end,
[justify-content-end] {
    justify-content: flex-end!important
}

.ion-justify-content-around,
[justify-content-around] {
    justify-content: space-around!important
}

.ion-justify-content-between,
[justify-content-between] {
    justify-content: space-between!important
}

.ion-justify-content-evenly,
[justify-content-evenly] {
    justify-content: space-evenly!important
}

.ion-align-items-start,
[align-items-start] {
    align-items: flex-start!important
}

.ion-align-items-center,
[align-items-center] {
    align-items: center!important
}

.ion-align-items-end,
[align-items-end] {
    align-items: flex-end!important
}

.ion-align-items-stretch,
[align-items-stretch] {
    align-items: stretch!important
}

.ion-align-items-baseline,
[align-items-baseline] {
    align-items: baseline!important
}

.ion-hide,
.ion-hide-up {
    display: none!important
}

@media (max-width:575px) {
    .ion-hide-down {
        display: none!important
    }
}

@media (min-width:576px) {
    .ion-float-sm-left,
    [float-sm-left] {
        float: left!important
    }
    .ion-float-sm-right,
    [float-sm-right] {
        float: right!important
    }
    .ion-float-sm-start,
    [float-sm-start] {
        float: left!important
    }
    :host-context([dir=rtl]) .ion-float-sm-start,
    :host-context([dir=rtl]) [float-sm-start],
    [dir=rtl] .ion-float-sm-start,
    [dir=rtl] [float-sm-start] {
        float: right!important
    }
    .ion-float-sm-end,
    [float-sm-end] {
        float: right!important
    }
    :host-context([dir=rtl]) .ion-float-sm-end,
    :host-context([dir=rtl]) [float-sm-end],
    [dir=rtl] .ion-float-sm-end,
    [dir=rtl] [float-sm-end] {
        float: left!important
    }
    .ion-text-sm-center,
    [text-sm-center] {
        text-align: center!important
    }
    .ion-text-sm-justify,
    [text-sm-justify] {
        text-align: justify!important
    }
    .ion-text-sm-start,
    [text-sm-start] {
        text-align: start!important
    }
    .ion-text-sm-end,
    [text-sm-end] {
        text-align: end!important
    }
    .ion-text-sm-left,
    [text-sm-left] {
        text-align: left!important
    }
    .ion-text-sm-right,
    [text-sm-right] {
        text-align: right!important
    }
    .ion-text-sm-nowrap,
    [text-sm-nowrap] {
        white-space: nowrap!important
    }
    .ion-text-sm-wrap,
    [text-sm-wrap] {
        white-space: normal!important
    }
    .ion-text-sm-uppercase,
    [text-sm-uppercase] {
        text-transform: uppercase!important
    }
    .ion-text-sm-lowercase,
    [text-sm-lowercase] {
        text-transform: lowercase!important
    }
    .ion-text-sm-capitalize,
    [text-sm-capitalize] {
        text-transform: capitalize!important
    }
    .ion-hide-sm-up {
        display: none!important
    }
}

@media (max-width:767px) {
    .ion-hide-sm-down {
        display: none!important
    }
}

@media (min-width:768px) {
    .ion-float-md-left,
    [float-md-left] {
        float: left!important
    }
    .ion-float-md-right,
    [float-md-right] {
        float: right!important
    }
    .ion-float-md-start,
    [float-md-start] {
        float: left!important
    }
    :host-context([dir=rtl]) .ion-float-md-start,
    :host-context([dir=rtl]) [float-md-start],
    [dir=rtl] .ion-float-md-start,
    [dir=rtl] [float-md-start] {
        float: right!important
    }
    .ion-float-md-end,
    [float-md-end] {
        float: right!important
    }
    :host-context([dir=rtl]) .ion-float-md-end,
    :host-context([dir=rtl]) [float-md-end],
    [dir=rtl] .ion-float-md-end,
    [dir=rtl] [float-md-end] {
        float: left!important
    }
    .ion-text-md-center,
    [text-md-center] {
        text-align: center!important
    }
    .ion-text-md-justify,
    [text-md-justify] {
        text-align: justify!important
    }
    .ion-text-md-start,
    [text-md-start] {
        text-align: start!important
    }
    .ion-text-md-end,
    [text-md-end] {
        text-align: end!important
    }
    .ion-text-md-left,
    [text-md-left] {
        text-align: left!important
    }
    .ion-text-md-right,
    [text-md-right] {
        text-align: right!important
    }
    .ion-text-md-nowrap,
    [text-md-nowrap] {
        white-space: nowrap!important
    }
    .ion-text-md-wrap,
    [text-md-wrap] {
        white-space: normal!important
    }
    .ion-text-md-uppercase,
    [text-md-uppercase] {
        text-transform: uppercase!important
    }
    .ion-text-md-lowercase,
    [text-md-lowercase] {
        text-transform: lowercase!important
    }
    .ion-text-md-capitalize,
    [text-md-capitalize] {
        text-transform: capitalize!important
    }
    .ion-hide-md-up {
        display: none!important
    }
}

@media (max-width:991px) {
    .ion-hide-md-down {
        display: none!important
    }
}

@media (min-width:992px) {
    .ion-float-lg-left,
    [float-lg-left] {
        float: left!important
    }
    .ion-float-lg-right,
    [float-lg-right] {
        float: right!important
    }
    .ion-float-lg-start,
    [float-lg-start] {
        float: left!important
    }
    :host-context([dir=rtl]) .ion-float-lg-start,
    :host-context([dir=rtl]) [float-lg-start],
    [dir=rtl] .ion-float-lg-start,
    [dir=rtl] [float-lg-start] {
        float: right!important
    }
    .ion-float-lg-end,
    [float-lg-end] {
        float: right!important
    }
    :host-context([dir=rtl]) .ion-float-lg-end,
    :host-context([dir=rtl]) [float-lg-end],
    [dir=rtl] .ion-float-lg-end,
    [dir=rtl] [float-lg-end] {
        float: left!important
    }
    .ion-text-lg-center,
    [text-lg-center] {
        text-align: center!important
    }
    .ion-text-lg-justify,
    [text-lg-justify] {
        text-align: justify!important
    }
    .ion-text-lg-start,
    [text-lg-start] {
        text-align: start!important
    }
    .ion-text-lg-end,
    [text-lg-end] {
        text-align: end!important
    }
    .ion-text-lg-left,
    [text-lg-left] {
        text-align: left!important
    }
    .ion-text-lg-right,
    [text-lg-right] {
        text-align: right!important
    }
    .ion-text-lg-nowrap,
    [text-lg-nowrap] {
        white-space: nowrap!important
    }
    .ion-text-lg-wrap,
    [text-lg-wrap] {
        white-space: normal!important
    }
    .ion-text-lg-uppercase,
    [text-lg-uppercase] {
        text-transform: uppercase!important
    }
    .ion-text-lg-lowercase,
    [text-lg-lowercase] {
        text-transform: lowercase!important
    }
    .ion-text-lg-capitalize,
    [text-lg-capitalize] {
        text-transform: capitalize!important
    }
    .ion-hide-lg-up {
        display: none!important
    }
}

@media (max-width:1199px) {
    .ion-hide-lg-down {
        display: none!important
    }
}

@media (min-width:1200px) {
    .ion-float-xl-left,
    [float-xl-left] {
        float: left!important
    }
    .ion-float-xl-right,
    [float-xl-right] {
        float: right!important
    }
    .ion-float-xl-start,
    [float-xl-start] {
        float: left!important
    }
    :host-context([dir=rtl]) .ion-float-xl-start,
    :host-context([dir=rtl]) [float-xl-start],
    [dir=rtl] .ion-float-xl-start,
    [dir=rtl] [float-xl-start] {
        float: right!important
    }
    .ion-float-xl-end,
    [float-xl-end] {
        float: right!important
    }
    :host-context([dir=rtl]) .ion-float-xl-end,
    :host-context([dir=rtl]) [float-xl-end],
    [dir=rtl] .ion-float-xl-end,
    [dir=rtl] [float-xl-end] {
        float: left!important
    }
    .ion-text-xl-center,
    [text-xl-center] {
        text-align: center!important
    }
    .ion-text-xl-justify,
    [text-xl-justify] {
        text-align: justify!important
    }
    .ion-text-xl-start,
    [text-xl-start] {
        text-align: start!important
    }
    .ion-text-xl-end,
    [text-xl-end] {
        text-align: end!important
    }
    .ion-text-xl-left,
    [text-xl-left] {
        text-align: left!important
    }
    .ion-text-xl-right,
    [text-xl-right] {
        text-align: right!important
    }
    .ion-text-xl-nowrap,
    [text-xl-nowrap] {
        white-space: nowrap!important
    }
    .ion-text-xl-wrap,
    [text-xl-wrap] {
        white-space: normal!important
    }
    .ion-text-xl-uppercase,
    [text-xl-uppercase] {
        text-transform: uppercase!important
    }
    .ion-text-xl-lowercase,
    [text-xl-lowercase] {
        text-transform: lowercase!important
    }
    .ion-text-xl-capitalize,
    [text-xl-capitalize] {
        text-transform: capitalize!important
    }
    .ion-hide-xl-up {
        display: none!important
    }
}

.ion-hide-xl-down {
    display: none!important
}
.select-icon-inner {display: none !important}