/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #133b80;
  --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;
}
@media (prefers-color-scheme: __dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */
  body {
    --ion-color-primary: #428cff;
    --ion-color-primary-rgb: 66,140,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #3a7be0;
    --ion-color-primary-tint: #5598ff;
    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb: 80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;
    --ion-color-tertiary: #6a64ff;
    --ion-color-tertiary-rgb: 106,100,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #5d58e0;
    --ion-color-tertiary-tint: #7974ff;
    --ion-color-success: #2fdf75;
    --ion-color-success-rgb: 47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;
    --ion-color-warning: #ffd534;
    --ion-color-warning-rgb: 255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;
    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb: 255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;
    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb: 244,245,248;
    --ion-color-dark-contrast: #000000;
    --ion-color-dark-contrast-rgb: 0,0,0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb: 152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #222428;
    --ion-color-light-rgb: 34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb: 255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }

  /*
   * iOS Dark Theme
   * -------------------------------------------
   */
  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-toolbar-background: #0d0d0d;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }

  /*
   * Material Design Dark Theme
   * -------------------------------------------
   */
  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb: 18,18,18;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;
    --ion-border-color: #222222;
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3;
    --ion-item-background: #1e1e1e;
    --ion-toolbar-background: #1f1f1f;
    --ion-tab-bar-background: #1f1f1f;
    --ion-card-background: #1e1e1e;
  }
}
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);
}

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::-moz-placeholder {
  padding-left: 2px;
}

textarea::placeholder {
  padding-left: 2px;
}

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

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

a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.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%;
     -moz-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;
     -moz-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;
  }
}

.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 ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-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: 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 ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
  }
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}

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

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-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-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 ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-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: 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 ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
  }
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}

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

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-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 !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;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .main-menu-wrapper {
    /*.main-menu-wrapper-inner{
        .main-menu-sidebar{
            .main-menu-header{
                //background-image: none !important;
                background-size: contain;
                background-position: left top;
            }
        }
    }*/
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .my-custom-modal-css .modal-wrapper {
    top: 60% !important;
  }
  .my-custom-modal-css .modal-wrapper ion-title {
    width: 100% !important;
  }

  .main-menu-wrapper .main-menu-level-slider-wrapper .level-slides {
    overflow: hidden !important;
  }
  .main-menu-wrapper .main-menu-lesson-list {
    max-width: 745px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-sidebar .main-menu-header {
    height: 51vh;
  }

  .repaso-wrapper-outer {
    /*.repaso-wrapper-inner{
        .repaso-wrapper-left{
            .repaso-wrapper-header{
                height: 51vh ;
            }
        }
        .list-group{
            .list-group-item{
                text-align: right ;
                display: flex ;
                justify-content: flex-end ;
                align-items: flex-end ;
                .leccion{
                    margin-left: 10px;line-height: 6.5vh ;width: auto; cursor: pointer;
                    margin-right: 10px ; 
                }
                .skill{
                    margin-top: 0px ;
                }
            }
        }
        .principal-image{
            background-position: bottom left ;
        }
    }   */
  }

  /*.plans-page-wrapper{
      .plans-page-wrapper-inner{
          .plans-page-sidebar{
              .plans-page-sidebar-oval{
                  height: 51vh !important;
              }
          }
      }
  }*/
  /*.account-page-wrapper{
      .account-page-wrapper-inner{

          .account-page-sidebar{
              .account-header{
                  height: 51vh !important;
              }
          }
      }
  }*/
  .level-list-outer .level-list-item {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
  }

  .exer-bottom-progress-outer {
    height: 6px !important;
  }
  .exer-bottom-progress-outer .exer-bottom-progress {
    height: 6px !important;
  }

  .activity-wrapper .question-container {
    margin-top: 5vh !important;
    max-width: 600px !important;
  }
  .activity-wrapper .question-text-container {
    margin-top: 5vh !important;
    max-width: 600px !important;
  }
  .activity-wrapper .question-text-container .question-text-outer {
    margin-top: 0% !important;
  }
  .activity-wrapper .translation {
    max-width: 600px !important;
  }
  .activity-wrapper .options-container .options {
    max-width: 600px !important;
  }
  .activity-wrapper .q-option-container .q-option, .activity-wrapper .q-option-container .a-option, .activity-wrapper .a-option-container .q-option, .activity-wrapper .a-option-container .a-option {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .activity-wrapper .q-option-container .q-option .option-text, .activity-wrapper .q-option-container .a-option .option-text, .activity-wrapper .a-option-container .q-option .option-text, .activity-wrapper .a-option-container .a-option .option-text {
    width: 100% !important;
  }
  .activity-wrapper .q-option-container .matched, .activity-wrapper .a-option-container .matched {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .activity-wrapper .q-option-container .matched::before, .activity-wrapper .a-option-container .matched::before {
    left: -15px !important;
  }
  .activity-wrapper.multil_n_c .question-text-container .question-text-outer {
    text-align: center !important;
    margin-top: 70px !important;
  }
  .activity-wrapper .conversation-container {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .activity-wrapper .question-text {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .activity-wrapper .translation-container {
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .act-keyboard-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .feedback-wrapper-outer .feedback-wrapper-inner {
    padding-bottom: 0px !important;
    background: transparent !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner.incorrect .feedback-header {
    background: #e1002a !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner.incorrect .feedback-body {
    border: solid 1px #e1002a;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner.correct .feedback-header {
    background: #1ca734 !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner.correct .feedback-body {
    border: solid 1px #1ca734;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header, .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body {
    max-width: 605px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header {
    padding: 2vh 2vw !important;
    border-top-left-radius: 4vw !important;
    border-top-right-radius: 4vw !important;
    margin-bottom: 0px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header .feedback-text {
    font-size: 14px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header .feedback-toggle-button {
    height: 26px !important;
    width: 26px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner {
    background: #FFF !important;
    padding: 2vh 2vw !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner .dialogue {
    width: 100% !important;
    padding: 2.5vh 0vw !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner .options-container .options {
    width: 100% !important;
  }

  .exer-bottom-message-outer {
    background: transparent !important;
  }
  .exer-bottom-message-outer .exer-bottom-message-popup {
    background: #032a53 !important;
    max-width: 600px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 991px) {
  #auth-header {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .header-md::after {
    display: none;
  }

  .auth-onboarding ion-toolbar, .auth-onboarding form {
    width: 66.67%;
    float: right;
  }

  .move-to-right {
    width: 66.67% !important;
    float: right !important;
  }

  .pay-with-sprite {
    min-width: 500px;
    max-width: 750px;
  }

  .tabs {
    visibility: hidden !important;
  }

  .main-menu-wrapper .main-menu-wrapper-inner {
    border-radius: 0px !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner ion-grid, .main-menu-wrapper .main-menu-wrapper-inner ion-row, .main-menu-wrapper .main-menu-wrapper-inner ion-col {
    padding-left: 0px !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar {
    background: linear-gradient(0deg, #6f1717 -50%, transparent 60%);
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar .main-menu-header {
    max-height: none !important;
    background-position: center 20% !important;
    background-size: 80% !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar .main-menu-header .main-menu-header-desc {
    bottom: 20%;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike ion-icon {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(4) ion-icon {
    background-image: url(/assets/images/crown-white.svg) !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(1) ion-icon {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(1) ion-label {
    opacity: 0.72 !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(2) ion-icon {
    background-image: url(/assets/images/element-icon-24-skill-5-text-yellow.svg) !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-vocab .main-menu-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(2) ion-label {
    opacity: 1 !important;
    font-weight: 600;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-sidebar {
    position: fixed;
    width: 33.333%;
    height: 100vh;
    z-index: 999 !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-sidebar .main-menu-header {
    width: auto;
    box-shadow: none !important;
    max-height: none;
    height: 60vh;
    background-size: cover !important;
    z-index: 999 !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-sidebar .main-menu-header .main-menu-header-logo {
    width: auto;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    margin-top: 0px !important;
    top: 27px;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-sidebar .main-menu-header .main-menu-header-wheel {
    position: relative;
    margin-top: auto !important;
    top: 80%;
    transform: translateY(-90%);
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-level-slider-wrapper {
    margin-top: 30px;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-level-slider-wrapper .level-slides {
    max-width: 745px !important;
    padding: 0 3.7vw !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-level-slider-wrapper .level-slides ion-slide {
    padding: 0 !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-level-slider-wrapper .level-slides .swiper-wrapper {
    display: flex;
    justify-content: center;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-level-slider-wrapper .level-slides .swiper-wrapper .level-slide .level-slide-inner {
    padding: 0 4px;
    font-weight: 500;
  }
  .main-menu-wrapper .main-menu-wrapper-inner .main-menu-lesson-list {
    margin-top: 30px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-0 .main-menu-sidebar .main-menu-header {
    background-color: #260554;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-0 #app-menu-desktop {
    background: #260554 !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-1 .main-menu-sidebar .main-menu-header {
    background-color: #8b0035;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-2 .main-menu-sidebar .main-menu-header {
    background-color: #0d602c;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-3 .main-menu-sidebar .main-menu-header {
    background-color: #b73d25;
  }
  .main-menu-wrapper .main-menu-wrapper-inner.theme-4 .main-menu-sidebar .main-menu-header {
    background-color: #045567;
  }
  .main-menu-wrapper .main-menu-wrapper-inner #app-menu-desktop .ion-tab-button-alike:nth-child(1) ion-icon {
    color: #ffd63b !important;
  }
  .main-menu-wrapper .main-menu-wrapper-inner #app-menu-desktop .ion-tab-button-alike:nth-child(1) ion-label {
    opacity: 1 !important;
    font-weight: 600;
  }

  app-lesson-menu .close-lesson-menu {
    margin-left: 2vw !important;
  }
  app-lesson-menu .buttons-lesson-menu-floting {
    display: flex !important;
    align-items: center !important;
    height: 100vh !important;
    padding: 0vh 2vw;
  }
  app-lesson-menu .buttons-lesson-menu-floting img {
    z-index: 3 !important;
  }
  app-lesson-menu .buttons-lesson-menu-floting img:hover {
    cursor: pointer;
  }
  app-lesson-menu .buttons-lesson-menu-floting .right {
    position: absolute;
    right: 2vw;
  }

  .options-container.fill-short {
    width: 100%;
  }

  .exer-wrapper-outer {
    background: #f4f6f7 !important;
  }
  .exer-wrapper-outer .exer-header-outer .exer-header-instruction {
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-header-outer .exer-header-Close-button {
    width: 45px !important;
    height: 45px !important;
  }
  .exer-wrapper-outer .exer-header-outer .exer-header-Close-button:hover {
    opacity: 0.8;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .question-container {
    margin-top: 6vh !important;
    max-width: 380px;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .question-text-container {
    margin-top: 6vh !important;
    max-width: 380px;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .question-text-container .question-text-outer {
    margin-top: 0% !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .translation {
    max-width: 380px;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 0;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .options-container .options {
    max-width: 380px !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .options-container .options:hover {
    background: #032a53;
    color: #FFF;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .options-container.vocab_image .options {
    max-width: 220px !important;
    max-height: 220px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .q-option, .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .a-option, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .q-option, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .a-option {
    cursor: pointer !important;
    max-width: 380px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .q-option .option-text, .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .a-option .option-text, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .q-option .option-text, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .a-option .option-text {
    width: 100% !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .matched, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .matched {
    max-width: 380px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .q-option-container .matched::before, .exer-wrapper-outer .exer-body-outer .activity-wrapper .a-option-container .matched::before {
    left: -15px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .conversation-container {
    max-width: 380px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .question-text {
    max-width: 380px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
    padding: 11px 16px !important;
    line-height: 24px !important;
    border-radius: 15px !important;
    border-bottom-left-radius: 0 !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .translation-container {
    text-align: center;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper.multil_n_c .question-text-container .question-text-outer {
    text-align: center !important;
    margin-top: 70px !important;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-body-outer .activity-wrapper .draggable-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    font-size: 18px !important;
  }
  .exer-wrapper-outer .exer-record-button-row .exer-listen-button, .exer-wrapper-outer .exer-record-button-row .exer-record-button {
    cursor: pointer !important;
  }
  .exer-wrapper-outer .exer-footer-outer {
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0px !important;
    padding-left: 20px;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-skip-button, .exer-wrapper-outer .exer-footer-outer .footer-submit-button {
    width: auto !important;
    margin: 0px 10px !important;
    position: absolute;
    right: 0;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-skip-button:hover, .exer-wrapper-outer .exer-footer-outer .footer-submit-button:hover {
    opacity: 0.8;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-skip-button .exer-footer-btn-icon, .exer-wrapper-outer .exer-footer-outer .footer-submit-button .exer-footer-btn-icon {
    float: left;
    background-position: left;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-skip-button {
    right: 180px;
    padding: 0px 10px;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button {
    background: #f4f6f7;
    align-items: flex-start;
    flex-direction: initial;
    width: 140px !important;
    margin-right: 30px !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button .exer-footer-btn-icon {
    width: 40px !important;
    float: left;
    background-position: left;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button.goNext {
    background-color: #0070e6;
    color: #FFF;
    display: flex !important;
    width: 120px !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button.goNext .exer-footer-btn-icon {
    box-shadow: none !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button.goNext .exer-footer-btn-text {
    margin-right: 10px;
    display: inline !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-submit-button.highlighted .exer-footer-btn-icon {
    margin-right: 10px;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button {
    right: 160px;
    position: absolute;
    width: 144px;
    background: #f4f6f7;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button:hover {
    opacity: 0.8;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button .exer-footer-btn-icon {
    float: left;
    background-color: transparent !important;
    background-image: url("/assets/images/exer_audio2_footer.svg") !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button .exer-footer-btn-text {
    padding-left: 45px !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button.audioPlaying {
    background-color: #0070e6;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button.audioPlaying .exer-footer-btn-icon {
    background-image: url("/assets/images/exer_audio2_footer_sel.svg") !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-button.audioPlaying .exer-footer-btn-text {
    color: #FFF !important;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-autoplay-button, .exer-wrapper-outer .exer-footer-outer .footer-info-button, .exer-wrapper-outer .exer-footer-outer .footer-translation-button {
    margin: 0px 10px !important;
    background: #f4f6f7;
    display: flex;
    align-items: flex-start;
    flex-direction: initial;
    width: auto;
    padding: 0px 10px;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-autoplay-button:hover, .exer-wrapper-outer .exer-footer-outer .footer-info-button:hover, .exer-wrapper-outer .exer-footer-outer .footer-translation-button:hover {
    opacity: 0.8;
  }
  .exer-wrapper-outer .exer-footer-outer .footer-audio-autoplay-button .exer-footer-btn-icon, .exer-wrapper-outer .exer-footer-outer .footer-info-button .exer-footer-btn-icon, .exer-wrapper-outer .exer-footer-outer .footer-translation-button .exer-footer-btn-icon {
    float: left;
    background-position: left;
  }
  .exer-wrapper-outer .tabIndex1:focus {
    outline: none !important;
    background-color: #0070e6 !important;
  }
  .exer-wrapper-outer .tabIndex1:focus img {
    content: url(/assets/images/element-icon-16-back-copy-3-focus.svg) !important;
  }
  .exer-wrapper-outer .tabIndex6:focus {
    outline: none !important;
    background-color: #0070e6 !important;
    background-image: url(/assets/images/element-icon-16-back-copy-3-focus.svg) !important;
  }
  .exer-wrapper-outer .tabIndex2:focus {
    outline: none !important;
  }
  .exer-wrapper-outer .tabIndex2:focus .exer-footer-btn-icon {
    background-image: url("/assets/images/icon-more-options-sel.svg") !important;
    background-color: #0070e6 !important;
  }
  .exer-wrapper-outer .tabIndex3 {
    transition: none !important;
  }
  .exer-wrapper-outer .tabIndex3:focus {
    outline: none !important;
    background-color: #0070e6 !important;
  }
  .exer-wrapper-outer .tabIndex3:focus .exer-footer-btn-icon {
    background-color: #0070e6 !important;
    color: white !important;
    transition: none !important;
  }
  .exer-wrapper-outer .tabIndex4 {
    transition: none !important;
  }
  .exer-wrapper-outer .tabIndex4:focus {
    outline: none !important;
    background-color: #0070e6 !important;
  }
  .exer-wrapper-outer .tabIndex4:focus .exer-footer-btn-icon,
.exer-wrapper-outer .tabIndex4:focus .exer-footer-btn-text {
    transition: none !important;
    background-color: #0070e6 !important;
    color: white !important;
  }
  .exer-wrapper-outer .tabIndex4:focus .exer-footer-btn-icon.noskipActive {
    transition: none !important;
    background-image: url(/assets/images/exer_audio2_footer_sel.svg) !important;
  }
  .exer-wrapper-outer .tabIndex5:focus {
    outline: none !important;
    background-color: #0070e6 !important;
  }
  .exer-wrapper-outer .tabIndex5:focus .exer-footer-btn-icon,
.exer-wrapper-outer .tabIndex5:focus .exer-footer-btn-text {
    background-color: #0070e6 !important;
    color: white !important;
  }
  .exer-wrapper-outer .tabIndex5:focus .exer-footer-btn-icon {
    background-image: url("/assets/images/exer_submit_sel.svg") !important;
  }
  .exer-wrapper-outer .tabIndex7:focus {
    outline: none !important;
    box-shadow: 0 3px 8px 0 rgba(0, 112, 230, 0.4) !important;
    background-color: #0070e6 !important;
    color: white !important;
  }
  .exer-wrapper-outer .speech-text {
    height: 40px !important;
    line-height: 40px !important;
    margin-right: 10px !important;
    margin-bottom: 2em !important;
  }
  .exer-wrapper-outer .score {
    height: auto !important;
    line-height: normal !important;
    padding: 20px 20px !important;
  }
  .exer-wrapper-outer .exer-bottom-message-outer {
    background: transparent !important;
  }
  .exer-wrapper-outer .exer-bottom-message-outer .exer-bottom-message-popup {
    background: #FFF !important;
    color: #032a53 !important;
    max-width: 380px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .exer-wrapper-outer .exer-listen-button {
    cursor: pointer;
  }
  .exer-wrapper-outer .sentence-container {
    width: 100% !important;
    padding: 11px 8px 13px 16px !important;
  }
  .exer-wrapper-outer.lesson .exer-body-outer .activity-wrapper .image-exe-container .sentence-container-outer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .exer-exit-modal .modal-wrapper .exit-exer-popup-outer .popup-button-container > div {
    cursor: pointer !important;
  }

  .account-page-wrapper .account-page-wrapper-inner {
    display: flex;
    flex-direction: row;
    border-radius: 0px !important;
    line-height: 100% !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar {
    width: 30%;
    position: fixed;
    height: 100vh;
    background-color: #fff;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar .account-header {
    height: 59vh;
    margin: 0px 10px;
    margin-top: 1vh;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar .account-header .user-exercise-score-wrapper {
    padding: 0 2vw;
    padding-top: 4vh;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar #app-menu-desktop {
    padding-top: 0px !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar #app-menu-desktop .ion-tab-button-alike ion-icon, .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar #app-menu-desktop .ion-tab-button-alike ion-label {
    color: #A0ABB5;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(5) ion-icon {
    color: #ffd63b !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-page-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(5) ion-label {
    opacity: 1 !important;
    font-weight: 600;
    color: #032a53 !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-options {
    width: 70%;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    margin-left: 30%;
    padding-bottom: 0px !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-options .account-option-row {
    width: 80% !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-options .account-option-row .account-option-text-outer {
    font-size: 16px !important;
  }
  .account-page-wrapper .account-page-wrapper-inner .account-options .account-option-row > div {
    cursor: pointer !important;
  }

  .account-sub-page-wrapper .account-sub-page-wrapper-inner {
    border-radius: 0px !important;
  }
  .account-sub-page-wrapper .account-sub-page-wrapper-inner .account-sub-page-body > div, .account-sub-page-wrapper .account-sub-page-wrapper-inner .account-sub-page-body > section {
    max-width: 380px;
    display: block;
    margin: auto;
  }
  .account-sub-page-wrapper .account-sub-page-wrapper-inner .account-sub-page-body .save-profile-changes {
    cursor: pointer !important;
  }
  .account-sub-page-wrapper .account-sub-page-wrapper-inner .account-sub-page-body .edit-profile-row .edit-password, .account-sub-page-wrapper .account-sub-page-wrapper-inner .account-sub-page-body .edit-profile-row .next-button {
    cursor: pointer !important;
  }

  .logout-popup-modal .modal-wrapper .ion-page .popup-body .button-row > div {
    cursor: pointer !important;
  }

  .repaso-wrapper-outer .repaso-wrapper-inner {
    display: flex;
    flex-direction: row;
    border-radius: 0px !important;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left {
    width: 33.333%;
    background-color: #36006f;
    position: relative;
    height: 100vh;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left .repaso-wrapper-header {
    background-image: url("/assets/images/bbc-desktop-illustration-sketch.svg");
    width: auto;
    max-height: none;
    background-position: 0% 54%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;
    position: relative;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left .repaso-wrapper-header .repaso-wrapper-header-logo {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    margin-top: 0px !important;
    top: 27px;
    width: auto;
    height: 56px;
    background-image: url("/assets/images/element-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left #app-menu-desktop {
    background: #840435 !important;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left #app-menu-desktop .ion-tab-button-alike:nth-child(3) ion-icon {
    color: #ffd63b !important;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .repaso-wrapper-left #app-menu-desktop .ion-tab-button-alike:nth-child(3) ion-label {
    opacity: 1 !important;
    font-weight: 600;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image {
    width: 66.666%;
    padding: 5vh 10vh;
    background-image: none !important;
    background-color: #36006f;
    position: relative;
    height: 100vh;
    /*.repaso-title{
        width: 30%;
        float: left;
        font-size: 32px;
        line-height: 48px;
        color: #FFF;
        text-align: left;
    }

    .repaso-subtitle{
        width: 75%;
        margin-top: 10vh;
        text-align: left;
        padding: 0 16vw 0 10vw;
        font-size: 14px;
        line-height: 1.71;
    }*/
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image .repaso-wrapper-dropwown {
    flex-direction: row;
    width: 100%;
    margin-bottom: 4vw;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image .repaso-wrapper-dropwown .select-level-dropwown-desc {
    width: 55%;
    margin: 0 0 2.5vw 0vw !important;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image .repaso-wrapper-dropwown .select-level-dropwown-outer {
    width: 55%;
    margin: 0px 50px 0px 0px;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image .repaso-wrapper-dropwown .repaso-wrapper-btn-start {
    width: 23%;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .principal-image .repaso-wrapper-dropwown .repaso-wrapper-btn-start button {
    margin-top: 0px !important;
    border-radius: 90px;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .list-group {
    width: 66.666%;
    margin-left: 33.333%;
    background-color: #36006f;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .list-group .list-group-item .leccion {
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    margin-left: 1rem;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .list-group .list-group-item .arrow {
    cursor: pointer;
  }
  .repaso-wrapper-outer .repaso-wrapper-inner .list-group .list-group-item .skill {
    margin-top: 0px !important;
  }

  .plans-page-wrapper .plans-page-wrapper-inner {
    border-radius: 0px !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner ion-grid, .plans-page-wrapper .plans-page-wrapper-inner ion-col {
    margin: 0px !important;
    padding: 0px !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar {
    background-color: #fff2e8;
    height: 100vh;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar img {
    margin: auto;
    width: 170px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    margin-top: -5px !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar .plans-page-sidebar-oval {
    display: flex;
    height: 60vh;
    padding-top: 70px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar .plans-page-sidebar-oval .plans-page-sidebar-oval-red {
    width: 18vw;
    height: 18vw;
    min-width: 200px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    background-color: #8b0035;
    border-radius: 50%;
    align-items: center;
    flex-direction: column;
    opacity: 0.9;
    color: #FFF;
    text-align: center;
    margin-top: 10vh;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar .plans-page-sidebar-oval .plans-page-sidebar-oval-blue {
    width: 18vw;
    height: 18vw;
    min-width: 200px;
    min-height: 200px;
    display: flex;
    justify-content: center;
    background-color: #081a58;
    border-radius: 50%;
    align-items: center;
    flex-direction: column;
    opacity: 0.9;
    color: #FFF;
    text-align: center;
    margin-left: -50px;
    padding: 0px 20px;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar .plans-page-sidebar-oval h1 {
    font-size: 50px;
    margin-bottom: 0px;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar ion-tabs {
    height: auto !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar #app-menu-desktop {
    background: #fff2e8 !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar #app-menu-desktop .ion-tab-button-alike ion-icon, .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar #app-menu-desktop .ion-tab-button-alike ion-label {
    color: #A0ABB5;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(4) ion-icon {
    background-image: url(/assets/images/crown-active.svg) !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-sidebar #app-menu-desktop .ion-tab-button-alike:nth-child(4) ion-label {
    opacity: 1 !important;
    font-weight: 600;
    color: #032a53 !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-header {
    max-width: 380px;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-header .plans-page-header-title {
    font-size: 32px !important;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-benifit-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-benifit-list .plans-benifit {
    flex-direction: column;
    text-align: center;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-benifit-list .plans-benifit .plans-benifit-desc {
    padding: 0px 10px;
  }
  .plans-page-wrapper .plans-page-wrapper-inner .plans-page-button-container {
    margin-top: 5vh;
  }

  .principal {
    border-radius: 0px !important;
  }
  .principal img.arrow {
    margin-top: 0rem !important;
    cursor: pointer;
  }
  .principal .select-level-dropwown-outer .custom-ionselect {
    line-height: inherit !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1rem !important;
  }

  .main-menu-modal .ion-page {
    width: 100% !important;
  }
  .main-menu-modal .ion-page .popup-body .button-row {
    display: flex;
    justify-content: center;
    margin: auto;
  }
  .main-menu-modal .ion-page .popup-body .button-row > div {
    cursor: pointer !important;
  }

  .result-page-wrapper .lesson-score-card {
    max-width: 460px !important;
    display: block !important;
    margin: auto !important;
  }
  .result-page-wrapper .lesson-score-card .result-message-wrapper {
    font-size: 14px;
    line-height: 24px;
  }
  .result-page-wrapper .lesson-score-card .result-button-wrapper {
    width: 330px !important;
  }
  .result-page-wrapper.testResult .test-score-card .result-header .test-progress-outer, .result-page-wrapper.testResult .test-score-card .result-header .test-score-outer {
    max-width: 179px !important;
    max-height: 179px !important;
    height: 22vh !important;
    width: 22vh !important;
  }
  .result-page-wrapper.testResult .test-score-card .result-header .test-score-outer .test-score-inner .passed-exer {
    font-size: 56px !important;
  }
  .result-page-wrapper.testResult .test-score-card .result-header .test-score-outer .test-score-inner .total-exer {
    font-size: 24px !important;
  }
  .result-page-wrapper.testResult .test-score-card .test-result-body {
    max-width: 500px !important;
    display: block !important;
    margin: auto !important;
  }
  .result-page-wrapper.testResult .test-score-card .test-result-body .result-title {
    margin-bottom: 1vh;
  }
  .result-page-wrapper.testResult .test-score-card .test-result-body .result-feedback-message {
    color: #72818f !important;
    font-size: 14px !important;
  }
  .result-page-wrapper.testResult .test-score-card .result-button-wrapper {
    max-width: 330px !important;
  }

  .terms-page-wrapper .plans-page-wrapper-inner {
    border-radius: 0px !important;
  }
  .terms-page-wrapper .plans-page-wrapper-inner .terms-page-header img:hover {
    cursor: pointer;
  }
  .terms-page-wrapper .plans-page-wrapper-inner .terms-page-body {
    width: 100%;
  }
  .terms-page-wrapper .plans-page-wrapper-inner .terms-page-body > p {
    max-width: 380px;
    display: block;
    margin: auto;
  }

  .auth-component-wrapper .flag-outer-item {
    --padding-end: 0vw !important;
    --padding-start: 0vw !important;
  }
  .auth-component-wrapper .flag-outer-item .select-country {
    cursor: pointer;
  }
  .auth-component-wrapper .country-list-popup-outer .country-list-popup-inner .country-list-header .close-popup, .auth-component-wrapper .country-list-popup-outer .country-list-popup-inner .country-list-header .save-selection {
    cursor: pointer !important;
  }

  form {
    margin-top: 0px !important;
  }

  .popup-buttons-outer > div {
    cursor: pointer;
  }

  .lesson-cards .lesson-card-title {
    margin-top: 5vh !important;
  }

  button {
    outline: none !important;
  }

  .skill-button-content {
    cursor: pointer !important;
  }

  .popup-wrapper-inner > div {
    cursor: pointer !important;
  }

  .act-keyboard-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .act-keyboard-wrapper .keys {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px;
    line-height: 45px !important;
    cursor: pointer !important;
  }
  .act-keyboard-wrapper .keys:hover {
    opacity: 0.8;
  }

  ion-button.continueButton, ion-button.changeButton,
ion-button.enter-button, ion-button.enterButton {
    margin: 5vh 2vw !important;
  }

  .passwordIcon {
    right: 0 !important;
  }

  .my-custom-modal-css .modal-wrapper img:hover {
    cursor: pointer;
  }

  .lesson-cards-outer .lesson-progress-outer, .lesson-cards-outer .test-progress-outer, .test-cards-outer .lesson-progress-outer, .test-cards-outer .test-progress-outer {
    height: 128px !important;
    width: 128px !important;
  }
  .lesson-cards-outer .lesson-card-body-outer, .lesson-cards-outer .test-card-body-outer, .test-cards-outer .lesson-card-body-outer, .test-cards-outer .test-card-body-outer {
    top: 10vh !important;
  }
  .lesson-cards-outer .lesson-card-body-outer .lesson-card-summary, .lesson-cards-outer .lesson-card-body-outer .test-card-summary, .lesson-cards-outer .test-card-body-outer .lesson-card-summary, .lesson-cards-outer .test-card-body-outer .test-card-summary, .test-cards-outer .lesson-card-body-outer .lesson-card-summary, .test-cards-outer .lesson-card-body-outer .test-card-summary, .test-cards-outer .test-card-body-outer .lesson-card-summary, .test-cards-outer .test-card-body-outer .test-card-summary {
    font-size: 18px !important;
  }

  .lesson-cards .lesson-cards-outer {
    width: 60% !important;
    margin: auto;
  }

  .lesson-cards .lesson-cards-outer,
.lesson-cards .video-cards-outer,
.lesson-cards .test-cards-outer {
    width: 60% !important;
    margin: auto;
  }

  .tips-wrapper-outer .tips-wrapper-inner {
    background: transparent !important;
  }
  .tips-wrapper-outer .tips-header, .tips-wrapper-outer .tips-body-outer {
    background: #FFF !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    bottom: 0 !important;
    width: 48% !important;
    margin: auto !important;
  }
  .tips-wrapper-outer .tips-header .tips-body-inner, .tips-wrapper-outer .tips-body-outer .tips-body-inner {
    padding: 2vh !important;
    font-size: 18px !important;
  }

  .grammar-lesson-modal > .modal-wrapper {
    height: 93% !important;
    width: 48% !important;
    border-radius: 15px !important;
    background: rgba(3, 42, 83, 0.88) !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-header-outer {
    width: 48% !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-body-outer {
    width: 48% !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-body-outer .swiper-wrapper .swiper-zoom-container {
    display: block !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-body-outer .swiper-wrapper .swiper-zoom-container .grammar-lesson-cards {
    height: auto !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-body-outer .swiper-wrapper .swiper-zoom-container .grammar-lesson-cards .gl-data-container {
    color: #333a40 !important;
  }

  .gl-data-container {
    padding: 0vh 5vw 10vh !important;
  }

  .feedback-wrapper-inner {
    background: transparent !important;
    padding: 0vh 4vw !important;
  }
  .feedback-wrapper-inner.incorrect .feedback-header {
    background: #e1002a !important;
  }
  .feedback-wrapper-inner.incorrect .feedback-body {
    background: #e1002a !important;
  }
  .feedback-wrapper-inner.correct .feedback-header {
    background: #1ca734 !important;
  }
  .feedback-wrapper-inner.correct.choose .feedback-header, .feedback-wrapper-inner.incorrect.choose .feedback-header {
    max-width: 900px !important;
  }
  .feedback-wrapper-inner.correct.choose .feedback-body, .feedback-wrapper-inner.incorrect.choose .feedback-body {
    border: none !important;
    max-width: 900px !important;
  }
  .feedback-wrapper-inner.correct.choose .feedback-body .feedback-body-inner, .feedback-wrapper-inner.incorrect.choose .feedback-body .feedback-body-inner {
    background: #fff !important;
  }
  .feedback-wrapper-inner.correct.choose .feedback-body .feedback-body-inner .options-container.vocab_image, .feedback-wrapper-inner.incorrect.choose .feedback-body .feedback-body-inner .options-container.vocab_image {
    padding: 0px !important;
  }

  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header, .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body {
    max-width: 705px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header {
    padding: 2vh 1vw !important;
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
    margin-bottom: 0px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header .feedback-text {
    font-size: 14px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header .feedback-toggle-button {
    height: 26px !important;
    width: 26px !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-header .feedback-toggle-button img {
    cursor: pointer;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner {
    padding: 2vh 2vw !important;
    width: 100%;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner .dialogue {
    margin: 0px 10px;
    width: 100% !important;
    padding: 2vh 1.5vw !important;
  }
  .feedback-wrapper-outer .feedback-wrapper-inner .feedback-body .feedback-body-inner .options-container .options {
    width: 100% !important;
    background-color: #f1f9f2 !important;
  }

  .alert-wrapper {
    margin: auto !important;
    max-width: 600px;
  }
  .alert-wrapper .alert-body .alert-content .button-row > div {
    cursor: pointer !important;
  }
}

@media (min-width: 992px) and (max-height: 550px) {
  .exer-wrapper-outer .exer-body-outer .activity-wrapper.vocab_exercise .question-text-container {
    margin-top: 2vh !important;
  }
}

@media (min-width: 1281px) {
  .list {
    max-width: 780px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .list .box-lecciones {
    cursor: pointer;
  }

  .level-list-outer .level-list-item {
    max-width: 780px !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
  }
  .level-list-outer .level-list-item > div {
    cursor: pointer;
  }

  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-header-outer .grammar-lesson-header-label .grammar-lesson-header-label-top, .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-header-outer .grammar-lesson-header-label .grammar-lesson-header-label-bottom {
    font-size: 18px !important;
  }
  .grammar-lesson-modal > .modal-wrapper .grammar-lesson-wrapper-outer .grammar-lesson-body-outer .swiper-wrapper .swiper-zoom-container .grammar-lesson-cards .gl-data-container {
    font-size: 18px !important;
  }
}

@-webkit-keyframes multimediaPlayingInverse {
  0% {
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.9);
  }
  100% {
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.1);
  }
}

@keyframes multimediaPlayingInverse {
  0% {
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.9);
  }
  100% {
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.1);
  }
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url('Inter-Thin-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src: url('Inter-ThinItalic-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url('Inter-ExtraLight-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url('Inter-ExtraLightItalic-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url('Inter-Light-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url('Inter-LightItalic-BETA.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url('Inter-Regular.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url('Inter-Italic.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url('Inter-Medium.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url('Inter-MediumItalic.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url('Inter-SemiBold.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url('Inter-SemiBoldItalic.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url('Inter-Bold.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url('Inter-BoldItalic.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url('Inter-ExtraBold.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src: url('Inter-ExtraBoldItalic.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url('Inter-Black.otf') format("opentype");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src: url('Inter-BlackItalic.otf') format("opentype");
}

* {
  font-family: "Inter";
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

ion-item {
  --color-activated: #0070e6;
  --inner-border-width: 0px 0px 1px 0px;
}

ion-item[lines=none] {
  --inner-border-width: 0px 0px 0px 0px;
}

ion-item.item-has-focus {
  --border-color: #0070e6;
}

ion-item.ion-invalid.ion-touched {
  --border-color: var(--ion-color-danger, #f04141);
}

/*.my-custom-modal-css .modal-wrapper {
  height: 100%;
  top: 65%;
  position: absolute; 
  display: block; 
  --border-radius: 16px;
 }*/

.my-custom-mainMenu-modal-css .modal-wrapper {
  height: 100%;
  top: 35%;
  position: absolute;
  display: block;
  --border-radius: 16px;
}

.modal-shadow.sc-ion-modal-ios {
  pointer-events: none;
}

.lesson-menu-modal .modal-wrapper,
.main-menu-modal .modal-wrapper,
.my-custom-modal-css .modal-wrapper,
.exer-exit-modal .modal-wrapper,
.login-popup-modal .modal-wrapper,
.verify-popup-modal .modal-wrapper,
.logout-popup-modal .modal-wrapper,
.choose-img-popup-modal .modal-wrapper,
.multi-device-alert .modal-wrapper,
.free-trial-alert .modal-wrapper,
.in-app-popup-modal .modal-wrapper,
.start-tutorial-popup .modal-wrapper,
.buy-popup-css .modal-wrapper,
.app-rate-popup .modal-wrapper,
.plan-list-popup .modal-wrapper,
.popup-bottom-slide-up .modal-wrapper,
.app-update-popup .modal-wrapper {
  position: absolute;
  height: auto;
  bottom: 0;
  display: block;
  border-radius: 0px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.lesson-menu-modal .modal-wrapper .ion-page,
.main-menu-modal .modal-wrapper .ion-page,
.my-custom-modal-css .modal-wrapper .ion-page,
.exer-exit-modal .modal-wrapper .ion-page,
.login-popup-modal .modal-wrapper .ion-page,
.verify-popup-modal .modal-wrapper .ion-page,
.logout-popup-modal .modal-wrapper .ion-page,
.choose-img-popup-modal .modal-wrapper .ion-page,
.multi-device-alert .modal-wrapper .ion-page,
.free-trial-alert .modal-wrapper .ion-page,
.in-app-popup-modal .modal-wrapper .ion-page,
.start-tutorial-popup .modal-wrapper .ion-page,
.buy-popup-css .modal-wrapper .ion-page,
.app-rate-popup .modal-wrapper .ion-page,
.plan-list-popup .modal-wrapper .ion-page,
.popup-bottom-slide-up .modal-wrapper .ion-page,
.app-update-popup .modal-wrapper .ion-page {
  position: relative;
  display: table;
  margin: auto;
}

.lesson-menu-modal .ion-page,
.my-custom-modal-css .ion-page,
.exer-exit-modal .ion-page,
.login-popup-modal .ion-page,
.verify-popup-modal .ion-page,
.logout-popup-modal .ion-page,
.choose-img-popup-modal .ion-page,
.multi-device-alert .ion-page,
.free-trial-alert .ion-page,
.in-app-popup-modal .ion-page,
.start-tutorial-popup .ion-page,
.app-rate-popup .ion-page,
.main-menu-modal .ion-page,
.app-update-popup .ion-page {
  width: 100%;
  box-sizing: border-box;
}

.lesson-modal-view .modal-wrapper,
.multi-device-alert .modal-wrapper,
.free-trial-alert .modal-wrapper,
.app-rate-popup .modal-wrapper,
.app-update-popup .modal-wrapper {
  background: transparent;
  height: 100%;
  width: 100%;
}

.lesson-modal-view .modal-wrapper .ion-page,
.multi-device-alert .modal-wrapper .ion-page,
.free-trial-alert .modal-wrapper .ion-page,
.app-rate-popup .modal-wrapper .ion-page,
.app-update-popup .modal-wrapper .ion-page {
  background: transparent;
}

.grammar-lesson-modal .modal-wrapper,
.legal-doc-modal .modal-wrapper,
.reset-pass-form .modal-wrapper,
.popup-center-modal .modal-wrapper,
.buy-popup-css .modal-wrapper,
.plan-list-popup .modal-wrapper,
.delete-account-popup-modal .modal-wrapper {
  background: transparent;
  height: 100%;
  width: 100%;
}

.grammar-lesson-modal .modal-wrapper .ion-page,
.legal-doc-modal .modal-wrapper .ion-page,
.reset-pass-form .modal-wrapper .ion-page,
.popup-center-modal .modal-wrapper .ion-page,
.buy-popup-css .modal-wrapper .ion-page,
.plan-list-popup .modal-wrapper .ion-page,
.delete-account-popup-modal .modal-wrapper .ion-page {
  background: white;
}

.popup-center-modal .modal-wrapper .ion-page {
  background: transparent;
}

.buy-popup-css .ion-page,
.plan-list-popup .ion-page {
  height: 100%;
  width: 100%;
  background: none !important;
}

.free-trial-alert .ion-page,
.multi-device-alert .ion-page,
.app-rate-popup .ion-page,
.app-update-popup .ion-page {
  height: 100%;
}

.free-trial-alert,
.multi-device-alert {
  z-index: 50002 !important;
}

.app-update-popup {
  z-index: 50003 !important;
}

.login-popup-modal,
.verify-popup-modal,
.reset-pass-form,
.popup-center-modal {
  z-index: 40002 !important;
}

.in-app-popup-modal,
.app-rate-popup {
  z-index: 30002 !important;
}

button {
  outline: none !important;
}

.success-validation.item-has-focus {
  --border-color: #0070e6 !important;
  --highlight-background: #0070e6 !important;
}

.success-validation.item-has-focus ion-input {
  --color: #0070e6 !important;
}

.error-validation.item-has-focus {
  --border-color: var(--ion-color-danger) !important;
  --highlight-background: var(--ion-color-danger) !important;
}

.error-validation.item-has-focus ion-input {
  --color: var(--ion-color-danger) !important;
}

.error-validation.ion-invalid {
  --border-color: var(--ion-color-danger) !important;
  --highlight-background: var(--ion-color-danger) !important;
}

.error-validation.ion-invalid ion-input {
  --color: var(--ion-color-danger) !important;
}

.form-no-internet-message {
  position: relative;
  text-align: center;
  margin-top: 30px;
  opacity: 0;
  transition: 0.2s;
  pointer-events: none;
  color: #72818f;
}

.form-no-internet-message.visible {
  opacity: 1;
}

.exercise-settings-popover {
  --width: 90%;
  --max-width: 320px;
}

.exercise-settings-popover .popover-arrow {
  opacity: 0;
}

@-webkit-keyframes loader_anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader_anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes contentFadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes contentFadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes contentAppear {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes contentAppear {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.tutorial-container .tutorial-bubble {
  position: absolute;
  width: 90%;
  max-width: 600px;
  left: 0;
  right: 0;
  padding: 16px;
  margin: auto;
  background: white;
  min-height: 100px;
  border-radius: 20px;
  color: #72818f;
  display: flex;
  align-items: center;
  z-index: 220;
}

.tutorial-container .tutorial-bubble .bubble-text {
  opacity: 0;
  -webkit-animation-name: contentFadein;
          animation-name: contentFadein;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  margin: 0;
  text-align: justify;
}

.tutorial-container .tutorial-bubble .bubble-text strong {
  color: #032a53;
}

.tutorial-container .tutorial-mask {
  position: absolute;
  height: 100%;
  width: 100vw;
  background: rgba(0, 0, 0, 0.64);
  z-index: 200;
}

.tutorial-container .close-tutorial {
  position: absolute;
  height: 40px;
  width: 40px;
  z-index: 221;
  border-radius: 50%;
  margin-left: 8vw;
  margin-top: 2vh;
  background-color: white;
  transform: translate3d(0, 0, 1px);
  cursor: pointer;
}

.tutorial-container .close-tutorial img {
  position: absolute;
  padding: 30%;
  width: 100%;
}

.debug-mode-button {
  position: absolute;
  width: 2px;
  height: 2px;
  top: 0;
  left: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 0px solid transparent;
  outline: 0px;
  z-index: 9999999999999992;
  overflow: hidden;
  background: transparent;
  color: transparent;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .tutorial-container .close-tutorial {
    margin-left: 2vw;
  }
  .tutorial-container .close-tutorial:focus {
    outline: none !important;
    background-color: #0070e6 !important;
  }
  .tutorial-container .close-tutorial:focus img {
    content: url(/assets/images/element-icon-16-back-copy-3-focus.svg) !important;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .bubble-text {
    font-size: 14px;
  }
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

/* Icons
----------------------------------*/

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}

.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */

.ui-menu-icons {
	position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */

.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */

/* Support: Firefox 5 - 40 */

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

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}

.ui-checkboxradio-disabled {
	pointer-events: none;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}

.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}

.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}

.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}

.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}

.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}

.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}

.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-draggable-handle {
	touch-action: none;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-selectable {
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-slider {
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	touch-action: none;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-sortable-handle {
	touch-action: none;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}

/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */

.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('ui-icons_444444_256x240.png');
}

.ui-widget-header .ui-icon {
	background-image: url('ui-icons_444444_256x240.png');
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url('ui-icons_555555_256x240.png');
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url('ui-icons_ffffff_256x240.png');
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url('ui-icons_777620_256x240.png');
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('ui-icons_cc0000_256x240.png');
}

.ui-button .ui-icon {
	background-image: url('ui-icons_777777_256x240.png');
}

/* positioning */

.ui-icon-blank { background-position: 16px 16px; }

.ui-icon-caret-1-n { background-position: 0 0; }

.ui-icon-caret-1-ne { background-position: -16px 0; }

.ui-icon-caret-1-e { background-position: -32px 0; }

.ui-icon-caret-1-se { background-position: -48px 0; }

.ui-icon-caret-1-s { background-position: -65px 0; }

.ui-icon-caret-1-sw { background-position: -80px 0; }

.ui-icon-caret-1-w { background-position: -96px 0; }

.ui-icon-caret-1-nw { background-position: -112px 0; }

.ui-icon-caret-2-n-s { background-position: -128px 0; }

.ui-icon-caret-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -65px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -65px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 1px -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */

.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}

.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}