/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%; /* Not required for horizontal scroll to trigger */
  max-height: 100%; /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

pre code.hljs{display:block;overflow-x:auto;padding:1em}

code.hljs{padding:3px 5px}

.hljs{color:#a9b7c6;background:#282b2e}

.hljs-bullet,.hljs-literal,.hljs-number,.hljs-symbol{color:#6897bb}

.hljs-deletion,.hljs-keyword,.hljs-selector-tag{color:#cc7832}

.hljs-link,.hljs-template-variable,.hljs-variable{color:#629755}

.hljs-comment,.hljs-quote{color:grey}

.hljs-meta{color:#bbb529}

.hljs-addition,.hljs-attribute,.hljs-string{color:#6a8759}

.hljs-section,.hljs-title,.hljs-type{color:#ffc66d}

.hljs-name,.hljs-selector-class,.hljs-selector-id{color:#e8bf6a}

.hljs-emphasis{font-style:italic}

.hljs-strong{font-weight:700}

@font-face {
  font-family: "Inter var";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/Inter-roman-var.woff2?v=3.19") format("woff2");
  font-named-instance: "Regular";
}

@font-face {
  font-family: "Inter var";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/Inter-italic-var.woff2?v=3.19") format("woff2");
  font-named-instance: "Italic";
}

.vex-style-dark {
  --background-app-bar: #11151e;
  --footer-background: var(--background-foreground);
  --navigation-background: #1a202e;
  --toolbar-background: #1a202e;
  --background-base: #232b3e;
  --background-foreground: #1a202e;
  --background-foreground-rgb: 26, 32, 46;
  --footer-color: var(--text-color);
  --navigation-color: var(--text-color);
  --text-color: white;
  --toolbar-color: white;
  --text-color-light: rgba(0, 0, 0, 0.87);
  --foreground-divider: rgba(255, 255, 255, 0.12);
  --text-hint: rgba(255, 255, 255, 0.5);
  --text-hint-light: rgba(0, 0, 0, 0.38);
  --background-hover: rgba(255, 255, 255, 0.04);
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-secondary-light: rgba(0, 0, 0, 0.54);
  --secondary-toolbar-background: var(--background-foreground);
}

.vex-style-dark .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-option {
  color: white;
}

.vex-style-dark .mat-option:hover:not(.mat-option-disabled), .vex-style-dark .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}

.vex-style-dark .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-pseudo-checkbox::after {
  color: #232b3e;
}

.vex-style-dark .mat-pseudo-checkbox-disabled {
  color: #686868;
}

.vex-style-dark .mat-primary .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-pseudo-checkbox-indeterminate,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-warn .mat-pseudo-checkbox-checked,
.vex-style-dark .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.vex-style-dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}

.vex-style-dark .mat-app-background, .vex-style-dark.mat-app-background {
  background-color: #232b3e;
  color: white;
}

.vex-style-dark .mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.vex-style-dark .mat-autocomplete-panel {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #1a202e;
}

.vex-style-dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}

.vex-style-dark .mat-badge {
  position: relative;
}

.vex-style-dark .mat-badge.mat-badge {
  overflow: visible;
}

.vex-style-dark .mat-badge-hidden .mat-badge-content {
  display: none;
}

.vex-style-dark .mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.vex-style-dark .ng-animate-disabled .mat-badge-content,
.vex-style-dark .mat-badge-content._mat-animation-noopable {
  transition: none;
}

.vex-style-dark .mat-badge-content.mat-badge-active {
  transform: none;
}

.vex-style-dark .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.vex-style-dark .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .vex-style-dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.vex-style-dark .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .vex-style-dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.vex-style-dark .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.vex-style-dark .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .vex-style-dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.vex-style-dark .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.cdk-high-contrast-active .vex-style-dark .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.vex-style-dark .mat-badge-accent .mat-badge-content {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-badge-warn .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-badge-disabled .mat-badge-content {
  background: #656b78;
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-button, .vex-style-dark .mat-icon-button, .vex-style-dark .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.vex-style-dark .mat-button.mat-primary, .vex-style-dark .mat-icon-button.mat-primary, .vex-style-dark .mat-stroked-button.mat-primary {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-button.mat-accent, .vex-style-dark .mat-icon-button.mat-accent, .vex-style-dark .mat-stroked-button.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-button.mat-warn, .vex-style-dark .mat-icon-button.mat-warn, .vex-style-dark .mat-stroked-button.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .vex-style-dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.vex-style-dark .mat-button .mat-ripple-element, .vex-style-dark .mat-icon-button .mat-ripple-element, .vex-style-dark .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.vex-style-dark .mat-button-focus-overlay {
  background: white;
}

.vex-style-dark .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-flat-button, .vex-style-dark .mat-raised-button, .vex-style-dark .mat-fab, .vex-style-dark .mat-mini-fab {
  color: white;
  background-color: #424242;
}

.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-flat-button.mat-primary, .vex-style-dark .mat-raised-button.mat-primary, .vex-style-dark .mat-fab.mat-primary, .vex-style-dark .mat-mini-fab.mat-primary {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-flat-button.mat-accent, .vex-style-dark .mat-raised-button.mat-accent, .vex-style-dark .mat-fab.mat-accent, .vex-style-dark .mat-mini-fab.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-flat-button.mat-warn, .vex-style-dark .mat-raised-button.mat-warn, .vex-style-dark .mat-fab.mat-warn, .vex-style-dark .mat-mini-fab.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-flat-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-primary.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-accent.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-warn.mat-button-disabled, .vex-style-dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-fab.mat-button-disabled.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-primary.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-accent.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-warn.mat-button-disabled, .vex-style-dark .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-flat-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-primary .mat-ripple-element, .vex-style-dark .mat-fab.mat-primary .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-flat-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-accent .mat-ripple-element, .vex-style-dark .mat-fab.mat-accent .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-flat-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-raised-button.mat-warn .mat-ripple-element, .vex-style-dark .mat-fab.mat-warn .mat-ripple-element, .vex-style-dark .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-stroked-button:not([class*=mat-elevation-z]), .vex-style-dark .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .vex-style-dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.vex-style-dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.vex-style-dark .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-button-toggle-appearance-standard {
  color: white;
  background: #1a202e;
}

.vex-style-dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}

.vex-style-dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #353b47;
}

.vex-style-dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #353b47;
}

.vex-style-dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #353b47;
}

.vex-style-dark .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}

.vex-style-dark .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}

.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #1a202e;
}

.vex-style-dark .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #424242;
}

.vex-style-dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.vex-style-dark .mat-button-toggle-group-appearance-standard {
  border: solid 1px #353b47;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.vex-style-dark .mat-card {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-checkbox-checkmark {
  fill: #232b3e;
}

.vex-style-dark .mat-checkbox-checkmark-path {
  stroke: #232b3e !important;
}

.vex-style-dark .mat-checkbox-mixedmark {
  background-color: #232b3e;
}

.vex-style-dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .vex-style-dark .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .vex-style-dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}

.vex-style-dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}

.vex-style-dark .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-checkbox .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.vex-style-dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}

.vex-style-dark .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip::after {
  background: white;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}

.vex-style-dark .mat-table {
  background: #1a202e;
}

.vex-style-dark .mat-table thead, .vex-style-dark .mat-table tbody, .vex-style-dark .mat-table tfoot,
.vex-style-dark mat-header-row, .vex-style-dark mat-row, .vex-style-dark mat-footer-row,
.vex-style-dark [mat-header-row], .vex-style-dark [mat-row], .vex-style-dark [mat-footer-row],
.vex-style-dark .mat-table-sticky {
  background: inherit;
}

.vex-style-dark mat-row, .vex-style-dark mat-header-row, .vex-style-dark mat-footer-row,
.vex-style-dark th.mat-header-cell, .vex-style-dark td.mat-cell, .vex-style-dark td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-cell, .vex-style-dark .mat-footer-cell {
  color: white;
}

.vex-style-dark .mat-calendar-arrow {
  fill: white;
}

.vex-style-dark .mat-datepicker-toggle,
.vex-style-dark .mat-datepicker-content .mat-calendar-next-button,
.vex-style-dark .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}

.vex-style-dark .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-calendar-table-header,
.vex-style-dark .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-calendar-body-cell-content,
.vex-style-dark .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}

.vex-style-dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-calendar-body-in-range::before {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(99, 102, 241, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(99, 102, 241, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-calendar-body-selected {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.vex-style-dark .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

@media (hover: hover) {
  .vex-style-dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(99, 102, 241, 1);
    background-color: rgba(var(--color-primary), 1);
  }
}

.vex-style-dark .mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #1a202e;
  color: white;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 1);
    background-color: rgba(var(--color-accent), 1);
  }
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.vex-style-dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.vex-style-dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

@media (hover: hover) {
  .vex-style-dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 1);
    background-color: rgba(var(--color-warn), 1);
  }
}

.vex-style-dark .mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-datepicker-toggle-active {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-datepicker-toggle-active.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-datepicker-toggle-active.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-expansion-panel {
  background: #1a202e;
  color: white;
}

.vex-style-dark .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .vex-style-dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}

@media (hover: none) {
  .vex-style-dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #1a202e;
  }
}

.vex-style-dark .mat-expansion-panel-header-title {
  color: white;
}

.vex-style-dark .mat-expansion-panel-header-description,
.vex-style-dark .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.vex-style-dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.vex-style-dark .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-focused .mat-form-field-required-marker {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field-ripple {
  background-color: white;
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.vex-style-dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-error {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-hint {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.vex-style-dark .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}

.vex-style-dark .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}

.vex-style-dark .mat-icon.mat-primary {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-icon.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-icon.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-input-element:disabled,
.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element {
  caret-color: rgba(99, 102, 241, 1);
  caret-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option {
  color: rgba(0, 0, 0, 0.87);
}

.vex-style-dark .mat-input-element:not(.mat-native-select-inline) option:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.vex-style-dark .mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(255, 64, 129, 1);
  caret-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field.mat-warn .mat-input-element,
.vex-style-dark .mat-form-field-invalid .mat-input-element {
  caret-color: rgba(244, 67, 54, 1);
  caret-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-list-base .mat-list-item {
  color: white;
}

.vex-style-dark .mat-list-base .mat-list-option {
  color: white;
}

.vex-style-dark .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-list-base .mat-list-item-disabled {
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-list-option:hover, .vex-style-dark .mat-list-option:focus,
.vex-style-dark .mat-nav-list .mat-list-item:hover,
.vex-style-dark .mat-nav-list .mat-list-item:focus,
.vex-style-dark .mat-action-list .mat-list-item:hover,
.vex-style-dark .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-list-single-selected-option, .vex-style-dark .mat-list-single-selected-option:hover, .vex-style-dark .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-menu-panel {
  background: #1a202e;
}

.vex-style-dark .mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-menu-item {
  background: transparent;
  color: white;
}

.vex-style-dark .mat-menu-item[disabled],
.vex-style-dark .mat-menu-item[disabled] .mat-menu-submenu-icon,
.vex-style-dark .mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-menu-item .mat-icon-no-color,
.vex-style-dark .mat-menu-submenu-icon {
  color: white;
}

.vex-style-dark .mat-menu-item:hover:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-program-focused:not([disabled]),
.vex-style-dark .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.vex-style-dark .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-paginator {
  background: #1a202e;
}

.vex-style-dark .mat-paginator,
.vex-style-dark .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-paginator-decrement,
.vex-style-dark .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}

.vex-style-dark .mat-paginator-first,
.vex-style-dark .mat-paginator-last {
  border-top: 2px solid white;
}

.vex-style-dark .mat-icon-button[disabled] .mat-paginator-decrement,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-increment,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-first,
.vex-style-dark .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}

.mat-paginator-container {
  min-height: 56px;
}

.vex-style-dark .mat-progress-bar-background {
  fill: rgba(99, 102, 241, 0.1);
  fill: rgba(var(--color-primary), 0.1);
}

.vex-style-dark .mat-progress-bar-buffer {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.vex-style-dark .mat-progress-bar-fill::after {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(255, 64, 129, 0.1);
  fill: rgba(var(--color-accent), 0.1);
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.vex-style-dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(244, 67, 54, 0.1);
  fill: rgba(var(--color-warn), 0.1);
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.vex-style-dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-progress-spinner circle, .vex-style-dark .mat-spinner circle {
  stroke: rgba(99, 102, 241, 1);
  stroke: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-progress-spinner.mat-accent circle, .vex-style-dark .mat-spinner.mat-accent circle {
  stroke: rgba(255, 64, 129, 1);
  stroke: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-progress-spinner.mat-warn circle, .vex-style-dark .mat-spinner.mat-warn circle {
  stroke: rgba(244, 67, 54, 1);
  stroke: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(99, 102, 241, 1);
  border-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-radio-button.mat-primary .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(255, 64, 129, 1);
  border-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-radio-button.mat-accent .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(244, 67, 54, 1);
  border-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-radio-button.mat-warn .mat-radio-inner-circle,
.vex-style-dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .vex-style-dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .vex-style-dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-radio-button .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-select-value {
  color: white;
}

.vex-style-dark .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-select-panel {
  background: #1a202e;
}

.vex-style-dark .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-drawer-container {
  background-color: #232b3e;
  color: white;
}

.vex-style-dark .mat-drawer {
  background-color: #1a202e;
  color: white;
}

.vex-style-dark .mat-drawer.mat-drawer-push {
  background-color: #1a202e;
}

.vex-style-dark .mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}

.vex-style-dark [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}

.vex-style-dark [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(229, 223, 209, 0.6);
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}

.vex-style-dark .mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #bdbdbd;
}

.vex-style-dark .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  opacity: 0.2;
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  opacity: 0.2;
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  opacity: 0.2;
}

.vex-style-dark .mat-slider:hover .mat-slider-track-background,
.vex-style-dark .mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-background,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-track-fill,
.vex-style-dark .mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}

.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.vex-style-dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .vex-style-dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}

.vex-style-dark .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}

.vex-style-dark .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}

.vex-style-dark .mat-step-header.cdk-keyboard-focused, .vex-style-dark .mat-step-header.cdk-program-focused, .vex-style-dark .mat-step-header:hover:not([aria-disabled]), .vex-style-dark .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(255, 255, 255, 0.04);
}

.vex-style-dark .mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .vex-style-dark .mat-step-header:hover {
    background: none;
  }
}

.vex-style-dark .mat-step-header .mat-step-label,
.vex-style-dark .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}

.vex-style-dark .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-step-header .mat-step-icon-selected,
.vex-style-dark .mat-step-header .mat-step-icon-state-done,
.vex-style-dark .mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-step-header.mat-accent .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-step-header.mat-warn .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-selected,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-done,
.vex-style-dark .mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}

.vex-style-dark .mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-stepper-horizontal, .vex-style-dark .mat-stepper-vertical {
  background-color: #1a202e;
}

.vex-style-dark .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-horizontal-stepper-header::before,
.vex-style-dark .mat-horizontal-stepper-header::after,
.vex-style-dark .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.vex-style-dark .mat-sort-header-arrow {
  color: #babcc0;
}

.vex-style-dark .mat-tab-nav-bar,
.vex-style-dark .mat-tab-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.vex-style-dark .mat-tab-group-inverted-header .mat-tab-nav-bar,
.vex-style-dark .mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}

.vex-style-dark .mat-tab-label, .vex-style-dark .mat-tab-link {
  color: white;
}

.vex-style-dark .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-tab-header-pagination-chevron {
  border-color: white;
}

.vex-style-dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}

.vex-style-dark .mat-tab-group[class*=mat-background-] > .mat-tab-header,
.vex-style-dark .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.vex-style-dark .mat-tab-group.mat-primary .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.vex-style-dark .mat-tab-group.mat-accent .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.vex-style-dark .mat-tab-group.mat-warn .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .vex-style-dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.12;
}

.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.12;
}

.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.vex-style-dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}

.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.vex-style-dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.12;
}

.vex-style-dark .mat-toolbar {
  background: #11151e;
  color: white;
}

.vex-style-dark .mat-toolbar.mat-primary {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.vex-style-dark .mat-toolbar.mat-accent {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.vex-style-dark .mat-toolbar.mat-warn {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.vex-style-dark .mat-toolbar .mat-form-field-underline,
.vex-style-dark .mat-toolbar .mat-form-field-ripple,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.vex-style-dark .mat-toolbar .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-focused .mat-form-field-label,
.vex-style-dark .mat-toolbar .mat-select-value,
.vex-style-dark .mat-toolbar .mat-select-arrow,
.vex-style-dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.vex-style-dark .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.vex-style-dark .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.vex-style-dark .mat-tree {
  background: #1a202e;
}

.vex-style-dark .mat-tree-node,
.vex-style-dark .mat-nested-tree-node {
  color: white;
}

.mat-tree-node {
  min-height: 48px;
}

.vex-style-dark .mat-snack-bar-container {
  color: rgba(0, 0, 0, 0.87);
  background: #fafafa;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.vex-style-dark .mat-simple-snackbar-action {
  color: inherit;
}

.vex-style-light {
  --navigation-background: var(--background-foreground);
  --sidenav-background: white;
  --toolbar-background: var(--background-foreground);
  --sidenav-color: var(--text-color);
  --sidenav-item-background-hover: #f2f2f2;
  --sidenav-item-background-active: #f7f7f7;
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-hover: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-background: #f7f7f7;
  --sidenav-item-dropdown-background-hover: #ebebeb;
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-dropdown-background-active: #e6e6e6;
  --sidenav-item-dropdown-color-active: var(--text-color);
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-toolbar-background: white;
  --sidenav-toolbar-background-rgb: 255, 255, 255;
  --sidenav-section-divider-color: rgba(82, 63, 105, 0.06);
}

.vex-style-light .sidenav {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.vex-style-light .sidenav .vex-sidenav-user .vex-sidenav-user__subtitle, 
.vex-style-light .sidenav .vex-sidenav-user .vex-sidenav-user__dropdown-icon {
  color: rgb(0 0 0 / 0.5);
}

.vex-style-light .sidenav .vex-sidenav-user:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.vex-style-light .sidenav .vex-sidenav-search {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.vex-style-light .sidenav .vex-sidenav-search:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.vex-style-light .vex-sidenav-user--open {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

:root {
  --padding-gutter-table: 0.8rem;
  --padding-gutter: 1rem;
  --padding: 1.5rem;
  --padding-16: 1rem;
  --padding-12: 0.75rem;
  --padding-8: 0.5rem;
  --padding-6: 0.375rem;
  --padding-4: 0.25rem;
  --color-primary: 99, 102, 241;
  --color-primary-contrast: 255, 255, 255;
  --color-accent: 255, 64, 129;
  --color-accent-contrast: 255, 255, 255;
  --color-warn: 244, 67, 54;
  --color-warn-contrast: 255, 255, 255;
  --font: "Inter var", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  --font-weight-medium: 500;
  --font-caption: 400 12px/20px var(--font);
  --font-body-1: 400 14px/20px var(--font);
  --font-body-2: 500 14px/24px var(--font);
  --font-subheading-1: 400 15px/24px var(--font);
  --font-subheading-2: 400 16px/28px var(--font);
  --font-headline: 400 24px/32px var(--font);
  --font-title: 500 18px/26px var(--font);
  --font-display-1: 400 34px/40px var(--font);
  --font-display-2: 400 45px/48px var(--font);
  --font-display-3: 400 56px/56px var(--font);
  --font-display-4: 300 112px/112px var(--font);
  --trans-ease-in-out: all var(--trans-ease-in-out-duration) var(--trans-ease-in-out-timing-function);
  --trans-ease-in-out-duration: 500ms;
  --trans-ease-in-out-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  --trans-ease-out: all var(--trans-ease-out-duration) var(--trans-ease-out-timing-function);
  --trans-ease-out-duration: 400ms;
  --trans-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  --trans-ease-in: all var(--trans-ease-in-duration) var(--trans-ease-in-timing-function);
  --trans-ease-in-duration: 300ms;
  --trans-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  --trans-shadow-duration: 280ms;
  --trans-shadow-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --trans-shadow: box-shadow var(--trans-shadow-duration) var(--trans-shadow-timing-function);
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-light: white;
  --text-secondary: rgba(0, 0, 0, 0.54);
  --text-secondary-light: rgba(255, 255, 255, 0.7);
  --text-hint: rgba(0, 0, 0, 0.38);
  --text-hint-light: rgba(255, 255, 255, 0.5);
  --foreground-divider: rgba(82, 63, 105, 0.06);
  --background-base: rgb(245, 245, 248);
  --background-foreground: white;
  --background-foreground-rgb: 255, 255, 255;
  --background-app-bar: #ebebee;
  --background-hover: rgba(0, 0, 0, 0.04);
  --elevation-default: var(--elevation-z6);
  --elevation-z0: none;
  --elevation-z1: 0px 2px 1px -1px rgba(82, 63, 104, 0.06), 0px 1px 1px 0px rgba(82, 63, 104, 0.042), 0px 1px 3px 0px rgba(82, 63, 104, 0.036);
  --elevation-z2: 0px 3px 1px -2px rgba(82, 63, 104, 0.06), 0px 2px 2px 0px rgba(82, 63, 104, 0.042), 0px 1px 5px 0px rgba(82, 63, 104, 0.036);
  --elevation-z3: 0px 3px 3px -2px rgba(82, 63, 104, 0.06), 0px 3px 4px 0px rgba(82, 63, 104, 0.042), 0px 1px 8px 0px rgba(82, 63, 104, 0.036);
  --elevation-z4: 0px 2px 4px -1px rgba(82, 63, 104, 0.06), 0px 4px 5px 0px rgba(82, 63, 104, 0.042), 0px 1px 10px 0px rgba(82, 63, 104, 0.036);
  --elevation-z5: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 5px 8px 0px rgba(82, 63, 104, 0.042), 0px 1px 14px 0px rgba(82, 63, 104, 0.036);
  --elevation-z6: 0px 3px 5px -1px rgba(82, 63, 104, 0.06), 0px 6px 10px 0px rgba(82, 63, 104, 0.042), 0px 1px 18px 0px rgba(82, 63, 104, 0.036);
  --elevation-z7: 0px 4px 5px -2px rgba(82, 63, 104, 0.06), 0px 7px 10px 1px rgba(82, 63, 104, 0.042), 0px 2px 16px 1px rgba(82, 63, 104, 0.036);
  --elevation-z8: 0px 5px 5px -3px rgba(82, 63, 104, 0.06), 0px 8px 10px 1px rgba(82, 63, 104, 0.042), 0px 3px 14px 2px rgba(82, 63, 104, 0.036);
  --elevation-z9: 0px 5px 6px -3px rgba(82, 63, 104, 0.06), 0px 9px 12px 1px rgba(82, 63, 104, 0.042), 0px 3px 16px 2px rgba(82, 63, 104, 0.036);
  --elevation-z10: 0px 6px 6px -3px rgba(82, 63, 104, 0.06), 0px 10px 14px 1px rgba(82, 63, 104, 0.042), 0px 4px 18px 3px rgba(82, 63, 104, 0.036);
  --elevation-z11: 0px 6px 7px -4px rgba(82, 63, 104, 0.06), 0px 11px 15px 1px rgba(82, 63, 104, 0.042), 0px 4px 20px 3px rgba(82, 63, 104, 0.036);
  --elevation-z12: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 12px 17px 2px rgba(82, 63, 104, 0.042), 0px 5px 22px 4px rgba(82, 63, 104, 0.036);
  --elevation-z13: 0px 7px 8px -4px rgba(82, 63, 104, 0.06), 0px 13px 19px 2px rgba(82, 63, 104, 0.042), 0px 5px 24px 4px rgba(82, 63, 104, 0.036);
  --elevation-z14: 0px 7px 9px -4px rgba(82, 63, 104, 0.06), 0px 14px 21px 2px rgba(82, 63, 104, 0.042), 0px 5px 26px 4px rgba(82, 63, 104, 0.036);
  --elevation-z15: 0px 8px 9px -5px rgba(82, 63, 104, 0.06), 0px 15px 22px 2px rgba(82, 63, 104, 0.042), 0px 6px 28px 5px rgba(82, 63, 104, 0.036);
  --elevation-z16: 0px 8px 10px -5px rgba(82, 63, 104, 0.06), 0px 16px 24px 2px rgba(82, 63, 104, 0.042), 0px 6px 30px 5px rgba(82, 63, 104, 0.036);
  --elevation-z17: 0px 8px 11px -5px rgba(82, 63, 104, 0.06), 0px 17px 26px 2px rgba(82, 63, 104, 0.042), 0px 6px 32px 5px rgba(82, 63, 104, 0.036);
  --elevation-z18: 0px 9px 11px -5px rgba(82, 63, 104, 0.06), 0px 18px 28px 2px rgba(82, 63, 104, 0.042), 0px 7px 34px 6px rgba(82, 63, 104, 0.036);
  --elevation-z19: 0px 9px 12px -6px rgba(82, 63, 104, 0.06), 0px 19px 29px 2px rgba(82, 63, 104, 0.042), 0px 7px 36px 6px rgba(82, 63, 104, 0.036);
  --elevation-z20: 0px 10px 13px -6px rgba(82, 63, 104, 0.06), 0px 20px 31px 3px rgba(82, 63, 104, 0.042), 0px 8px 38px 7px rgba(82, 63, 104, 0.036);
  --sidenav-width: 280px;
  --sidenav-collapsed-width: 72px;
  --sidenav-background: #1a202e;
  --sidenav-color: white;
  --sidenav-toolbar-background: #171d29;
  --sidenav-toolbar-background-rgb: 23, 29, 41;
  --sidenav-section-divider-color: rgba(255, 255, 255, 0.12);
  --sidenav-item-min-height: 48px;
  --sidenav-item-padding-vertical: var(--padding-8);
  --sidenav-item-padding-horizontal: var(--padding);
  --sidenav-item-background-hover: #141924;
  --sidenav-item-background-active: #141924;
  --sidenav-item-font-weight: 500;
  --sidenav-item-color: #A1A2B6;
  --sidenav-item-color-hover: white;
  --sidenav-item-color-active: white;
  --sidenav-item-icon-color: #494B74;
  --sidenav-item-icon-color-hover: rgb(var(--color-primary));
  --sidenav-item-icon-color-active: rgb(var(--color-primary));
  --sidenav-item-icon-gap: 16px;
  --sidenav-item-icon-size: 24px;
  --sidenav-item-dropdown-background: #141924;
  --sidenav-item-dropdown-background-hover: #131721;
  --sidenav-item-dropdown-color-hover: var(--sidenav-item-color-hover);
  --sidenav-item-dropdown-background-active: var(--sidenav-item-dropdown-background-hover);
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color-active);
  --sidenav-item-ripple-color: rgba(0, 0, 0, 0.1);
  --sidenav-item-dropdown-gap: 12px;
  --sidenav-subheading-color: #6b6e7f;
  --toolbar-height: 64px;
  --toolbar-background: white;
  --toolbar-color: rgba(0, 0, 0, 0.87);
  --toolbar-icon-color: rgb(var(--color-primary));
  --secondary-toolbar-background: var(--background-foreground);
  --secondary-toolbar-height: 54px;
  --navigation-height: 0.00001px;
  --navigation-background: var(--background-foreground);
  --navigation-color: var(--text-secondary);
  --footer-height: 56px;
  --footer-z-index: 100;
  --footer-background: var(--background-foreground);
  --footer-color: var(--text-color);
  --footer-elevation: 0 -10px 30px 0 rgba(82, 63, 104, .06);
  --page-layout-header-height: 134px;
  --page-layout-toolbar-height: 64px;
  --blink-scrollbar-width: 12px;
  --default-icon-size: 24px;
  --border-radius: 0.25rem;
}

@media (min-width: 1280px) {
  :root {
    --padding-gutter: 1.5rem;
  }
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px "Poppins", sans-serif;
  font: 400 24px / 32px var(--font);
  letter-spacing: -0.019em;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 18px / 26px "Poppins", sans-serif;
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px "Poppins", sans-serif;
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px "Poppins", sans-serif;
  font: 400 15px / 24px var(--font);
  letter-spacing: -0.009em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px "Poppins", sans-serif;
  font: 400 calc(14px * 0.83) / 20px var(--font);
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px "Poppins", sans-serif;
  font: 400 calc(14px * 0.67) / 20px var(--font);
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px "Poppins", sans-serif;
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px "Poppins", sans-serif;
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px "Poppins", sans-serif;
  font: 400 12px / 20px var(--font);
  letter-spacing: 0;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px "Poppins", sans-serif;
  font: 300 112px / 112px var(--font);
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px "Poppins", sans-serif;
  font: 400 56px / 56px var(--font);
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px "Poppins", sans-serif;
  font: 400 45px / 48px var(--font);
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px "Poppins", sans-serif;
  font: 400 34px / 40px var(--font);
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px "Poppins", sans-serif;
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-card {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 18px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 18px / 26px "Poppins", sans-serif;
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
}

.mat-expansion-panel-header {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px "Poppins", sans-serif;
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}

.mat-form-field {
  font: 400 14px / 1.25 "Poppins", sans-serif;
  font: 400 14px / 1.25 var(--font);
  letter-spacing: -0.006em;
}

.mat-form-field-wrapper {
  padding-bottom: 1.4375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.25;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.25em;
  line-height: 1.25;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.9375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.4375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.43749em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.9375em;
  padding-top: 0.9375em;
}

.mat-form-field-label {
  top: 1.4375em;
}

.mat-form-field-underline {
  bottom: 1.4375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.9166666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.3125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.3125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.4166666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31247em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31246em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.31245em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.1875em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.6875em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.68749em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.9375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.6875em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.68749em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.125em;
}

.mat-menu-item {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 12px;
}

.mat-radio-button {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-select {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-select-trigger {
  height: 1.25em;
}

.mat-slide-toggle-content {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-slider-thumb-label-text {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-tab-label, .mat-tab-link {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 18px / 26px "Poppins", sans-serif;
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
  margin: 0;
}

.mat-tooltip {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-list-option {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px "Poppins", sans-serif;
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}

.mat-simple-snackbar {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: "Poppins", sans-serif;
  font-family: var(--font);
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}

.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }

@keyframes cdk-text-field-autofill-end { /*!*/ }

.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}

.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}

.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: black;
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: black;
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: black;
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: black;
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: black;
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-badge-warn .mat-badge-content {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: black;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(82, 63, 105, 0.06);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: black;
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: black;
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #f5f3f6;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #f5f3f6;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #f5f3f6;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: black;
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #f5f3f6;
}

.mat-card {
  background: white;
  color: black;
}

.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: black;
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: black;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.1;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.1;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.1;
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: black;
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(82, 63, 105, 0.06);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: black;
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(82, 63, 105, 0.12);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(99, 102, 241, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(99, 102, 241, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-primary), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-primary-contrast), 1);
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(99, 102, 241, 1);
    background-color: rgba(var(--color-primary), 1);
  }
}

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: black;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 64, 129, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 64, 129, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-accent), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-accent-contrast), 1);
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 64, 129, 1);
    background-color: rgba(var(--color-accent), 1);
  }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to right, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 1) 50%, rgba(249, 171, 0, 0.2) 50%);
  background: linear-gradient(to left, rgba(var(--color-warn), 1) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 1);
  box-shadow: inset 0 0 0 1px rgba(var(--color-warn-contrast), 1);
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 1);
    background-color: rgba(var(--color-warn), 1);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-datepicker-toggle-active.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-datepicker-toggle-active.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: black;
}

.mat-divider {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-divider-vertical {
  border-right-color: rgba(82, 63, 105, 0.06);
}

.mat-expansion-panel {
  background: white;
  color: black;
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: black;
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-focused .mat-form-field-required-marker {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-form-field-ripple {
  background-color: rgba(82, 63, 105, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-error {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(82, 63, 105, 0.42) 0%, rgba(82, 63, 105, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(82, 63, 105, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(82, 63, 105, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(82, 63, 105, 0.06);
}

.mat-icon.mat-primary {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-icon.mat-accent {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-icon.mat-warn {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: rgba(99, 102, 241, 1);
  caret-color: rgba(var(--color-primary), 1);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: rgba(255, 64, 129, 1);
  caret-color: rgba(var(--color-accent), 1);
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: rgba(244, 67, 54, 1);
  caret-color: rgba(var(--color-warn), 1);
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-list-base .mat-list-item {
  color: black;
}

.mat-list-base .mat-list-option {
  color: black;
}

.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}

.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: black;
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-progress-bar-background {
  fill: rgba(99, 102, 241, 0.1);
  fill: rgba(var(--color-primary), 0.1);
}

.mat-progress-bar-buffer {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.mat-progress-bar-fill::after {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: rgba(255, 64, 129, 0.1);
  fill: rgba(var(--color-accent), 0.1);
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: rgba(244, 67, 54, 0.1);
  fill: rgba(var(--color-warn), 0.1);
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: rgba(99, 102, 241, 1);
  stroke: rgba(var(--color-primary), 1);
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: rgba(255, 64, 129, 1);
  stroke: rgba(var(--color-accent), 1);
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: rgba(244, 67, 54, 1);
  stroke: rgba(var(--color-warn), 1);
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(99, 102, 241, 1);
  border-color: rgba(var(--color-primary), 1);
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(255, 64, 129, 1);
  border-color: rgba(var(--color-accent), 1);
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgba(244, 67, 54, 1);
  border-color: rgba(var(--color-warn), 1);
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: black;
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: black;
}

.mat-drawer {
  background-color: white;
  color: black;
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(82, 63, 105, 0.06);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(82, 63, 105, 0.06);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  opacity: 0.2;
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  opacity: 0.2;
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  opacity: 0.2;
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-step-header.mat-accent .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-step-header.mat-warn .mat-step-icon {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: black;
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: rgba(244, 67, 54, 1);
  color: rgba(var(--color-warn), 1);
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(82, 63, 105, 0.06);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(82, 63, 105, 0.06);
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(82, 63, 105, 0.06);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(82, 63, 105, 0.06);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: black;
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: black;
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: rgba(99, 102, 241, 1);
  background-color: rgba(var(--color-primary), 1);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-primary-contrast), 1);
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 64, 129, 0.1);
  background-color: rgba(var(--color-accent), 0.1);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: rgba(255, 64, 129, 1);
  background-color: rgba(var(--color-accent), 1);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-accent-contrast), 1);
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(244, 67, 54, 0.1);
  background-color: rgba(var(--color-warn), 0.1);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: rgba(244, 67, 54, 1);
  background-color: rgba(var(--color-warn), 1);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 1);
  border-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: rgba(255, 255, 255, 1);
  background-color: rgba(var(--color-warn-contrast), 1);
  opacity: 0.12;
}

.mat-toolbar {
  background: #ebebee;
  color: black;
}

.mat-toolbar.mat-primary {
  background: rgba(99, 102, 241, 1);
  background: rgba(var(--color-primary), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-primary-contrast), 1);
}

.mat-toolbar.mat-accent {
  background: rgba(255, 64, 129, 1);
  background: rgba(var(--color-accent), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-accent-contrast), 1);
}

.mat-toolbar.mat-warn {
  background: rgba(244, 67, 54, 1);
  background: rgba(var(--color-warn), 1);
  color: rgba(255, 255, 255, 1);
  color: rgba(var(--color-warn-contrast), 1);
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: black;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: rgba(255, 64, 129, 1);
  color: rgba(var(--color-accent), 1);
}

.horizontal-layout {
  --navigation-height: 0.00001px;
  --toolbar-width: 100%;
}

@media (min-width: 1280px) {
  .horizontal-layout {
    --toolbar-width: calc(100% - var(--sidenav-width));
  }
  .horizontal-layout.sidenav-collapsed {
    --toolbar-width: calc(100% - var(--sidenav-collapsed-width));
  }
}

.horizontal-layout .sidenav-container {
  /* When the sidenav is not fixed, stretch the sidenav container to fill the available space. This
     causes `<mat-sidenav-content>` to act as our scrolling element for desktop layouts. */
  flex: 1;
}

.horizontal-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}

@media (min-width: 1280px) {
  body:not([dir=rtl]) .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-left: 72px !important;
    margin-left: var(--sidenav-collapsed-width) !important;
    margin-right: 0 !important;
  }
  body:not([dir=rtl]) .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-left: 280px !important;
    margin-left: var(--sidenav-width) !important;
    margin-right: 0 !important;
  }
  [dir=rtl] .horizontal-layout.sidenav-collapsed .sidenav-content {
    margin-right: 72px !important;
    margin-right: var(--sidenav-collapsed-width) !important;
    margin-left: 0 !important;
  }
  [dir=rtl] .horizontal-layout:not(.sidenav-collapsed) .sidenav-content {
    margin-right: 280px !important;
    margin-right: var(--sidenav-width) !important;
    margin-left: 0 !important;
  }
}

/** SCROLLBARS */

body.is-blink ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  height: 12px;
  height: var(--blink-scrollbar-width);
  width: 12px;
  width: var(--blink-scrollbar-width);
}

body.is-blink ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.12);
}

body.is-blink ::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 12px;
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.37);
}

body.is-blink ::-webkit-scrollbar-thumb:active {
  border-radius: 12px;
  border-radius: var(--blink-scrollbar-width);
  box-shadow: inset 0 0 0 12px rgba(0, 0, 0, 0.54);
}

/** SCROLLBLOCK */

.vex-scrollblock {
  position: fixed !important;
  width: 100%;
}

/** GLOSSY DIALOG (webkit only) */

.vex-dialog-glossy .mat-dialog-container {
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
}

.groupBy .vex-dialog-glossy .mat-dialog-container {
  background-color: transparent;
}

.vex-dialog-glossy .mat-dialog-container .searchtxt {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
}

.is-blink .vex-dialog-glossy .mat-dialog-container {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.6);
  background-color: rgba(var(--background-foreground-rgb), 0.6);
}

.vertical-layout {
  --toolbar-width: 100%;
}

.vertical-layout vex-secondary-toolbar .h-14 {
  display: none;
}

.vertical-layout vex-secondary-toolbar .fixed {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: 0.75rem;
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}

.vertical-layout.content-container > .sidenav-container > .sidenav-content > .content {
  margin-left: auto;
  margin-right: auto;
}

.vertical-layout.has-fixed-footer.scroll-disabled .content {
  height: calc(100% - 64px - 56px);
  height: calc(100% - var(--toolbar-height) - var(--footer-height));
}

@media print {
  html, body {
    height: auto !important;
    overflow: visible !important;
    overflow: initial !important;
  }
  .vex-toolbar, .sidenav {
    display: none !important;
  }
  .content {
    margin-top: 0 !important;
  }
  .mat-drawer-container {
    overflow: visible !important;
  }
  .mat-drawer-side {
    border-right: none !important;
  }
  .sidenav-content {
    margin-left: 0 !important;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
  }

.groupBy .sidenav-content {
  background-color: transparent;
}

.sidenav-content .searchtxt {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
}
  .vex-footer {
    display: none !important;
  }
  .config-panel-toggle {
    display: none !important;
  }
}

/*
  InterDynamicTracking takes the font size in points
  or pixels and returns the compensating tracking in EM.
  function InterDynamicTracking(fontSize) {
    const a = -0.0223
    const b = 0.185
    const c = -0.1745;
    // tracking = a + b * e ^ (c * fontSize)
    return a + b * Math.pow(Math.E, c * fontSize)
  }
*/

.display-4 {
  font: 300 112px / 112px "Poppins", sans-serif;
  font: 300 112px / 112px var(--font);
  letter-spacing: -0.05em;
}

.display-3 {
  font: 400 56px / 56px "Poppins", sans-serif;
  font: 400 56px / 56px var(--font);
  letter-spacing: -0.02em;
}

.display-2 {
  font: 400 45px / 48px "Poppins", sans-serif;
  font: 400 45px / 48px var(--font);
  letter-spacing: -0.005em;
}

.display-1, h1 {
  font: 400 34px / 40px "Poppins", sans-serif;
  font: 400 34px / 40px var(--font);
  letter-spacing: normal;
}

.headline, h2 {
  font: 400 24px / 32px "Poppins", sans-serif;
  font: 400 24px / 32px var(--font);
  letter-spacing: -0.019em;
}

.title, h3 {
  font: 500 18px / 26px "Poppins", sans-serif;
  font: 500 18px / 26px var(--font);
  letter-spacing: -0.014em;
}

.subheading-2, h4 {
  font: 400 16px / 28px "Poppins", sans-serif;
  font: 400 16px / 28px var(--font);
  letter-spacing: -0.011em;
}

.subheading-1, h5 {
  font: 400 15px / 24px "Poppins", sans-serif;
  font: 400 15px / 24px var(--font);
  letter-spacing: -0.009em;
}

.body-2, h6 {
  font: 500 14px / 24px "Poppins", sans-serif;
  font: 500 14px / 24px var(--font);
  letter-spacing: -0.006em;
}

.body-1, p {
  font: 400 14px / 20px "Poppins", sans-serif;
  font: 400 14px / 20px var(--font);
  letter-spacing: -0.006em;
}

.caption {
  font: 400 12px / 20px "Poppins", sans-serif;
  font: 400 12px / 20px var(--font);
  letter-spacing: 0;
}

.text-xs {
  letter-spacing: 0;
}

.text-sm {
  letter-spacing: -0.009em;
}

.text-base {
  letter-spacing: -0.011em;
}

.text-lg {
  letter-spacing: -0.014em;
}

.text-2xl {
  letter-spacing: -0.019em;
}

.text-3xl {
  letter-spacing: -0.021em;
}

:root .mat-button,  :root .mat-stroked-button,  :root .mat-flat-button,  :root .mat-raised-button {
  min-width: 6rem;
  border-radius: var(--button-border-radius);
}

:root .mat-button-toggle-group:not(.mat-button-toggle-vertical) {
  border-radius: var(--button-border-radius);
}

:root .mat-button-toggle-group:not(.mat-button-toggle-vertical) .mat-button-toggle:first-child .mat-button-toggle-label-content {
  padding-left: 1rem;
}

:root .mat-button-toggle-group:not(.mat-button-toggle-vertical) .mat-button-toggle:last-child .mat-button-toggle-label-content {
  padding-right: 1rem;
}

:root .mat-button-toggle-button {
  font-weight: 500;
}

:root .mat-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root .mat-menu-panel {
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:root .mat-menu-content {
  padding: 0.5rem;
}

:root .mat-menu-item {
  display: flex;
  height: 2.5rem;
  align-items: center;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  letter-spacing: -0.009em;
}

:root .mat-menu-item:hover:not([disabled]) {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

:root .mat-menu-item:hover:not([disabled]) .mat-icon {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

:root .mat-menu-item .mat-icon {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

:root .mat-menu-item-submenu-trigger {
  padding-right: 3rem;
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: currentColor;
}

.mat-icon-button .mat-button-wrapper > *,
.mat-menu-item .mat-icon,
.mat-button .mat-icon {
  vertical-align: middle !important;
}

.mat-form-field-suffix .mat-icon-button .mat-icon, .mat-form-field-prefix .mat-icon-button .mat-icon {
  font-size: inherit;
}

.mat-table mat-row,
.mat-table mat-header-row,
.mat-table mat-footer-row,
.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  border-bottom-color: rgba(82, 63, 105, 0.06);
  border-bottom-color: var(--foreground-divider);
}

.mat-form-field {
  margin-bottom: 4px;
}

.mat-primary.mat-form-field .mat-form-field-prefix,
.mat-primary.mat-form-field .mat-form-field-suffix {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: var(--trans-ease-out);
}

.mat-primary.mat-form-field.mat-focused .mat-form-field-prefix,  .mat-primary.mat-form-field.mat-focused .mat-form-field-suffix {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

.mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-prefix,  .mat-form-field.mat-form-field-invalid.mat-focused .mat-form-field-suffix {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity));
}

.mat-table .mat-cell,
.mat-table .mat-header-cell {
  box-sizing: content-box;
  padding-left: 0.75rem;
  padding-left: var(--padding-12);
  padding-right: 0.75rem;
  padding-right: var(--padding-12);
  white-space: nowrap;
}

.mat-paginator-page-size-select.mat-form-field .mat-form-field-flex {
  padding-top: 0;
}

.mat-select-panel {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.011em;
}

.mat-drawer-side {
  border: 0;
}

textarea.mat-input-element {
  line-height: 1.5;
}

.vex-flex-form-field .mat-form-field-infix {
  width: 50px;
}

.vex-dense-form-field {
  margin-bottom: -1.34375em;
}

.vex-dense-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 4px;
}

.vex-tabs .mat-tab-label.mat-tab-label-active {
  opacity: 1;
}

.vex-tabs .mat-tab-link.mat-tab-label-active {
  opacity: 1;
}

.vex-tabs-dense .mat-tab-label {
  min-width: 0;
}

.uppercase > * > .mat-sort-header-button {
  text-transform: uppercase;
}

.mat-card-image {
  max-width: none;
}

:root .mat-select-panel {
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  padding: 0.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:root .mat-option {
  height: 2.5rem;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  letter-spacing: -0.009em;
}

:root .mat-option:hover,  :root .mat-option.mat-active {
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
}

:root .mat-option:hover .mat-icon,  :root .mat-option.mat-active .mat-icon {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

:root .mat-option .mat-icon {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

:root .mat-option.mat-selected:not(.mat-option-multiple) {
  background-color: rgba(99, 102, 241, 0.2);
  background-color: rgba(var(--color-primary), 0.2);
}

:root .mat-menu-item-submenu-trigger {
  padding-right: 3rem;
}

.apexcharts-legend-text {
  margin-left: 4px;
  top: -1px;
}

body .apexcharts-tooltip.light {
  background: white;
  background: var(--background-foreground);
}

.vex-layout-ares {
  --footer-background: var(--background-base);
  --sidenav-background: var(--background-base);
  --toolbar-background: var(--background-base);
  --sidenav-color: var(--text-color);
  --sidenav-section-divider-color: transparent;
  --sidenav-item-background-hover: rgba(var(--color-primary), 0.1);
  --sidenav-item-background-active: var(--background-foreground);
  --sidenav-item-color: var(--text-color);
  --sidenav-item-color-hover: var(--text-color);
  --sidenav-item-color-active: var(--text-color);
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color-active);
  --sidenav-item-dropdown-background-active: var(--background-hover);
  --sidenav-item-dropdown-background: var(--background-base);
  --sidenav-item-dropdown-background-hover: var(--background-hover);
  --secondary-toolbar-background: var(--background-base);
  --sidenav-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}

.vex-layout-ares .sidenav {
  border: none;
}

.vex-layout-ares .sidenav vex-sidenav-item .vex-sidenav-item {
  width: auto;
  width: initial;
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

:root .vex-layout-ares .sidenav vex-sidenav-item .vex-sidenav-item {
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
}

.vex-layout-ares .sidenav vex-sidenav-item .vex-sidenav-item.vex-sidenav-item--active {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-0 > .vex-sidenav-item {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item.vex-sidenav-item--active {
  font-weight: 500;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item.vex-sidenav-item--active .vex-sidenav-item__label {
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .sidenav vex-sidenav-item .item-level-1 .vex-sidenav-item:hover .vex-sidenav-item__label {
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .sidenav-collapsed .sidenav vex-sidenav-item .vex-sidenav-item {
  margin-left: 0px;
  margin-right: 0px;
}

.vex-layout-ares vex-secondary-toolbar {
  overflow: hidden;
  border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: var(--border-radius);
}

.vex-layout-ares vex-secondary-toolbar .secondary-toolbar {
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-ares vex-footer {
  overflow: hidden;
  border-top-left-radius: 0.25rem;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: 0.25rem;
  border-top-right-radius: var(--border-radius);
}

.vex-layout-ares .vex-page-layout-header {
  background: rgb(245, 245, 248);
  background: var(--background-base);
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
}

.vex-layout-ares .vex-page-layout-header vex-breadcrumbs .text-hint {
  color: rgba(0, 0, 0, 0.38) !important;
  color: var(--text-hint) !important;
}

.vex-layout-ares.vex-style-default {
  --sidenav-item-background-active: rgb(var(--color-primary));
  --sidenav-item-color-active: rgb(var(--color-primary-contrast));
  --sidenav-item-dropdown-color-active: var(--sidenav-item-color);
  --sidenav-item-dropdown-color-hover: var(--text-color);
  --sidenav-item-icon-color-active: rgb(var(--color-primary-contrast));
}

.vex-layout-hermes {
  --toolbar-height: 100px;
  --secondary-toolbar-background: var(--background-base);
  --secondary-toolbar-height: 64px;
}

.vex-layout-hermes.vex-style-light {
  --toolbar-background: var(--background-base);
}

.vex-layout-hermes.vex-style-default {
  --navigation-background: #1a202e;
  --toolbar-background: #232b3e;
  --navigation-color: white;
  --toolbar-color: white;
}

.vex-layout-hermes.vex-style-dark {
  --toolbar-background: var(--background-base);
}

@media (min-width: 1280px) {
  .vex-layout-hermes .sidenav {
    display: none;
  }
}

.vex-layout-hermes vex-secondary-toolbar .secondary-toolbar {
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-gutter) * -1);
  border-top-width: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.vex-layout-ikaros {
  --navigation-height: 0.00001px;
}

.vex-layout-ikaros.vex-style-default {
  --toolbar-background: #21428f;
  /* #1a202e;*/
  --navigation-color: white;
  --toolbar-color: white;
  --background-app-bar: #dedfee;
}

.mat-horizontal-content-container {
  padding: 0px !important;
  overflow: overlay;
}

.vex-layout-poseidon {
  --sidenav-item-min-height: 40px;
  --sidenav-item-background-hover: rgba(var(--color-primary), 0.1);
  --sidenav-item-background-active: rgba(var(--color-primary), 0.2);
  --sidenav-item-dropdown-background: var(--sidenav-background);
  --sidenav-item-dropdown-background-hover: rgba(var(--color-primary), 0.1);
  --sidenav-item-dropdown-background-active: rgba(var(--color-primary), 0.2);
  --sidenav-item-padding-vertical: var(--padding-8);
  --sidenav-item-padding-horizontal: var(--padding-12);
}

.vex-layout-poseidon .vex-sidenav-item {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
}

.vex-layout-poseidon .vex-sidenav-toolbar__divider {
  margin: 0 1.5rem;
  margin: 0 var(--sidenav-item-padding-horizontal);
}

.vex-layout-poseidon.vex-style-light {
  --sidenav-item-color: rgba(0, 0, 0, 1);
  --sidenav-item-color-hover: rgba(0, 0, 0, 1);
  --sidenav-item-dropdown-color-hover: rgba(0, 0, 0, 1);
  --sidenav-item-dropdown-color-active: rgba(0, 0, 0, 1);
}

.vex-layout-poseidon.vex-style-default {
  --toolbar-background: #21428f;
  /* #0a1929;*/
  --navigation-color: white;
  --toolbar-color: white;
  --background-app-bar: #dedfee;
}

.vex-layout-poseidon.vex-style-dark {
  --sidenav-toolbar-background: rgb(var(--background-foreground-rgb));
  --sidenav-background: rgb(var(--background-foreground-rgb));
  --sidenav-item-color: rgba(255, 255, 255, 0.8);
  --sidenav-item-color-hover: #FFFFFF;
  --sidenav-item-ripple-color: rgb(255, 255, 255, 0.06);
}

.mat-step-icon {
  border-radius: 10px !important;
}

/* You can add global styles to this file, and also import other style files */

html {
  box-sizing: border-box;
  font-size: 16px;
  height: 100%;
  overflow: hidden;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11", "salt", "calt", "case";
  font-family: "Inter var", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji";
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.87);
  color: var(--text-color);
  letter-spacing: -0.009em;
}

div {
  box-sizing: border-box;
}

.search {
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  opacity: 0;
  justify-content: center;
}

.vertical-layout vex-secondary-toolbar .search {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: 0.75rem;
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}

.search {
  height: 50vh;
  pointer-events: none;
  transform: scale(0.75);
  transition: all 0.25s cubic-bezier(0.2, 1, 0.3, 1);
  z-index: 1050;
}

.search.show {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

.search-input {
  border-bottom: 1px solid rgba(82, 63, 105, 0.06);
  border-bottom: 1px solid var(--foreground-divider);
  font-size: 7vw;
  line-height: 3rem;
  width: 75%;
  margin: 0px;
  border-radius: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  background-color: transparent;
  font-weight: 700;
}

.search-input:focus {
  outline: none;
}

.search-hint {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: right;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.38);
  color: var(--text-hint);
  letter-spacing: -0.011em;
}

.vex-layout-ares .vex-page-layout-header vex-breadcrumbs .search-hint {
  color: rgba(0, 0, 0, 0.38);
  color: var(--text-hint);
}

.search-overlay {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  opacity: 0;
}

.vertical-layout vex-secondary-toolbar .search-overlay {
  background: none;
  border-top: none;
  box-shadow: none;
  margin-bottom: calc(1rem * -1);
  margin-bottom: calc(var(--padding-16) * -1);
  padding-top: 0.75rem;
  padding-top: var(--padding-12);
  position: relative;
  top: 0;
}

.search-overlay {
  height: 50vh;
}

:root {
  --font: "Poppins", sans-serif;
  --my-primary: red;
}

.mbsc-grid,
.mbsc-grid-unresp,
.mbsc-grid-fixed {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.mbsc-grid *,
.mbsc-grid-unresp *,
.mbsc-grid-fixed * {
  box-sizing: border-box;
}

.mbsc-form-grid {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.mbsc-no-padding .mbsc-col,
.mbsc-no-padding [class*=mbsc-col-],
.mbsc-form-grid .mbsc-col,
.mbsc-form-grid [class*=mbsc-col-] {
  padding-right: 0;
  padding-left: 0;
}

.mbsc-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1em;
  margin-left: -1em;
}

.mbsc-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-col-1,
.mbsc-col-2,
.mbsc-col-3,
.mbsc-col-4,
.mbsc-col-5,
.mbsc-col-6,
.mbsc-col-7,
.mbsc-col-8,
.mbsc-col-9,
.mbsc-col-10,
.mbsc-col-11,
.mbsc-col-12,
.mbsc-col,
.mbsc-col-auto,
.mbsc-col-sm-1,
.mbsc-col-sm-2,
.mbsc-col-sm-3,
.mbsc-col-sm-4,
.mbsc-col-sm-5,
.mbsc-col-sm-6,
.mbsc-col-sm-7,
.mbsc-col-sm-8,
.mbsc-col-sm-9,
.mbsc-col-sm-10,
.mbsc-col-sm-11,
.mbsc-col-sm-12,
.mbsc-col-sm,
.mbsc-col-sm-auto,
.mbsc-col-md-1,
.mbsc-col-md-2,
.mbsc-col-md-3,
.mbsc-col-md-4,
.mbsc-col-md-5,
.mbsc-col-md-6,
.mbsc-col-md-7,
.mbsc-col-md-8,
.mbsc-col-md-9,
.mbsc-col-md-10,
.mbsc-col-md-11,
.mbsc-col-md-12,
.mbsc-col-md,
.mbsc-col-md-auto,
.mbsc-col-lg-1,
.mbsc-col-lg-2,
.mbsc-col-lg-3,
.mbsc-col-lg-4,
.mbsc-col-lg-5,
.mbsc-col-lg-6,
.mbsc-col-lg-7,
.mbsc-col-lg-8,
.mbsc-col-lg-9,
.mbsc-col-lg-10,
.mbsc-col-lg-11,
.mbsc-col-lg-12,
.mbsc-col-lg,
.mbsc-col-lg-auto,
.mbsc-col-xl-1,
.mbsc-col-xl-2,
.mbsc-col-xl-3,
.mbsc-col-xl-4,
.mbsc-col-xl-5,
.mbsc-col-xl-6,
.mbsc-col-xl-7,
.mbsc-col-xl-8,
.mbsc-col-xl-9,
.mbsc-col-xl-10,
.mbsc-col-xl-11,
.mbsc-col-xl-12,
.mbsc-col-xl,
.mbsc-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1em;
  padding-left: 1em;
}

.mbsc-col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-offset-1 {
  margin-left: 8.333333%;
}

.mbsc-offset-2 {
  margin-left: 16.666667%;
}

.mbsc-offset-3 {
  margin-left: 25%;
}

.mbsc-offset-4 {
  margin-left: 33.333333%;
}

.mbsc-offset-5 {
  margin-left: 41.666667%;
}

.mbsc-offset-6 {
  margin-left: 50%;
}

.mbsc-offset-7 {
  margin-left: 58.333333%;
}

.mbsc-offset-8 {
  margin-left: 66.666667%;
}

.mbsc-offset-9 {
  margin-left: 75%;
}

.mbsc-offset-10 {
  margin-left: 83.333333%;
}

.mbsc-offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 540px;
  }
  .mbsc-grid .mbsc-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-sm-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-sm-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-sm-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-sm-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-sm-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-sm-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-sm-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-sm-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-sm-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-sm-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-sm-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-sm-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-sm-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-sm-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-sm-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-12 {
    right: 100%;
  }
}

@media (min-width: 768px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 720px;
  }
  .mbsc-grid .mbsc-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-md-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-md-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-md-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-md-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-md-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-md-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-md-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-md-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-md-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-md-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-md-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-md-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-md-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-md-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-md-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-md-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-md-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-md-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-md-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-md-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-md-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-md-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-md-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-md-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-md-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-md-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-md-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-md-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-md-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-md-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-12 {
    right: 100%;
  }
}

@media (min-width: 992px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 960px;
  }
  .mbsc-grid .mbsc-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-lg-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-lg-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-lg-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-lg-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-lg-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-lg-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-lg-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-lg-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-lg-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-lg-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-lg-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-lg-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-lg-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-lg-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-lg-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-12 {
    right: 100%;
  }
}

@media (min-width: 1200px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 1140px;
  }
  .mbsc-grid .mbsc-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-xl-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-xl-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-xl-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-xl-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-xl-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-xl-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-xl-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-xl-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-xl-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-xl-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-xl-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-xl-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-xl-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-xl-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-xl-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-12 {
    right: 100%;
  }
}

.mbsc-align-items-start {
  align-items: flex-start !important;
}

.mbsc-align-items-center {
  align-items: center !important;
}

.mbsc-align-items-end {
  align-items: flex-end !important;
}

.mbsc-justify-content-start {
  justify-content: flex-start !important;
}

.mbsc-justify-content-center {
  justify-content: center !important;
}

.mbsc-justify-content-end {
  justify-content: flex-end !important;
}

.mbsc-justify-content-around {
  justify-content: space-around !important;
}

.mbsc-justify-content-between {
  justify-content: space-between !important;
}

/* Base colors */

/* Form colors */

/* Calendar colors (will be used by eventcalendar, calendar, range) */

.mbsc-ios .mbsc-toast-message {
  line-height: 1.857143em;
  border-radius: 1.785715em;
}

.mbsc-ios .mbsc-alert-title {
  margin: 0.277778em 0;
  font-size: 1.125em;
  text-align: center;
}

.mbsc-ios .mbsc-alert-message {
  margin: 0.357143em 0;
  font-size: 0.875em;
  text-align: center;
}

.mbsc-ios.mbsc-prompt-input.mbsc-font {
  margin-top: 1em;
  border-radius: 0.5em;
  border-width: 1px;
  border-style: solid;
}

.mbsc-ios.mbsc-prompt-input::after, .mbsc-ios.mbsc-prompt-input::before {
  display: none;
}

.mbsc-ios.mbsc-prompt-input .mbsc-textfield {
  height: 1.75em;
  line-height: 1.75em;
  padding: 0 0.25em;
}

.mbsc-ios.mbsc-prompt-input .mbsc-label {
  height: 1.75em;
  line-height: 1.75em;
  padding-left: 0.25em;
}

.mbsc-ios.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios.mbsc-secondary .mbsc-toast-background {
  background: #90979E;
  color: #fff;
}

.mbsc-ios.mbsc-success .mbsc-toast-background {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios.mbsc-info .mbsc-toast-background {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios .mbsc-toast-background {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.mbsc-ios.mbsc-prompt-input {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #007aff;
}

.mbsc-ios-dark .mbsc-toast-background {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
}

.mbsc-ios-dark.mbsc-prompt-input {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #ff9f0a;
}

/* Base colors */

/* Form colors */

/* Calendar colors (will be used by eventcalendar, calendar, range) */

.mbsc-material .mbsc-toast-message {
  border-radius: 1.571429em;
}

.mbsc-material .mbsc-toast-background {
  background: #444;
  color: #fff;
}

.mbsc-material.mbsc-prompt-input.mbsc-font {
  margin: 1.5em 0 0 0;
}

.mbsc-material.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}

.mbsc-material.mbsc-secondary .mbsc-toast-background {
  background: #90979E;
  color: #fff;
}

.mbsc-material.mbsc-success .mbsc-toast-background {
  background: #43BE5F;
  color: #fff;
}

.mbsc-material.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}

.mbsc-material.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}

.mbsc-material.mbsc-info .mbsc-toast-background {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-material.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #488fed;
}

.mbsc-material-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #b5cff8;
}

/* Base colors */

/* Form colors */

/* Calendar colors (will be used by eventcalendar, calendar, range) */

.mbsc-windows.mbsc-prompt-input.mbsc-font {
  margin: 1em 0 0 0;
}

.mbsc-windows.mbsc-primary .mbsc-toast-background {
  background: #3f97f6;
  color: #fff;
}

.mbsc-windows.mbsc-secondary .mbsc-toast-background {
  background: #90979E;
  color: #fff;
}

.mbsc-windows.mbsc-success .mbsc-toast-background {
  background: #43BE5F;
  color: #fff;
}

.mbsc-windows.mbsc-danger .mbsc-toast-background {
  background: #f5504e;
  color: #fff;
}

.mbsc-windows.mbsc-warning .mbsc-toast-background {
  background: #f8b042;
  color: #fff;
}

.mbsc-windows.mbsc-info .mbsc-toast-background {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-windows .mbsc-toast-background {
  background: #333333;
  color: #fff;
}

.mbsc-windows.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #0b93ff;
}

.mbsc-windows-dark .mbsc-toast-background {
  background: #ffffff;
  color: #000;
}

.mbsc-windows-dark.mbsc-color-none .mbsc-snackbar-button.mbsc-button {
  color: #0b93ff;
}

/* Toast */

.mbsc-toast.mbsc-font .mbsc-popup-body,
.mbsc-toast.mbsc-font .mbsc-popup,
.mbsc-snackbar.mbsc-font .mbsc-popup-body,
.mbsc-snackbar.mbsc-font .mbsc-popup {
  background: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  pointer-events: none;
}

.mbsc-toast.mbsc-font .mbsc-popup-content {
  text-align: center;
  padding-bottom: 4em;
}

.mbsc-toast-message {
  display: inline-block;
  min-width: 10em;
  max-width: 50em;
  padding: 0.857143em 2em;
  font-size: 0.875em;
  line-height: 1.428572;
}

/* Snackbar */

.mbsc-snackbar-cont {
  display: flex;
  align-items: center;
  min-width: 18em;
  max-width: 36em;
  margin: 0 auto;
  padding: 0.5em;
  pointer-events: auto;
}

.mbsc-snackbar-message {
  flex: 1;
  padding: 0.5em 1em;
  font-size: 0.875em;
  line-height: 1.571429em;
}

.mbsc-snackbar-button.mbsc-button.mbsc-font {
  margin: 0;
  color: #fff;
}

/* Alert, Confirm, Prompt*/

.mbsc-alert-content {
  max-width: 20em;
}

.mbsc-alert-title {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.428572em;
  font-weight: bold;
}

.mbsc-alert-message {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
}

/* Base colors */

/* Form colors */

@font-face {
  font-family: "Mobiscroll";
  src: url(data:application/x-font-woff;base64,d09GRgABAAAAAF3MAAsAAAAAvrQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQwAAAFY5uUeGY21hcAAAAYgAAASDAAAPKlqHNfRnbHlmAAAGDAAATH0AAJbs0nCnV2hlYWQAAFKMAAAAKwAAADZhokB8aGhlYQAAUrgAAAAgAAAAJARGA0pobXR4AABS2AAAAHcAAAP09pP/s2xvY2EAAFNQAAAB/AAAAfxiaojabWF4cAAAVUwAAAAfAAAAIAIYAbJuYW1lAABVbAAAASMAAAIKN+tXw3Bvc3QAAFaQAAAHOwAADrkxjnjXeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGT8wziBgZWBgXEhYxoDA4M7lP7KIMnQwsDAxMDKzIAVBKS5pjA4vGJ89YfxwP8DDHqMRxncgMKMIDkAHuMNtQB4nO3UhbOUZRiG8YvDoVO6S7olpEEppVO6URrp7pAOSelukAalu5HubmXprjODe5/bP8Od+b3X973zxc7sPAtEAiIGZQ8KDR6WJ0LwiJDSwd0I4fsRiR6+HxqSJPyaUO0Hwj5/Dq4RtAbPQ8PXkOC1ocEnRiYKUYkWvC8GMYlFbOIQly+IR3wSkJBEJCYJSUlGclKQklSkJg1pSceXpCcDGclEZrKQlWzB9+cgJ7nIzVfkIS/5yM/XFKAghShMEYpSjOKU4Bu+pSSlKE0ZyvId31OO8lSgIpWoTBWqUo3q1KAmP1CL2tShLvWoTwMa0ojGNKEpzWjOj/xEC1rSita0oS3taM/PdKAjnehMF7rSje70oCe96E0f+tKP/gxgIIMYzBCG8gvDGM4IRjKK0YxhLOMYz69MYCKTmMwUpvIb05jODGYyi9nMYS7zmM8CFrKIxSxhKctYzgpWsorfWc0a1rKO9WxgI5vYzB/8yRa2so3t7GAnu9jNHvayj/0c4CCHOMwRjnKM4/zFCU5yitOc4SznOM8FLnKJy1zhKte4zg1ucovb3OEu97jPA/7mHx4S4BGPecJTnvGcF7zkFa95w1ve8Z4PfOQTYcEfPjL/f2JqiXHrv7MwzYaFT0uIoUY0TV0g1DQ/gUimiQxENtQohhrVUKMZanTTpAZiGGpM07cLxDLU2IYax1DjGuoXhhrPUOMbagJDTWioiQw1saEmMdSkhprMUJMbagpDTWmoqQw1taGmMdS0hprOUL801PSGmsFQMxpqJkPNbKhZDDWroWYz1Oymf9dADkPNaai5DDW3oX5lqHkMNa+h5jPU/Ib6taEWMNSChlrIUAsbahFDLWqoxQy1uKGWMNRvDPVbQy1pqKUMtbShljHUsob6naF+b6jlDLW8oVYw1IqGWslQKxtqFUOtaqjVDLW6odYw1JqG+oOh1jLU2oZax1DrGmo9Q61vqA0MtaGhNjLUxobaxFCbGmozQ21uqD8a6k+G2sJQWxpqK0NtbahtDLWtobYz1PaG+rOhdjDUjobayVA7G2oXQ+1qqN0Mtbuh9jDUnobay1B7G2ofQ+1rqP0Mtb+hDjDUgYY6yFAHG+oQQx1qqL8Y6jBDHW6oIwx1pKGOMtTRhjrGUMca6jhDHW+ovxrqBEOdaKiTDHWyoU4x1KmG+puhTjPU6YY6w1BnGuosQ51tqHMMda6hzjPU+Ya6wFAXGuoiQ11sqEsMdamhLjPU5Ya6wlBXGuoqQ/3dUFcb6hpDXWuo6wx1vaFuMNSNhrrJUDcb6h+G+qehbjHUrYa6zVC3G+oOQ91pqLsMdbeh7jHUvYa6z1D3G+oBQz1oqIcM9bChHjHUo4Z6zFCPG+pfhnrCUE8a6ilDPW2oZwz1rKGeM9TzhnrBUC8a6iVDvWyoVwz1qqFeM9TrhnrDUG8a6i1DvW2odwz1rqHeM9T7hvrAUP821H8M9aGhBgz1kaE+NtQnhvrUUJ8Z6nNDfWGoLw31laG+NtQ3hvrWUN8Z6ntD/WCoHw31k6GGGWH/AvwOyT8AeJzdvXmcI1d5KFqn9iqtpVKppJZaKkktVbfUi7q1VO+tWTyezZ72jKdnjDd5sFk8eGiDjQ2BIHBYkmvIBGLfJCxpSLi58QSwIQQuxCADCYH7TMzlNw43G5283Pvj4YTrR0i4ED/1+75TJbV6FnvMcv9It3Tq6NSpOtu3n++cw3BbW1sdlpANJsEMM2MMQ/L1WrFMcuIwyedEQ4vGqtmZRl2rFQtVI2/mjXw9X6/Wq0aVdFp6oB3QW0PF4hBpQ9j9n+12p9VswYc0mwFdDzSLQ1sMvQ9hs7mJt1oM/JGt56BchnyZiTJMwXZswZ4kYixDONMxjeoKqZP2jX/V7H7vRGRySI6cONP8yI1Nq9W+8SPNMyci8tBk5ET3e82/urHdspr4PpFhtjrk78gTjB9aMsJMMVXGgWJyQRJNk5llUpskXG6S1JbJTJpEg0RvQDuhhVKaQMnY1Ki5TExoowNfwiy9fHHx5W/AYGn6WKVy7BQGHw7Mjpqjgelj/xiA62wgeewqy7JaLdL28kLQfZWXGQKyNzY0OhvV1NndWnR2dCg2Nnv3hmVh+6G+m6RDPsSYDOOYsZkV0qgVcyECHY3dbkMYPbChDqkbij6kvlIf0l+pDum/vKEokKgrd5Iq9m/3yTvhtvs+CP6GNJgww+j4cIZsv3S3EFKFr4lB8WuCGhI+T6YFX1D4qgCfoE/4NNN//u9IG+ujS+7jjdoUgcGHfso6+KKvXrJ0ct9F1XTb93+T15EPYH0KsaiYmyLFGtRnJhYNEXL3jgqwO6u3XZ9Ntz4FB2viNioLIYAk1DA2Q5x+hbpPYoVIFSukvFB9HHwY+6b30l/tVwcqclF1emO1QetiY4e6LwDkQNQwsafIpy8q9YeXrN0FY1Vwu3n7peTzO4s/cqmx2vos+QfAnQn4YUvuc8tkkhVDJEjSbGMFUoPwu9HrcDFXrDnk5uyHo6Nz0S/FwuHxhYXYkxnDWD56LP2u7IOxhYVyOGw8acyNRr8k6QGJpLIfpj/gzng4HHsyfezosmFkHrQejIVC9Gl4lfFFKaBLWCcB+wjwuc1wjMT4mBADnV7PGlnHwyj86lUtzzJdptlstnofq9lpbW6226TZ7cB7WIrH0NvwPPQ20bJQ80Y1C1ePGGkE3ko63UejqVSUVLodl/x0N4jVBXjptlKjKdIuDnWBIkG2DYtR4Z1fABqHtCHCZJhxZpa5irmOuZl5JXPvBTRCqkN/idJMbJgAzBaXSK2huxc3ycTbQB6xUkIvtkBmYoLZA/LGDMAIhIBBkFLArneHQRIGB4PJL+RyC/swyGenprIAIUMAJO7lmwgvFsWxDS8CAVk2lUhSMQGKuk/2o6SqAIyZSjKidD/aj5Km93IIntqY2j21OvCe5na8jcUN6ZZb7i/SZ014y3/vxxREKVraj/oxoN89voEA7ZLUfM4WJVGqNxygrUBU60BsCbPv3quuundfNFqsFudSmk7Gq1fdSzZmb33NrbNcMexjgwHDTEhS+vrK3K2zDEvfuwvGKs7MAVhFY6Yh5nNFG4Ie9TaikohXE+h3kI2alyqXtSJBWU5MaFHD3m3bu6/dbSeF7ubee69ii6WRXfVUUN5ZJS6ckmUS1YTemIxl/eSPGjfPavGppb3pS1SVEaCuf+vxzklmAWBqDfAZgChfzUui+x81Y/BfzQN0STm7CIDhQDVnMDWK9ws1B4BIMszqjFk0bTNNEJNtJ0ezQnNpxiBhmUg6QkqaOVQoViqSdOL6UrxEIG1VkFQ5EpFVyScpGFGk7p8JhWw2lcpmC8J8c4xVxUWR5z7LipwkcSIv4UX6f2aOzfiDQT0UUQsnCpHxWGT6+jtlnzH1zorhkySfUXnnlOGT32ePCJXxKSG/x/8hUWDjrF/4sCRH6hFZ8i4MYFUPZ7dx32SSgGl5xnb5sD5ABYSBuD0QR/mCoHiBXy2rcYD0Gz0y0d0coBnbSaTVxHDT6rbIBkHC0my2abjRdP9ICzi01QXC0rVIi+FhzFw6JTM5KiUwDlJx5LqFPHQ6YDSMywWizw7JwQH55zeW1pbgQ/avy5LfaBt+SV6nJL4D4T/Zu4rFXddi8F+azbNlzLn0NssfjfotQOhNmhEQrvtFLxcEfwtCAZXFoB+fgLppKIuZSHWQDBV6EaeeBW5szMQMMwh4ABWsA4GsTzeB6CHd866tbquQDOhxX6CQBJIIQlo4iumpqHv5h06yAFX5ujIUohGXpzxL+wUoOZFsySTk0WfXVzukSdruFUaXoTj/BORBOgq8EORAk7usjEUOvLJ54j5KAB6kVKB2slY7+QoMDtz5rteukQPeDQi6Te8OBFQ+/P+2Hmc58iWEnkJl2nYq04A4QF8lYHJ2ZRqGCigp4NG0KVWmAZOA3AJqTTtmZRpwBiiuXST/9r73cYSXD0gqx0GUU6UDMk+4S6YWXijDQKrHw6EvdjEpxPmiPcmiMNmTJFGydMGHZYopkm1kUtOakgonR4kij87NjZL9I9X7MlOSVc/EDX9wNCkI7NzqXJXxeOD34d1vgT4uQlGXevUCMZ3qDMqwku1K45+/RCkzd921OFIt/mULEcF/QVl33VUdyUz9jxYVyFm3YKBltMyCKx1DoVAyklkc4QViQFFuoYijjkk+z05lfaoy06wqkQhlaPlmez07Vfxsc3V9fUtWslNcumCnXaraak1lhyfe0Gqtr2NxPIUnBuiGzVSYdeb1DIOCS3GKIPkEEISRNmCEJdMBxaAKo2s6Nog0dbsoIdtFlCjUp4hjS7b3hUcBOiRT8r7wggyB503vC69ZgZ6znd63/6I/MsxhWREtUZGHTYPn8nmOj8YuTDrosknyQI4dDmSlqJlSpWHdD3n8+rCkpsyolA0Ms7nnv/3u4bGx+bGxE/2CLlF2P2nFZdDPvrgiLrhdwfLmx3p9Tjw9KcuUnk9H4uw8dF+1bvc6yePmLjIDD6RcfPZW5ay1etZqe33TGUDqipcDAsKsWmdXrabbnN74b7JvApjzA7dHGGAKwO9coLOBC1L25/4sAKJ7N5B/cj2CSJr2vuSkNlWb0iaT+z43cW/73omJkVtedssIeel1yxPOg7/1oDOxfN2xP/oFt9yNNKiO0SgolencZKUyOTFi2yPfyS1PNObnGxPLuXy35TbDq98XQO5/ArjZEDMKciNoxwbIsEZeq9Y9FrFAHGQQ9So3oDgbWRuYBHnUCrc7YUtSFOm5e5T7QFUFjTigNwkDCEna1hbThhAYdktS7iGLktIFVbLpSmYgGffkahdHZOCsOhNDekPqeUmrGlmtYOQ5qoxLhgPidRbjBLRsoNbdVjXQ2mi1qv+8xbQ2SLPd6m5CaceqWwxo4a32J2kE9WZKx94CXDtB+XUZuCJDsjsZoJBF8TdbrzXgDojDWQNQb4B3k6e6LSqPb0DYPUw2oC1Nhfwetox0lO4rLatJP6SdinY3aVYrmoK2gzCjdDuKdPaspLQox/b4DLaZp5wQagPiQBYViCw2u141QbBvsswWMPxOt20RC9hcpwtPtLeAhW1sJF09gspmIvAq0CCpXGEiVQAyYQiFOmHarWbrByMPfPObD4w8SICib7Tb7cMjlSNHKiO1NnQR06eLBCQH7H0Yf8lwe2UJonkbGm+SVmfD5fxtkD3W3vbht0EKIkMAJJGNjZ5OA/8ARSXkZkukiKKg3RMSJSPNAvo5thHkQJhdBgnWjkEb2ZkRJ2XocdOKZ7QoS2onXn6yBgxZH5lKKEp9hU2zDxD26uvm54c1zUzk8+Nj0xNq9cTMzIkqSxKTeZ1Yr2qGgrOTnlyNeB9mHoZ2IH6zuUm2tszOxPSGI04SpKq2aIOUKgFfdWYaMWCwEI1CTfGu+w/VbFCZNlZtoCjrFOnFDhJTpNmkqIhCLsRrJuAwzQxMowh8BPJV08RBxhLDdttofYFIDMTemQb5FODifkDd/e4lUAmKCq8KIV0WVSGgiQrHq1JCVH0JNcJnoglBEqRQPmyqvBwL6WE1EpACfjEaEBSisAB3bCgclgM+yZB8wYgeEjjiE32WKEi8rApKgNdkKRUNyGqCTFYPLup+SY/pMTHs5zXRX80cfclRcu/IdnXg0v3lqd0yyfAcEUAcEFgeKKIqaHopZhsjftn0LwdjMgEiHBpJcT6BD/l4WVQEXhBZUZB5kWcTfk4Skrwo+2VeZVmBUzlCQgLPEkGM+YkopxTBRwKxcVC6whGuUBYiQjC5r2rlcgzihQeLQeDRiKU52nmxGRwGuwg9DZ2KWgYwSRAVKE0HUJKQUCLBJMzRfXtHRvbu+133Mj45PDw5/855vIgyZdHy/Z4k2Rof379/fNwNjw9PTg4XChgCY3L5vGmkXGGyr/s/Abg6BHLrDLMIdaOVAWh2YPRp/SSMG2h6y6NIQasugeAiuES+1pDcaptSkfzuQhbqd3Ry3E4M7YX6pcbfooU/wOcWHk+eKU1gK6yFG5PkT7rPRpJsI2Km3oYtGBoukfHSbqhwyBahtuPD/4n/QFiD+pKbzwShKbtKL4GH3mpGGmyymHopbU05P5xy5d8vkDjg6CpgaBRQ0lXuPVRFBd6cppBMlcyiPU3TgSA6ddcAMEwQK6ZjaILBWzmq+01TVCHm7KTA25xYyusKzw+zChcMZ9JmWDeChXxkOKTPToiczQsj6ZAicHFW5qVwqpGLBe0RLRXU7iqvyDO8IPAzoulXRdHmOL+i+QJmJCSHgmo4msjai3KN5hA0RRGEEs9ykhKKj4aUUFAJ6XGG6hfQ0PcSFWh9BuHH6TfSbYL5Ar/PhP2OLxz2Of7we2hIf2OUpvrC33N8mtb7dVGsZ7v6B6IDrBjww0AwGCZVqWdWrjWqMyQyEVfl630HThw4sDBTIo8f9qnRxvFvfev4cn0B38HRd3yavJ/xk/vJR0C7dMUVV3QBxShPzWFOtWEWG9MOQlW9ItWkPEiWtWIdKFOIoPJQJo1ifqZoVyF9koACEQXBOsgCScqLmMQaRdQ3ZooSUHs0peVjzjILMBCr2TPwgFmRRLTcSQ3AOM98TYc/BuBsx6DnqnnRLjZMoHNobgQRtIiSbcxwaX+ac2JSIwO0WLKLYqyaM0DkjTn4mjQLMQOoI1TKqU1BoYaIGfMzmIQZyAq1DTg5oJ0m0O9Yo46VmQEVqTZFxKIdIjkbbZzUJgiEHkgyaAx1OwYU2akX6zGHvmrGAQA14E12vYhthGwzjl2cbgAbqsYwrMdqcKPSgCehmdWZagM6BIi4TbWxadHM024SDSDw2K0GtL5uxmi5ZlQ0/2rxjoWFO+7D4FcIUDr4lxVWFYjE84RILA+UlAiE5Vj8I4TjRbjAR+K4EOTnZFbiWF4EiksI0ElWARILT0FOeEzlCc8LcB+e5WUOshIC92ROlAGLeJ4DSs2774MXQGYZIkQMBFkiyxwByoxlQ0axlIAXYjWIH6rJc/gMhyXynMJyArwFKkskeI0ocnDbj/SbEzlokAr4Cq+QWZ+AtaMlAOEnUGlaGxFS6Ov8EBFUQYRiRGytn8UOkeCtbtsJNkCE4iWWdgLH4ZPYfgWaiHdkAd4GeqivsTBGOJVIggCvg0piJ2BDJJ6DfnE7kBWgy963cPv9ty/Q4NexMSz0iEjgGWi6gi0UIQGbSscGe4nFTsCm4diIAkSgQjyLL+WxuQo0CkphaUVxICSoL09YVWSBlWGHQ4U4QlsEmeA2vA5KFHgZeoNlZUL7GbOZo+7Yc/BSKBhvBiXCBQgJQCrySBlLha4moqrigwL0uywKoshjWwg8J7IBFkED+lERVBh6yM9jRaFmPugeQseO80sgTogINvBiuCfRZwi2lKiED6hE4bGatInQhdgPFAqhtdAG7CJuSx2HpsMf8aqNNYchgAw41AaHIKUSTmKpDWML6NTHgE5lgdZWKe/zrJjVGbOvVlP22HDyf/UUV791ZQHxZGFteTFfH1kpFFZGRtOJkJ9707d1bflUg47i3FyuuHJ4pRgJxvUoigRQzvfY95L3QDkTyL2et5h6NQa6Qn8aj7yveuPi7G2z8Dm6MJebyS/k4WOnzJCPu+9P+R8uLMLf5xZurs22XtOabThWfmn/Uj4cNPXI/khkkf65daD2g/czUeYotYhQDo9TE0iAsSoNh1o889QM6t51fwH1qFOzKLJWylTdH/hPKRI1l5IzPnn/3ExdUEOiHNLsQzXZ9x4x8dalZskWQwkJhlbyiaoSkHiJ5XwSyHGSTLipsd3hZHikFiuGZVVUUz5Z4H8o+dLJeTHoA/lRG0mrzWTq9bsyQVb2S7wfhD+R93OC4ANxUgHwJ1EuGNpVnYgJlIaIQdnHC7HIsNnnZ9Duj4HmBD2PNC9XrHsyAqiDxuDM1zAOCDSFZUYAr4A+sENmxd7b9IWE9wrwCfmaJ+euTYbaU0clFZh4UA/vKmSDvgMgr75HDMHXJx+IpvYUe3pJgRxj0swSlVjyWehK0Eq86QY6+wDlVzHm0FkHOjmxAMqjGwMtxoyBAAZy4RmR6/4TEClH8vE3CZp4I6/Kzkd4bpL9tHCjGBZv4n2S87sCOwn4TSJArIgj+yJIB6Xf8wWFM6J4Rgj6znAOd48k3CVJdwkh9QzfAFlX4OTfU/t8H3n2TA9CoX9weFH4r7rGBzRzwa8g8YSOZeR0CDppQj69cMfi9MkM4KYN5NhYzI3uGYVPsha1AdsVsY2D7+MLmSNjwG86gENjRaAdNjyQGrb3rO6xo7rN+wAE5LagwiOF4czCHd5c3J+T+9D6QFDs86ASJT3k4vSyRGJVQCgH5xyojBJDlis1yJ/ryXR2duW6a5qqvzmTnlJU2e+3Srqpm4H8S2fZRjGaD2SSanqIHErp/ubCcmGsxI6SfAoYWjVLfP6xSqxc5Xy+YiMcEMPZCOfZgak8LYOUNAK0Ay1+aKO2jZk0a1QpbEEcYQl/odq1NzU6Ojs62qqc2Dvy0smJa669af22m525U6P2u2+69cDonG3PjX711Mjek5Wbrr1mYvJjp+acm29bf8WtN73bHvVkKtf2rIMMT+cVJ3EYdlgBQGDP12OmToGtCCkoFZoGUDby5f2+sfCzmmlqZD0c13Isd5TjXiJw3bOASdyzPP9mQm7a79NMrbsajsfDpBIe83GQie3eiDnIo8Dd38zzOByKZ4tsXzSfAEpQgmQ1gqTL+6JtQB/4LRgOy3RbnvHf2mKosQX/qP2ji193bqCLVpKOe6/T6s09Uh3ZZCyc1QICpFFoQAuspMG4p9nCTMzQ8tB0spEYjsTjkeFEamZkJjVeq41jpPvHAb2pkzv9crj7F2HFH4qH8qSUh8uaHuhaZDOg92y8vflSaK+W5bLEzDpVk2WsbpM8Gu42rUfDxIJKtq2mRfHHnWPB+X2Rauh1U6qLCAqNByyWG5t+RafTWpqNREZJZ95pFsrsmzudN7J2fmXhVxjaseRPyQ3wfIaZZlZcG88wiWZYQEJAtqJZROoF1KLqzMBvCWW5KSoouxBgF+hENT5jAlaQz3TPCjL7RcI+AfyYsHcC/7sT+em7CVeSlQILERjXVwHR7P6IsK9GmQL+bpCFJEvOEHI3S+KCvEoAwTnyWiCsj7HHWJIQ+BhhHwC2yrMPwY0mSBG/Bw96cj/UGjoEYCJOrdT5HFQGYBCqaw/qAM6gSTNPbviEIHxCuKWIcy2HMShuT0TU/koYF+DzGu8WBNWBmQjJ8yv5HOWtC9Bve5irmUNQD8qeKCdDRuaxNNT28ga1UdXRfAliMM4mNWCMqtOIrwbOMfXgFa/IkMlbg74hkZN9WjJSDI2a2kgiMxTW+VjIuMuC8f9VX9yUFCWcmh4yPkcCvnBwKMTWE4E72+2NjU67bW1sEEv1JywtDbpWeHT/1YW4FpmPBf3tzc12S/WLqh1O6csRfyA4VGNDQ/5u+6kwIAQE0KWaB1sfovPjcWaYKUBbZ5hZ4CxXMdcAPz/J3Mq8jLmLuQdgb7Br9YZTFaUCttDJQsuXWKrummijBSGjAc1tONA31ZiJVsKiabhWJJPO11ZFG76SQ+/b0DHwaAHpar4hQQpkFIDGQgnP7jqza9eZt2JwtciusIHuZ+iF2BLb8vmiYb/8n8NRn+9aeV+LlW4IwD0x3joh3XLRvTFWnA2wViVoWolw92sJywxW/H73J2m4P8mGVxYE3U4mm81sYJDJNq1beCmYiphjqaDE32I6Te9Ws5lZufhWC59pjVvhRBg+1rj+zwPxnuywCbD9IehxBpRPaVpy7Teojtap+BYzXfbHMkOxjbAciAXk8EZsCBifNWsYsxZESACiG2GQjsXwhps0FMMsfRqD70fu5nFYDOnkoTltusYjlM9CrO2ytgxxkMEZUZYZLGZH+Td+mPtIcjpXSExNJQq5aRLoFzq6ozLpD7O/ixmStRpmp3Lis16dUkjNe54D9ZlltjbJUlSqSnYV1GyQUEE6tagf1lJ+13QyOb1r3664rd68vn5UXmn9x3aTbFCPqwq9AxkSxUa73Tg502lutAZo7GOMwAQZZoII9YIgeTPMDpqPkTsQptlutzu/+ZWvXPeVrxwEbOqc7c9N9HhQGK0VyHlwTlrqzT2YWd10XHrdafcmXtstqFcbp6OB1bRWXRPZXxNmo+LxF4bOvQwBJvXRCIYDzUxUJKZW9ndnasu1DA3IK8aXmr/VXBpX4clrM15qptb9k7KZSJhl1X/TTf6ebZChs7QSEwCkBhokZevZgpE1qnWyYXU3SAva27II0+lstFvWRsfj+5vkLTAek4Dvu5G3ZNiYMR0NsSJOogJ9BQiZRgcslgqWrs8UJMPVqaGUCQyibvRjD4b4l6De9BI+ze+TJZV/A88dA43seg5iqiTv498kWxxnyXKWhZBUgvwaUHvQpNbgiT2S+EFe5O8FPeo6kJD46yDyOk7kPyjJe9CWmuYULiNJr5GkDMTSitjjpd8GGo3zSJUL5rP0mCf6Sj053O7Jx44rJIfIoLPfFMcZoJofPgRKr8Gyhw/Db1BuDx+GIAa/yW8PePqdBz3P4LhDhzi4J3kPcdzBg/Ql3KHe/AH5BoxLiKlB78Zct7xlUgQRSowJCPDAJLz6SWJxxTU4Yr+70wy14h7xpbvkuPyIjxPk7ltlYKpn+dHF5FFQQ08llbicOgWxo0OLJV4Jy+S1UpAjZa6R5/mbRFUQVJVNjWk3czAMGs9rxyDvzeGxYVZQn5SCQenrPLftb9ciLTr/b0umYwOobGxYbyZNvLQvzKM7OJWycUEWL8/LSAhkV8bBNjmmY24KsjAbmXpT5HU8D9dfjPTfZQEvd/0NcIbWsR1y/fXX+3sfYg38oLD6HfIt8ht07rKAM+MkyKbZZbZIvd2WIS7ag+967+jp06up1CoNa4VTpw4MDR2g4YnBUo6N9vJA+P2RXh4IvzhYPuvJH00oPwTSR53OMdOJZ4NkTdJ5YC97pFI5wu59gNzfPfuZ5vdvv4bdVyjsY6+5/fuEebA35/m/AB5+DfrH9UUDOuD5n5h1FB3gW7+8S8V3fJrfr/lGK+Fw09qegZ2rnajVTrwCAxIFFSTs9/9hW75flsno9gxs924vCwTbY9WG9vhQlhrw7G3fr913n3b/pzG4n9r3t2Cs2tDqJEjGY1Q/6M9/erpBDWJAN0BnqNsz0VxN700aO3mtSvafVYNBFYNTfJyHj5+XcWI0qCgHQHppB9Xuo5iDrKrBEWphkeXuo3g7qFRIz192E3AcnS8E0AE2gewyZKOzxQzCbxv9iUnd03MlOhlbRbcFh1j+SG52OhadmDg2KxOmGPQ3Y0ap3Ox0mp7/ItDBDRjlO5nXMm9k3gbwW5l2qDsu8EpQ3kWAMsBQQElnGi0VeAPQGd0CcYbMydecXjIqtchcPVutMQd5ULqm5LRB9Td8jWvkwNf1/RCcXsTsRc4+qw/pioSWqaLK82wQfoYIx/kj6GLD+yNJuIuWNklN8zG0svE88QWGS8NBwH6fOjSsSiwX3HR7+4Ydl3+4CecplRDaDOOammEJLz/IsaqGyREFhO8/EUUSDKeCflYNe3kJL5rhoSgXVFhZkWWRI1IsQIzh4bGgwEu+eE7XtGgikhWJuuKOYBu+akBpupcezf4CneNNooZLqERi4uQqDFwV/3HeiMJ/vyNIq3ywzH2JTo43S0Mp+FU+KLgclnTgVyj4pVZAh7sltXxw7WB5w2XKWJ7Un1NmAfOCACVDTBptNgBLEqiwdSd/UchJWZvbnjvbgkfXw83w5sC3FWaZ8FOuawHpbFhWp7PjizPUpOdRgPTr23ROWgNesIrSD7TKFcaglLqnuCD0oBkiRKZF2h8z6PnU7w4OaKprPKPMwfN39ByuGNSlSwfHBVGoXDe1796rFmuK6OcJDBJrjSRCibjrjhkz+bAi+UMhnyJPzHgsjazCY8nxBL4jXc2sgnI0fSxJwoY/KnGcKItDkQhP1aLuBkf8shpQhwxOCfOxfUU6FtDl2Ne+/tjazBHmGHOCuRH0h5cyL2dOM68G3HLXGFBHiQuvF7jdDRoaDMScJVK98AqiqkCppvtFPaPufc2BODl/FUBfy/teFUkkIuQRCCVR6K4JoijsuC2I3bOuZWB9x4Wcpd4c1mCYiHTfTl/3hkiieyO+irxBEC/OJwp3VCz4r1Ta8L9OQ+qb3AEV+QngZ6NMAySwa6C37gJm8fvMnyFVtp1lghNWrtROHROB6PSdECjFKRPHdidRUb7PLxOTesrkqf+MnfMioGC5iVU3L87u5ak3h02NgTGjUMlPF9GJjnra1dDu6lppMWsOXfDqRQcdAOz6wE2cNwOYrMyR3rMX37bJt8rcNSIv+sUDsbVa6eC0XNZMedbUSEUzZ2XzsCK/v3KtHtSuLlev9Wm+G96qjFZGFU2dXqz4ThohXU7n0nI0aBQXVM131XhxJRwKOL8ocN2nOKHp2o9AwhU4VpZw/kGQWQB5WWRZHo0UkB5kOYFXvFQ3xzGRZyXponRu3Wdzfj/PjUzOFneNmZpfWfGjacu/osCVf2O1JBenVqadA+3Y0FAsNWINqeGQpoXCzYl8qVHKSelCJ45YFN+P4ePBsBoJy36Vg19uPKBiqRwJhNWcHFA4nhcCmhoJKRCHTPsu9wTDbf1461usSD7A6AAvi1QGQpUuyG5Llq7AO0mWMQ3GC6SiAqU00wA805TUTMOIk2+mDl+TTh8+PG8Yw48FR4OPpaPR+mN8kH/M1LSJxSUzFjOXFic0rfsENsPIAHkYTZFXpYxIMhkx5o5cO/zxYPDjw9ce+Z2PC8LHzaXlCS1oRKNGUJtYXnob5E7H8MHUKEP9btEHvwPUfg9QhFu3aT4qE0jlVnCOYMkNBqidLbmEAYMQUApQRorbvrhF9FaR0GsAJ0PpDIJUtIFami678H1R0QMVn2IWAujjXhweHj9QLh8Yz2UaCvwuBBVz4nNmxHP6nk8WRTnrJ5x3reaHlKGRhEK5y/DwF1W1EtAVEziQHigWfJTidTcjDSVQhDTFnPysmbnKc7p/fzEpcP4sxwp8PzaaGIEX5oeovEF9Oe4GmSoCMlW+53U1KPgLpiR4JNBdImTaDtUTPHwlnW47WUAXXwi7V62vk44eQG/fN+0LWIF9b1pff1KOyU/qAQJpZL049BTmfmqoCDJ2FJn5LTVVrR28/vq3i+Jv4W+GEek4oY5aZZaZA8xx5nbmPuppkqdmebQF0pUQVPBDuxsKMis4PQ4ST9X19XAFHKnmVN3VEui/vEBE9NQvmkDr7So1PILENO0tn3DgZhEYvV1FUbhM+gzt7BRc561fx4rTBWUBXRVxYpRP13WSnson4wH4iydfy03g/Qmuu6kH1sPh9YC+0VQWuSAb5fEGP25Lkn02bqtj+K4x1Z4cicVGSGdubHJy76QeOIu5wopf4u/GaT0oYrIwl83UZu6ZqWWym/E4SBLxeDSlz+upfzyrhWR5PaSxX4RUyz5WtM4uz8BrZpY9B2Z+60eeLbnGLDH7mIPQh9AuAUBeQ0shSpJ04oPS07pWLRiXSq4REfAYulYs9CK6UC+Qf1H8YvdZX2goH4VeVYI+pZKhMRmErosTu78wXAsNz1fDwySSqoXTc/CNd58lYfIZucJp/u4/6ZI0rGeGE8N4DUcIM/XFC5NWQ92GqpXKUfgWexFyHfAzxl0D8BS1tWgAyyXKyY4AJ3s58Ps3M7/KvBe1SqrzDjD4Af5ezVJRx84jPzLt3qoayCANxnsxnCCiS3Hy7vog4TLxwkDcqbpY5fpoRmPUb/GHLTXgLSXaoP6I6LGoSKSZijYrIPC2voMUbHVncFLgOniF4M/w6k5ykPUXjsvr+HYMzNVVcnVLSUW7bXchU6D7JVpyW1Ka0VQYQL0VBhKKkpx7GeUwFI7vSPQuZ90L1J9Wv4W+lB7NZel8BuptqDEXcxL6qbCx6jTSE+o6pjdIgdhmZVqBni/aOvkRr/JdS2aVNy0IiiJk38dJvMiuku40eW33+3yYTHW7X3onL/438jjHdTuCzs+8XJYBZFleIpu+7h//sPttLkiu6t7lcwgh+zz4cOVvk8kyZeYG5m7mF0DH+iTzX5nzzLcJkB7dEwJB9UUBmEp3yyjhumuvoOa6uyQLKWEUbaXT8MH5VnTGmi5606wogUxTgWcaP2jiKfzc3iy94JvNn/DNaFBEmcK9HAGhVA7LlntJo5+HKIbCIVHkeerqAWKOMJBAWi/28R0Jj/6UhVcQpCv+bDHrfxajz2J0ESEzx7Ldt2Lk71l2F6isggjPCgIvChIn+eG7M2Hfz+xNb9h+3L/90ue8F3zee+MVvKi31vgxgOUQXTVtMw5z9cU+01xPvM7Wsxp86x7XllzyhTIYEjODu+A3aW8xlCRgyCvSFiMpdG0jfIE+wK91gasgNYEgLHBhjEJAOkBM+l7Y3QpVOsKk6Tqgy5iLEqL1XgxFkB6/7wCt/n3mj5gvgNbxDbrK1XYaCJ4odNEJCSSb6BBs0yScKOxbNABeQYzDSxXAnFo8UDpAwDZp0jKZInSWAemvFOQgC32PFGRBpLMnOXwl1XTYKVJ3lrki2g1RmFhmQSw00xy+xZRwcSsoP/aOFZs984DdmyXvp5D/Oc0JSYlV0qCqymM+VWUjvnFfhFVV3xiqr2mZk0A2m/aBIkyzcvJlsypsL+tuOSDKREhlSjLwW0XzEXVcJT4QCRS5lEkJoG0H5OnpK8q1ma6l07VFDNJjc3NH5+ZQPGmAhOLaNf4Fy1dNqJY4WFERqm6qF1RzO5s/eOlsx6D8sCZh8Rzfq6SEdZQgvVfD58/xdq+6EPw3rO/RuQ9jfevF9Z61hd3qUp32MeA48wBLk2SKRYU0xFItRRJRwEHmgzL+FGooqCXSddWod+J8FFrOSJcLq2+f5yOxCD//djUs8vJtMVaO+BXlnnsUxR+R2dgpiX9ngDPvkaPyPSYXOPW2qDw/L0ff9kM1QKL3qz6fen+UBKK6dOodKsiAKysgC6rvOCXpLw1E3rHC8yvviARORdnI/fdHODonx0HdN6HuHwIpZgxXoLpSizczTkGyr3tTYReAvGhTgm7aWlaTbKeKzuy4LuAHq4qvu+lTVmWRt4SQICiSu/BPUgT4afFiR7JKlvRcpbtZsVb3SKXZkrRnldzQlKSmGFVaIYHlv4xi6Zd5Vgi1lOhEMBIJblCnBqvVNJJJo+nZlLdA1myDTlhgJumKOdzTYIAe4cQNIO+2tEWnPi6BMf+6qqS0LtUTQDNPKatqYVWJdJ+iaxYrEWVVWPdWErpGrb9vB8O4x0OyEA62wyP5dgjyMQE91JYjcy5ArPZW/GDffsGzdTjMVaAE4VSHu3ygN/1Fp4/RbgCoTqCaoM7akqvO9hfOigJ1DHNdV2Mm+b42VHVikaDkk9Vs+d3lrCr7pGAEBLwhTZFEgNqOTxOlTwvDe4eFXFqS0rlX0Uv3s8FEZWbUrJijM1OJkODzx/0p27LKc3tKjUZpz1zZsuyUPx5QxWg0EIhGj0vZrFQ6XZ8vjo8X5+unf131mT45FJLhotJ59D8n/y+d30P7osUUmXE6j77M7AUNYJVZY24CfepVF82jo22m4aQJhxdDxx6o034o2gYmUZUW/eXpnDomm66SW8dMqOyiR65NZ9QxuYApecCrKkYmiYC5q0Hyv/e8Zs+e17wdg4darGalEqlvjyYyeW0ykS8k91SGhmPXFfKJybXhocqeYqA42mJvKeYN9qrFiXjSOJzPJEZXk/GJxWwgX4Rbo8Uw2/1hytLYFptKt9jYcHI4S84kh2OQkCUdrygInq1PBWLJfd0f56oK2yKP2gt+dp3zTUX9tbF11r9g3+yPTvmK+wPs6szuFuurzT2p2ppaHmmxSjV3RNVsNbviY1tzB1bZwMTMO2KBqXpx3xsXG349dejlur+xWDoEdOfftj7HCuRPAHevdj2YKIui/MnpyVrepF9MArpThJ6UYt7UpTc/WHSkoMvDKMcq2uRvWHNl2TxjhsMmK0qjssDq+l16Q2ej0ekAuQbSP3PpZHP7QfI+Fi93xZeX46wgjII8DVnvikbxMpPJH44vr7z9EunXmMsrpvsovCvurSXaAH5tMOm+DYXONPQ8KNFo0l+vVz5YTkTziXQCPvloAn6Ozs6uzs5Si4azB/ptLJsdKy029jiQsMXgvdXZnj/YEwDLCSZHVy3l6+5MtWeM2bZSbE9d5NHuBwLMhkUtIHQhG8F9YD7qEotqu1grbrbc9SMtPUBXQkPQcSlEh+4k0yt7F9BgnOWbcsve3pNmR9l5p+gWGpVo8a4ENSrPjjZHZ2U6oxSG8DXNIE6bBCfb1ISw2YJeGG0F1WcxBwSb+xQ65aEpv9WihpDtufoweu8SzznRM55W60jwnbzhpKljKzAA8qn8LbXrHkgtGqeW7H3J/Z0thl4O9ZPJvfnRmw6as1elh/Z3uk0MD3kp3jw8XX/r+rwxmqNJRLO1giZpGxuELuEjrWaXehe066Tt67arZGDO9Rw5jXOuhaxDZ2+z5Fz3ufvS586l7yP8+fsy585l7rswL5HMrJGF3IRJ39d9jvCQn5zO3FeC7ANrgt/CBOkuD8gGzW3x1p35xOldiZzvdozAa18bMEgzkkgcTR++Jn34cPqaw+nDpK1/9KN6IkJKkUT3B5lrrskcPkxDdw7o6+T75BMgR9NdXux63pbyBs7HmE7V1jwb0Ll9+26/+urb3fAchZ7X93/v21cmDAU3r20dcgCta9gLxO7cAM1n0i93L/35+A60iaPr+YBlFy6Q28lD3adJqfs0telDrRPkOCaUE5HtNK+sh8kanb8emHQmD6Xvu6/3Ic7AD9re8+QZcg76PgHtrVKoNqoSrig1qtQAglOVdXK6lNDOnXu6tLaW0CBsn9MSpafJ2lrpaS0Bobcu9LvQjoc9eMGVmwwAZHX7626kYFw4pwKaSKdcPl4qrZXLJaP8SNnoNzSC7Txfwr8OBpBwXkskNFKGsXvkmf56SPI0wE+IruC5oO9Aiq8DOJ3rPkKfW8PwHPyR04nIFkMLgnDtzjvLp097/nwIix7MO1Utz1Xr+QL0wvm1tfbaGmHWDLLWfeRc85lnPB/GJ6D/OG93CZy1ft6WAjRVyemnn75UQ+98+OFnytAV5R0j2z333XbJxcfvQjsfpj64OFp9H9wdc/PSCiGMCrJBIKDOn5qbO3UPBr6PX/fxv8C0aODzXhIE3eeu+/h1nrzmwgHPBEB/BPpSAACqFvKau6PDRZok6I/k+EJp4ZnuBlQW4PEcEIH+0OAwkfL/ODxz6Hz3XCRRJud2Dhwp93wnfwH6OsjEEBMKuDQQwE9zF/TbnqnWzNdpjFwT1qdH3v4fs5OJdzVR6mweOnQIKONf+qzwyEz3/FQubt8RSertJgQDvgSncRx1A1d0wUA6MI6Vgwvn4EtON8814cMw7ppjgF3Mq/X3CWGc/iwefRCuUlWiP+BjZOuoR+M/QK1RajYhMIxisWnbzTtJGXvA/R5XY2ps7ZG1WHs8GhuP3lkCVC5RnCF9nMlQHwFqjtzmJlh0z6wNONgOyFuMEggohJEDxvmAXFb8AKuG4vcrxzHdOP4MxjvntvHiYSDIEehfpjCDum7ecI0/eVyLKWETcNOf+vjyeD238BpSOg6/gC6Xy0CdgSOWymVvnJ7w1mNbl7Aq5OkETh5hmy5pBnI1AAnHgcOukXITWnyctAcB292H7fydzeaaC4P9cpIAD7lLrPmmviDuUhEhSzgoDUljH4m6Xy9bZfgQC7GpdHpncS28VT5PSlsMbnjWgw+N+g4hz7A/eOpUug0p9LLNxw6QfZgH94QDCn6A3r39tp151sgezLNCgP1In6ZZbjt1Wway9MqJufeBIEtuOfe5xRCPfq2hRyDp24Lp9BO5PxD7Ltb/u7HAzWRPBGivlog8QOdoXVqA/rEmQE+BKTMVKtfvu8DfDCX5NLFjZr4hFWtOVYyaKISjd8gycUQdEA3kJLwTi5pUJsfZEvghEWabfrxkxaenp34pGTwa/BVR3M9xDk2YWglPpfWDmGzeznG3c6zugySZ4/aLInlom9K0SznVnrcnJz8WK8XitlnC33+StNVc9y8g9WS8GI8X350fS9qvShRNyNPHyfIOn3vGxUPXt97M4n5egIEQNMv07/g24p0rtcvwD+G5cnnbV7vZp+0e9tKnPT98+DYBVE/DA3y/jwNAEyjFdeHRGaDmvX+Xv0DhAPeLqAz3vuShhNZtH0cuowHAlw3479XlHPMM3U1gaGA9RbUXyfcibRj/kUTie+7lPe7lGQx2fgb9p9rob0mM3kso9WCiZn5m5uoZQMK/88N1Jv/08Z7fy3eB5z0MPQ41MaFx+WjMQQrcNyUPU1rxL5HE8cT7F6eAvk4uloHwJDQt0b53+pAviPQ46Ds0fW/ZMBhvLhFwuQ2UJ8OMMtNodSG9VV/QKCoWI70fsJb1/YyqFzkcEYa6x9cCejgSLAxPD9dO/j4UmQQB3r3cDIwgGYnMuBfSpnNeIOMN6anp4alrJz15/jjeTepueHx73w/W67c1ChuU61e1qtY+fvzc8TJKXqTk0adnIA+OmUXXtblectFYvhcxtz1m0YBQzUm4xMr9QY4n0ShVPDsEl0IhmcoWzRQpp8xC7lcVX6mdMovZ88U6zUPDkqKEI2a9bkbCisKmy16McWWB81Dfc4AVcbr/xgW+b9wOV7dD52KZTAyDV7kddLTTIeesWPfhmGXFyJ0xq9t0u+U4of4yQa+tb6H94QeNI0rtylmgMyVmkplh5oDSMIWeV0vemGlwPfcWo4qU2t09S8MZLahatbe1lrtZRV1AIZ10XJwNJ58uI46Wk92rymWyhoJe93w4CdhLpUJEni2mbtf3uuicJHeUS3AznDwOYffpMmknw/ii9iORxPlH9k5edWMfF1AehtHVNefcd1FqfsiD9w6VozS6D5hjo0cyyBmSCbicf+jp48e3mNLTcCFMCTjX8ePNdpuGTJ9PPQJ9H6Z7nyCfso0gC6Bt1nHTAMcwUYc3JQPUMNEBmpoXyeHbSntHR/eWJpeWJj8vDGc04ZVThUy8kRkWygI5eNtuoXJg7UBFKMtX33K1fCw2WUjHh99bxpxT6cLkcA9G/4j6Ew5TP5yGp/+6SylNA1hLH2EOaWK20DzULBSaxaot3ml9F/TLI3NzD4l2tYipcCsrandad84dwRuuLPKPtF9yKFtKNnABx/MDpVsgUFrimKLh0iXSjkd+g2Uf1qtF4PDutar/BjtSGxl5pXaDHJRPRhCOk5J0UoMc2klZBMivFhhmh5xNrVRUQzQJ/NdBowNtVvr7M5lX3z0O+hnxjb86vWf8dePPvTpz5l3j3X/JEP/4675KkwZxtwkxkXJgirqf+tT5MgzbFoWD7Twc5sFdHx1TA/A69CnS3GKA5zN9Pvwwrn4qmLYzRbAqhPml/D2/ubj4m/fkV1cfviPwrncF7nh4UO/A/EBECm52x7RDxLFXCG7yRM67D/7SL+VvWzWuvmVk5JarjX9zXwEvy1RuXJbX1uTlGwdpN91tRgf5uk05SHOrj+8PU3zXqeZrX4DvgGk96ev00yh8ucHTsWapeRygFQShNhWE2pF49y2k9Midd6716DSuX1KAY+gUxxnFNU+RSVAiDYeaNxwqgkr5qlMnG90PcxKRfeQWLvyxx3/858AUUIM6/pGlx8kvdj/sk3F98i2+sPD40o8TkdLxbhvDx5eY/rijvuSunkO/u8tqSkhDyEOXUJO2mNMg2l1CTSqdHpDl3XUSIVpSHneWqNY5+Gp0oVPe4AzXDVeAuFN1EwFezp87V1o7DkSfOX+8DFegP0AESt1zSHEIgyEkHYfrNgwgnXT3Bs32RsXblkz3NKWO2/mnHzkdidOhQB6N+qeWgEZo2H8gsfTeB6oUtEKlVia6RRDK6cdxIM+RtXPnz6+VtuWZJ2g7aemopxUu8NcpwKNlkJGhv7oPoW5ATsuBQPd+8lDzvF9pYwoEp5vN3l4czwFOskDVcI1n1QYlMA8f19PP5d2OWcWPADdwq6H3TMdJKWHlrKFwfJ8NnHby2qnpowZbtKzCeHcztDc0tre89xPXlt8Bf8P5ySM3HZmslZW3vrUD+nyn04eJ15Ik0NMEchUdiRqQUxZX4BQlz9s1atJVj7gGl0WLl0MrxUJj0yw1eInfEELhoE8UfcFwCC6GEFLVkPpORRF9qiiqPlHRZU0dDvnjut+vxwOhlBpWSViAJwLhIGYJhgNZQQ2qavBlLCf7larilzlBSiqyFDKCu4NGUFblpLRd5yFa5/xl6+xQWRVh6xuiWytfUAtuV+6jb8gfPEhCglu2z61Jzq2Caj223xrbXnv7fpCimsxtuFuTa1eFYiZZepGCuMfI4Lp6OuFDZ7NQjms4Ypp10OxuFxt6zp0cwj1McXWVuYwbd5i49UbDVbQ/SRQ+qnJBJdmw/XBVU9G4pmRndVmmc4NpQzca8/WYbkC8/AmeZ6N2NRnNGvNZ1f+WhBGpzlcjRgK3kA0Hw7N5SY+YhQAfDEPKZ4nIR1NqkFP9o/WkEuLVaHyPxeeGCJ2/k/RoVJfgtYX5T/FcsmrrJCEPWeyQ0300FEskYqGp3VNiukiIKKWjkgi/+njIEnIb0JQF6hu2Y5vAHR1CRc6LugDXT7utPyvLsb2H98a2Gxur9xoLnwuapy0eXNRoy4hFMrlcZmc7INrZrrdVLFq0ylx//99J5hhzF66EA8XPdZH1uO121XG7Qcmxnf6A2g3cFgsdcLdbAHddS3DD3YUF9HzH3S4RArrtQr+NuI6uVpAiM7MzEalQY9ntlg4VTMtqWcJciTY3Hl9PGOnJeGqm315W8UemhgqLmqQGtJxfm8qmR7DDitWSOKz7fL7xWtnv88WzZK5Qi8XjsVpBVFiSri5Bp5hqCHeRU0kBh7iYHvpYaETmSNztHS7s16NFi2NJOBRLZqfOGdChaS3Gm8mkyWfjBuPtGdbDhZ8WE346QP+JIbnH6z14fUFofQGIvBzcYRGyt8dah+5nOAK9tgQU5AxzFncoogzCZRem4+7KjhKe4Dk8orhXcCUM92d/X3Axago5CTcYded6MLi42uj/TZci43TIhUQHaI0Hrz28e8pd/vGAKagBISYowe6fuU7qEJAT7hWD7g/4gAoZICDHZDlhA2xBa/0TKxf1zN+mxwUtmFuOqVN/twNtVb8sqpHqcDATHNFd5G1vl1CiLzehmLvdtSJht2q3Qs14Wr0/IDktXR1GamCyuybSO/q9XRzmUomInp3qbqM+z/r9RkKS9ZE+/uO4nGDGmGuYl9PdSS6L/4MQTFF/J+362WA+9FvD2Eb6HTTuinH+qR0ovxMLMoDsfULIhQIRYwDVH4l5qB5LpWIuqjPSZWD3/wDkekCLnVr8OcDlxyhIZhE6f4Zw13SBDqDP1eV+AH33IO7ZXPC2+enDTW8jHjpRWXXBw0HoIN+JX8zwZJllB4Dmq5lCptort7pUzbCcIo7UCQ48qY/kPd7GePu5Dl9gjdyxdBDUJGnHBq7bmyD8ervZ3rFv68BmzK1mu+mtsaU8dITZdUkqegHjdBk/8M0r5/xWOY/80Newt9l/ejI2fEn+3x6kwyk5b7VaVpbP9aQA4HQXigHeenBsw8Jl2+BcurZ52pSBRVi0qZdogxZPFMyLq5tNGCEzkI17DfsettPa2YaQmvCndtQ4FAmMqobbou4mNrC1Yw9uKss4WJOV55NodrTpEvTLbZs5SPUuS9E6tOKblyFr3HBYvTwZSxiGJUaGenRv8jJkrYkNbf6Xi+UZVvf5Lym6hBIBf0TVZVfK4S4SZMgA7F4Z5F4JcD4/BHo2hr7c+WJlzisXGq9I9PPsaB+ia31Nd7WJ7h3tggRcyPb2Kwd96jLxdUJpZxcXkhKbXqSBpIvjxHIpq3dp7rjssBMZdC6XnliCEmZMQrkRLzbwkDTB7WlBjiS3JHbvnta0RDSlBDnFbzeGUCD8ZCoVbdQ0FPpY4ZUJTZvevTuBgqY6BIKmAgJn6ldSR4Z1fyTG6iBRDqx3v4tM0PNgJolDPc5o8WLxf5tBXzxihELlufmYpmRWPmOuZBQtNj9XDoWMSNwX9PrzSZKn8xUJnFF18lOEKqC4ZXYetPa8mZeqoLVXbfRh/W2SHbPyJD1u5aeGdg21R5YL/iVf8Q4o1/j92uKjr57Y/ejnvqw8OjKyKz5xlWe/ofRqg+pZ+346TUuiZ9XUcI+Bn1jp+oY+pIfhj7SuWPnaQG8aXyqRSLk+Cy4+uO25jrnpZ9YmZzta+Bm09CmvpW/2rltMr+ntK276Zr/pRj9WH+iOPj/C8S29cE9wV9yur7/AOHUHR8Xb59wblxJTR13vRdTlJ+r5J19s/9Jt2Z+nN11a8h7SYhyqq1J7urtytj+zhr7r1LUPJ2WDdAvV/qIN9FRHZ7/+vvJvzrJs1icFhnzZYBgrF8z6hgKS74JkLUCTH3Fnt96vK2FFl4aAcuk+sYjVK4o+XZRiQ9Llb5W99eHb44BtaDFv/Cna0Zua0H8a48y+CCERkZeCUkRSfEGfAtegxIuXTj4s+eCH75d/QpTjfYIiqHwwwPM+iTPgZZLBST6eDwR5FW75uJCf51WRM2RVlQ1OVHneHxJVatojr79yc1B/rxy3n3/x59PLyEmeR5R0d1D3pI2fST9rGssLPvWSsicLfSrwrKbRrLf/VD2dGOhpETR7Sd0ptHI8J6lwwxWD5B0w/TrmzXSNySbz3M+g1x0bnncVUrpCBV30Q8R7HhcW03PRqCsvrjPAVQXo8tszFxckXGtAfYSxVHoQnGj0CnXXKXhrWKhC26jTym4/T/fTeh70ki6LWfncTzbm3/RzCicqnCKIHJHxTBoeN1KBgfduyILIE0nxbkicMMrhQU1i9/N+3BGXl2XCiQK8QIT8fl7gJN7P4qa+PMhsvCjI3h0AFjnHy6IoS+R3qVp6WZz+4GXwOZv4qTB6gtZTljgQaiEXK0ETBY4VBlswcAfX7csidIEoKvPQLr8gAdD7CatwktzrLwF3Hx68td2VQtp9tgMtugQpyV+CjAzYlV16/fOn1j8Pivxzobt0v5VL4f2/f6z/94PZ/47wl/rwPUueIr/G+EHbxJPfFpirmesBa1/F3H+B1Wx7ReGg7VN3L25S72BVBLbewZ2YYvcsomgOLeR7sVpxh1G0dzwrYAJhBhYAAtXcDYTTNURK7uVezxSqBn7Qj8W3zZhktW8f7T6+bRMNbUcr2+v1Ovh6UEwG7KgD8X/tW0S/0o/d5lbCdHX2tb5t9O/7McbdW2mT+tS7+7LNMMvQs7fg/kaX67/eoaUX9Zmz3U8ZUEIGjSQ9iZV6/eCCaxLa0VMPXKp/ov2O+CYuaHaBvB87g+vc4BfZdekuKV3YEXf12+0XBNqn3uXzwvj8uBAaGx+j+xf3YS3BFGl/HGJOMC9lXn0BpP2fBrBLQpYS/Okhy/oZg5TnV/Ib9NylOMAUzkccYBj3RMwqpb7OYOc52wfoNmo9uo4dYA70kTQQ/wQdMEtcvn5ZPONW6bcEtxOgFt1+dZ/oYFswsNsYw2AjNTKSGnOcsYH5BE6g2bFrIv3ufOeFJi9vH7sm3QOMKXiHPQfdza2AGRILN3ejDlwnSDEUjYa6fymnNfTc1qhN0X3JN+hevb15muPMbcxdeHoe+WnmajKk2l9KVXV63m4GQNMV2AZxVfpOHHzhiZuCxQIxYi3ikmpCprrt3g4YinSZOLntxUzhPCjLKIkCz1EFF/UFJXdJayTv9etbPfvo1eix/ML2UbuSr9MjXelEd4hUL5ofbw40gbzjMq36MUmlvPluVmBLkrBjltxS4m+5lCV1g6RWUzjbParjiRb+IJ0etxtJBa5R64YiQ/dd8vZSL4Mktoc5Au1yZ9sGzfq9Ad8h2OA+Y1cy9jl2h+DvDugOuYIQ8r0uHTVCrcOXiXdwtDwBuz9mPWaeFlRyGUOyNGC/2sUcZI4xNzF34NzlC9sW+/uu9mfKKYXx9kCOikLPL9zsRfq+49JFvuMvZG0MBSKhkVtGQpFACKFSFHR/pL5cj/h1QYSE7sddO9B7d1yucS9PeocrXs78KEiBTCYgCYBRhAsnkslEmCPwwztu0dpx8c587nlkiwP953qP72EOX4GnxM+wb7qf+MnbTm2HL9RG1+gPlJcJMxaeQUHoLMwAGLs0kqbSWgu5HqPt++B+PJriuk9SeMV9NroPduhaeO69iNsSIT9CD7+vc3Q/SiYVlWUAT9wfiq6Xp79wc0FZjrr7JPCeHeo2psrsBopzDfog0k2wPT7Vj8R6XMzdWsCl3l6k0PuJs3r5hplzV5hASP7XUd5eObASfQVW+QaRzOB1hhXWZJ9PviO6cnAlWsBoTGCPIpv/wzsww7XZidKy+Nfsqyay78/Ofk1i/5r9u5H5XH4Y6h7SINBCEAzntxMQLy1nTPs1y2qCNIXNEjy6swukbVfWPkZX0eaQKOIeYiDoISRRYLHF3CXNJMIAv7YHWJgzECcfilRqU5FRZ35MUaxDliKX5p0Jvz95dcoXSNl2ShACY5NjQV5IjY52v9Xn4e9oYgwDux8jQxHDiLDz180TwyBw+Qgfj/P27CjRDUMno7O2fik6zHj+E+6+5tvtvYV55ZW1uUrbPHPFbTa37ewD0SvtCYF/4Z74tGeOb/fM8q9HfGPnjs6TaJTMH537CG+aPHQIdhh0kK4EVDWgWPCFWNO9fLtvnj+0c75hADbwVIW5y/XSTzz+3a+8uHH+zCWHVRwYU7eee5F//uR1fRHj9gIteMHx+cyLGBDijQeDu1rXjW1/ZpR9Bvn0s73NxRT3HGHyIeAZ6COfoisVL9wRGg9s7Vtt0DF7nR78isGX2+2mS9VfS9dt7di6KB7u7nfpdgvotSszu3uHDTOMXtD6x3wAtahLxuDPDdLq6ToJc3M7Slqt7tkYbvg3PhKTP7L0bD/O9M7Y7Z2JnHNPwBX6W/MD69txwKDU36+7F8GWXuZo5Ku9rQ08pgTN3vayIU9t78297vZGwON4FuPq1Z7sNngGTh7Xrmb73vvo8S5kjaw5sAcuLv3BE3L1AHk0imcS4Jk3eNhNByrQbrU6G/CribOA0OHhLnDFpuX+4XG1VH91+/vC83dshjGgvMGyuIG4uwYJV41qeVxO4Z6z02x7e+cym5vNVnOzyTJegnvZtLpQL2L11+a7awnouhH8Njc2NnGLcHfJoGd3deunMEE83Rf3fIjiBlINIjnExo3pyaPZqbC1bhnd/2CdJaPr6c3UJulMZZMGJIa7Z89akHgGEnvwRfcWx1VmvWPJ0Gm1dxIZ/MjhhsxRM82ZsSrd4hLXmLVA5haVgJEMN/1RWQib/pAeWkonIkZE1xeWW5WZTCIVSdSGrbbfDAty1N8MJ42AIqpBf8gariUiqURmptJaXtB1eCaRXgrp2/7VOO50lSqUHaVb9dWEukmeWf/XdcPAoNvZIOvh8PWfuR6DP8ZDjFy/Bugtug4rQFo47KRNff+J58/boTB00Z4adItlb/mzi//k2Ucpuj+KaL8dJcwFCV7Uo+39fSxMd29vHaBTyPbLyNa9t3N4+k1ve213+U2ri1Qh0CIMTve+q9N5h7uInmw0LT0A8Npu0ws0fN1ddN/3s+mdjUTwVCR6grHpbhlErE7nFdNjHGvVRiOR2SWy942dzpvZcqHpzM/98sJK3u75WrjnK3HUo4Mxs3q2gAtCDCdr1sukXsWjuQEGmfYGnsmDB0cBVWk2W+iO48HQX9L9QhjHsB0jRnc1oucbi5s7q7B4cQ0upkHO89Kg3jy104tIA6elXxEt2hgzDqwdMMZC1cXqFRGl/x4fKZVG4onhYWbnOfK4E82F58ibbq1qjXwvoveOdYdaDlZwyH37Jz3Kh9UJuVUb9EjcIc53fwyVSNDqMB5cu3vYXeFaukdz8b8g5C/ie9Aa6l73QApaR1vx05JfOh2nhljRjUCSSE2zl+QVL3KcMvSEQJuqUlc0TtaLHad3Pd84lV94nHq1c0zcUP5yA3VX2asTDtblR2oTahJPp+NQp/6ZOhveGTW4/0ohgAhrC6ZQwEWqGPYO5sFtQ+6vYrz65JPelVjAwJ5eW1vbN9RuD71coqG3JmXr/4J3/+Hl1weyzGNHjjzWTn/wg+n2euzGN83OvunG2I+GNjaG3vjosWOPNubfeDJy992Rk2+88H3hwfdJ09qFL7vgPWTYewkZeMfAGwYe3X5q2yfN5X90TWJzm+mx/f2YkniODJ6R0CPfVSPI9g/7niQ6wh6e6+5IYgyPA05zuKQbhAGgqc36ySoFmerJcXO+OT8Zj084GR9RwgrxZZyJeJzcmqX7NllZfu6mBgXKucZNc90vm/H4JDwxEScfUBVF/QCJT8DPnv/QFtki7wRePMIsMTfgCvspUqTHN+L+4wS3nhNcY8sk8fbgCuI8i43E30yTZRZPlo8ZmCrauWK9uIwOgGbMPVpDCnJ4ktoxgdvHEVHhlmZYRWLZeU4gvy1y1UX4Rbi9vMotskT65+JVKZwZsq4/vpIRIDuw86snzT/lRcU/ulyo3ZHnJIXLvGQy64z4ZMILD3LXcYpIuH3X4vwUf4OQFK65mhcU7igvnOQV/u5UklMkzjKjzrUlQSIiXzm57BMe5PnCod3jit8apY/nh32yPb8nCzm8PUL7eId2Fdwv4gLv7B5NEKZdkhWVuGmgVkDAZiQTp0KLNdOhlCs3iIj/yd2ki0zdoKo3aNrrC2bNLIy95Dn681e8X4MoucW4m35NevfGSGFHXvfJgT2v9N4qdzQf9/aV37HXF3nqbLQS3AwG/yBkwyWaur53Dkc0+O2QHfqDIKRWomejqe1DOFwY/j7Q6QJTxfX8MTE/g8JWtC9w2Rrd99o9PAAPSxULuKi9dwS5QZ7S+FhI5lVfKBoZqqS0cS1ZXnp1Nq8HdU4Yb8VEMdJtW1SKaG5UKmMRwwz4Rd6AYSRMZO9o2Q5GC5UDidj06hYTTkU70VS4h++uDEHr5uSKjWoOpIdqDS2B7mkuGgKnkbPxmAM8t7YhaHS3HDwABgSEygtXjfSqtrmzalsXVI30q9aTK6hsI9CdEiWULhp0I0Typp0HPzYvOveR9c4v/JC3w3z+EpuolUn/CHukKtzAnmqk3Ryd/bP+NmqqTLdPa85+x9tPjWzs2EaNOum1WqOz3VZ/QzWmD1cbgBURuqdI1ZaqpoFyOuhvQqEOegHqJe/95jff28ET2TaAys9OO0eOONP7Id2jfzjH2GFkXMWl989gy0u4mt3O79wKYsNFkc3ISwuVSuGlkXQowLOkzfKBEGm5yHDya5+tVD77tYAvHsxtbOSCcV/Ao2V/w1rkd5goPV9hP/Q6wLxDN3X2iFVUpDQKE583DUGba8RAJxan8MhS8rgalLL5fFYKRqXRUmlUuhUSLNO0MCGdzaZpgg5dK8EnHY2mJfWAEgwqr19dDUCW7PGbjmelaFAafdn6y0alCUiyTpywMCVzZO1IRpoI6VK00YjCO6Tha69NS+SwIgS7p4KC8voOlXH/hnwG2qaDJocY+JM04hVXXmfrRVbQw8O/ATz8HdB9kjDOAyULBu4OV3fsOu4OZ0hf9UohZ3GzTu9DfnP7fQ8PpMOr/38z/5RyAAAAeJxjYGRgYADiX1dZ98Tz23xl4GZiQAf/P/zfxTSZ8SiQycEAlgYAAxMJTAB4nGNgZGBgPPD/AAMD06T/H/7/YprMABRBAX8BvcIIkXicY2BgYGBi+P8fiP8wgdmkYqBeB7D+/0wIs/4jyf/Fqq+BCHOhbEYVIJ70/z+Y3gbCQLlJSPbAxG+j6iPS/R/I8zdJdvxCC5+f6H6Eiv+DYDAfRv+mvfsGI0YPG3Q2Oj1QbkOJPzRMinm41FPJfwoINgDNLVTrAAAAAAAAPABkALwA5AEEASwBTAF0AZIBugHaAiQCSAJyAxwDSAOeBCIEeATGBQQFFgVMBZwFygYEBj4G+Ac+B44H0AgACEoIbAiQCLII9AnWCiIKhAr2CzgLWg2uDeIOJA6gDtwPNA+AD8oQBBBKEIYQvBDUEPQRVhGQEgISvhLuEzgTbhOME7YT5BQAFGIUsBUEFRYVKBU8FVYVlhW4Ff4WEhZUFmQWhBc8F3QXthgqGMAZ2Bo0GrwbCBusHCQc7h00HpofACAqIIgg4iE2IaYiZiLYIwwjSiOMI8Qj4iP4JA4kPiRmJHgknCS2JNwlGCU+JVYljCW6JfQmJCY6JnYmpCbIJvwnNCdGJ1gnaCd4J5IoBCgsKEQociieKLgo4ik6KUwpkinCKiQqMCpQKowqvCryKxgrKis8K1QrfCuKK7Yr7iwgLFYsfiyULLws+C1SLYguGi5yLw4vci+mMHIxBDGiMeAyFDJ2MtgzcjOuM/Q0PjR8NJw0zjU2Nb42AjZkNsY3ejgwOZ46LDt0PCI8qj1MPbg92D6EPvA/YkACQHRAvkEsQaRCOkKOQwJDHENSQ4JDzkQKREZEWkSCRMpE6ET2RShFYkWERaRFxEYcRmJGmEbwRzZHZEeMR65HxkfUSCJIrEkGSTZJhEnQSfBKMkpUSohK9ktIS3Z4nGNgZGBg+Mu4jEGQAQSYgJgLCBkY/oP5DAA00ALMAHicXZBBboJAGIUfippKYpo07appZtUumoC69AC6d2HSJeCAGmDIMGrsCXqCnqCn6AGaHqtP8m/KTJj53vvfP8AAuMUPPFyHh1G7XkePPBLukybCPvleeIAAj8JD+i/CY7wiFA5whzee4Pk3dCYohHvkd+E++UPYJ38KD/CAL+Eh/W/hMTb4FQ7w7D2ddZKZyq11fixiK0q2jbbN3lRqFk7FWelK29jprUouqjnlc+cylVlTqiWruiiMqq056NSFO+fqRRRl4oepKXGGRoIMBhUc1lQ5jvyvGLZT+682VBYN9q1WmPGOpp3MiqpqczGVxpa5BBeuDU58z5yuY1rxsewpSUvp1fyGgqxQt7UDnZR+iF3bVWOBiDPr5EOmeNIfXrZa7gB4nHVWBZgjtxXeP2vYXS/c5Si53qVXximMvU2Z0qbMzJVnZI9qzWgiadbnK6RtUmZmZmZmZmZmZsb065PG9sy6vf2+lf//SfP09EhaOmWp/Gsu/f+/C3AKltFAEy20sYJVrKGDdWxgE1vYg704FfuwHwdwEIdwGk7HYVwIR3AUZ+DCOIaL4KK4GC6OS+CSuBQujcvgsrgcLo8AV8AVcSVcGSG66GEbV8GZuCquhqvjGrgmroVr4zq4Lq6H6+Ms3AA3xNm4EW6Mm+CmuBlujlvglrgVbo3b4La4HW6PO+COuBPujLvgrrgb7o574J64F+4Nhj4ixOAYYIgEAvfBCBIpMijkOAcaBhYFdjDGcUxwAvfF/XB/PADn4oF4EB6M83A+HoKH4mF4OB6BR+JReDQeg8ficXg8noAn4kl4Mp6Cp+JpeDqegWfiWXg2noPn4nl4Pl6AF+JFeDFegpfiZXg5XoFX4lV4NV6D1+J1eD3egDfiTXgz3oK34m14O96Bd+JdeDfeg/fifXg/PoAP4kP4MD6Cj+Jj+Dg+gU/iU/g0PoPP4nP4PL6AL+JL+DK+gq/ia/g6voFv4lv4Nr6D7+J7+D5+gB/iR/gxfoKf4mf4OX6BX+JX+DV+g9/id/g9/oA/4k/4M/6Cv+Jv+Dv+gX/iX/g3LsB/lpaZiFeY0LlkGW8xyXQadpjWahzEapzV8fYUSz6wYQ1vr5dYi2FiwzrZXi1JkYdztL3GrGVRkvLMNvpMm0ZfqdG+vv8g48YEkcqsZsa2+kW/L3m7/DEr/ULKROlsJWKSZzHTrYilXLNGxLRdjRIejVKmR81IqsiPhruxiDf96M8gFYvXS1rkjjQiNTTtSKU5M2aNts54ZIXKmpHKJ6Efu61I81jYRizMaGWmpRVrNua6HWuVS26bnIxIlvmEd+g/6DsbeLw6YLStJK9uEOJSitwIEyQdYgMWcXf0FcJDqfrcLR4qNZR8c46CXBamTVRyNnA6UiZkoHkuJ2vENLdjzq1br5VllvuAuBk7FtZy3RxwHofNgZC816AxbQwkG7YGSsZk+0DpMdPx1kAV5E93bK//UJ2LrKCQCB1J3hiKgW16W5uJO2/Lj2E7EcYqPWkkKuUtkbIhDw+5j1lG3hFxYFQkmAwKw/XhXfKJsTwNxiIjr5oNN9WXBbdK2WSvYz6I093jVSfhzsB9DgllzgzKrOqzaHRwQTY922lz8TxBSEduJ/urCb+JFx5cEKrCSpHxzbnYb39kTkVG26Slp6ZrK9tc6Eq1a16WJyrj6w5mbEcMKVp+7dQ5s3RoO1lh+o0Rn4RtKfqa6UnHaQ7KQtjweFYDq54NlIrXPPIRWfGQFJSzzubNEvEh82aUi9PCiKhckynLtzzKWc7LdtCZcs1SU37gvy0NMNxakQ1N+bmxTK97ZAOTiJkJlg3LeRf6UsVYaRk3CI5WqEa86xq+YN0Q0qjycDll+T5yK9fOM7UYL8imMT51LnaLTE6ePFyJqsaSUhUX6eZ8ymfEsd006Kvjs1BSMrJsVFvvcmKjolT5lZWxqz7NsiGvPvDZUlnHzymYFCe4rr7iO9QGvfP3VLLj1Jk035oLqG4J7a+4zzmyVMb/IxSWyaOLQkn1GWRF2ufUyA4szuZMZPb0RSl1AK598s9nREbOWa+oUUfmhJKtrygWQXVfnHTS9aijJ5v04Tp8stkir8yRrM/l3hrNhgW1nipA7tgVowun2FNjxtDiKhIpuTyg60WcqMlcffjoVJlHTAxEmbim0pdTPVLD3awJKOerGObcXROV730lTXvCsbrUqsBQjlB9SbqJ6FS6biXV5aR0RaWabgPObKV6ehN4R1arDDWGKKnsMwnTtaQzSTEYSF4lqxmJPMj4cXtwtyjXfEeowlSOdbV/YBebFVB9jcprisq+X+SuaCobLO1W6JoPrYrZpFJiC+pJFds5Y453uLYUE+oLUgzpElHWqrRKjR3BKSXZpNpq3A9YYdVGyi1XwVlcGlFQND07myWaZwkXtlMK/HthvYbDOunWSa9OtutkslEn4S7W3cV6M1Y+SrZKJn0bo467Z4GHi4LuoqC3KNjuzATUF9dKnCqVdSoYTsWZcj73UFOfmKzXcFgn3TrpTY02mRrTg2M0U+H4TIXHYZ1066RXJ9urU1Jka3MUVnDmQIJaGL63ZDbhOlUO6+n8mAqFhJu7WLibdnfT3m66Pd3UvVk6FZwdyuOwTrp10quT7aZ/XLVS1afnWdM3m3bGC3r8ytWMj42/iVtqQO2Gt3w/CVs5zyIhm75vNFw3aLqh23CPjWauqZM3qcersKV5qnZ40z8Vlw09dOk/bPqqb5mUNpy0yx8S0nt81HCF66D2At1tupoNV904ZjZKOsZqzlIq3ixqmyLPlbbL7oK3Cd0shqp5bY7CJl0fKlwpsvId3Cof2033DOh1dpQsUmq2lI4bU1xezeszVlgeLi39F/RbJWAA) format("woff");
  font-weight: normal;
  font-style: normal;
}

.mbsc-font-icon:before {
  font-family: "Mobiscroll";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icons */

.mbsc-icon-aid::before {
  content: "\ea01";
}

.mbsc-icon-airplane::before {
  content: "\ea02";
}

.mbsc-icon-alarm2::before {
  content: "\ea03";
}

.mbsc-icon-arrow-down2::before {
  content: "\ea04";
}

.mbsc-icon-arrow-down5::before {
  content: "\ea05";
}

.mbsc-icon-arrow-left2::before {
  content: "\ea06";
}

.mbsc-icon-arrow-left5::before {
  content: "\ea07";
}

.mbsc-icon-arrow-right2::before {
  content: "\ea08";
}

.mbsc-icon-arrow-right5::before {
  content: "\ea09";
}

.mbsc-icon-arrow-up2::before {
  content: "\ea0a";
}

.mbsc-icon-arrow-up5::before {
  content: "\ea0b";
}

.mbsc-icon-attachment::before {
  content: "\ea0c";
}

.mbsc-icon-bars::before {
  content: "\ea0d";
}

.mbsc-icon-book::before {
  content: "\ea0e";
}

.mbsc-icon-brightness-contrast::before {
  content: "\ea0f";
}

.mbsc-icon-bubble::before {
  content: "\ea10";
}

.mbsc-icon-bubbles::before {
  content: "\ea11";
}

.mbsc-icon-bullhorn::before {
  content: "\ea12";
}

.mbsc-icon-calendar::before {
  content: "\ea13";
}

.mbsc-icon-camera::before {
  content: "\ea14";
}

.mbsc-icon-cart::before {
  content: "\ea15";
}

.mbsc-icon-checkmark::before {
  content: "\ea16";
}

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

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

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

.mbsc-icon-cloud-download::before {
  content: "\ea1a";
}

.mbsc-icon-cloud-upload::before {
  content: "\ea1b";
}

.mbsc-icon-cogs::before {
  content: "\ea1c";
}

.mbsc-icon-compass::before {
  content: "\ea1d";
}

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

.mbsc-icon-copy2::before {
  content: "\ea1f";
}

.mbsc-icon-copy3::before {
  content: "\ea20";
}

.mbsc-icon-credit::before {
  content: "\ea21";
}

.mbsc-icon-disk::before {
  content: "\ea22";
}

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

.mbsc-icon-drawer::before {
  content: "\ea24";
}

.mbsc-icon-droplet::before {
  content: "\ea25";
}

.mbsc-icon-earth::before {
  content: "\ea26";
}

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

.mbsc-icon-eye-blocked::before {
  content: "\ea28";
}

.mbsc-icon-fa-dollar::before {
  content: "\ea29";
}

.mbsc-icon-fa-ellipsis-h::before {
  content: "\ea2a";
}

.mbsc-icon-fa-facebook::before {
  content: "\ea2b";
}

.mbsc-icon-fa-globe::before {
  content: "\ea2c";
}

.mbsc-icon-fa-google::before {
  content: "\ea2d";
}

.mbsc-icon-fa-google-plus::before {
  content: "\ea2e";
}

.mbsc-icon-fa-leaf::before {
  content: "\ea2f";
}

.mbsc-icon-fa-mail-reply::before {
  content: "\ea30";
}

.mbsc-icon-fa-retweet::before {
  content: "\ea31";
}

.mbsc-icon-fa-rotate-left::before {
  content: "\ea32";
}

.mbsc-icon-fa-twitter::before {
  content: "\ea33";
}

.mbsc-icon-feed2::before {
  content: "\ea34";
}

.mbsc-icon-file4::before {
  content: "\ea35";
}

.mbsc-icon-film::before {
  content: "\ea36";
}

.mbsc-icon-flag::before {
  content: "\ea37";
}

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

.mbsc-icon-forward::before {
  content: "\ea39";
}

.mbsc-icon-foundation-mail::before {
  content: "\ea3a";
}

.mbsc-icon-foundation-minus-circle::before {
  content: "\ea3b";
}

.mbsc-icon-gift::before {
  content: "\ea3c";
}

.mbsc-icon-globe::before {
  content: "\ea3d";
}

.mbsc-icon-heart::before {
  content: "\ea3e";
}

.mbsc-icon-heart2::before {
  content: "\ea3f";
}

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

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

.mbsc-icon-image2::before {
  content: "\ea42";
}

.mbsc-icon-ion-android-social-user::before {
  content: "\ea43";
}

.mbsc-icon-ion-android-system-windows::before {
  content: "\ea44";
}

.mbsc-icon-ion-bluetooth::before {
  content: "\ea45";
}

.mbsc-icon-ion-close-circled::before {
  content: "\ea46";
}

.mbsc-icon-ion-email::before {
  content: "\ea47";
}

.mbsc-icon-ion-ios7-arrow-back::before {
  content: "\ea48";
}

.mbsc-icon-ion-ios7-arrow-forward::before {
  content: "\ea49";
}

.mbsc-icon-ion-ios7-checkmark-empty::before {
  content: "\ea4a";
}

.mbsc-icon-ion-ios7-close-empty::before {
  content: "\ea4b";
}

.mbsc-icon-ion-ios7-close-outline::before {
  content: "\ea4c";
}

.mbsc-icon-ion-ios7-email::before {
  content: "\ea4d";
}

.mbsc-icon-ion-ios7-information-outline::before {
  content: "\ea4e";
}

.mbsc-icon-ion-ios7-plus-empty::before {
  content: "\ea4f";
}

.mbsc-icon-ion-iphone::before {
  content: "\ea50";
}

.mbsc-icon-ion-navigate::before {
  content: "\ea51";
}

.mbsc-icon-ion-social-facebook::before {
  content: "\ea52";
}

.mbsc-icon-ion-usb::before {
  content: "\ea53";
}

.mbsc-icon-key2::before {
  content: "\ea54";
}

.mbsc-icon-library::before {
  content: "\ea55";
}

.mbsc-icon-line-bubble::before {
  content: "\ea56";
}

.mbsc-icon-line-calendar::before {
  content: "\ea57";
}

.mbsc-icon-line-food::before {
  content: "\ea58";
}

.mbsc-icon-line-heart::before {
  content: "\ea59";
}

.mbsc-icon-line-key::before {
  content: "\ea5a";
}

.mbsc-icon-line-mail::before {
  content: "\ea5b";
}

.mbsc-icon-line-megaphone::before {
  content: "\ea5c";
}

.mbsc-icon-line-music::before {
  content: "\ea5d";
}

.mbsc-icon-line-note::before {
  content: "\ea5e";
}

.mbsc-icon-line-paperplane::before {
  content: "\ea5f";
}

.mbsc-icon-line-params::before {
  content: "\ea60";
}

.mbsc-icon-line-phone::before {
  content: "\ea61";
}

.mbsc-icon-line-settings::before {
  content: "\ea62";
}

.mbsc-icon-line-star::before {
  content: "\ea63";
}

.mbsc-icon-line-t-shirt::before {
  content: "\ea64";
}

.mbsc-icon-line-tag::before {
  content: "\ea65";
}

.mbsc-icon-line-user::before {
  content: "\ea66";
}

.mbsc-icon-line-world::before {
  content: "\ea67";
}

.mbsc-icon-link::before {
  content: "\ea68";
}

.mbsc-icon-location::before {
  content: "\ea69";
}

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

.mbsc-icon-lock2::before {
  content: "\ea6b";
}

.mbsc-icon-loop2::before {
  content: "\ea6c";
}

.mbsc-icon-map::before {
  content: "\ea6d";
}

.mbsc-icon-material-arrow-back::before {
  content: "\ea6e";
}

.mbsc-icon-material-arrow-forward::before {
  content: "\ea6f";
}

.mbsc-icon-material-backspace::before {
  content: "\ea70";
}

.mbsc-icon-material-brightness-medium::before {
  content: "\ea71";
}

.mbsc-icon-material-check::before {
  content: "\ea72";
}

.mbsc-icon-material-check-box-outline-blank::before {
  content: "\ea73";
}

.mbsc-icon-material-close::before {
  content: "\ea74";
}

.mbsc-icon-material-crop::before {
  content: "\ea75";
}

.mbsc-icon-material-date-range::before {
  content: "\ea76";
}

.mbsc-icon-material-email::before {
  content: "\ea77";
}

.mbsc-icon-material-equalizer::before {
  content: "\ea78";
}

.mbsc-icon-material-event-note::before {
  content: "\ea79";
}

.mbsc-icon-material-explore::before {
  content: "\ea7a";
}

.mbsc-icon-material-filter::before {
  content: "\ea7b";
}

.mbsc-icon-material-format-bold::before {
  content: "\ea7c";
}

.mbsc-icon-material-format-ital::before {
  content: "\ea7d";
}

.mbsc-icon-material-format-list-numbered::before {
  content: "\ea7e";
}

.mbsc-icon-material-format-paint::before {
  content: "\ea7f";
}

.mbsc-icon-material-format-underline::before {
  content: "\ea80";
}

.mbsc-icon-material-inbox::before {
  content: "\ea81";
}

.mbsc-icon-material-iso::before {
  content: "\ea82";
}

.mbsc-icon-material-keyboard-arrow-down::before {
  content: "\ea83";
}

.mbsc-icon-material-keyboard-arrow-left::before {
  content: "\ea84";
}

.mbsc-icon-material-keyboard-arrow-right::before {
  content: "\ea85";
}

.mbsc-icon-material-keyboard-arrow-up::before {
  content: "\ea86";
}

.mbsc-icon-material-label::before {
  content: "\ea87";
}

.mbsc-icon-material-language::before {
  content: "\ea88";
}

.mbsc-icon-material-list::before {
  content: "\ea89";
}

.mbsc-icon-material-menu::before {
  content: "\ea8a";
}

.mbsc-icon-material-message::before {
  content: "\ea8b";
}

.mbsc-icon-material-more-horiz::before {
  content: "\ea8c";
}

.mbsc-icon-material-music-note::before {
  content: "\ea8d";
}

.mbsc-icon-material-notifications::before {
  content: "\ea8e";
}

.mbsc-icon-material-palette::before {
  content: "\ea8f";
}

.mbsc-icon-material-pause::before {
  content: "\ea90";
}

.mbsc-icon-material-people::before {
  content: "\ea91";
}

.mbsc-icon-material-phone-iphone::before {
  content: "\ea92";
}

.mbsc-icon-material-photo-size-select-large::before {
  content: "\ea93";
}

.mbsc-icon-material-play-arrow::before {
  content: "\ea94";
}

.mbsc-icon-material-repeat::before {
  content: "\ea95";
}

.mbsc-icon-material-rotate-right::before {
  content: "\ea96";
}

.mbsc-icon-material-search::before {
  content: "\ea97";
}

.mbsc-icon-material-share::before {
  content: "\ea98";
}

.mbsc-icon-material-shuffle::before {
  content: "\ea99";
}

.mbsc-icon-material-skip-next::before {
  content: "\ea9a";
}

.mbsc-icon-material-skip-previous::before {
  content: "\ea9b";
}

.mbsc-icon-material-star::before {
  content: "\ea9c";
}

.mbsc-icon-material-star-outline::before {
  content: "\ea9d";
}

.mbsc-icon-material-stop::before {
  content: "\ea9e";
}

.mbsc-icon-material-system-update::before {
  content: "\ea9f";
}

.mbsc-icon-material-texture::before {
  content: "\eaa0";
}

.mbsc-icon-material-today::before {
  content: "\eaa1";
}

.mbsc-icon-material-tune::before {
  content: "\eaa2";
}

.mbsc-icon-material-tv::before {
  content: "\eaa3";
}

.mbsc-icon-material-vertical-align-bottom::before {
  content: "\eaa4";
}

.mbsc-icon-material-view-day::before {
  content: "\eaa5";
}

.mbsc-icon-material-wb-auto::before {
  content: "\eaa6";
}

.mbsc-icon-meteo-Celsius::before {
  content: "\eaa7";
}

.mbsc-icon-meteo-Fahrenheit::before {
  content: "\eaa8";
}

.mbsc-icon-meteo-cloud::before {
  content: "\eaa9";
}

.mbsc-icon-meteo-cloud2::before {
  content: "\eaaa";
}

.mbsc-icon-meteo-cloud3::before {
  content: "\eaab";
}

.mbsc-icon-meteo-cloud4::before {
  content: "\eaac";
}

.mbsc-icon-meteo-cloud5::before {
  content: "\eaad";
}

.mbsc-icon-meteo-cloudy::before {
  content: "\eaae";
}

.mbsc-icon-meteo-cloudy2::before {
  content: "\eaaf";
}

.mbsc-icon-meteo-cloudy3::before {
  content: "\eab0";
}

.mbsc-icon-meteo-cloudy4::before {
  content: "\eab1";
}

.mbsc-icon-meteo-compass::before {
  content: "\eab2";
}

.mbsc-icon-meteo-lightning::before {
  content: "\eab3";
}

.mbsc-icon-meteo-lightning2::before {
  content: "\eab4";
}

.mbsc-icon-meteo-lightning3::before {
  content: "\eab5";
}

.mbsc-icon-meteo-lightning4::before {
  content: "\eab6";
}

.mbsc-icon-meteo-lightning5::before {
  content: "\eab7";
}

.mbsc-icon-meteo-lines::before {
  content: "\eab8";
}

.mbsc-icon-meteo-moon::before {
  content: "\eab9";
}

.mbsc-icon-meteo-moon2::before {
  content: "\eaba";
}

.mbsc-icon-meteo-none::before {
  content: "\eabb";
}

.mbsc-icon-meteo-rainy::before {
  content: "\eabc";
}

.mbsc-icon-meteo-rainy2::before {
  content: "\eabd";
}

.mbsc-icon-meteo-rainy3::before {
  content: "\eabe";
}

.mbsc-icon-meteo-rainy4::before {
  content: "\eabf";
}

.mbsc-icon-meteo-snowflake::before {
  content: "\eac0";
}

.mbsc-icon-meteo-snowy::before {
  content: "\eac1";
}

.mbsc-icon-meteo-snowy2::before {
  content: "\eac2";
}

.mbsc-icon-meteo-snowy3::before {
  content: "\eac3";
}

.mbsc-icon-meteo-snowy4::before {
  content: "\eac4";
}

.mbsc-icon-meteo-snowy5::before {
  content: "\eac5";
}

.mbsc-icon-meteo-sun::before {
  content: "\eac6";
}

.mbsc-icon-meteo-sun2::before {
  content: "\eac7";
}

.mbsc-icon-meteo-sun3::before {
  content: "\eac8";
}

.mbsc-icon-meteo-sunrise::before {
  content: "\eac9";
}

.mbsc-icon-meteo-thermometer::before {
  content: "\eaca";
}

.mbsc-icon-meteo-weather::before {
  content: "\eacb";
}

.mbsc-icon-meteo-weather2::before {
  content: "\eacc";
}

.mbsc-icon-meteo-weather3::before {
  content: "\eacd";
}

.mbsc-icon-meteo-weather4::before {
  content: "\eace";
}

.mbsc-icon-meteo-weather5::before {
  content: "\eacf";
}

.mbsc-icon-meteo-wind::before {
  content: "\ead0";
}

.mbsc-icon-meteo-windy::before {
  content: "\ead1";
}

.mbsc-icon-meteo-windy2::before {
  content: "\ead2";
}

.mbsc-icon-meteo-windy3::before {
  content: "\ead3";
}

.mbsc-icon-meteo-windy4::before {
  content: "\ead4";
}

.mbsc-icon-meteo-windy5::before {
  content: "\ead5";
}

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

.mbsc-icon-mobile::before {
  content: "\ead7";
}

.mbsc-icon-music::before {
  content: "\ead8";
}

.mbsc-icon-neutral::before {
  content: "\ead9";
}

.mbsc-icon-newspaper::before {
  content: "\eada";
}

.mbsc-icon-office::before {
  content: "\eadb";
}

.mbsc-icon-pause2::before {
  content: "\eadc";
}

.mbsc-icon-pencil::before {
  content: "\eadd";
}

.mbsc-icon-phone::before {
  content: "\eade";
}

.mbsc-icon-play::before {
  content: "\eadf";
}

.mbsc-icon-play3::before {
  content: "\eae0";
}

.mbsc-icon-plus::before {
  content: "\eae1";
}

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

.mbsc-icon-redo2::before {
  content: "\eae3";
}

.mbsc-icon-remove::before {
  content: "\eae4";
}

.mbsc-icon-reply::before {
  content: "\eae5";
}

.mbsc-icon-sad::before {
  content: "\eae6";
}

.mbsc-icon-sad2::before {
  content: "\eae7";
}

.mbsc-icon-share::before {
  content: "\eae8";
}

.mbsc-icon-smiley::before {
  content: "\eae9";
}

.mbsc-icon-smiley2::before {
  content: "\eaea";
}

.mbsc-icon-stack::before {
  content: "\eaeb";
}

.mbsc-icon-star::before {
  content: "\eaec";
}

.mbsc-icon-star2::before {
  content: "\eaed";
}

.mbsc-icon-star3::before {
  content: "\eaee";
}

.mbsc-icon-stop2::before {
  content: "\eaef";
}

.mbsc-icon-stopwatch::before {
  content: "\eaf0";
}

.mbsc-icon-stream-sync::before {
  content: "\eaf1";
}

.mbsc-icon-support::before {
  content: "\eaf2";
}

.mbsc-icon-tag::before {
  content: "\eaf3";
}

.mbsc-icon-thumbs-up::before {
  content: "\eaf4";
}

.mbsc-icon-thumbs-up2::before {
  content: "\eaf5";
}

.mbsc-icon-undo2::before {
  content: "\eaf6";
}

.mbsc-icon-unlocked::before {
  content: "\eaf7";
}

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

.mbsc-icon-user4::before {
  content: "\eaf9";
}

.mbsc-icon-volume-high::before {
  content: "\eafa";
}

.mbsc-icon-volume-medium::before {
  content: "\eafb";
}

.mbsc-icon-volume-mute2::before {
  content: "\eafc";
}

:root {
  --mbsc-safe-top: 0;
  --mbsc-safe-right: 0;
  --mbsc-safe-bottom: 0;
  --mbsc-safe-left: 0;
}

@supports (top: constant(safe-area-inset-top)) {
  :root {
    --mbsc-safe-top: constant(safe-area-inset-top);
    --mbsc-safe-right: constant(safe-area-inset-right);
    --mbsc-safe-bottom: constant(safe-area-inset-bottom);
    --mbsc-safe-left: constant(safe-area-inset-left);
  }
}

@supports (top: env(safe-area-inset-top)) {
  :root {
    --mbsc-safe-top: env(safe-area-inset-top);
    --mbsc-safe-right: env(safe-area-inset-right);
    --mbsc-safe-bottom: env(safe-area-inset-bottom);
    --mbsc-safe-left: env(safe-area-inset-left);
  }
}

.mbsc-font {
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  font-weight: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

.mbsc-reset {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mbsc-resize {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
}

.mbsc-resize-i {
  position: absolute;
  left: 0;
  top: 0;
}

.mbsc-resize-y {
  width: 200%;
  height: 200%;
}

.mbsc-hidden {
  visibility: hidden;
}

.mbsc-hidden-content {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.mbsc-ltr {
  direction: ltr;
}

.mbsc-rtl {
  direction: rtl;
}

.mbsc-ripple {
  background: currentColor;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 1000em;
  pointer-events: none;
  transform: scale(0);
}

/* Flex util classes */

.mbsc-flex,
.mbsc-flex-col {
  display: flex;
}

.mbsc-flex-col {
  flex-direction: column;
}

.mbsc-flex-1-1 {
  flex: 1 1 auto;
}

.mbsc-flex-1-0 {
  flex: 1 0 auto;
}

.mbsc-flex-1-0-0 {
  flex: 1 0 0;
}

/* IE11 hack, where flex-basis auto does not work correctly */

@media all and (-ms-high-contrast: none) {
  .mbsc-flex-1-0-0 {
    flex: 1 0 auto;
  }
}

.mbsc-flex-none {
  flex: none;
}

@media (-webkit-min-device-pixel-ratio: 2) {
  .mbsc-hb,
.mbsc-hb:before,
.mbsc-hb:after {
    border-width: 0.5px !important;
  }
}

.mbsc-ios.mbsc-button {
  padding: 0 0.5em;
  margin: 0.5em 0.25em;
  line-height: 2.25em;
  border-radius: 0.25em;
  transition: opacity 0.1s ease-out, background-color 0.1s ease-out;
}

.mbsc-ios.mbsc-icon-button {
  padding: 0.5em;
  line-height: normal;
  border-radius: 4em;
}

.mbsc-ios.mbsc-button.mbsc-hover {
  opacity: 0.7;
}

.mbsc-ios.mbsc-button.mbsc-active {
  opacity: 0.5;
}

.mbsc-ios.mbsc-button:disabled, .mbsc-ios.mbsc-button.mbsc-disabled {
  opacity: 0.2;
}

.mbsc-ios.mbsc-button-outline.mbsc-active {
  opacity: 1;
}

.mbsc-ios.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.375em;
}

.mbsc-ios.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.375em;
}

.mbsc-ios .mbsc-button-group,
.mbsc-ios .mbsc-button-group-justified,
.mbsc-ios .mbsc-button-group-block {
  margin: 0.5em 0.75em;
}

.mbsc-ios .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-ios {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}

.mbsc-ios.mbsc-button-standard {
  background: white;
  color: #007aff;
}

.mbsc-ios.mbsc-button-flat {
  color: #007aff;
}

.mbsc-ios.mbsc-button-outline {
  border: 1px solid #1273de;
  color: #1273de;
}

.mbsc-ios.mbsc-button-outline.mbsc-active {
  background: #1273de;
  color: #f7f7f7;
}

.mbsc-ios.mbsc-button.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-ios.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  color: #fff;
}

.mbsc-ios.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  color: #fff;
}

.mbsc-ios.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #000;
}

.mbsc-ios.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-ios.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-ios.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-ios.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-ios.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-ios.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-ios.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-ios.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-ios.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-ios.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-ios.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #90979E;
  color: #fff;
}

.mbsc-ios.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-ios.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-ios.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-ios.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-ios.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-ios.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: #47494A;
  color: #fff;
}

.mbsc-ios.mbsc-button-light.mbsc-button-outline {
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.mbsc-ios.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #bfbfbf;
  color: #fff;
}

.mbsc-ios-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}

.mbsc-ios-dark.mbsc-button-standard {
  background: #3b3b3b;
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-button-flat {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-button-outline {
  border: 1px solid #ffa519;
  color: #ffa519;
}

.mbsc-ios-dark.mbsc-button-outline.mbsc-active {
  background: #ffa519;
  color: #000000;
}

.mbsc-ios-dark.mbsc-button.mbsc-focus {
  background: rgba(255, 255, 255, 0.05);
}

.mbsc-ios-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #000;
}

.mbsc-ios-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-ios-dark.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-ios-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-ios-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-ios-dark.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-ios-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-ios-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-ios-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-ios-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #90979E;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-ios-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-ios-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-ios-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-ios-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-ios-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: #47494A;
  color: #fff;
}

.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.mbsc-ios-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #bfbfbf;
  color: #fff;
}

.mbsc-material.mbsc-button {
  min-width: 4.571429em;
  padding: 0.428572em 1.142858em;
  border-radius: 0.285715em;
  font-size: 0.875em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.714286em;
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
  margin: 0.5em;
}

.mbsc-material.mbsc-button-outline {
  border: 1px solid;
}

.mbsc-material.mbsc-button .mbsc-icon {
  font-size: 1.142858em;
}

.mbsc-material.mbsc-icon-button {
  min-width: 0;
  padding: 0.5em;
  border-radius: 2em;
  font-size: 1em;
  line-height: normal;
}

.mbsc-material.mbsc-icon-button .mbsc-icon {
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;
}

.mbsc-material.mbsc-button:disabled, .mbsc-material.mbsc-button.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-material.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.5em;
  margin-left: -0.25em;
}

.mbsc-material.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.5em;
  margin-right: -0.25em;
}

.mbsc-material.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.5em;
  margin-right: -0.25em;
}

.mbsc-material.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.5em;
  margin-left: -0.25em;
}

.mbsc-material .mbsc-button-group,
.mbsc-material .mbsc-button-group-justified {
  margin: 0.5em;
}

.mbsc-material .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-material {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}

.mbsc-material.mbsc-button-standard {
  background: #cfcfcf;
  color: black;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material.mbsc-button-standard.mbsc-hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material.mbsc-button-standard.mbsc-focus, .mbsc-material.mbsc-button-standard.mbsc-active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mbsc-material.mbsc-button-flat, .mbsc-material.mbsc-button-outline {
  color: black;
}

.mbsc-material.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-flat.mbsc-active, .mbsc-material.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-outline.mbsc-active {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-material.mbsc-button-flat.mbsc-focus, .mbsc-material.mbsc-button-outline.mbsc-focus {
  background: rgba(0, 0, 0, 0.3);
}

.mbsc-material.mbsc-button-outline {
  border-color: black;
}

.mbsc-material.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #fff;
}

.mbsc-material.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  color: #fff;
}

.mbsc-material.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  color: #fff;
}

.mbsc-material.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #fff;
}

.mbsc-material.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #fff;
}

.mbsc-material.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-material.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  color: #fff;
}

.mbsc-material.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #303030;
}

.mbsc-material.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-material.mbsc-button-primary.mbsc-button-flat.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-material.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-material.mbsc-button-secondary.mbsc-button-flat.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-material.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-material.mbsc-button-success.mbsc-button-flat.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-material.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-material.mbsc-button-danger.mbsc-button-flat.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-material.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-material.mbsc-button-warning.mbsc-button-flat.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-material.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-material.mbsc-button-info.mbsc-button-flat.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-material.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}

.mbsc-material.mbsc-button-dark.mbsc-button-flat.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-material.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-hover, .mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material.mbsc-button-light.mbsc-button-flat.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-material.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-material.mbsc-button-primary.mbsc-button-outline.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-material.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-material.mbsc-button-secondary.mbsc-button-outline.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-material.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-material.mbsc-button-success.mbsc-button-outline.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-material.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-material.mbsc-button-danger.mbsc-button-outline.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-material.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-material.mbsc-button-warning.mbsc-button-outline.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-material.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-material.mbsc-button-info.mbsc-button-outline.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-material.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}

.mbsc-material.mbsc-button-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-material.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}

.mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material.mbsc-button-light.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-material-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
}

.mbsc-material-dark.mbsc-button-standard {
  background: #2b2b2b;
  color: white;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material-dark.mbsc-button-standard.mbsc-hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material-dark.mbsc-button-standard.mbsc-focus, .mbsc-material-dark.mbsc-button-standard.mbsc-active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mbsc-material-dark.mbsc-button-flat, .mbsc-material-dark.mbsc-button-outline {
  color: white;
}

.mbsc-material-dark.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-flat.mbsc-active, .mbsc-material-dark.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-button-flat.mbsc-focus, .mbsc-material-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-material-dark.mbsc-button-outline {
  border-color: white;
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  color: #000;
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  color: #000;
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  color: #000;
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  color: #000;
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  color: #000;
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  color: #000;
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  color: #000;
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  color: #fff;
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-flat.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-flat.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-flat.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-flat.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-flat.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-flat.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-hover, .mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-flat.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-material-dark.mbsc-button-primary.mbsc-button-outline.mbsc-focus {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-material-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-focus {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-material-dark.mbsc-button-success.mbsc-button-outline.mbsc-focus {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-material-dark.mbsc-button-danger.mbsc-button-outline.mbsc-focus {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-material-dark.mbsc-button-warning.mbsc-button-outline.mbsc-focus {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-material-dark.mbsc-button-info.mbsc-button-outline.mbsc-focus {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: rgba(71, 73, 74, 0.2);
}

.mbsc-material-dark.mbsc-button-dark.mbsc-button-outline.mbsc-focus {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover, .mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-button-light.mbsc-button-outline.mbsc-focus {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-windows.mbsc-button {
  padding: 0 0.5em;
  line-height: 1.75em;
  margin: 0.5em 0.25em;
  border: 0.125em solid transparent;
  transition: border-color 0.1s ease-out, background-color 0.1s ease-out;
}

.mbsc-windows.mbsc-icon-button {
  width: 2.75em;
  height: 2em;
}

.mbsc-windows.mbsc-button-flat {
  transition: background-color 0.1s ease-out;
}

.mbsc-windows.mbsc-button-flat.mbsc-hover {
  opacity: 0.7;
}

.mbsc-windows.mbsc-button-flat.mbsc-active {
  opacity: 1;
}

.mbsc-windows.mbsc-button:disabled, .mbsc-windows.mbsc-button.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-windows.mbsc-ltr.mbsc-button-icon-start {
  padding-right: 0.5em;
}

.mbsc-windows.mbsc-ltr.mbsc-button-icon-end {
  padding-left: 0.5em;
}

.mbsc-windows.mbsc-rtl.mbsc-button-icon-start {
  padding-left: 0.5em;
}

.mbsc-windows.mbsc-rtl.mbsc-button-icon-end {
  padding-right: 0.5em;
}

.mbsc-windows .mbsc-button-group,
.mbsc-windows .mbsc-button-group-justified {
  margin: 0.5em 0.75em;
}

.mbsc-windows .mbsc-button-group-block {
  margin: 0.5em 1em;
}

.mbsc-windows {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
  /* Predefined colors - hover for standard and outline buttons */
}

.mbsc-windows.mbsc-button-standard {
  background: #cccccc;
  border-color: #cccccc;
  color: #333333;
}

.mbsc-windows.mbsc-button-standard.mbsc-hover {
  border-color: #7a7a7a;
}

.mbsc-windows.mbsc-button-standard.mbsc-active {
  border-color: #7a7a7a;
  background: #7a7a7a;
}

.mbsc-windows.mbsc-button-flat {
  color: #333333;
}

.mbsc-windows.mbsc-button-flat.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
  color: #333333;
}

.mbsc-windows.mbsc-button-outline {
  border: 0.125em solid #999999;
  color: #999999;
}

.mbsc-windows.mbsc-button-outline.mbsc-hover {
  border-color: gray;
}

.mbsc-windows.mbsc-button-outline.mbsc-active {
  border-color: gray;
  background: gray;
  color: #fff;
}

.mbsc-windows.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  border-color: #90979E;
  color: #fff;
}

.mbsc-windows.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  border-color: #43BE5F;
  color: #fff;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}

.mbsc-windows.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  border-color: #5BB7C5;
  color: #fff;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  border-color: #47494A;
  color: #fff;
}

.mbsc-windows.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: black;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}

.mbsc-windows.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-windows.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}

.mbsc-windows.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-windows.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}

.mbsc-windows.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-windows.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: white;
  border-color: white;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-windows.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-windows.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-windows.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-hover {
  border-color: #0964c6;
}

.mbsc-windows.mbsc-button-primary.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #0964c6;
  color: #fff;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-hover {
  border-color: #5d646b;
}

.mbsc-windows.mbsc-button-secondary.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #5d646b;
  color: #fff;
}

.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-hover {
  border-color: #287339;
}

.mbsc-windows.mbsc-button-success.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #287339;
  color: #fff;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-hover {
  border-color: #d10e0c;
}

.mbsc-windows.mbsc-button-danger.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #d10e0c;
  color: #fff;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-hover {
  border-color: #cc7f08;
}

.mbsc-windows.mbsc-button-warning.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #cc7f08;
  color: #fff;
}

.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-hover {
  border-color: #317e89;
}

.mbsc-windows.mbsc-button-info.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #317e89;
  color: #fff;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-hover {
  border-color: black;
}

.mbsc-windows.mbsc-button-dark.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: black;
  color: #fff;
}

.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-hover, .mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-hover {
  border-color: #999999;
}

.mbsc-windows.mbsc-button-light.mbsc-button-standard.mbsc-active, .mbsc-windows.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #999999;
  color: #47494A;
}

.mbsc-windows-dark {
  /* Flat buttons */
  /* Outline buttons */
  /* Predefined colors */
  /* Predefined colors - hover for standard and outline buttons */
}

.mbsc-windows-dark.mbsc-button-standard {
  background: #404040;
  border-color: #404040;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-button-standard.mbsc-hover {
  border-color: #ababab;
}

.mbsc-windows-dark.mbsc-button-standard.mbsc-active {
  border-color: #ababab;
  background: #ababab;
}

.mbsc-windows-dark.mbsc-button-flat {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-button-flat.mbsc-active {
  background: #676767;
  border-color: #676767;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-button-outline {
  border: 0.125em solid #737373;
  color: #737373;
}

.mbsc-windows-dark.mbsc-button-outline.mbsc-hover {
  border-color: #8d8d8d;
}

.mbsc-windows-dark.mbsc-button-outline.mbsc-active {
  border-color: #8d8d8d;
  background: #8d8d8d;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard {
  background: #3f97f6;
  border-color: #3f97f6;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard {
  background: #90979E;
  border-color: #90979E;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard {
  background: #43BE5F;
  border-color: #43BE5F;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard {
  background: #f5504e;
  border-color: #f5504e;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard {
  background: #f8b042;
  border-color: #f8b042;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard {
  background: #5BB7C5;
  border-color: #5BB7C5;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard {
  background: #47494A;
  border-color: #47494A;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard {
  background: #fff;
  border-color: #fff;
  color: black;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat {
  color: #3f97f6;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-flat.mbsc-active {
  background: #88bff9;
  border-color: #88bff9;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat {
  color: #90979E;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-flat.mbsc-active {
  background: #b9bdc2;
  border-color: #b9bdc2;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat {
  color: #43BE5F;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-flat.mbsc-active {
  background: #7cd28f;
  border-color: #7cd28f;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat {
  color: #f5504e;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-flat.mbsc-active {
  background: #f99896;
  border-color: #f99896;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat {
  color: #f8b042;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-flat.mbsc-active {
  background: #fbcf8c;
  border-color: #fbcf8c;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat {
  color: #5BB7C5;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-flat.mbsc-active {
  background: #94d0d9;
  border-color: #94d0d9;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat {
  color: #47494A;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-flat.mbsc-active {
  background: #6c7071;
  border-color: #6c7071;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat {
  color: #cccccc;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-flat.mbsc-active {
  background: white;
  border-color: white;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-outline {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-outline {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-outline {
  border-color: #cccccc;
  color: #cccccc;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-hover {
  border-color: #0964c6;
}

.mbsc-windows-dark.mbsc-button-primary.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-primary.mbsc-button-outline.mbsc-active {
  background: #0964c6;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-hover {
  border-color: #5d646b;
}

.mbsc-windows-dark.mbsc-button-secondary.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-secondary.mbsc-button-outline.mbsc-active {
  background: #5d646b;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-hover {
  border-color: #287339;
}

.mbsc-windows-dark.mbsc-button-success.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-success.mbsc-button-outline.mbsc-active {
  background: #287339;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-hover {
  border-color: #d10e0c;
}

.mbsc-windows-dark.mbsc-button-danger.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-danger.mbsc-button-outline.mbsc-active {
  background: #d10e0c;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-hover {
  border-color: #cc7f08;
}

.mbsc-windows-dark.mbsc-button-warning.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-warning.mbsc-button-outline.mbsc-active {
  background: #cc7f08;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-hover {
  border-color: #317e89;
}

.mbsc-windows-dark.mbsc-button-info.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-info.mbsc-button-outline.mbsc-active {
  background: #317e89;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-hover {
  border-color: black;
}

.mbsc-windows-dark.mbsc-button-dark.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-dark.mbsc-button-outline.mbsc-active {
  background: black;
  color: #fff;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-hover, .mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-hover {
  border-color: #999999;
}

.mbsc-windows-dark.mbsc-button-light.mbsc-button-standard.mbsc-active, .mbsc-windows-dark.mbsc-button-light.mbsc-button-outline.mbsc-active {
  background: #999999;
  color: #47494A;
}

.mbsc-button {
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1em;
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-button:disabled,
.mbsc-button.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-button:focus {
  outline: 0;
}

.mbsc-button::-moz-focus-inner {
  border: 0;
}

.mbsc-icon-button {
  width: 2.5em;
  height: 2.5em;
  padding: 0.5em;
  flex: 0 0 auto;
}

.mbsc-button-icon > *,
.mbsc-button-icon > * > * {
  height: 100%;
}

.mbsc-button-icon-end {
  order: 1;
}

.mbsc-button-group,
.mbsc-button-group-block,
.mbsc-button-group-justified {
  border: 1px solid transparent;
}

.mbsc-button-group-block .mbsc-button,
.mbsc-button-block {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mbsc-button-group-justified,
.mbsc-button-group-justified mbsc-button {
  display: flex;
  flex-wrap: wrap;
}

.mbsc-button-group-justified .mbsc-button,
.mbsc-button-group-justified mbsc-button {
  flex: 1 auto;
}

.mbsc-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  flex: 0 0 auto;
}

.mbsc-icon > svg {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mbsc-ios.mbsc-form-control-wrapper {
  margin-top: -1px;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-error {
  z-index: 2;
}

.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
  content: "";
  position: absolute;
  border-top: 1px solid transparent;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
  right: 0;
  left: 1em;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before {
  left: 0;
  right: 1em;
}

.mbsc-ios.mbsc-form-control-wrapper:before {
  top: 0;
}

.mbsc-ios.mbsc-form-control-wrapper:after {
  bottom: 0;
}

.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:last-child:after {
  left: 0;
}

.mbsc-block-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-form-group-title + .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:first-child:before, .mbsc-ios.mbsc-form-control-wrapper.mbsc-rtl:last-child:after {
  right: 0;
}

.mbsc-ios.mbsc-form-control-label.mbsc-disabled, .mbsc-ios.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-form-control-wrapper:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:first-child:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-control-wrapper:last-child:after {
  border-width: 0;
}

.mbsc-ios {
  /* Wrapper */
  /* Inside popup */
}

.mbsc-ios.mbsc-form-control-wrapper {
  background: white;
}

.mbsc-ios.mbsc-form-control-wrapper:before, .mbsc-ios.mbsc-form-control-wrapper:after {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
  border-color: #d8332a;
}

.mbsc-ios-dark {
  /* Wrapper */
  /* Inside popup */
}

.mbsc-ios-dark.mbsc-form-control-wrapper {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-form-control-wrapper:before, .mbsc-ios-dark.mbsc-form-control-wrapper:after {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error:after, .mbsc-ios-dark.mbsc-form-control-wrapper.mbsc-error + .mbsc-form-control-wrapper:before {
  border-color: #d8332a;
}

.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-form-control-wrapper {
  background: #2b2b2b;
}

.mbsc-material.mbsc-form-control-label.mbsc-disabled, .mbsc-material.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-windows.mbsc-form-control-label.mbsc-disabled, .mbsc-windows.mbsc-description.mbsc-disabled {
  opacity: 0.3;
}

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

.mbsc-form-control-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
  opacity: 0;
  margin: 0;
  z-index: 3;
}

.mbsc-ios {
  /* Wrapper */
  /* Inner element */
  /* Form element */
  /* Icons */
  /* Label */
  /* Error message */
  /* Underline input --------------------------------------------------------------------------- */
  /* Form element*/
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Box & outline input common styles --------------------------------------------------------- */
  /* Wrapper */
  /* Form element */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}

.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr {
  z-index: 1;
}

.mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:before, .mbsc-ios.mbsc-textfield-wrapper-has-icon-left.mbsc-ltr:after {
  left: 3.375em;
}

.mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:after, .mbsc-ios.mbsc-textfield-wrapper-has-icon-right.mbsc-rtl:before {
  right: 3.375em;
}

.mbsc-ios.mbsc-textfield-inner {
  position: static;
  flex: 1 auto;
  z-index: -1;
}

.mbsc-ios.mbsc-textfield-inner.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-ios.mbsc-textfield {
  display: flex;
  padding: 0 1em;
  background: transparent;
  height: 2.75em;
}

.mbsc-ios.mbsc-textfield-has-icon-left {
  padding-left: 3.375em;
}

.mbsc-ios.mbsc-textfield-has-icon-right {
  padding-right: 3.375em;
}

.mbsc-ios.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-floating {
  height: 3.5em;
  padding-top: 1.25em;
}

.mbsc-ios.mbsc-textfield-icon {
  top: 0.625em;
  z-index: 1;
}

.mbsc-ios.mbsc-textfield-icon-left {
  left: 0.9375em;
}

.mbsc-ios.mbsc-textfield-icon-right {
  right: 0.9375em;
}

.mbsc-ios.mbsc-textfield-icon-floating, .mbsc-ios.mbsc-textfield-icon-stacked {
  top: 1em;
}

.mbsc-ios.mbsc-label-inline {
  line-height: 2.75em;
}

.mbsc-ios.mbsc-label-inline.mbsc-ltr {
  padding-left: 1em;
}

.mbsc-ios.mbsc-label-inline.mbsc-rtl {
  padding-right: 1em;
}

.mbsc-ios.mbsc-label-stacked {
  top: 0.666667em;
  font-size: 0.75em;
  line-height: 1em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-ltr {
  left: 1.333334em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-rtl {
  right: 1.333334em;
}

.mbsc-ios.mbsc-label-floating {
  top: 0.875em;
  line-height: 2em;
}

.mbsc-ios.mbsc-label-floating.mbsc-ltr {
  left: 1em;
}

.mbsc-ios.mbsc-label-floating.mbsc-rtl {
  right: 1em;
}

.mbsc-ios.mbsc-label-floating-active.mbsc-label {
  transform: translateY(-0.75em) scale(0.75);
}

.mbsc-ios.mbsc-label.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-ios.mbsc-error-message {
  display: block;
  padding: 0 1.333334em;
  line-height: 1.666667em;
}

.mbsc-ios.mbsc-error-message-underline {
  position: static;
}

.mbsc-ios.mbsc-error-message-has-icon-left.mbsc-ltr {
  padding-left: 4.5em;
}

.mbsc-ios.mbsc-error-message-has-icon-right.mbsc-rtl {
  padding-right: 4.5em;
}

.mbsc-ios .mbsc-textfield-wrapper-underline {
  overflow: hidden;
}

.mbsc-ios.mbsc-textfield-underline-inline-has-icon-left.mbsc-ltr {
  padding-left: 1em;
}

.mbsc-ios.mbsc-textfield-underline-inline-has-icon-right.mbsc-rtl {
  padding-right: 1em;
}

.mbsc-ios.mbsc-label-underline {
  margin: 0;
}

.mbsc-ios.mbsc-label-underline-stacked-has-icon-left.mbsc-ltr {
  left: 4.5em;
}

.mbsc-ios.mbsc-label-underline-stacked-has-icon-right.mbsc-rtl {
  right: 4.5em;
}

.mbsc-ios.mbsc-label-underline-inline-has-icon-left.mbsc-ltr {
  padding-left: 3.375em;
}

.mbsc-ios.mbsc-label-underline-inline-has-icon-right.mbsc-rtl {
  padding-right: 3.375em;
}

.mbsc-ios.mbsc-label-underline-floating-has-icon-left.mbsc-ltr {
  left: 3.375em;
}

.mbsc-ios.mbsc-label-underline-floating-has-icon-right.mbsc-rtl {
  right: 3.375em;
}

.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-ltr {
  padding-left: 1.333334em;
}

.mbsc-ios.mbsc-error-message-underline.mbsc-error-message-inline.mbsc-rtl {
  padding-right: 1.333334em;
}

.mbsc-ios.mbsc-textfield-wrapper-outline, .mbsc-ios.mbsc-textfield-wrapper-box {
  margin: 1.5em 1em;
}

.mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-outline.mbsc-font::before, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::after, .mbsc-ios.mbsc-textfield-wrapper-box.mbsc-font::before {
  border: none;
}

.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
  border-radius: 0.5em;
  border: 1px solid transparent;
}

.mbsc-ios.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textfield-inner-outline {
  position: relative;
}

.mbsc-ios.mbsc-label-box-stacked-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-outline-stacked-has-icon-left.mbsc-ltr {
  left: 4.5em;
}

.mbsc-ios.mbsc-label-outline-stacked-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-stacked-has-icon-right.mbsc-rtl {
  right: 4.5em;
}

.mbsc-ios.mbsc-label-box-stacked, .mbsc-ios.mbsc-label-outline-stacked, .mbsc-ios.mbsc-label-box-floating, .mbsc-ios.mbsc-label-outline-floating {
  margin: 0 1px;
}

.mbsc-ios.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-ios.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  left: 3.375em;
}

.mbsc-ios.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-ios.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  right: 3.375em;
}

.mbsc-ios.mbsc-error-message-outline, .mbsc-ios.mbsc-error-message-box {
  margin: 0 1px;
}

.mbsc-ios.mbsc-select.mbsc-ltr {
  padding-right: 3.375em;
}

.mbsc-ios.mbsc-select.mbsc-rtl {
  padding-left: 3.375em;
}

.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 4.875em;
}

.mbsc-ios.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 4.875em;
}

.mbsc-ios.mbsc-select-icon {
  top: 0.625em;
}

.mbsc-ios.mbsc-select-icon-stacked, .mbsc-ios.mbsc-select-icon-floating {
  top: 1em;
}

.mbsc-ios.mbsc-select-icon.mbsc-ltr {
  right: 0.9375em;
}

.mbsc-ios.mbsc-select-icon.mbsc-rtl {
  left: 0.9375em;
}

.mbsc-ios.mbsc-select-icon-right.mbsc-ltr {
  right: 3.375em;
}

.mbsc-ios.mbsc-select-icon-left.mbsc-rtl {
  left: 3.375em;
}

.mbsc-ios.mbsc-textarea {
  height: 3em;
  border: 0;
}

.mbsc-ios.mbsc-textarea.mbsc-textfield-stacked, .mbsc-ios.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 0;
}

.mbsc-ios.mbsc-textarea-inner {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border: 1px solid transparent;
  border-radius: 0.5em;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-stacked, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.375em;
}

.mbsc-ios.mbsc-textfield-tags-inner {
  padding-top: 0;
  padding-bottom: 0;
}

.mbsc-ios.mbsc-textfield.mbsc-textfield-tags {
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
  min-height: 2.75em;
}

.mbsc-ios.mbsc-textfield-tags.mbsc-textfield-stacked, .mbsc-ios.mbsc-textfield-tags.mbsc-textfield-floating {
  min-height: 2.125em;
  padding-top: 0;
  padding-bottom: 0;
}

.mbsc-ios.mbsc-textfield-tag {
  border-radius: 1em;
}

.mbsc-ios {
  /* Wrapper */
  /* Form element */
  /* Icon */
  /* Error */
  /* Select */
  /* Textarea */
  /* Inside popup */
  /* Input tags */
}

.mbsc-ios.mbsc-textfield-wrapper {
  background: none;
}

.mbsc-ios.mbsc-textfield-wrapper-underline {
  background: white;
}

.mbsc-ios.mbsc-label, .mbsc-ios.mbsc-textfield {
  color: #000000;
}

.mbsc-ios.mbsc-textfield-box, .mbsc-ios.mbsc-textfield-outline {
  background: white;
}

.mbsc-ios.mbsc-textfield-outline {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-textfield-icon, .mbsc-ios.mbsc-select-icon {
  color: #8c8c8c;
}

.mbsc-ios.mbsc-textfield-outline.mbsc-error, .mbsc-ios.mbsc-textfield-box.mbsc-error {
  border-color: #d8332a;
}

.mbsc-ios.mbsc-error-message {
  color: #d8332a;
}

.mbsc-ios.mbsc-select {
  background: white;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: white;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-error {
  border-color: #d8332a;
}

.mbsc-ios.mbsc-textfield-tag {
  background: #dedede;
}

.mbsc-ios.mbsc-textfield-tag-clear {
  color: #8c8c8c;
}

.mbsc-ios-dark {
  /* Wrapper */
  /* Form element */
  /* Icon */
  /* Error */
  /* Select */
  /* Textarea */
  /* Inside popup */
  /* Input tags */
}

.mbsc-ios-dark.mbsc-textfield-wrapper {
  background: none;
}

.mbsc-ios-dark.mbsc-textfield-wrapper-underline {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-label, .mbsc-ios-dark.mbsc-textfield {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-textfield-outline {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-textfield-outline {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-textfield-icon, .mbsc-ios-dark.mbsc-select-icon {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-textfield-outline.mbsc-error, .mbsc-ios-dark.mbsc-textfield-box.mbsc-error {
  border-color: #d8332a;
}

.mbsc-ios-dark.mbsc-error-message {
  color: #d8332a;
}

.mbsc-ios-dark.mbsc-select {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-textarea-inner.mbsc-error {
  border-color: #d8332a;
}

.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper {
  background: none;
}

.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-select, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper-underline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-outline, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: #2b2b2b;
}

.mbsc-ios-dark.mbsc-textfield-tag {
  background: #3b3b3b;
}

.mbsc-ios-dark.mbsc-textfield-tag-clear {
  color: #ffffff;
}

.mbsc-material {
  /* Wrapper */
  /* Inner wrapper */
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Underline input --------------------------------------------------------------------------- */
  /* Form element */
  /* Icon */
  /* Label */
  /* ------------------------------------------------------------------------------------------- */
  /* Box input --------------------------------------------------------------------------------- */
  /* Inner wrapper */
  /* Form element */
  /* Label */
  /* ------------------------------------------------------------------------------------------- */
  /* Outline input ----------------------------------------------------------------------------- */
  /* Inner wrapper */
  /* Form element */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Box & outline input common styles --------------------------------------------------------- */
  /* Form element */
  /* Icon */
  /* Label */
  /* Error message */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}

.mbsc-material.mbsc-textfield-wrapper {
  margin: 1.5em 1em;
  box-sizing: border-box;
}

.mbsc-material.mbsc-textfield-inner.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-material.mbsc-textfield {
  display: block;
  width: 100%;
  height: 2.25em;
  background-color: transparent;
  border-bottom: 1px solid;
  font-size: 1em;
  transition: border-color 0.2s;
}

.mbsc-material.mbsc-textfield-has-icon-left {
  padding-left: 2em;
}

.mbsc-material.mbsc-textfield-has-icon-right {
  padding-right: 2em;
}

.mbsc-material.mbsc-textfield-icon {
  top: 0.375em;
}

.mbsc-material.mbsc-textfield-icon-floating, .mbsc-material.mbsc-textfield-icon-stacked, .mbsc-material.mbsc-textfield-icon-outline {
  top: 1em;
}

.mbsc-material .mbsc-textfield-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.mbsc-material .mbsc-textfield-ripple-active {
  transform: scaleX(1);
}

.mbsc-material.mbsc-label {
  font-size: 0.75em;
}

.mbsc-material.mbsc-label-inline {
  line-height: 2em;
  font-size: 1em;
}

.mbsc-material.mbsc-label-inline.mbsc-ltr {
  padding-right: 0.5em;
}

.mbsc-material.mbsc-label-inline.mbsc-rtl {
  padding-left: 0.5em;
}

.mbsc-material.mbsc-label-floating {
  font-size: 1em;
  line-height: 1.5em;
  top: 1.125em;
}

.mbsc-material.mbsc-label-floating-active {
  transform: translateY(-1.125em) scale(0.75);
}

.mbsc-material.mbsc-label.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-material.mbsc-error-message.mbsc-ltr {
  left: 0;
}

.mbsc-material.mbsc-error-message.mbsc-rtl {
  right: 0;
}

.mbsc-material.mbsc-error-message-has-icon-left.mbsc-ltr {
  left: 2.66667em;
}

.mbsc-material.mbsc-error-message-has-icon-right.mbsc-rtl {
  right: 2.66667em;
}

.mbsc-material.mbsc-textfield-underline-stacked, .mbsc-material.mbsc-textfield-underline-floating {
  height: 3em;
  padding-top: 0.875em;
}

.mbsc-material.mbsc-textfield-icon-underline {
  top: 0.25em;
}

.mbsc-material.mbsc-textfield-icon-underline.mbsc-textfield-icon-floating, .mbsc-material.mbsc-textfield-icon-underline.mbsc-textfield-icon-stacked {
  top: 1.125em;
}

.mbsc-material.mbsc-label-underline-inline {
  padding-top: 1px;
}

.mbsc-material.mbsc-label-underline-stacked-has-icon-left.mbsc-ltr {
  left: 2.66667em;
}

.mbsc-material.mbsc-label-underline-stacked-has-icon-right.mbsc-rtl {
  right: 2.66667em;
}

.mbsc-material.mbsc-label-underline-floating-has-icon-left.mbsc-ltr {
  left: 2em;
}

.mbsc-material.mbsc-label-underline-floating-has-icon-right.mbsc-rtl {
  right: 2em;
}

.mbsc-material.mbsc-textfield-box, .mbsc-material.mbsc-textfield-inner-box {
  border-radius: 0.25em 0.25em 0 0;
}

.mbsc-material.mbsc-textfield-box {
  padding: 0 1em;
}

.mbsc-material.mbsc-textfield-box-stacked, .mbsc-material.mbsc-textfield-box-floating {
  height: 3.5em;
  padding-top: 1.25em;
}

.mbsc-material.mbsc-textfield-underline.mbsc-disabled {
  border-style: dotted;
}

.mbsc-material.mbsc-label-box-inline {
  padding-top: 1px;
}

.mbsc-material.mbsc-label-box-stacked {
  top: 0.666667em;
}

.mbsc-material.mbsc-label-box-floating {
  top: 1em;
}

.mbsc-material.mbsc-label-box-floating.mbsc-label-floating-active {
  transform: translateY(-0.625em) scale(0.75);
}

.mbsc-material.mbsc-textfield-inner-outline {
  padding: 0 2px;
}

.mbsc-material.mbsc-textfield-outline {
  height: 3.5em;
  padding: 2px 1em;
  border: 0;
  border-radius: 4px;
}

.mbsc-material.mbsc-textfield-fieldset {
  top: -0.5em;
  border: 1px solid;
  border-radius: 4px;
  transition: border-color 0.2s;
}

.mbsc-material.mbsc-textfield-fieldset-has-icon-left {
  padding-left: 3em;
}

.mbsc-material.mbsc-textfield-fieldset-has-icon-right {
  padding-right: 3em;
}

.mbsc-material.mbsc-textfield-fieldset.mbsc-focus {
  border-width: 2px;
}

.mbsc-material.mbsc-textfield-legend {
  padding: 0;
  margin: 0;
  font-size: 0.75em;
  color: transparent;
  width: 0.01px;
  white-space: nowrap;
}

.mbsc-material.mbsc-textfield-legend-active {
  width: auto;
  padding: 0 0.333334em;
  margin: 0 -0.333334em;
}

.mbsc-material.mbsc-label-outline-inline {
  line-height: 3.375em;
}

.mbsc-material.mbsc-label-outline-stacked {
  top: -0.5em;
  margin: 0 2px;
}

.mbsc-material.mbsc-label-outline-floating {
  top: 1em;
  margin: 0 2px;
}

.mbsc-material.mbsc-label-outline-floating.mbsc-label-floating-active {
  margin-top: -1px;
  transform: translateY(-1.5em) scale(0.75);
}

.mbsc-material.mbsc-error-message-outline {
  margin: 0 2px;
}

.mbsc-material.mbsc-textfield-outline-has-icon-left, .mbsc-material.mbsc-textfield-box-has-icon-left {
  padding-left: 3em;
}

.mbsc-material.mbsc-textfield-outline-has-icon-right, .mbsc-material.mbsc-textfield-box-has-icon-right {
  padding-right: 3em;
}

.mbsc-material.mbsc-textfield-icon-outline-left, .mbsc-material.mbsc-textfield-icon-box-left {
  left: 0.75em;
}

.mbsc-material.mbsc-textfield-icon-outline-right, .mbsc-material.mbsc-textfield-icon-box-right {
  right: 0.75em;
}

.mbsc-material.mbsc-label-box-stacked.mbsc-ltr, .mbsc-material.mbsc-label-outline-stacked.mbsc-ltr {
  left: 1.333334em;
}

.mbsc-material.mbsc-label-box-stacked.mbsc-rtl, .mbsc-material.mbsc-label-outline-stacked.mbsc-rtl {
  right: 1.333334em;
}

.mbsc-material.mbsc-label-outline-stacked-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-label-box-stacked-has-icon-left.mbsc-ltr {
  left: 4em;
}

.mbsc-material.mbsc-label-box-stacked-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-label-outline-stacked-has-icon-right.mbsc-rtl {
  right: 4em;
}

.mbsc-material.mbsc-label-box-floating.mbsc-ltr, .mbsc-material.mbsc-label-outline-floating.mbsc-ltr {
  left: 1em;
}

.mbsc-material.mbsc-label-box-floating.mbsc-rtl, .mbsc-material.mbsc-label-outline-floating.mbsc-rtl {
  right: 1em;
}

.mbsc-material.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  left: 3em;
}

.mbsc-material.mbsc-label-outline-floating-has-icon-left.mbsc-rtl, .mbsc-material.mbsc-label-box-floating-has-icon-left.mbsc-rtl {
  right: 1em;
}

.mbsc-material.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  right: 3em;
}

.mbsc-material.mbsc-error-message-box.mbsc-ltr, .mbsc-material.mbsc-error-message-outline.mbsc-ltr {
  left: 1.333334em;
}

.mbsc-material.mbsc-error-message-box.mbsc-rtl, .mbsc-material.mbsc-error-message-outline.mbsc-rtl {
  right: 1.333334em;
}

.mbsc-material.mbsc-error-message-box.mbsc-error-message-has-icon-left.mbsc-ltr, .mbsc-material.mbsc-error-message-outline.mbsc-error-message-has-icon-left.mbsc-ltr {
  left: 4em;
}

.mbsc-material.mbsc-error-message-box.mbsc-error-message-has-icon-right.mbsc-rtl, .mbsc-material.mbsc-error-message-outline.mbsc-error-message-has-icon-right.mbsc-rtl {
  right: 4em;
}

.mbsc-material.mbsc-select.mbsc-ltr {
  padding-right: 3em;
}

.mbsc-material.mbsc-select.mbsc-rtl {
  padding-left: 3em;
}

.mbsc-material.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 4.5em;
}

.mbsc-material.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 4.5em;
}

.mbsc-material.mbsc-select.mbsc-textfield-underline-has-icon-right.mbsc-ltr {
  padding-right: 3.75em;
}

.mbsc-material.mbsc-select.mbsc-textfield-underline-has-icon-left.mbsc-rtl {
  padding-left: 3.75em;
}

.mbsc-material.mbsc-select-icon {
  top: 0.375em;
}

.mbsc-material.mbsc-select-icon.mbsc-ltr {
  right: 0.75em;
}

.mbsc-material.mbsc-select-icon.mbsc-rtl {
  left: 0.75em;
}

.mbsc-material.mbsc-select-icon-right.mbsc-ltr {
  right: 3em;
}

.mbsc-material.mbsc-select-icon-left.mbsc-rtl {
  left: 3em;
}

.mbsc-material.mbsc-select-icon-stacked, .mbsc-material.mbsc-select-icon-floating, .mbsc-material.mbsc-select-icon-outline {
  top: 1em;
}

.mbsc-material.mbsc-select-icon-underline {
  top: 0.25em;
}

.mbsc-material.mbsc-select-icon-underline.mbsc-ltr {
  right: 0;
}

.mbsc-material.mbsc-select-icon-underline.mbsc-rtl {
  left: 0;
}

.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-right.mbsc-ltr {
  right: 2.25em;
}

.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-left.mbsc-rtl {
  left: 2.25em;
}

.mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-floating, .mbsc-material.mbsc-select-icon-underline.mbsc-select-icon-stacked {
  top: 1.125em;
}

.mbsc-material.mbsc-textarea {
  height: 1.875em;
  padding-bottom: 0.375em;
}

.mbsc-material.mbsc-textarea.mbsc-textfield-stacked, .mbsc-material.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 0;
}

.mbsc-material.mbsc-textarea.mbsc-textfield-outline {
  height: 1.5em;
  padding-top: 0;
  padding-bottom: 0;
}

.mbsc-material.mbsc-textarea.mbsc-textfield-underline {
  padding-bottom: 0.3125em;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-box {
  padding-top: 0.375em;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-stacked, .mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.625em;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  padding-top: 1em;
  padding-bottom: 1em;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline {
  padding-top: 0.25em;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline.mbsc-textfield-inner-stacked, .mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-underline.mbsc-textfield-inner-floating {
  padding-top: 1.125em;
}

.mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-underline, .mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-inline {
  padding-top: 0;
}

.mbsc-material.mbsc-textfield-tags-inner.mbsc-textfield-inner-outline {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
}

.mbsc-material.mbsc-textfield-tags.mbsc-textfield {
  padding-bottom: 0;
  min-height: 2.25em;
}

.mbsc-material.mbsc-textfield-tags.mbsc-textfield-outline {
  padding-top: 1px;
  padding-bottom: 1px;
}

.mbsc-material.mbsc-textfield-tag {
  border-radius: 1em;
}

.mbsc-material {
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Select */
  /* Box input ------------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Outline input --------------------------------------------------------------------------- */
  /* Input tag */
  /* ----------------------------------------------------------------------------------------- */
}

.mbsc-material.mbsc-textfield {
  border-bottom-color: rgba(0, 0, 0, 0.42);
  color: rgba(0, 0, 0, 0.87);
}

.mbsc-material.mbsc-textfield.mbsc-hover {
  border-color: rgba(0, 0, 0, 0.87);
}

.mbsc-material.mbsc-textfield.mbsc-error {
  border-color: #de3226;
}

.mbsc-material.mbsc-textfield-icon, .mbsc-material.mbsc-select-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mbsc-material.mbsc-textfield-ripple {
  background-color: #1a73e8;
}

.mbsc-material.mbsc-textfield-ripple.mbsc-error {
  background-color: #de3226;
}

.mbsc-material.mbsc-label {
  color: rgba(0, 0, 0, 0.6);
}

.mbsc-material.mbsc-label-stacked.mbsc-focus, .mbsc-material.mbsc-label-floating.mbsc-focus {
  color: #1a73e8;
}

.mbsc-material.mbsc-label.mbsc-error {
  color: #de3226;
}

.mbsc-material.mbsc-error-message {
  color: #de3226;
}

.mbsc-material.mbsc-select {
  background: #fff;
}

.mbsc-material.mbsc-textfield-box.mbsc-select, .mbsc-material.mbsc-textfield-inner-box {
  background: whitesmoke;
}

.mbsc-material.mbsc-textfield-box.mbsc-select.mbsc-hover, .mbsc-material.mbsc-textfield-inner-box.mbsc-hover {
  background: #ededed;
}

.mbsc-material.mbsc-textfield-box.mbsc-select.mbsc-focus, .mbsc-material.mbsc-textfield-inner-box.mbsc-focus {
  background: #e3e3e3;
}

.mbsc-material.mbsc-textfield-fieldset {
  border-color: rgba(0, 0, 0, 0.42);
}

.mbsc-material.mbsc-textfield-fieldset.mbsc-hover {
  border-color: rgba(0, 0, 0, 0.87);
}

.mbsc-material.mbsc-textfield-fieldset.mbsc-focus {
  border-color: #1a73e8;
}

.mbsc-material.mbsc-textfield-fieldset.mbsc-error {
  border-color: #de3226;
}

.mbsc-material.mbsc-textfield-fieldset.disabled {
  border-color: rgba(0, 0, 0, 0.87);
}

.mbsc-material.mbsc-textfield-tag {
  background: #d4d4d4;
}

.mbsc-material.mbsc-textfield-tag-clear {
  color: rgba(0, 0, 0, 0.54);
}

.mbsc-material-dark {
  /* Form element */
  /* Icon */
  /* Ripple */
  /* Label */
  /* Error message */
  /* Select */
  /* Box input ------------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Outline input --------------------------------------------------------------------------- */
  /* Input tag */
  /* ----------------------------------------------------------------------------------------- */
}

.mbsc-material-dark.mbsc-textfield {
  border-bottom-color: #fff;
  color: #fff;
}

.mbsc-material-dark.mbsc-textfield.mbsc-hover {
  border-color: #fff;
}

.mbsc-material-dark.mbsc-textfield.mbsc-error {
  border-color: #de3226;
}

.mbsc-material-dark.mbsc-textfield-icon, .mbsc-material-dark.mbsc-select-icon {
  color: #fff;
}

.mbsc-material-dark.mbsc-textfield-ripple {
  background-color: #87b0f3;
}

.mbsc-material-dark.mbsc-textfield-ripple.mbsc-error {
  background-color: #de3226;
}

.mbsc-material-dark.mbsc-label {
  color: rgba(255, 255, 255, 0.6);
}

.mbsc-material-dark.mbsc-label-stacked.mbsc-focus, .mbsc-material-dark.mbsc-label-floating.mbsc-focus {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-label.mbsc-error {
  color: #de3226;
}

.mbsc-material-dark.mbsc-error-message {
  color: #de3226;
}

.mbsc-material-dark.mbsc-select {
  background: #000;
}

.mbsc-material-dark.mbsc-textfield-box.mbsc-select, .mbsc-material-dark.mbsc-textfield-inner-box {
  background: #0a0a0a;
}

.mbsc-material-dark.mbsc-textfield-box.mbsc-select.mbsc-hover, .mbsc-material-dark.mbsc-textfield-inner-box.mbsc-hover {
  background: #121212;
}

.mbsc-material-dark.mbsc-textfield-box.mbsc-select.mbsc-focus, .mbsc-material-dark.mbsc-textfield-inner-box.mbsc-focus {
  background: #1c1c1c;
}

.mbsc-material-dark.mbsc-textfield-fieldset {
  border-color: #fff;
}

.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-hover {
  border-color: #fff;
}

.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-focus {
  border-color: #87b0f3;
}

.mbsc-material-dark.mbsc-textfield-fieldset.mbsc-error {
  border-color: #de3226;
}

.mbsc-material-dark.mbsc-textfield-fieldset.disabled {
  border-color: #fff;
}

.mbsc-material-dark.mbsc-textfield-tag {
  background: #454545;
}

.mbsc-material-dark.mbsc-textfield-tag-clear {
  color: #fff;
}

.mbsc-windows {
  /* Wrapper */
  /* Form element */
  /* Icons */
  /* Error  */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* Wrapper */
  /* Form element */
  /* ------------------------------------------------------------------------------------------- */
  /* Select */
  /* Select icon */
  /* Textarea */
  /* Input tags */
}

.mbsc-windows.mbsc-textfield-wrapper {
  margin: 1em;
}

.mbsc-windows.mbsc-textfield-wrapper-inline {
  margin: 1.75em 1em;
}

.mbsc-windows.mbsc-textfield-wrapper-floating {
  padding-top: 1.75em;
}

.mbsc-windows.mbsc-textfield {
  height: 2em;
  padding: 0 0.5em;
  border: 1px solid;
  border-radius: 2px;
}

.mbsc-windows.mbsc-textfield-icon {
  top: 0.4375em;
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  margin: 0 1px;
}

.mbsc-windows.mbsc-textfield-has-icon-right {
  padding-right: 2em;
}

.mbsc-windows.mbsc-textfield-has-icon-left {
  padding-left: 2em;
}

.mbsc-windows.mbsc-textfield-icon-left {
  left: 0.4375em;
}

.mbsc-windows.mbsc-textfield-icon-right {
  right: 0.4375em;
}

.mbsc-windows.mbsc-error-message {
  font-size: 0.75em;
}

.mbsc-windows.mbsc-label {
  line-height: 2em;
  font-size: 0.875em;
  font-weight: 600;
}

.mbsc-windows.mbsc-label-inline {
  line-height: 2.285715em;
}

.mbsc-windows.mbsc-label-floating {
  top: 2.142858em;
}

.mbsc-windows.mbsc-label-stacked {
  position: static;
}

.mbsc-windows.mbsc-label-floating.mbsc-ltr {
  transform: translateX(0.571429em);
}

.mbsc-windows.mbsc-label-floating.mbsc-rtl {
  transform: translateX(-0.5em);
}

.mbsc-windows.mbsc-label-underline-floating-has-icon-left.mbsc-ltr, .mbsc-windows.mbsc-label-outline-floating-has-icon-left.mbsc-ltr, .mbsc-windows.mbsc-label-box-floating-has-icon-left.mbsc-ltr {
  transform: translateX(2.285715em);
}

.mbsc-windows.mbsc-label-underline-floating-has-icon-right.mbsc-rtl, .mbsc-windows.mbsc-label-outline-floating-has-icon-right.mbsc-rtl, .mbsc-windows.mbsc-label-box-floating-has-icon-right.mbsc-rtl {
  transform: translateX(-2.285715em);
}

.mbsc-windows.mbsc-label.mbsc-label-floating-active {
  transform: translate(0, -2.142858em);
}

.mbsc-windows.mbsc-textfield-wrapper-underline {
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-textfield-underline {
  border: 0;
  border-radius: 0;
}

.mbsc-windows.mbsc-select.mbsc-ltr {
  padding-right: 2em;
}

.mbsc-windows.mbsc-select.mbsc-rtl {
  padding-left: 2em;
}

.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-right.mbsc-ltr {
  padding-right: 3.125em;
}

.mbsc-windows.mbsc-select.mbsc-textfield-has-icon-left.mbsc-rtl {
  padding-left: 3.125em;
}

.mbsc-windows.mbsc-select-icon {
  top: 0.4375em;
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  margin: 0 1px;
}

.mbsc-windows.mbsc-select-icon.mbsc-ltr {
  right: 0.4375em;
}

.mbsc-windows.mbsc-select-icon.mbsc-rtl {
  left: 0.4375em;
}

.mbsc-windows.mbsc-select-icon-right.mbsc-ltr {
  right: 2em;
}

.mbsc-windows.mbsc-select-icon-left.mbsc-rtl {
  left: 2em;
}

.mbsc-windows.mbsc-textarea {
  height: 3.5em;
  padding-top: 0.1875em;
  padding-bottom: 0.1875em;
}

.mbsc-windows.mbsc-textfield.mbsc-textfield-tags {
  padding: 0.125em;
  min-height: 2em;
}

.mbsc-windows.mbsc-textfield-tag {
  margin: 0.125em;
}

.mbsc-windows.mbsc-textfield-tag.mbsc-ltr {
  margin-right: 0.125em;
}

.mbsc-windows.mbsc-textfield-tag.mbsc-rtl {
  margin-left: 0.125em;
}

.mbsc-windows.mbsc-textfield-tag-text {
  line-height: 1.571429em;
}

.mbsc-windows.mbsc-textfield-tag-clear.mbsc-icon {
  width: 1.375em;
  height: 1.375em;
  border-width: 0.125em;
}

.mbsc-windows.mbsc-textfield-tags-placeholder {
  padding: 0 0.375em;
  line-height: 1.625em;
}

.mbsc-windows {
  /* Wrapper */
  /* Form element */
  /* Error message */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Input tags */
}

.mbsc-windows.mbsc-textfield-wrapper {
  color: #333333;
}

.mbsc-windows.mbsc-textfield-wrapper.mbsc-disabled {
  color: #9e9e9e;
}

.mbsc-windows.mbsc-textfield {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-textfield-box, .mbsc-windows.mbsc-textfield-outline {
  border-color: #878787;
}

.mbsc-windows.mbsc-textfield.mbsc-hover {
  border-color: #333333;
}

.mbsc-windows.mbsc-textfield-box.mbsc-focus, .mbsc-windows.mbsc-textfield-outline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 0 0 1px #0078d7 inset;
}

.mbsc-windows.mbsc-textfield.mbsc-disabled {
  background: #f2f2f2;
  border-color: #f2f2f2;
}

.mbsc-windows.mbsc-textfield.mbsc-error {
  border-color: #a4262c;
}

.mbsc-windows.mbsc-textfield-box.mbsc-error.mbsc-focus, .mbsc-windows.mbsc-textfield-outline.mbsc-error.mbsc-focus {
  box-shadow: 0 0 0 1px #a4262c inset;
}

.mbsc-windows.mbsc-error-message {
  color: #a4262c;
}

.mbsc-windows.mbsc-label {
  color: #333333;
}

.mbsc-windows.mbsc-textfield-wrapper-underline {
  border-color: #878787;
}

.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-hover {
  border-color: #333333;
}

.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 1px 0 0 #0078d7;
}

.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-disabled {
  border-color: #f2f2f2;
}

.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-error {
  border-color: #a4262c;
}

.mbsc-windows.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus {
  box-shadow: 0 1px 0 0 #a4262c;
}

.mbsc-windows.mbsc-textfield-tag {
  background: #e6e6e6;
}

.mbsc-windows-dark {
  /* Wrapper */
  /* Form element */
  /* Error message */
  /* Label */
  /* Underline input --------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  /* Input tags */
}

.mbsc-windows-dark.mbsc-textfield-wrapper {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-textfield-wrapper.mbsc-disabled {
  color: #949494;
}

.mbsc-windows-dark.mbsc-textfield {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-textfield-box, .mbsc-windows-dark.mbsc-textfield-outline {
  border-color: #ababab;
}

.mbsc-windows-dark.mbsc-textfield.mbsc-hover {
  border-color: #ffffff;
}

.mbsc-windows-dark.mbsc-textfield-box.mbsc-focus, .mbsc-windows-dark.mbsc-textfield-outline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 0 0 1px #0078d7 inset;
}

.mbsc-windows-dark.mbsc-textfield.mbsc-disabled {
  background: #272727;
  border-color: #272727;
}

.mbsc-windows-dark.mbsc-textfield.mbsc-error {
  border-color: #a4262c;
}

.mbsc-windows-dark.mbsc-textfield-box.mbsc-error.mbsc-focus, .mbsc-windows-dark.mbsc-textfield-outline.mbsc-error.mbsc-focus {
  box-shadow: 0 0 0 1px #a4262c inset;
}

.mbsc-windows-dark.mbsc-error-message {
  color: #a4262c;
}

.mbsc-windows-dark.mbsc-label {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline {
  border-color: #ababab;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-hover {
  border-color: #ffffff;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-focus {
  border-color: #0078d7;
  box-shadow: 0 1px 0 0 #0078d7;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-disabled {
  border-color: #272727;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-error {
  border-color: #a4262c;
}

.mbsc-windows-dark.mbsc-textfield-wrapper-underline.mbsc-error.mbsc-focus {
  box-shadow: 0 1px 0 0 #a4262c;
}

.mbsc-windows-dark.mbsc-textfield-tag {
  background: #5f5f5f;
}

@keyframes autofill {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

/* Wrapper */

.mbsc-textfield-wrapper {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-textfield-wrapper-inline {
  display: flex;
}

.mbsc-form-grid .mbsc-textfield-wrapper-box,
.mbsc-form-grid .mbsc-textfield-wrapper-outline {
  margin: 0.75em 1em;
}

/* Inner wrapper */

.mbsc-textfield-inner {
  box-sizing: border-box;
  position: relative;
  display: block;
}

.mbsc-textfield-inner-inline {
  flex: 1 auto;
}

/* Form element */

.mbsc-textfield {
  display: block;
  width: 100%;
  font-size: 1em;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.mbsc-textfield:-webkit-autofill {
  animation-name: autofill;
}

.mbsc-textfield::-webkit-inner-spin-button {
  height: 2em;
  align-self: center;
}

.mbsc-textfield::-moz-placeholder {
  opacity: 0.5;
  color: inherit;
}

.mbsc-textfield::-webkit-input-placeholder {
  opacity: 0.5;
  color: inherit;
}

/* Floating label */

.mbsc-textfield-floating:-ms-input-placeholder {
  color: transparent;
}

.mbsc-textfield-floating::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating::-webkit-datetime-edit {
  color: transparent;
}

.mbsc-textfield-floating-active:-ms-input-placeholder {
  color: inherit;
}

.mbsc-textfield-floating-active::-moz-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-floating-active::-webkit-input-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-floating-active::-webkit-datetime-edit {
  color: inherit;
}

.mbsc-textfield-floating .mbsc-textfield-tags-placeholder {
  opacity: 0;
  transition: opacity 0.2s;
}

.mbsc-textfield-floating-active .mbsc-textfield-tags-placeholder {
  opacity: 0.5;
}

.mbsc-textfield-fieldset {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0 1em;
  pointer-events: none;
}

/* Icon */

.mbsc-textfield-icon {
  position: absolute;
  top: 0;
  text-align: center;
}

.mbsc-textfield-icon-left {
  left: 0;
}

.mbsc-textfield-icon-right {
  right: 0;
}

/* Label */

.mbsc-label {
  position: absolute;
  z-index: 1;
  top: 0;
  line-height: 1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.mbsc-label-inline {
  position: static;
  overflow: hidden;
  flex: 0 0 auto;
  width: 30%;
  max-width: 12.5em;
  box-sizing: border-box;
  pointer-events: auto;
}

.mbsc-label-floating-animate {
  transition: transform 0.2s;
}

.mbsc-label-floating.mbsc-ltr {
  transform-origin: top left;
}

.mbsc-label-floating.mbsc-rtl {
  transform-origin: top right;
}

/* Error message */

.mbsc-error-message {
  position: absolute;
  top: 100%;
  font-size: 0.75em;
  line-height: 1.5em;
}

/* File input */

.mbsc-textfield-file {
  position: absolute;
  left: 0;
  opacity: 0;
}

/* Select */

.mbsc-select {
  cursor: pointer;
}

.mbsc-select-icon {
  position: absolute;
  text-align: center;
  pointer-events: none;
}

/* Textarea */

.mbsc-textarea {
  resize: none;
  overflow: hidden;
  line-height: 1.5em;
}

/* Password toggle */

.mbsc-toggle-icon:hover {
  cursor: pointer;
}

/* Input tags */

.mbsc-textfield.mbsc-textfield-hidden.mbsc-textarea {
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
}

.mbsc-textfield.mbsc-textfield-tags.mbsc-textarea {
  display: block;
  overflow: auto;
  height: auto;
  max-height: 5.5em;
}

.mbsc-textfield-tag {
  display: inline-block;
  margin: 0.25em 0;
  line-height: normal;
}

.mbsc-textfield-tag.mbsc-ltr {
  margin-right: 0.5em;
  padding-left: 0.75em;
}

.mbsc-textfield-tag.mbsc-rtl {
  margin-left: 0.5em;
  padding-right: 0.75em;
}

.mbsc-textfield-tag-text {
  font-size: 0.875em;
  line-height: 1.857143em;
}

.mbsc-textfield-tag-clear.mbsc-icon {
  width: 1.625em;
  height: 1.625em;
  vertical-align: top;
  border: 0.25em solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.mbsc-textfield-tags-placeholder {
  opacity: 0.5;
  line-height: 2.125em;
}

.mbsc-ios {
  /* Button styling for centered popup and desktop styled top/bottom popup */
  /* Desktop styling */
}

.mbsc-ios.mbsc-popup-wrapper-bottom-full {
  padding-top: 1em;
}

.mbsc-ios.mbsc-popup-wrapper-top-full {
  padding-bottom: 1em;
}

.mbsc-ios.mbsc-popup-top {
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-popup-bottom {
  border-top: 1px solid;
}

.mbsc-ios.mbsc-popup-body-center {
  border-radius: 0.9375em;
}

.mbsc-ios.mbsc-popup-body-bottom-full {
  border-radius: 0.75em 0.75em 0 0;
}

.mbsc-ios.mbsc-popup-body-top-full {
  border-radius: 0 0 0.75em 0.75em;
}

.mbsc-ios.mbsc-popup-body-anchored {
  border-radius: 0.9375em;
}

.mbsc-ios.mbsc-popup-arrow {
  border-radius: 0 0.375em;
}

.mbsc-ios.mbsc-popup-header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  line-height: 1.25em;
  padding: 0.75em 4.375em;
  font-weight: bold;
  text-align: center;
}

.mbsc-ios.mbsc-popup-header-no-buttons {
  position: relative;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-popup-header-center {
  position: relative;
  padding: 0.75em 0.5em;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-popup-top-full .mbsc-popup-header, .mbsc-ios.mbsc-popup-bottom-full .mbsc-popup-header {
  padding: 1.125em 4.375em;
}

.mbsc-ios.mbsc-popup-buttons {
  order: -1;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-popup-buttons.mbsc-ltr {
  text-align: right;
}

.mbsc-ios.mbsc-popup-buttons.mbsc-rtl {
  text-align: left;
}

.mbsc-ios.mbsc-popup-button.mbsc-font {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  z-index: 2;
}

.mbsc-ios.mbsc-popup-button-primary {
  font-weight: bold;
}

.mbsc-ios.mbsc-popup-button-close.mbsc-ltr {
  float: left;
}

.mbsc-ios.mbsc-popup-button-close.mbsc-rtl {
  float: right;
}

.mbsc-ios.mbsc-popup-buttons-anchored, .mbsc-ios.mbsc-popup-buttons-top, .mbsc-ios.mbsc-popup-buttons-bottom {
  padding: 0 0.25em;
}

.mbsc-ios.mbsc-popup-buttons-top-full, .mbsc-ios.mbsc-popup-buttons-bottom-full {
  padding: 0.375em 0.25em;
}

.mbsc-ios.mbsc-popup-buttons-flex {
  order: 0;
  border: 0;
  padding: 0;
  display: flex;
}

.mbsc-ios.mbsc-popup-buttons-flex.mbsc-popup-buttons {
  background: none;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-font {
  flex: 1 1 100%;
  display: block;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button {
  opacity: 1;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-button-flat {
  background: none;
  border-top: 1px solid;
  border-radius: 0;
  margin: 0;
  line-height: 2.75em;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-ltr {
  border-right-style: solid;
  border-right-width: 1px;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-rtl {
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat:last-child {
  border-left: 0;
  border-right: 0;
}

.mbsc-ios.mbsc-popup-body-round {
  border-radius: 0.9375em;
}

.mbsc-ios.mbsc-popup-pointer .mbsc-popup-body-round {
  border-radius: 0.5em;
}

.mbsc-ios.mbsc-popup-round .mbsc-popup {
  border: 0;
}

.mbsc-ios.mbsc-popup-round .mbsc-popup-body-bottom-full {
  border-radius: 0.75em 0.75em 0 0;
}

.mbsc-ios.mbsc-popup-round .mbsc-popup-body-top-full {
  border-radius: 0 0 0.75em 0.75em;
}

.mbsc-ios.mbsc-popup-arrow {
  background: #f2f2f7;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-ios.mbsc-popup-top, .mbsc-ios.mbsc-popup-bottom {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-popup-body {
  background: #f2f2f7;
  color: #000000;
}

.mbsc-ios.mbsc-popup-body-round, .mbsc-ios.mbsc-popup-body-center, .mbsc-ios.mbsc-popup-body-anchored {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mbsc-ios.mbsc-popup-header-center {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-popup-buttons, .mbsc-ios.mbsc-popup-header-no-buttons {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-popup-buttons-bottom, .mbsc-ios.mbsc-popup-buttons-top {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
  background: #eaeaea;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-font.mbsc-active {
  background: #cccccc;
}

.mbsc-ios.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
  color: rgba(0, 122, 255, 0.2);
}

.mbsc-ios-dark.mbsc-popup-arrow {
  background: #1c1c1c;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-ios-dark.mbsc-popup-top, .mbsc-ios-dark.mbsc-popup-bottom {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-popup-body {
  background: #1c1c1c;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-popup-body-round, .mbsc-ios-dark.mbsc-popup-body-center, .mbsc-ios-dark.mbsc-popup-body-anchored {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mbsc-ios-dark.mbsc-popup-header-center {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-popup-buttons, .mbsc-ios-dark.mbsc-popup-header-no-buttons {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-popup-buttons-bottom, .mbsc-ios-dark.mbsc-popup-buttons-top {
  background: #292929;
}

.mbsc-ios-dark.mbsc-popup-buttons-anchored {
  background: #292929;
}

.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button-flat.mbsc-font {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-hover, .mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-focus {
  background: #242424;
}

.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-font.mbsc-active {
  background: #333333;
}

.mbsc-ios-dark.mbsc-popup-button-flex.mbsc-button.mbsc-disabled {
  color: rgba(255, 159, 10, 0.2);
}

.mbsc-material.mbsc-popup-body-center, .mbsc-material.mbsc-popup-body-anchored, .mbsc-material.mbsc-popup-body-round {
  border-radius: 0.25em;
}

.mbsc-material.mbsc-popup-header {
  font-size: 1.25em;
  font-weight: 500;
  padding: 0.8em 0.8em 0 0.8em;
  line-height: 1.4em;
}

.mbsc-material.mbsc-popup-buttons {
  padding: 0.5em;
}

.mbsc-material.mbsc-popup-buttons.mbsc-ltr {
  text-align: right;
}

.mbsc-material.mbsc-popup-buttons.mbsc-rtl {
  text-align: right;
}

.mbsc-material.mbsc-popup-button.mbsc-button-flat {
  margin-left: 0;
  margin-right: 0;
}

.mbsc-material.mbsc-popup-button.mbsc-font {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 0.9375em;
}

.mbsc-material.mbsc-popup-round .mbsc-popup-body-bottom-full {
  border-radius: 0.25em 0.25em 0 0;
}

.mbsc-material.mbsc-popup-round .mbsc-popup-body-top-full {
  border-radius: 0 0 0.25em 0.25em;
}

.mbsc-material.mbsc-popup-body {
  background: #fff;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  color: #303030;
}

.mbsc-material.mbsc-popup-arrow {
  background: #fff;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-material.mbsc-popup-button.mbsc-font {
  color: #1a73e8;
}

.mbsc-material-dark.mbsc-popup-body {
  background: #303030;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  color: #fff;
}

.mbsc-material-dark.mbsc-popup-arrow {
  background: #303030;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-material-dark.mbsc-popup-button.mbsc-font {
  color: #87b0f3;
}

.mbsc-windows.mbsc-popup {
  border: 1px solid;
}

.mbsc-windows.mbsc-popup-anchored-top {
  margin-top: -0.75em;
}

.mbsc-windows.mbsc-popup-anchored-bottom {
  margin-top: 0.75em;
}

.mbsc-windows.mbsc-popup-arrow {
  width: 1em;
  height: 1em;
  border: 1px solid;
}

.mbsc-windows.mbsc-popup-arrow-bottom, .mbsc-windows.mbsc-popup-arrow-top {
  margin-left: -0.5em;
}

.mbsc-windows.mbsc-popup-arrow-left, .mbsc-windows.mbsc-popup-arrow-right {
  margin-top: -0.5em;
}

.mbsc-windows.mbsc-popup-arrow-bottom {
  top: 1.5em;
}

.mbsc-windows.mbsc-popup-arrow-top {
  bottom: 1.5em;
}

.mbsc-windows.mbsc-popup-arrow-left {
  right: 1.5em;
}

.mbsc-windows.mbsc-popup-arrow-right {
  left: 1.5em;
}

.mbsc-windows.mbsc-popup-header {
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-popup-buttons {
  display: flex;
  flex-direction: row-reverse;
  border-top: 1px solid;
}

.mbsc-windows.mbsc-popup-button.mbsc-font {
  flex: 1 1;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.mbsc-windows.mbsc-popup-button.mbsc-button-flat {
  margin: 0;
}

.mbsc-windows.mbsc-popup {
  background: #ffffff;
  border-color: #e6e6e6;
  box-shadow: rgba(0, 0, 0, 0.133) 0 6px 14px 0, rgba(0, 0, 0, 0.11) 0 1px 4px 0;
  color: #333333;
}

.mbsc-windows.mbsc-popup-arrow {
  background: #ffffff;
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-popup-header, .mbsc-windows.mbsc-popup-buttons {
  border-color: #e6e6e6;
}

.mbsc-windows-dark.mbsc-popup {
  background: #1a1a1a;
  border-color: #343434;
  box-shadow: rgba(0, 0, 0, 0.133) 0 6px 14px 0, rgba(0, 0, 0, 0.11) 0 1px 4px 0;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-popup-arrow {
  background: #1a1a1a;
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-popup-header, .mbsc-windows-dark.mbsc-popup-buttons {
  border-color: #343434;
}

@keyframes mbsc-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mbsc-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mbsc-pop-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mbsc-pop-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@keyframes mbsc-slide-up-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mbsc-slide-up-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@keyframes mbsc-slide-down-in {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mbsc-slide-down-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}

.mbsc-popup-open-ios {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.mbsc-popup-ctx {
  position: relative;
  --mbsc-safe-top: 0;
  --mbsc-safe-right: 0;
  --mbsc-safe-bottom: 0;
  --mbsc-safe-left: 0;
}

.mbsc-popup-limits {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.mbsc-popup-limits-anchored,
.mbsc-popup-limits-center {
  margin: 1em;
}

.mbsc-popup-wrapper {
  z-index: 99998;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-popup,
.mbsc-popup-wrapper {
  box-sizing: border-box;
}

.mbsc-popup-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
  border: 0 solid transparent;
}

.mbsc-popup-wrapper-ctx {
  position: absolute;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mbsc-popup-wrapper-center {
  padding: 1em;
  align-items: center;
  border-width: 0 0 0 0;
  border-width: var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}

.mbsc-popup-wrapper-top {
  align-items: flex-start;
  border-bottom: 0 solid transparent;
  border-bottom: var(--mbsc-safe-bottom) solid transparent;
}

.mbsc-popup-wrapper-bottom {
  align-items: flex-end;
  border-top-width: 0;
  border-top-width: var(--mbsc-safe-top);
}

.mbsc-popup-wrapper-anchored {
  border-width: 0 0 0 0;
  border-width: 0 var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}

.mbsc-popup-hidden {
  opacity: 0;
}

.mbsc-popup-overlay {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -10em;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
  transform: translateZ(0);
}

.mbsc-popup-overlay-in {
  opacity: 1;
  animation: mbsc-fade-in 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-overlay-out {
  opacity: 0;
  animation: mbsc-fade-out 75ms cubic-bezier(0.4, 0, 1, 1);
}

.mbsc-popup {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-width: 12em;
  position: relative;
  z-index: 2;
  pointer-events: auto;
  text-shadow: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-popup-center {
  min-width: 16em;
}

.mbsc-popup-bottom {
  width: 100%;
  bottom: 0;
}

.mbsc-popup-top {
  width: 100%;
  top: 0;
}

.mbsc-popup-anchored {
  position: absolute;
}

.mbsc-popup-anchored-left {
  margin-left: -1em;
}

.mbsc-popup-anchored-right {
  margin-left: 1em;
}

.mbsc-popup-arrow-wrapper {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.mbsc-popup-arrow-wrapper-top,
.mbsc-popup-arrow-wrapper-bottom {
  left: 0;
  right: 0;
  height: 2em;
}

.mbsc-popup-arrow-wrapper-left,
.mbsc-popup-arrow-wrapper-right {
  top: 0;
  bottom: 0;
  width: 2em;
}

.mbsc-popup-arrow-wrapper-top {
  top: 100%;
}

.mbsc-popup-arrow-wrapper-bottom {
  bottom: 100%;
}

.mbsc-popup-arrow-wrapper-left {
  left: 100%;
}

.mbsc-popup-arrow-wrapper-right {
  right: 100%;
}

.mbsc-popup-arrow {
  position: absolute;
  box-sizing: border-box;
  width: 1.5em;
  height: 1.5em;
  pointer-events: auto;
}

.mbsc-popup-arrow-top {
  bottom: 1.25em;
}

.mbsc-popup-arrow-bottom {
  top: 1.25em;
}

.mbsc-popup-arrow-top,
.mbsc-popup-arrow-bottom {
  left: 50%;
  margin-left: -0.75em;
  transform: rotate(-45deg);
}

.mbsc-popup-arrow-left {
  right: 1.25em;
}

.mbsc-popup-arrow-right {
  left: 1.25em;
}

.mbsc-popup-arrow-left,
.mbsc-popup-arrow-right {
  top: 50%;
  margin-top: -0.75em;
  transform: rotate(45deg);
}

.mbsc-popup-focus {
  outline: 0;
}

.mbsc-popup-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateZ(0);
  flex: 1 1 auto;
}

.mbsc-popup-body-top {
  padding-top: 0;
  padding-top: var(--mbsc-safe-top);
}

.mbsc-popup-body-bottom {
  padding-bottom: 0;
  padding-bottom: var(--mbsc-safe-bottom);
}

.mbsc-popup-body-top,
.mbsc-popup-body-bottom {
  padding-left: 0;
  padding-left: var(--mbsc-safe-left);
  padding-right: 0;
  padding-right: var(--mbsc-safe-right);
}

.mbsc-popup-body-round {
  padding: 0;
}

.mbsc-popup-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
}

.mbsc-popup-content {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mbsc-popup-padding {
  padding: 1em;
}

.mbsc-popup-buttons {
  flex: none;
}

/* Animations */

.mbsc-popup-pop-in {
  opacity: 1;
  animation: mbsc-pop-in 150ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-pop-out {
  opacity: 0;
  animation: mbsc-pop-out 75ms cubic-bezier(0.4, 0, 1, 1);
}

.mbsc-popup-slide-up-in {
  animation: mbsc-slide-up-in 250ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-slide-up-out {
  animation: mbsc-slide-up-out 200ms cubic-bezier(0.4, 0, 1, 1);
}

.mbsc-popup-slide-down-in {
  animation: mbsc-slide-down-in 250ms cubic-bezier(0, 0, 0.2, 1);
}

.mbsc-popup-slide-down-out {
  animation: mbsc-slide-down-out 200ms cubic-bezier(0.4, 0, 1, 1);
}

/* Desktop styling */

.mbsc-popup-pointer.mbsc-picker .mbsc-popup-overlay,
.mbsc-popup-pointer .mbsc-popup-overlay-anchored {
  background: none;
}

.mbsc-popup-round .mbsc-popup-slide-up-in {
  animation-name: mbsc-slide-up-in, mbsc-fade-in;
}

.mbsc-popup-round .mbsc-popup-slide-up-out {
  animation-name: mbsc-slide-up-out, mbsc-fade-out;
}

.mbsc-popup-round .mbsc-popup-slide-down-in {
  animation-name: mbsc-slide-down-in, mbsc-fade-in;
}

.mbsc-popup-round .mbsc-popup-slide-down-out {
  animation-name: mbsc-slide-down-out, mbsc-fade-out;
}

.mbsc-popup-round .mbsc-popup-top,
.mbsc-popup-round .mbsc-popup-bottom {
  width: auto;
  margin-top: 3em;
  margin-bottom: 3em;
}

.mbsc-ios {
  /* Range Highlight */
  /* Marks */
  /* Colors */
  /* Labels */
  /* Desktop styling */
  /* Multi month grid view */
}

.mbsc-ios.mbsc-calendar-controls {
  /* IE11 needs px size here to avoid subpixel values */
  padding: 2px;
  /* padding: .125em; */
}

.mbsc-ios.mbsc-calendar-cell {
  border-top-style: solid;
  border-top-width: 1px;
}

.mbsc-ios.mbsc-calendar-cell-text {
  height: 2em;
  padding: 0 0.5em;
  line-height: 2em;
  border-radius: 2em;
}

.mbsc-ios.mbsc-calendar-week-day {
  height: 1.7em;
  line-height: 1.7em;
  font-size: 0.625em;
}

.mbsc-ios.mbsc-calendar-week-nr {
  width: 2.363636em;
  height: auto;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 3em;
}

.mbsc-ios.mbsc-calendar-day-text {
  width: 1.625em;
  height: 1.625em;
  margin: 0.1875em;
  padding: 0;
  line-height: 1.625em;
  border: 2px solid transparent;
  border-radius: 2em;
}

.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-inner {
  z-index: 1;
}

.mbsc-ios.mbsc-range-day::after, .mbsc-ios.mbsc-range-hover::before {
  content: "";
  height: 1.875em;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 0.25em;
  z-index: 0;
  box-sizing: border-box;
}

.mbsc-ios.mbsc-range-hover::before {
  border-top: 2px dashed;
  border-bottom: 2px dashed;
}

.mbsc-ios.mbsc-range-day-start.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-end.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-start.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-end.mbsc-rtl::before {
  left: 50%;
  margin-left: -0.9375em;
  border-radius: 2em 0 0 2em;
}

.mbsc-ios.mbsc-range-day-end.mbsc-ltr::after, .mbsc-ios.mbsc-range-day-start.mbsc-rtl::after, .mbsc-ios.mbsc-range-hover-end.mbsc-ltr::before, .mbsc-ios.mbsc-range-hover-start.mbsc-rtl::before {
  right: 50%;
  margin-right: -0.9375em;
  border-radius: 0 2em 2em 0;
}

.mbsc-ios.mbsc-range-day-start.mbsc-range-day-end::after, .mbsc-ios.mbsc-range-hover-start.mbsc-range-hover-end::before {
  display: none;
}

.mbsc-ios.mbsc-calendar-day-marked {
  padding-bottom: 0.4375em;
}

.mbsc-ios.mbsc-calendar-marks {
  margin-top: -0.0625em;
}

.mbsc-ios.mbsc-calendar-mark {
  width: 0.375em;
  height: 0.375em;
  border-radius: 0.375em;
  margin: 0 0.0625em;
}

.mbsc-ios.mbsc-calendar-day-colors .mbsc-calendar-day-text {
  background-clip: padding-box;
}

.mbsc-ios.mbsc-calendar-day-colors.mbsc-hover .mbsc-calendar-cell-text {
  background-clip: border-box;
}

.mbsc-ios.mbsc-calendar-text:before {
  border-radius: 0.4em;
}

.mbsc-ios.mbsc-calendar-label {
  font-weight: 600;
}

.mbsc-ios.mbsc-calendar-label-background {
  margin: 0 -0.1em;
  background: currentColor;
  opacity: 0.3;
  transition: opacity 0.15s ease-in-out;
}

.mbsc-ios.mbsc-calendar-label-start.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-end.mbsc-rtl .mbsc-calendar-label-background {
  margin-left: 0;
  border-top-left-radius: 0.4em;
  border-bottom-left-radius: 0.4em;
}

.mbsc-ios.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background {
  margin-right: 0;
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}

.mbsc-ios.mbsc-calendar-label-hover .mbsc-calendar-label-background {
  opacity: 0.6;
}

.mbsc-ios.mbsc-calendar-label.mbsc-calendar-label-hover:before {
  background: none;
}

.mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-background, .mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-background {
  opacity: 0.9;
}

.mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-day:after {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  content: "";
}

.mbsc-ios.mbsc-calendar-height-md .mbsc-calendar-week-nr {
  font-size: 0.75em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-title {
  font-size: 1.5em;
  line-height: 1.666667em;
  padding: 0 0.166667em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-year {
  font-weight: 200;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-day {
  height: 2.5em;
  padding: 0 0.5em;
  line-height: 2.5em;
  font-size: 1em;
  border-left: 1px solid transparent;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  font-size: 0.75em;
  padding: 0;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 2.5em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 4.75em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-marks {
  padding: 0 0.75em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-text {
  width: 1.375em;
  height: 1.375em;
  line-height: 1.375em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  margin: 0 0.5em 0.2em 0.6em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label {
  padding: 0 0.4em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-label-background {
  margin: 0 -0.4em;
}

.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: right;
}

.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-ios.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: left;
}

.mbsc-ios.mbsc-calendar-grid-view .mbsc-calendar-title {
  font-size: 1.5em;
  line-height: 1.666667em;
  padding: 0 0.166667em;
}

.mbsc-ios.mbsc-calendar-grid {
  border-top: 1px solid;
}

.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-grid-item .mbsc-calendar-week-days {
  background: none;
}

.mbsc-ios.mbsc-calendar-grid .mbsc-calendar-cell {
  border: 0;
}

.mbsc-ios {
  /* range highlight and selection */
  /* Picker */
  /* Multi month grid view */
}

.mbsc-ios.mbsc-calendar {
  background: white;
  color: #000000;
}

.mbsc-ios.mbsc-calendar-wrapper {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-calendar-header {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-calendar-button.mbsc-button {
  color: #007aff;
}

.mbsc-ios.mbsc-calendar-cell {
  background: white;
  border-color: #cccccc;
  color: #000000;
}

.mbsc-ios.mbsc-calendar-day:after {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-calendar-week-nr, .mbsc-ios.mbsc-calendar-today {
  color: #007aff;
}

.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
  background-color: rgba(0, 122, 255, 0.3);
}

.mbsc-ios.mbsc-range-day::after {
  background-color: #cbe2fb;
}

.mbsc-ios.mbsc-range-day .mbsc-calendar-cell-text {
  color: #000;
}

.mbsc-ios.mbsc-range-hover::before {
  border-color: #dedede;
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
  border-color: #007aff;
  background: #007aff;
  color: #fff;
}

.mbsc-ios.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}

.mbsc-ios.mbsc-focus .mbsc-calendar-day-text {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.5);
}

.mbsc-ios.mbsc-calendar-mark {
  background: #cccccc;
}

.mbsc-ios.mbsc-calendar-label {
  color: #5AC8FA;
}

.mbsc-ios.mbsc-calendar-label-text {
  color: #000;
}

.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
  color: #fff;
}

.mbsc-ios.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
  color: inherit;
}

.mbsc-ios.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #000000;
}

.mbsc-ios.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios.mbsc-calendar-popup .mbsc-popup-body {
  background: white;
}

.mbsc-ios.mbsc-calendar-popup .mbsc-calendar-cell {
  background: white;
}

.mbsc-ios.mbsc-calendar-grid {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-calendar-month-title {
  color: #007aff;
}

.mbsc-ios-dark {
  /* range highlight and selection */
  /* Picker */
  /* Multi month grid view */
}

.mbsc-ios-dark.mbsc-calendar {
  background: #000000;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-calendar-wrapper {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-calendar-header {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-calendar-button.mbsc-button {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-calendar-cell {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-calendar-day:after {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-calendar-week-nr, .mbsc-ios-dark.mbsc-calendar-today {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-hover .mbsc-calendar-cell-text {
  background-color: rgba(255, 159, 10, 0.3);
}

.mbsc-ios-dark.mbsc-range-day::after {
  background-color: #3d2705;
}

.mbsc-ios-dark.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}

.mbsc-ios-dark.mbsc-range-hover::before {
  border-color: #2b2b2b;
}

.mbsc-ios-dark.mbsc-selected .mbsc-calendar-cell-text {
  border-color: #ff9f0a;
  background: #ff9f0a;
  color: #fff;
}

.mbsc-ios-dark.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.mbsc-ios-dark.mbsc-focus .mbsc-calendar-day-text {
  box-shadow: none;
  border-color: rgba(255, 255, 255, 0.5);
}

.mbsc-ios-dark.mbsc-calendar-mark {
  background: #333333;
}

.mbsc-ios-dark.mbsc-calendar-label {
  color: #5AC8FA;
}

.mbsc-ios-dark.mbsc-calendar-label-text {
  color: #fff;
}

.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-inner, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-inner {
  color: #fff;
}

.mbsc-ios-dark.mbsc-calendar-label-active .mbsc-calendar-label-text, .mbsc-ios-dark.mbsc-calendar-label-dragging .mbsc-calendar-label-text {
  color: inherit;
}

.mbsc-ios-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-calendar-popup .mbsc-popup-body {
  background: #292929;
}

.mbsc-ios-dark.mbsc-calendar-popup .mbsc-calendar-cell {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-calendar-grid {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-calendar-month-title {
  color: #ff9f0a;
}

.mbsc-material {
  /* Range Highlight */
  /* Marks */
  /* Labels */
  /* Desktop style */
}

.mbsc-material.mbsc-calendar-wrapper-fixed:after {
  content: "";
  position: absolute;
  z-index: 7;
  bottom: -0.5em;
  left: 0;
  right: 0;
  height: 0.5em;
  pointer-events: none;
}

.mbsc-material.mbsc-calendar-controls {
  padding: 0.5em;
}

.mbsc-material.mbsc-calendar-week-day {
  height: 2.5em;
  line-height: 2.5em;
  font-size: 0.75em;
  font-weight: bold;
}

.mbsc-material.mbsc-calendar-week-nr {
  width: 2.363637em;
  height: auto;
  font-size: 0.6875em;
  line-height: 3em;
  font-weight: bold;
}

.mbsc-material.mbsc-calendar-button.mbsc-button {
  padding: 0.428572em;
}

.mbsc-material.mbsc-calendar-title {
  font-size: 1.428572em;
  font-weight: 400;
  text-transform: none;
  line-height: 1.4em;
}

.mbsc-material.mbsc-calendar-cell-text {
  height: 2em;
  padding: 0 0.5em;
  line-height: 2em;
  border-radius: 2em;
}

.mbsc-material.mbsc-calendar-month-name {
  font-size: 0.8125em;
}

.mbsc-material.mbsc-calendar-month-name.mbsc-ltr {
  padding-left: 0.461539em;
}

.mbsc-material.mbsc-calendar-month-name.mbsc-rtl {
  padding-right: 0.461539em;
}

.mbsc-material.mbsc-calendar-day-text {
  height: 1.846154em;
  width: 1.846154em;
  line-height: 1.846154em;
  margin: 0.230769em auto;
  padding: 0;
  font-size: 0.8125em;
  border: 2px solid transparent;
}

.mbsc-material.mbsc-range-day::after, .mbsc-material.mbsc-range-hover::before {
  content: "";
  height: 1.75em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.25em;
  z-index: -1;
}

.mbsc-material.mbsc-range-hover::before {
  box-sizing: content-box;
  height: 1.5em;
  border-top: 2px dashed;
  border-bottom: 2px dashed;
}

.mbsc-material.mbsc-range-day-start.mbsc-ltr::after, .mbsc-material.mbsc-range-day-end.mbsc-rtl::after {
  margin-left: -0.875em;
  border-radius: 2em 0 0 2em;
  left: 50%;
  right: 0;
}

.mbsc-material.mbsc-range-day-end.mbsc-ltr::after, .mbsc-material.mbsc-range-day-start.mbsc-rtl::after {
  margin-right: -0.875em;
  border-radius: 0 2em 2em 0;
  right: 50%;
  left: 0;
}

.mbsc-material.mbsc-range-hover-start.mbsc-ltr::before, .mbsc-material.mbsc-range-hover-end.mbsc-rtl::before {
  left: 50%;
  right: 0;
}

.mbsc-material.mbsc-range-hover-end.mbsc-ltr::before, .mbsc-material.mbsc-range-hover-start.mbsc-rtl::before {
  right: 50%;
  left: 0;
}

.mbsc-material.mbsc-range-day-start.mbsc-range-day-end::after, .mbsc-material.mbsc-range-hover-start.mbsc-range-hover-end::before {
  display: none;
}

.mbsc-material.mbsc-calendar-marks {
  margin-top: -0.375em;
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-focus .mbsc-calendar-marks, .mbsc-material.mbsc-hover .mbsc-calendar-marks, .mbsc-material.mbsc-selected .mbsc-calendar-marks, .mbsc-material.mbsc-calendar-day-colors .mbsc-calendar-marks, .mbsc-material.mbsc-highlighted .mbsc-calendar-marks, .mbsc-material.mbsc-hover-highlighted .mbsc-calendar-marks {
  transform: translate3d(0, 0.25em, 0);
}

.mbsc-material.mbsc-calendar-label {
  font-weight: 600;
  border-radius: 0.4em;
}

.mbsc-material.mbsc-calendar-label-background {
  margin: 0 -0.1em;
  background: currentColor;
}

.mbsc-material.mbsc-calendar-text:before {
  border-radius: 0.4em;
}

.mbsc-material.mbsc-calendar-label:before {
  margin: 0 -0.1em;
  border-radius: 0;
}

.mbsc-material.mbsc-calendar-label-start.mbsc-ltr .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-end.mbsc-rtl .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-start.mbsc-ltr.mbsc-calendar-text:before, .mbsc-material.mbsc-calendar-label-end.mbsc-rtl.mbsc-calendar-text:before {
  margin-left: 0;
  border-top-left-radius: 0.4em;
  border-bottom-left-radius: 0.4em;
}

.mbsc-material.mbsc-calendar-label-end.mbsc-ltr .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-start.mbsc-rtl .mbsc-calendar-label-background, .mbsc-material.mbsc-calendar-label-end.mbsc-ltr.mbsc-calendar-text:before, .mbsc-material.mbsc-calendar-label-start.mbsc-rtl.mbsc-calendar-text:before {
  margin-right: 0;
  border-top-right-radius: 0.4em;
  border-bottom-right-radius: 0.4em;
}

.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-slide {
  padding: 0;
}

.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day {
  border-bottom: 1px solid;
}

.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day:after {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  z-index: 1;
  margin-right: -1px;
  border-left-width: 1px;
  border-left-style: solid;
  content: "";
}

.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-week-nr {
  font-size: 0.6875em;
  line-height: 3.636363em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-week-day {
  padding: 0 1em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  padding: 0;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 4em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 5.5em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-day-text {
  margin: 0.461539em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-marks {
  padding: 0 1.125em;
  margin-left: -1px;
  margin-right: -1px;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  margin: 0 0.5em 0.2em 0.6em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label {
  padding: 0 0.4em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}

.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label:before,
.mbsc-material.mbsc-calendar-width-md .mbsc-calendar-label-background {
  margin: 0 -0.4em;
}

.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: left;
}

.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-material.mbsc-calendar-height-md.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: right;
}

.mbsc-material {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Desktop style */
  /* Multi month grid view */
}

.mbsc-material.mbsc-calendar-wrapper:after {
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(48, 48, 48, 0.5);
}

.mbsc-material.mbsc-calendar-button.mbsc-button {
  color: #303030;
}

.mbsc-material.mbsc-calendar-slide {
  background: #fff;
}

.mbsc-material.mbsc-calendar-picker-slide {
  background: #fff;
}

.mbsc-material.mbsc-calendar-week-day {
  color: rgba(48, 48, 48, 0.7);
}

.mbsc-material.mbsc-calendar-cell-text {
  color: #303030;
}

.mbsc-material.mbsc-calendar-week-nr, .mbsc-material.mbsc-calendar-today {
  color: #1a73e8;
}

.mbsc-material.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(48, 48, 48, 0.7);
}

.mbsc-material.mbsc-hover .mbsc-calendar-cell-text {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material.mbsc-range-hover::before {
  border-color: #e6e6e6;
}

.mbsc-material.mbsc-range-day::after {
  background-color: rgba(26, 115, 232, 0.25);
}

.mbsc-material.mbsc-selected .mbsc-calendar-cell-text {
  background: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-calendar-mark {
  background: #1a73e8;
}

.mbsc-material.mbsc-calendar-label {
  color: #1a73e8;
}

.mbsc-material.mbsc-calendar-label-inner {
  color: #fff;
}

.mbsc-material.mbsc-calendar-label.mbsc-calendar-label-active, .mbsc-material.mbsc-calendar-label.mbsc-calendar-label-dragging {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.mbsc-material .mbsc-calendar-label.mbsc-calendar-label-active .mbsc-calendar-label-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material.mbsc-calendar-text-more {
  box-shadow: none;
}

.mbsc-material.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #303030;
}

.mbsc-material.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-material.mbsc-calendar-popup .mbsc-popup-body {
  background: #fff;
}

.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-week-day,
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day,
.mbsc-material.mbsc-calendar-height-md .mbsc-calendar-day:after {
  border-color: #cfcfcf;
}

.mbsc-material.mbsc-calendar-month-title {
  color: #1a73e8;
}

.mbsc-material-dark {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Desktop style */
  /* Multi month grid view */
}

.mbsc-material-dark.mbsc-calendar-wrapper:after {
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(255, 255, 255, 0.5);
}

.mbsc-material-dark.mbsc-calendar-button.mbsc-button {
  color: #fff;
}

.mbsc-material-dark.mbsc-calendar-slide {
  background: #000;
}

.mbsc-material-dark.mbsc-calendar-picker-slide {
  background: #303030;
}

.mbsc-material-dark.mbsc-calendar-week-day {
  color: rgba(255, 255, 255, 0.7);
}

.mbsc-material-dark.mbsc-calendar-cell-text {
  color: #fff;
}

.mbsc-material-dark.mbsc-calendar-week-nr, .mbsc-material-dark.mbsc-calendar-today {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-focus .mbsc-calendar-cell-text {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.mbsc-material-dark.mbsc-hover .mbsc-calendar-cell-text {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark.mbsc-range-hover::before {
  border-color: #1a1a1a;
}

.mbsc-material-dark.mbsc-range-day::after {
  background-color: rgba(135, 176, 243, 0.25);
}

.mbsc-material-dark.mbsc-selected .mbsc-calendar-cell-text {
  background: #87b0f3;
  border-color: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-calendar-mark {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-calendar-label {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-calendar-label-inner {
  color: #000;
}

.mbsc-material-dark.mbsc-calendar-label.mbsc-calendar-label-active, .mbsc-material-dark.mbsc-calendar-label.mbsc-calendar-label-dragging {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.mbsc-material-dark .mbsc-calendar-label.mbsc-calendar-label-active .mbsc-calendar-label-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material-dark.mbsc-calendar-text-more {
  box-shadow: none;
}

.mbsc-material-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #fff;
}

.mbsc-material-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-material-dark.mbsc-calendar-popup .mbsc-popup-body {
  background: #303030;
}

.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-week-day,
.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-day,
.mbsc-material-dark.mbsc-calendar-height-md .mbsc-calendar-day:after {
  border-color: #2b2b2b;
}

.mbsc-material-dark.mbsc-calendar-month-title {
  color: #87b0f3;
}

.mbsc-windows {
  /* Marks */
}

.mbsc-windows.mbsc-calendar-header {
  margin-bottom: -1px;
}

.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-font {
  margin: 1px;
}

.mbsc-windows.mbsc-calendar-title-wrapper .mbsc-calendar-button {
  padding: 0;
}

.mbsc-windows.mbsc-calendar-controls {
  padding: 0.5em;
  min-height: 2.125em;
}

.mbsc-windows.mbsc-calendar-week-day {
  height: 2.5em;
  font-size: 0.75em;
  line-height: 2.5em;
}

.mbsc-windows.mbsc-calendar-body .mbsc-calendar-week-day {
  border: 0;
}

.mbsc-windows.mbsc-calendar-week-nr {
  width: 2.166667em;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 3em;
}

.mbsc-windows.mbsc-calendar-picker-slide {
  padding: 0.25em;
}

.mbsc-windows.mbsc-calendar-cell {
  border-width: 0;
  border-style: solid;
  border-top-width: 1px;
  border-color: transparent;
  background-clip: padding-box;
  padding: 0;
}

.mbsc-windows.mbsc-calendar-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.mbsc-windows.mbsc-calendar-cell-inner {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.mbsc-windows.mbsc-calendar-cell-text {
  display: table-cell;
  vertical-align: middle;
  min-width: 0;
}

.mbsc-windows.mbsc-calendar-month-name {
  font-size: 0.875em;
  vertical-align: middle;
}

.mbsc-windows.mbsc-calendar-month-name.mbsc-ltr {
  margin-left: 0.5em;
}

.mbsc-windows.mbsc-calendar-month-name.mbsc-rtl {
  margin-right: 0.5em;
}

.mbsc-windows.mbsc-calendar-day-inner {
  display: block;
}

.mbsc-windows.mbsc-calendar-day-empty:after {
  display: none;
}

.mbsc-windows.mbsc-calendar-day-text {
  display: inline-block;
  font-size: 0.875em;
  line-height: 2.285715em;
  border-radius: 2em;
  margin: 0 0.5em;
}

.mbsc-windows.mbsc-calendar-marks {
  bottom: 0.25em;
}

.mbsc-windows.mbsc-calendar-label-background {
  background: currentColor;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 0.307693em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day {
  height: 2.142858em;
  padding: 0 0.5em;
  font-size: 0.875em;
  line-height: 2.142858em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-nr {
  padding: 0;
  font-size: 0.75em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-inner {
  min-height: 4em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-text {
  text-align: center;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
  min-height: 4.75em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks {
  bottom: 0.5em;
  padding: 0 0.625em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-text {
  height: 1.8em;
  line-height: 1.8em;
  padding: 0 0.6em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-label-text {
  font-size: 1.2em;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-ltr,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-ltr,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-ltr {
  text-align: left;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-week-day.mbsc-rtl,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-rtl,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-marks.mbsc-rtl {
  text-align: right;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day.mbsc-calendar-day-labels {
  text-align: center;
}

.mbsc-windows.mbsc-calendar-grid-view .mbsc-calendar-title {
  font-size: 1.625em;
  font-weight: 300;
  line-height: 1.461538em;
  padding: 0 0.307693em;
}

.mbsc-windows {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Multi month grid view */
}

.mbsc-windows.mbsc-calendar {
  color: #333333;
}

.mbsc-windows.mbsc-calendar-button.mbsc-button {
  color: #333333;
}

.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #f2f2f2;
  border-color: #f2f2f2;
}

.mbsc-windows.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333;
}

.mbsc-windows.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #e6e6e6;
}

.mbsc-windows.mbsc-calendar-slide {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-calendar-week-day {
  color: #666666;
}

.mbsc-windows.mbsc-calendar-week-nr, .mbsc-windows.mbsc-calendar-today {
  color: #0078d7;
}

.mbsc-windows.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}

.mbsc-windows.mbsc-range-day-start.mbsc-ltr, .mbsc-windows.mbsc-range-day-end.mbsc-rtl {
  border-left-color: transparent;
}

.mbsc-windows.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(51, 51, 51, 0.1);
  border-bottom-color: rgba(51, 51, 51, 0.1);
  border-style: dashed;
}

.mbsc-windows.mbsc-selected .mbsc-calendar-cell-inner, .mbsc-windows.mbsc-range-day .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}

.mbsc-windows.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}

.mbsc-windows.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}

.mbsc-windows.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #333333;
}

.mbsc-windows.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(51, 51, 51, 0.1);
}

.mbsc-windows.mbsc-calendar-mark {
  background: rgba(51, 51, 51, 0.5);
}

.mbsc-windows.mbsc-calendar-label {
  color: #0078d7;
}

.mbsc-windows.mbsc-calendar-label-inner {
  color: #fff;
}

.mbsc-windows.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #333333;
}

.mbsc-windows.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #333333;
}

.mbsc-windows.mbsc-calendar-height-md .mbsc-calendar-week-day {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day,
.mbsc-windows.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-windows.mbsc-calendar-popup .mbsc-popup {
  background: #ffffff;
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-calendar-month-title {
  color: #0078d7;
}

.mbsc-windows-dark {
  /* range highlight and selection */
  /* Marks */
  /* Picker */
  /* Multi month grid view */
}

.mbsc-windows-dark.mbsc-calendar {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-button.mbsc-button {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-active {
  background: #676767;
  border-color: #676767;
}

.mbsc-windows-dark.mbsc-calendar-button.mbsc-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-wrapper-fixed {
  border-bottom: 1px solid #343434;
}

.mbsc-windows-dark.mbsc-calendar-slide {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-week-day {
  color: #cccccc;
}

.mbsc-windows-dark.mbsc-calendar-week-nr, .mbsc-windows-dark.mbsc-calendar-today {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-range-day {
  border-left-color: rgba(0, 120, 215, 0.25);
}

.mbsc-windows-dark.mbsc-range-day-start.mbsc-ltr, .mbsc-windows-dark.mbsc-range-day-end.mbsc-rtl {
  border-left-color: transparent;
}

.mbsc-windows-dark.mbsc-range-hover .mbsc-calendar-cell-inner {
  border-top-color: rgba(255, 255, 255, 0.22);
  border-bottom-color: rgba(255, 255, 255, 0.22);
  border-style: dashed;
}

.mbsc-windows-dark.mbsc-selected .mbsc-calendar-cell-inner, .mbsc-windows-dark.mbsc-range-day .mbsc-calendar-cell-inner {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-inner {
  background-color: #0078d7;
}

.mbsc-windows-dark.mbsc-selected.mbsc-range-day .mbsc-calendar-cell-text {
  color: #fff;
}

.mbsc-windows-dark.mbsc-calendar-day-colors.mbsc-selected:after {
  border: 2px solid #0078d7;
}

.mbsc-windows-dark.mbsc-calendar-cell.mbsc-focus:after {
  border: 1px solid #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-cell.mbsc-hover:after {
  background: rgba(255, 255, 255, 0.22);
}

.mbsc-windows-dark.mbsc-calendar-mark {
  background: rgba(255, 255, 255, 0.5);
}

.mbsc-windows-dark.mbsc-calendar-label {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-calendar-label-inner {
  color: #fff;
}

.mbsc-windows-dark.mbsc-calendar-label.mbsc-calendar-label-active {
  outline: 1px solid #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-text-more .mbsc-calendar-label-text {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-calendar-height-md .mbsc-calendar-week-day {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day,
.mbsc-windows-dark.mbsc-calendar-width-md .mbsc-calendar-day:after {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup-arrow,
.mbsc-windows-dark.mbsc-calendar-popup .mbsc-popup {
  background: #1a1a1a;
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-calendar-month-title {
  color: #0078d7;
}

@keyframes mbsc-zoom-in-up {
  from {
    opacity: 0;
    transform: scale(2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mbsc-zoom-in-down {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mbsc-zoom-out-up {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes mbsc-zoom-out-down {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}

.mbsc-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  touch-action: manipulation;
  position: relative;
}

.mbsc-calendar-wrapper {
  position: relative;
  overflow: hidden;
}

/* Header */

.mbsc-calendar-header {
  position: relative;
  z-index: 1;
  will-change: opacity;
}

.mbsc-calendar-header .mbsc-calendar-week-days {
  margin-left: -1px;
}

.mbsc-calendar,
.mbsc-calendar-title-wrapper,
.mbsc-calendar-controls {
  display: flex;
}

.mbsc-calendar-controls {
  align-items: center;
  box-sizing: content-box;
  min-height: 2.5em;
}

.mbsc-calendar-button.mbsc-button.mbsc-reset {
  margin: 0;
}

.mbsc-calendar-button-prev-multi {
  order: -1;
}

.mbsc-calendar-button-next-multi {
  order: 1;
}

.mbsc-calendar-body {
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-calendar-body-inner {
  position: relative;
  overflow: hidden;
  margin-left: -1px;
}

.mbsc-calendar-wrapper-fixed {
  overflow: visible;
  flex: none;
}

.mbsc-calendar-title-wrapper {
  flex: 1;
  align-items: center;
  overflow: hidden;
}

.mbsc-calendar-title-wrapper-multi .mbsc-calendar-button {
  flex: 1;
}

.mbsc-calendar-title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.125em;
  padding: 0 0.25em;
  display: inline-block;
  vertical-align: middle;
}

/* Scrollview */

.mbsc-calendar-scroll-wrapper {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.mbsc-calendar-picker-wrapper {
  position: relative;
  width: 15em;
  height: 15em;
  overflow: hidden;
}

.mbsc-calendar-picker {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.mbsc-calendar-picker-main {
  position: relative;
  z-index: 0;
}

.mbsc-calendar-picker-in-up {
  opacity: 0;
  animation: mbsc-zoom-in-up 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-picker-in-down {
  opacity: 0;
  animation: mbsc-zoom-in-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-picker-out-up {
  opacity: 0;
  animation: mbsc-zoom-out-up 200ms cubic-bezier(0.4, 0, 1, 1) forwards;
}

.mbsc-calendar-picker-out-down {
  opacity: 0;
  animation: mbsc-zoom-out-down 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.mbsc-calendar-scroll-wrapper > div {
  height: 100%;
}

.mbsc-calendar-scroll-wrapper > div > div {
  height: 100%;
  transform: translate3d(0, 0, 0);
}

.mbsc-calendar-slide {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.mbsc-calendar-slide.mbsc-ltr {
  left: 0;
}

.mbsc-calendar-slide.mbsc-rtl {
  right: 0;
}

.mbsc-calendar-slide:first-child {
  position: relative;
}

.mbsc-calendar-table {
  height: 100%;
  transform: translateZ(0);
}

.mbsc-calendar-cell {
  position: relative;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-calendar-cell:focus {
  outline: 0;
}

.mbsc-calendar-cell-inner {
  display: inline-block;
  padding: 0 0.25em;
  vertical-align: middle;
}

.mbsc-calendar-cell.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-calendar-week-day {
  height: 2em;
  font-size: 0.6875em;
  line-height: 2em;
  text-align: center;
  border-bottom: 1px solid transparent;
}

.mbsc-calendar-year,
.mbsc-calendar-month {
  vertical-align: middle;
}

.mbsc-calendar-year-text,
.mbsc-calendar-month-text {
  margin: 0.875em 0;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 4.5em;
  box-sizing: border-box;
}

.mbsc-calendar-day {
  /* if only width is used, layout is broken with week numbers displayed */
  max-width: 14.285715%;
  text-align: center;
  vertical-align: top;
}

.mbsc-calendar-day-empty {
  cursor: default;
}

.mbsc-calendar-day-text {
  display: inline-block;
  text-align: center;
  box-sizing: content-box;
}

.mbsc-calendar-day-inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.mbsc-calendar-day-hidden {
  visibility: hidden;
}

.mbsc-calendar-month-name {
  display: none;
}

.mbsc-calendar-width-md .mbsc-calendar-month-name {
  display: inline-block;
  font-weight: bold;
}

.mbsc-calendar-day-outer .mbsc-calendar-day-text,
.mbsc-calendar-day-outer .mbsc-calendar-month-name {
  opacity: 0.5;
}

.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-day-text,
.mbsc-calendar-day-outer.mbsc-selected .mbsc-calendar-month-name {
  opacity: 1;
}

.mbsc-disabled .mbsc-calendar-cell-text,
.mbsc-disabled .mbsc-calendar-month-name {
  opacity: 0.2;
}

/* Day highlight */

.mbsc-calendar-day-highlight:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

/* Marks */

.mbsc-calendar-day-marked {
  padding-bottom: 0.25em;
}

.mbsc-calendar-marks {
  position: absolute;
  left: 0;
  right: 0;
  height: 0.375em;
  margin-top: -0.125em;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.mbsc-calendar-mark {
  display: inline-block;
  vertical-align: top;
  width: 0.25em;
  height: 0.25em;
  margin: 0.0625em;
  border-radius: 0.25em;
}

/* Labels */

.mbsc-calendar-labels {
  position: absolute;
  left: -1px;
  right: -1px;
}

.mbsc-calendar-label-wrapper {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.mbsc-calendar-label {
  padding: 0 0.3em;
}

.mbsc-calendar-text:focus {
  outline: 0;
}

.mbsc-calendar-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}

.mbsc-calendar-text:before,
.mbsc-calendar-label-background {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.2s;
}

.mbsc-calendar-label.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.mbsc-calendar-text-more {
  padding: 0 0.3em;
}

.mbsc-calendar-text-more.mbsc-calendar-label-active:before,
.mbsc-calendar-text-more.mbsc-calendar-label-hover:before {
  background-color: rgba(0, 0, 0, 0.1);
}

.mbsc-calendar-text {
  display: block;
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  font-size: 0.625em;
  white-space: nowrap;
  margin: 0 0.1em 0.2em 0.2em;
}

.mbsc-calendar-text-placeholder {
  z-index: -1;
}

.mbsc-calendar-text.mbsc-ltr {
  text-align: left;
}

.mbsc-calendar-text.mbsc-rtl {
  text-align: right;
}

/* Label drag & drop */

.mbsc-calendar-label-resize {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.5em;
  z-index: 2;
  cursor: ew-resize;
}

.mbsc-calendar-label-resize:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  width: 0.8em;
  height: 0.8em;
  margin-top: -0.4em;
  background: #fff;
  border-radius: 0.8em;
  border: 1px solid currentColor;
  box-sizing: border-box;
}

.mbsc-calendar-label-resize-start.mbsc-ltr,
.mbsc-calendar-label-resize-end.mbsc-rtl {
  left: 0;
}

.mbsc-calendar-label-resize-start.mbsc-rtl,
.mbsc-calendar-label-resize-end.mbsc-ltr {
  right: 0;
}

.mbsc-calendar-label-resize-start.mbsc-ltr:after,
.mbsc-calendar-label-resize-end.mbsc-rtl:after {
  left: -0.4em;
}

.mbsc-calendar-label-resize-end.mbsc-ltr:after,
.mbsc-calendar-label-resize-start.mbsc-rtl:after {
  right: -0.4em;
}

.mbsc-calendar-label-resize-start-touch:before,
.mbsc-calendar-label-resize-end-touch:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 2em;
  height: 2em;
}

.mbsc-calendar-label-resize-start-touch:before {
  left: -1em;
}

.mbsc-calendar-label-resize-end-touch:before {
  right: -1em;
}

.mbsc-calendar-label-hover .mbsc-calendar-label-resize:after,
.mbsc-calendar-label-dragging .mbsc-calendar-label-resize:after {
  display: block;
}

.mbsc-calendar-label-inactive {
  opacity: 0.4;
}

.mbsc-calendar-label-hidden {
  visibility: hidden;
}

.mbsc-calendar-labels-dragging {
  z-index: 3;
}

/* Multi month grid view */

.mbsc-calendar-grid {
  overflow: auto;
  padding: 0 2%;
}

.mbsc-calendar-grid .mbsc-calendar-table {
  margin: 0 5%;
  width: 90%;
}

.mbsc-calendar-grid-item {
  margin: 1em 0;
  padding-top: 2.5em;
}

.mbsc-calendar-month-title {
  padding-bottom: 0.8em;
  margin: 0 10%;
  margin-top: -2em;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2em;
}

/* Variable row */

.mbsc-calendar-body-inner-variable {
  overflow-y: auto;
}

.mbsc-calendar-body-inner-variable .mbsc-calendar-table {
  min-height: 20em;
}

.mbsc-ios {
  /* Range Controls */
}

.mbsc-ios.mbsc-picker .mbsc-popup-overlay-top,
.mbsc-ios.mbsc-picker .mbsc-popup-overlay-bottom {
  background: none;
}

.mbsc-ios.mbsc-datepicker-inline {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 2;
  position: relative;
}

.mbsc-ios.mbsc-datepicker .mbsc-calendar-grid, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell-inner {
  border-color: transparent;
}

.mbsc-ios.mbsc-datepicker .mbsc-selected .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-highlighted .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-start .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-range-hover-end .mbsc-calendar-day-text, .mbsc-ios.mbsc-datepicker .mbsc-hover .mbsc-calendar-day-text {
  width: 1.444445em;
  height: 1.444445em;
  margin: 0.16667em;
  font-size: 1.125em;
  line-height: 1.444445em;
}

.mbsc-ios.mbsc-picker-header {
  line-height: 1.25em;
  padding: 0.75em 4.375em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-range-control-wrapper {
  padding: 0 0.75em;
  overflow: hidden;
}

.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented {
  width: 17em;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  box-sizing: border-box;
}

.mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-ios.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 25em;
}

.mbsc-ios.mbsc-range-control-wrapper .mbsc-segmented-button {
  display: block;
  padding: 0 0.5em;
}

.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button {
  padding: 0 2.0625em 0 0.5em;
}

.mbsc-ios.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding: 0 0.5em 0 2.0625em;
}

.mbsc-ios.mbsc-range-control-label, .mbsc-ios.mbsc-range-control-value {
  text-align: left;
  line-height: 1.538462em;
}

.mbsc-ios.mbsc-range-control-label.active, .mbsc-ios.mbsc-range-control-value.active {
  font-weight: 600;
}

.mbsc-ios.mbsc-range-control-label.mbsc-rtl, .mbsc-ios.mbsc-range-control-value.mbsc-rtl {
  text-align: right;
}

.mbsc-ios.mbsc-range-control-label {
  padding: 0.615385em 0.615385em 0 0.615385em;
}

.mbsc-ios.mbsc-range-control-value {
  padding: 0 0.615385em 0.615385em 0.615385em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-ios.mbsc-range-control-value.active {
  padding: 0 0.571429em 0.571429em 0.571429em;
  font-size: 1.076923em;
  line-height: 1.428572em;
}

.mbsc-ios.mbsc-range-label-clear {
  margin-top: -0.692308em;
  width: 1.307693em;
  height: 1.307693em;
}

.mbsc-ios.mbsc-range-label-clear.mbsc-ltr {
  right: 1em;
}

.mbsc-ios.mbsc-range-label-clear.mbsc-rtl {
  left: 1em;
}

.mbsc-ios {
  /* Range Control */
}

.mbsc-ios.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios.mbsc-picker .mbsc-popup-body {
  background: white;
}

.mbsc-ios.mbsc-picker-header {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-datepicker .mbsc-calendar,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios.mbsc-datepicker .mbsc-calendar-cell {
  background: white;
}

.mbsc-ios.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
  background: #d1d5db;
}

.mbsc-ios.mbsc-datepicker-inline {
  background: white;
  border-color: #cccccc;
  color: #000000;
}

.mbsc-ios.mbsc-range-control-value.active {
  color: #007aff;
}

.mbsc-ios.mbsc-range-control-text-empty, .mbsc-ios.mbsc-range-control-text-empty.active {
  color: rgba(0, 0, 0, 0.4);
}

.mbsc-ios.mbsc-range-label-clear {
  color: #cccccc;
}

.mbsc-ios.mbsc-range-label-clear:hover {
  color: #b2b2b2;
}

.mbsc-ios-dark {
  /* Range Control */
}

.mbsc-ios-dark.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-picker .mbsc-popup-body {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-picker-header {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-cell {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-datepicker-top.mbsc-datepicker-control-date, .mbsc-ios-dark.mbsc-datepicker-bottom.mbsc-datepicker-control-date {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-datepicker-inline {
  background: #1c1c1c;
  border-color: #333333;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-range-control-value.active {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-range-control-text-empty, .mbsc-ios-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}

.mbsc-ios-dark.mbsc-range-label-clear {
  color: #333333;
}

.mbsc-ios-dark.mbsc-range-label-clear:hover {
  color: #4d4d4d;
}

.mbsc-material {
  /* Range Control */
}

.mbsc-material.mbsc-picker-header {
  font-size: 1.25em;
  font-weight: 500;
  padding: 0.8em 0.8em 0 0.8em;
  line-height: 1.4em;
  text-align: center;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented {
  padding: 0;
  max-width: 100%;
  width: 18.5em;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 0.8571422em 1.142857em;
  display: block;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-ltr {
  text-align: left;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-rtl {
  text-align: right;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-ltr {
  padding-right: 2.642857em;
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding-left: 2.642857em;
}

.mbsc-material.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-material.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 25em;
}

.mbsc-material.mbsc-range-control-label {
  text-transform: uppercase;
}

.mbsc-material.mbsc-range-control-value {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-material.mbsc-range-label-clear {
  margin-top: -0.625em;
  right: 0.75em;
  width: 1.3125em;
  height: 1.3125em;
}

.mbsc-material.mbsc-range-label-clear.mbsc-ltr {
  right: 0.75em;
}

.mbsc-material.mbsc-range-label-clear.mbsc-rtl {
  left: 0.75em;
}

.mbsc-material.mbsc-datepicker .mbsc-calendar-title {
  font-size: 1.142858em;
  line-height: 1.75em;
}

.mbsc-material.mbsc-calendar-grid .mbsc-calendar-title {
  font-size: 1.428572em;
  line-height: 1.4em;
}

.mbsc-material {
  /* Range Controls */
}

.mbsc-material.mbsc-datepicker .mbsc-calendar-slide {
  background: #fff;
}

.mbsc-material.mbsc-datepicker-inline {
  background: #fff;
  color: #303030;
}

.mbsc-material.mbsc-datepicker-inline .mbsc-calendar-slide {
  background: #fff;
}

.mbsc-material.mbsc-range-control-wrapper {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.mbsc-material.mbsc-range-control-wrapper .mbsc-material.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #1a73e8;
}

.mbsc-material.mbsc-range-control-value.active, .mbsc-material.mbsc-range-control-label.active {
  color: #1a73e8;
}

.mbsc-material.mbsc-range-control-text-empty, .mbsc-material.mbsc-range-control-text-empty.active {
  color: rgba(48, 48, 48, 0.4);
}

.mbsc-material.mbsc-range-label-clear {
  color: #b0b0b0;
}

.mbsc-material.mbsc-range-label-clear:hover {
  color: #7d7d7d;
}

.mbsc-material-dark {
  /* Range Controls */
}

.mbsc-material-dark.mbsc-datepicker .mbsc-calendar-slide {
  background: #303030;
}

.mbsc-material-dark.mbsc-datepicker-inline {
  background: #000;
  color: #fff;
}

.mbsc-material-dark.mbsc-datepicker-inline .mbsc-calendar-slide {
  background: #000;
}

.mbsc-material-dark.mbsc-range-control-wrapper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-range-control-wrapper .mbsc-material-dark.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #87b0f3;
}

.mbsc-material-dark.mbsc-range-control-value.active, .mbsc-material-dark.mbsc-range-control-label.active {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-range-control-text-empty, .mbsc-material-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}

.mbsc-material-dark.mbsc-range-label-clear {
  color: gray;
}

.mbsc-material-dark.mbsc-range-label-clear:hover {
  color: #b3b3b3;
}

.mbsc-windows {
  /* Range Control */
}

.mbsc-windows.mbsc-picker-header {
  padding: 0.5em;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-datepicker-tab {
  border-top: 1px solid;
  margin-top: -1px;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented {
  padding: 0;
  max-width: 100%;
  width: 18.5em;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-button.mbsc-font {
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0.625em 1em;
  line-height: 1.25em;
  display: block;
  text-align: left;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-segmented-button.mbsc-rtl {
  text-align: right;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-ltr {
  padding-right: 1.875em;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-range-value-nonempty .mbsc-segmented-button.mbsc-rtl {
  padding-left: 1.875em;
}

.mbsc-windows.mbsc-datepicker-control-calendar.mbsc-datepicker-control-timegrid .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-calendar.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-date.mbsc-datepicker-control-time .mbsc-range-control-wrapper .mbsc-segmented, .mbsc-windows.mbsc-datepicker-control-datetime .mbsc-range-control-wrapper .mbsc-segmented {
  width: 26.25em;
}

.mbsc-windows.mbsc-range-control-label {
  font-size: 0.9375em;
  line-height: 1.6em;
}

.mbsc-windows.mbsc-range-control-value {
  font-size: 1.0625em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-windows.mbsc-range-label-clear {
  width: 1em;
  height: 1em;
  right: 0.4375em;
  margin-top: -0.5em;
}

.mbsc-windows.mbsc-range-label-clear.mbsc-ltr {
  right: 0.4375em;
}

.mbsc-windows.mbsc-range-label-clear.mbsc-rtl {
  left: 0.4375em;
}

.mbsc-windows.mbsc-datepicker-inline {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-picker-header {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-datepicker-tab {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-range-control-wrapper {
  border-bottom: 1px solid #e6e6e6;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #0078d7;
}

.mbsc-windows.mbsc-range-control-wrapper .mbsc-windows.mbsc-segmented-button.mbsc-focus {
  box-shadow: 0 0 0 1px #333333 inset;
}

.mbsc-windows.mbsc-range-control-value.active, .mbsc-windows.mbsc-range-control-label.active {
  color: #0078d7;
}

.mbsc-windows.mbsc-range-control-text-empty, .mbsc-windows.mbsc-range-control-text-empty.active {
  color: rgba(51, 51, 51, 0.4);
}

.mbsc-windows.mbsc-range-label-clear {
  color: rgba(51, 51, 51, 0.6);
}

.mbsc-windows.mbsc-range-label-clear:hover {
  color: #333333;
}

.mbsc-windows-dark.mbsc-datepicker-inline {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-picker-header {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-datepicker-tab {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-range-control-wrapper {
  border-bottom: 1px solid #343434;
}

.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-selected {
  border-bottom-color: #0078d7;
}

.mbsc-windows-dark.mbsc-range-control-wrapper .mbsc-windows-dark.mbsc-segmented-button.mbsc-focus {
  box-shadow: 0 0 0 1px #ffffff inset;
}

.mbsc-windows-dark.mbsc-range-control-value.active, .mbsc-windows-dark.mbsc-range-control-label.active {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-range-control-text-empty, .mbsc-windows-dark.mbsc-range-control-text-empty.active {
  color: rgba(255, 255, 255, 0.4);
}

.mbsc-windows-dark.mbsc-range-label-clear {
  color: rgba(255, 255, 255, 0.6);
}

.mbsc-windows-dark.mbsc-range-label-clear:hover {
  color: #ffffff;
}

/* Needed for angular */

mbsc-datetime {
  display: block;
  width: 100%;
}

.mbsc-datepicker-inline {
  height: 100%;
}

.mbsc-datepicker .mbsc-calendar {
  height: 100%;
  max-width: 100%;
  padding-bottom: 0.5em;
  box-sizing: border-box;
  display: block;
}

.mbsc-datepicker .mbsc-calendar-header .mbsc-calendar-week-days {
  padding: 0 0.5em;
}

/* Start/end controls */

.mbsc-range-control-wrapper .mbsc-segmented-input {
  width: 1px;
}

.mbsc-range-label-clear {
  position: absolute;
  top: 50%;
}

/* Tabs */

.mbsc-datepicker-tab-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}

.mbsc-datepicker-tab {
  visibility: hidden;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mbsc-datepicker-tab-expand {
  flex: 1 1 auto;
  height: 100%;
}

.mbsc-datepicker-tab-active {
  visibility: visible;
}

.mbsc-datepicker-time-modal {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  height: 100%;
}

.mbsc-datepicker .mbsc-calendar-slide {
  padding: 0 0.5em;
}

.mbsc-ios.mbsc-datetime-year-wheel .mbsc-scroller-wheel-item {
  min-width: 3.8em;
}

.mbsc-ios.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item {
  text-align: left;
}

.mbsc-ios.mbsc-datetime-day-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-hour-wheel .mbsc-scroller-wheel-item, .mbsc-ios.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item {
  text-align: right;
}

.mbsc-windows.mbsc-datetime-date-wheel.mbsc-scroller-wheel-wrapper {
  min-width: 120px;
}

.mbsc-windows.mbsc-datetime-month-wheel .mbsc-scroller-wheel-item, .mbsc-windows.mbsc-datetime-date-wheel .mbsc-scroller-wheel-item {
  text-align: left;
}

.mbsc-windows.mbsc-datetime-month-wheel.mbsc-rtl .mbsc-scroller-wheel-item, .mbsc-windows.mbsc-datetime-date-wheel.mbsc-rtl .mbsc-scroller-wheel-item {
  text-align: right;
}

.mbsc-material {
  /* Checkmark styling */
  /* Desktop styling */
}

.mbsc-material.mbsc-scroller-wheel-wrapper {
  margin: 0 0.25em;
  padding: 0.5em 0;
}

.mbsc-material.mbsc-scroller-wheel-cont::after, .mbsc-material.mbsc-scroller-wheel-cont::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-width: 2px;
  border-top-style: solid;
  z-index: 1;
}

.mbsc-material.mbsc-scroller-wheel-cont::after {
  bottom: -2px;
}

.mbsc-material.mbsc-scroller-wheel-cont::before {
  top: -2px;
}

.mbsc-material.mbsc-scroller-wheel-group {
  padding: 2em 0.25em;
}

.mbsc-material.mbsc-scroller-wheel-item {
  padding: 0 0.272727em;
  font-size: 1.375em;
  text-align: center;
}

.mbsc-material.mbsc-wheel-item-multi {
  padding: 0 2em;
}

.mbsc-material.mbsc-scroller-wheel-header {
  font-weight: bold;
  font-size: 1.125em;
}

.mbsc-material.mbsc-wheel-checkmark {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: none;
  border-radius: 0.1875em;
  width: 1.3em;
  height: 1.3em;
  margin-top: -0.55em;
}

.mbsc-material.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 0.27273em;
  left: 0.27273em;
  width: 0.8125em;
  height: 0.4375em;
  opacity: 0;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
  transform: scale(1) rotate(-45deg);
}

.mbsc-material.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0.25em;
}

.mbsc-material.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0.25em;
}

.mbsc-material.mbsc-wheel-item-multi .mbsc-material.mbsc-wheel-checkmark {
  display: block;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-group {
  padding: 0;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper {
  margin: 0;
  padding: 0;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  font-size: 1em;
  padding: 0 1.25em;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi {
  padding: 0 2em;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi.mbsc-ltr {
  text-align: left;
}

.mbsc-material.mbsc-scroller-pointer .mbsc-wheel-item-multi.mbsc-rtl {
  text-align: right;
}

.mbsc-material.mbsc-scroller-wheel-cont::after, .mbsc-material.mbsc-scroller-wheel-cont::before {
  border-color: #1a73e8;
}

.mbsc-material.mbsc-scroller-wheel-multi::after, .mbsc-material.mbsc-scroller-wheel-multi::before {
  border-color: transparent;
}

.mbsc-material.mbsc-scroller-wheel-item.mbsc-active, .mbsc-material.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-material.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-material.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material.mbsc-wheel-checkmark::after {
  border-color: #1a73e8;
}

.mbsc-material-dark.mbsc-scroller-wheel-cont::after, .mbsc-material-dark.mbsc-scroller-wheel-cont::before {
  border-color: #87b0f3;
}

.mbsc-material-dark.mbsc-scroller-wheel-multi::after, .mbsc-material-dark.mbsc-scroller-wheel-multi::before {
  border-color: transparent;
}

.mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-material-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material-dark.mbsc-wheel-checkmark::after {
  border-color: #87b0f3;
}

.mbsc-ios {
  /* checkmark */
  /* Desktop styling */
}

.mbsc-ios.mbsc-scroller-wheel-multi.mbsc-scroller-wheel-cont-3d {
  visibility: hidden;
}

.mbsc-ios.mbsc-scroller-wheel-group-cont {
  padding: 0 0.625em;
}

.mbsc-ios.mbsc-scroller-wheel-group {
  padding: 0.625em;
}

.mbsc-ios.mbsc-wheel-group-checkmark {
  padding: 0.625em 0;
}

.mbsc-ios.mbsc-scroller-wheel-3d {
  overflow: visible;
}

.mbsc-ios.mbsc-scroller-wheel-line {
  display: block;
  z-index: 1;
  border-radius: 0.5em;
  margin: 0 0.625em;
}

.mbsc-ios.mbsc-scroller-wheel-overlay {
  display: block;
}

.mbsc-ios.mbsc-scroller-wheel-item {
  padding: 0 0.5em;
  font-size: 1.25em;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0.5em;
}

.mbsc-ios.mbsc-scroller-wheel-item-3d {
  font-size: 1.125em;
}

.mbsc-ios.mbsc-wheel-item-checkmark {
  padding-left: 1.75em;
  padding-right: 1.75em;
}

.mbsc-ios.mbsc-scroller-wheel-header {
  font-size: 0.875em;
}

.mbsc-ios.mbsc-wheel-checkmark {
  display: none;
  position: absolute;
  width: 1.75em;
  height: 1.75em;
  top: 50%;
  margin-top: -0.875em;
}

.mbsc-ios.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
  top: 32%;
  left: 26%;
  width: 0.75em;
  height: 0.375em;
  border: 0.125em solid currentColor;
  border-top: 0;
  border-right: 0;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
}

.mbsc-ios.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0;
}

.mbsc-ios.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0;
}

.mbsc-ios.mbsc-wheel-item-multi .mbsc-ios.mbsc-wheel-checkmark, .mbsc-ios.mbsc-scroller-pointer .mbsc-ios.mbsc-wheel-item-checkmark .mbsc-wheel-checkmark {
  display: block;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group-cont,
.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-group {
  padding: 0;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper {
  padding: 0.1875em 0;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-overlay {
  display: none;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  font-size: 1em;
  padding: 0 0.75em;
  margin: 0 0.1875em;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-line {
  margin: 0 0.1875em;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-ltr {
  text-align: left;
  padding-left: 1.75em;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-wheel-item-checkmark.mbsc-rtl {
  text-align: right;
  padding-right: 1.75em;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-header {
  font-size: 0.75em;
  font-weight: 700;
}

.mbsc-ios {
  /* 3D */
  /* Desktop style */
}

.mbsc-ios.mbsc-scroller {
  background: white;
}

.mbsc-ios.mbsc-scroller-top, .mbsc-ios.mbsc-scroller-bottom {
  background: #d1d5db;
}

.mbsc-ios.mbsc-scroller-wheel-overlay {
  background: linear-gradient(white, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, white);
}

.mbsc-ios.mbsc-scroller-wheel-overlay-top, .mbsc-ios.mbsc-scroller-wheel-overlay-bottom {
  background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
}

.mbsc-ios.mbsc-scroller-wheel-line {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-ios.mbsc-scroller-wheel-item {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(0, 122, 255, 0.15);
}

.mbsc-ios.mbsc-scroller-wheel-item-2d, .mbsc-ios.mbsc-scroller-wheel-item.mbsc-selected {
  color: #000000;
}

.mbsc-ios.mbsc-scroller-wheel-cont-3d {
  background: white;
}

.mbsc-ios.mbsc-scroller-wheel-item-3d {
  color: #a3a3a3;
}

.mbsc-ios.mbsc-scroller-wheel-header, .mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
  color: #000000;
}

.mbsc-ios.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
  color: #007aff;
}

.mbsc-ios.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
  background: #d1d5db;
}

.mbsc-ios.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
  background: white;
}

.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller {
  background: white;
}

.mbsc-ios.mbsc-scroller-pointer.mbsc-scroller-inline {
  background: white;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  color: #000000;
}

.mbsc-ios.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #007aff;
}

.mbsc-ios-dark {
  /* 3D */
  /* Desktop style */
}

.mbsc-ios-dark.mbsc-scroller {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-top, .mbsc-ios-dark.mbsc-scroller-bottom {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-wheel-overlay {
  background: linear-gradient(#1c1c1c, rgba(28, 28, 28, 0) 52%, rgba(28, 28, 28, 0) 48%, #1c1c1c);
}

.mbsc-ios-dark.mbsc-scroller-wheel-overlay-top, .mbsc-ios-dark.mbsc-scroller-wheel-overlay-bottom {
  background: linear-gradient(#1c1c1c, rgba(28, 28, 28, 0) 52%, rgba(28, 28, 28, 0) 48%, #1c1c1c);
}

.mbsc-ios-dark.mbsc-scroller-wheel-line {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-ios-dark.mbsc-scroller-wheel-item {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-ios-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(255, 159, 10, 0.15);
}

.mbsc-ios-dark.mbsc-scroller-wheel-item-2d, .mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-selected {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-wheel-item-3d {
  color: #666666;
}

.mbsc-ios-dark.mbsc-scroller-wheel-header, .mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-scroller-wheel-item-3d.mbsc-wheel-item-multi.mbsc-selected-3d {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-scroller-wheel-cont-top.mbsc-scroller-wheel-cont-3d, .mbsc-ios-dark.mbsc-scroller-wheel-cont-bottom.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-wheel-cont-inline.mbsc-scroller-wheel-cont-3d {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-pointer.mbsc-scroller-inline {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #ff9f0a;
}

.mbsc-windows {
  /* Checkmark styling */
  /* Desktop styling */
}

.mbsc-windows.mbsc-scroller {
  position: relative;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-ltr {
  border-left: 0;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper-0.mbsc-rtl {
  border-right: 0;
}

.mbsc-windows.mbsc-scroller-wheel-item {
  padding: 0 0.5em;
  box-sizing: border-box;
  text-align: center;
}

.mbsc-windows.mbsc-wheel-item-multi {
  padding: 0 2.0625em;
}

.mbsc-windows.mbsc-wheel-item-multi.mbsc-ltr {
  text-align: left;
}

.mbsc-windows.mbsc-wheel-item-multi.mbsc-rtl {
  text-align: right;
}

.mbsc-windows.mbsc-scroller-wheel-line {
  display: block;
  z-index: 1;
}

.mbsc-windows.mbsc-scroller-wheel-header {
  font-size: 1.375em;
}

.mbsc-windows.mbsc-wheel-checkmark {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: none;
  margin-top: -0.8125em;
  width: 1.5625em;
  height: 1.5625em;
}

.mbsc-windows.mbsc-wheel-checkmark::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
  top: 28%;
  left: 21%;
  width: 0.875em;
  height: 0.475em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
}

.mbsc-windows.mbsc-wheel-checkmark.mbsc-selected::after {
  opacity: 1;
}

.mbsc-windows.mbsc-wheel-checkmark.mbsc-ltr {
  left: 0.25em;
}

.mbsc-windows.mbsc-wheel-checkmark.mbsc-rtl {
  right: 0.25em;
}

.mbsc-windows.mbsc-wheel-item-multi .mbsc-windows.mbsc-wheel-checkmark {
  display: block;
}

.mbsc-windows.mbsc-scroller-pointer .mbsc-scroller-wheel-item {
  padding: 0 1.25em;
}

.mbsc-windows.mbsc-scroller-pointer .mbsc-wheel-item-multi {
  padding: 0 2.0625em;
}

.mbsc-windows.mbsc-scroller-bar::after {
  border-radius: 0;
}

.mbsc-windows.mbsc-scroller-wheel-wrapper {
  color: #333333;
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-scroller-wheel-line {
  background: rgba(0, 120, 215, 0.4);
}

.mbsc-windows.mbsc-scroller-wheel-item.mbsc-active, .mbsc-windows.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-windows.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-windows.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(51, 51, 51, 0.1);
}

.mbsc-windows.mbsc-wheel-checkmark::after {
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-scroller-wheel-wrapper {
  color: #ffffff;
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-scroller-wheel-line {
  background: rgba(0, 120, 215, 0.4);
}

.mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-active, .mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-hover, .mbsc-windows-dark.mbsc-scroller-wheel-item.mbsc-focus, .mbsc-windows-dark.mbsc-scroller-wheel-header.mbsc-focus {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-windows-dark.mbsc-wheel-checkmark::after {
  border-color: #0078d7;
}

.mbsc-scroller {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-scroller-wheel-group-cont {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}

.mbsc-scroller-wheel-group-cont:first-child:last-child {
  display: block;
}

.mbsc-scroller-wheel-group {
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.mbsc-scroller-wheel-group-3d {
  perspective: 100em;
}

.mbsc-scroller-wheel-wrapper {
  display: block;
  max-width: 100%;
  position: relative;
  touch-action: none;
  /* Temp */
  min-width: 80px;
}

.mbsc-scroller-pointer .mbsc-scroller-wheel-wrapper-0:last-child {
  flex: 1 1 auto;
}

.mbsc-scroller-wheel-line {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
  transform: translateY(-50%);
}

.mbsc-scroller-wheel-overlay {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.mbsc-scroller-wheel {
  display: block;
  overflow: hidden;
  /* Fixes Firefox rendering issues */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: -1px 0;
}

.mbsc-scroller-wheel-cont {
  position: relative;
  z-index: 1;
  top: 50%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: translateY(-50%);
}

.mbsc-scroller-wheel-cont-3d {
  overflow: hidden;
  border: 0;
}

.mbsc-scroller-wheel-cont-3d > div {
  position: relative;
  top: -1px;
}

.mbsc-scroller-wheel-wrapper-3d,
.mbsc-scroller-wheel-3d {
  transform-style: preserve-3d;
}

.mbsc-scroller-items-3d {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform-style: preserve-3d;
  transform: translateY(-50%);
}

.mbsc-scroller .mbsc-scroller-wheel,
.mbsc-scroller .mbsc-scroller-wheel-cont {
  box-sizing: content-box;
}

.mbsc-scroller-wheel-item {
  display: block;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-scroller-wheel-item:focus,
.mbsc-scroller-wheel-header:focus {
  outline: 0;
}

.mbsc-scroller-wheel-item-3d {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mbsc-scroller-wheel-item.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-scroller-wheel-header {
  display: block;
  padding: 0 0.5em;
}

.mbsc-scroller-wheel-header.mbsc-ltr {
  text-align: left;
}

.mbsc-scroller-wheel-header.mbsc-rtl {
  text-align: right;
}

.mbsc-scroller-bar-cont {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  width: 10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.05);
  transform: translateZ(0);
  transition: opacity 0.2s;
}

.mbsc-scroller-bar-cont.mbsc-ltr {
  right: 0;
}

.mbsc-scroller-bar-cont.mbsc-rtl {
  left: 0;
}

.mbsc-scroller-bar-hidden {
  display: none;
}

.mbsc-scroller-wheel:hover .mbsc-scroller-bar-cont,
.mbsc-scroller-bar-started {
  opacity: 1;
}

.mbsc-scroller-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}

.mbsc-scroller-bar::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.mbsc-ios.mbsc-timegrid-item {
  line-height: 2em;
  margin: 0.5em 0.625em;
  border-radius: 2em;
  font-size: 0.875em;
}

.mbsc-ios.mbsc-timegrid-item.mbsc-selected, .mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
  font-size: 1em;
  margin: 0 0.25em;
  outline: none;
}

.mbsc-ios.mbsc-timegrid-item:hover, .mbsc-ios.mbsc-timegrid-item:focus {
  background: rgba(0, 122, 255, 0.3);
}

.mbsc-ios.mbsc-timegrid-item.mbsc-selected {
  background: #007aff;
  color: white;
}

.mbsc-ios-dark.mbsc-timegrid-item:hover, .mbsc-ios-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 159, 10, 0.3);
}

.mbsc-ios-dark.mbsc-timegrid-item.mbsc-selected {
  background: #ff9f0a;
  color: white;
}

.mbsc-material.mbsc-timegrid-item {
  line-height: 2em;
  margin: 0.5em 0.625em;
  border-radius: 2em;
  font-size: 0.875em;
}

.mbsc-material.mbsc-timegrid-item.mbsc-selected, .mbsc-material.mbsc-timegrid-item:hover, .mbsc-material.mbsc-timegrid-item:focus {
  margin: 0 0.25em;
  outline: none;
}

.mbsc-material.mbsc-timegrid-item:hover, .mbsc-material.mbsc-timegrid-item:focus {
  background: rgba(48, 48, 48, 0.1);
}

.mbsc-material.mbsc-timegrid-item.mbsc-selected {
  background: #1a73e8;
  color: white;
}

.mbsc-material-dark.mbsc-timegrid-item:hover, .mbsc-material-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark.mbsc-timegrid-item.mbsc-selected {
  background: #87b0f3;
  color: black;
}

.mbsc-windows.mbsc-timegrid-item {
  padding: 1.3125em 0;
  margin: 0.0625em;
  font-size: 14px;
}

.mbsc-windows.mbsc-timegrid-item:focus {
  outline: none;
}

.mbsc-windows.mbsc-timegrid-item.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
  color: #333333;
}

.mbsc-windows.mbsc-timegrid-item:hover, .mbsc-windows.mbsc-timegrid-item:focus {
  background: rgba(51, 51, 51, 0.1);
}

.mbsc-windows.mbsc-timegrid-item.mbsc-selected:hover, .mbsc-windows.mbsc-timegrid-item.mbsc-selected:focus {
  background: rgba(18, 96, 158, 0.35);
}

.mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-timegrid-item:hover, .mbsc-windows-dark.mbsc-timegrid-item:focus {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected:hover, .mbsc-windows-dark.mbsc-timegrid-item.mbsc-selected:focus {
  background: rgba(89, 167, 229, 0.35);
}

.mbsc-datepicker-control-calendar .mbsc-datepicker-tab-timegrid {
  min-height: 10em;
}

.mbsc-datepicker-tab-timegrid {
  min-height: 19em;
}

.mbsc-timegrid-item.mbsc-disabled {
  pointer-events: none;
  opacity: 0.2;
}

.mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab {
  position: relative;
  overflow: auto;
  align-items: flex-start;
  width: 18.5em;
}

.mbsc-timegrid-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mbsc-timegrid-row {
  display: table-row;
}

.mbsc-timegrid-cell {
  display: table-cell;
  position: relative;
}

.mbsc-timegrid-cell.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-timegrid-item {
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-ios.mbsc-segmented {
  margin: 0.75em;
  padding: 0.0625em;
  position: relative;
  border-radius: 0.5625em;
}

.mbsc-ios.mbsc-segmented-item:before {
  content: "";
  position: absolute;
  border-left: 1px solid;
  top: 0.3125em;
  bottom: 0.3125em;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios.mbsc-segmented-item.mbsc-ltr:before {
  left: 0;
}

.mbsc-ios.mbsc-segmented-item.mbsc-rtl:before {
  right: 0;
}

.mbsc-ios.mbsc-segmented-item:first-child:before, .mbsc-ios.mbsc-segmented-item-selected:before, .mbsc-ios.mbsc-segmented-item-selected + .mbsc-segmented-item:before {
  opacity: 0;
}

.mbsc-ios.mbsc-segmented-selectbox {
  position: absolute;
  padding: 0.0625em;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0.4375em;
  display: none;
}

.mbsc-ios.mbsc-segmented-selectbox.mbsc-selected {
  display: block;
}

.mbsc-ios.mbsc-segmented-selectbox-animate {
  transition: transform 0.2s ease-in-out;
}

.mbsc-ios.mbsc-segmented-selectbox-inner {
  height: 100%;
  border-radius: 0.4375em;
  transition: transform 0.1s ease-in-out;
  visibility: hidden;
}

.mbsc-ios.mbsc-segmented-selectbox-inner-visible {
  visibility: visible;
}

.mbsc-ios.mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
  transform-origin: left;
}

.mbsc-ios.mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
  transform-origin: right;
}

.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95);
}

.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:first-child .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95) translateX(0.0625em);
}

.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item:last-child .mbsc-segmented-selectbox-inner {
  transform: scale(0.97, 0.95) translateX(-0.0625em);
}

.mbsc-ios.mbsc-segmented-button.mbsc-icon-button {
  height: 2.307693em;
}

.mbsc-ios.mbsc-segmented-button.mbsc-button {
  margin: 0;
  padding: 0 0.615385em;
  border-radius: 0;
  font-size: 0.8125em;
  line-height: 2.307693em;
  transition: opacity 0.1s ease-out, background-color 0.1s ease-out, transform 0.1s ease-in-out;
  -webkit-font-smoothing: subpixel-antialiased;
}

.mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-active, .mbsc-ios.mbsc-segmented-button.mbsc-button.mbsc-hover {
  opacity: 1;
}

.mbsc-ios.mbsc-segmented-dragging .mbsc-segmented-item-selected .mbsc-segmented-button {
  transform: scale(0.97, 0.95);
}

.mbsc-ios.mbsc-segmented-item-selected:first-child .mbsc-segmented-button {
  transform-origin: left;
}

.mbsc-ios.mbsc-segmented-item-selected:last-child .mbsc-segmented-button {
  transform-origin: right;
}

.mbsc-ios {
  /* Inside popup and calendar header */
  /* Color presets */
}

.mbsc-ios.mbsc-segmented {
  background: #dedede;
}

.mbsc-ios.mbsc-segmented-item:before {
  border-color: rgba(0, 0, 0, 0.2);
}

.mbsc-ios.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
  box-shadow: 0 0 0 0.0625em rgba(0, 0, 0, 0.5) inset;
}

.mbsc-ios.mbsc-segmented-selectbox-inner {
  background: #fff;
}

.mbsc-ios.mbsc-segmented-selectbox-inner.mbsc-selected {
  box-shadow: #bababa 3px 3px 8px -4px;
}

.mbsc-ios.mbsc-segmented-button.mbsc-button {
  background: transparent;
  color: #000;
}

.mbsc-ios.mbsc-segmented-primary {
  background: #3f97f6;
}

.mbsc-ios.mbsc-segmented-secondary {
  background: #90979E;
}

.mbsc-ios.mbsc-segmented-success {
  background: #43BE5F;
}

.mbsc-ios.mbsc-segmented-warning {
  background: #f8b042;
}

.mbsc-ios.mbsc-segmented-danger {
  background: #f5504e;
}

.mbsc-ios.mbsc-segmented-info {
  background: #5BB7C5;
}

.mbsc-ios.mbsc-segmented-light {
  background: #fff;
}

.mbsc-ios.mbsc-segmented-dark {
  background: #47494A;
}

.mbsc-ios-dark {
  /* Inside popup and calendar header */
  /* Color presets */
}

.mbsc-ios-dark.mbsc-segmented {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-segmented-item:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mbsc-ios-dark.mbsc-segmented-item.mbsc-focus .mbsc-segmented-selectbox {
  box-shadow: 0 0 0 0.0625em rgba(255, 255, 255, 0.5) inset;
}

.mbsc-ios-dark.mbsc-segmented-selectbox-inner {
  background: #5a5a5a;
}

.mbsc-ios-dark.mbsc-segmented-selectbox-inner.mbsc-selected {
  box-shadow: #000000 3px 3px 8px -4px;
}

.mbsc-ios-dark.mbsc-segmented-button.mbsc-button {
  background: transparent;
  color: #fff;
}

.mbsc-ios-dark.mbsc-datepicker .mbsc-segmented, .mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-segmented, .mbsc-ios-dark.mbsc-calendar-header .mbsc-ios-dark.mbsc-segmented {
  background: #2b2b2b;
}

.mbsc-ios-dark.mbsc-segmented-primary {
  background: #3f97f6;
}

.mbsc-ios-dark.mbsc-segmented-secondary {
  background: #90979E;
}

.mbsc-ios-dark.mbsc-segmented-success {
  background: #43BE5F;
}

.mbsc-ios-dark.mbsc-segmented-warning {
  background: #f8b042;
}

.mbsc-ios-dark.mbsc-segmented-danger {
  background: #f5504e;
}

.mbsc-ios-dark.mbsc-segmented-info {
  background: #5BB7C5;
}

.mbsc-ios-dark.mbsc-segmented-light {
  background: #fff;
}

.mbsc-ios-dark.mbsc-segmented-dark {
  background: #47494A;
}

.mbsc-material.mbsc-segmented {
  padding: 0.75em;
}

.mbsc-material.mbsc-segmented-selectbox {
  display: none;
}

.mbsc-material.mbsc-segmented-item:first-child .mbsc-segmented-button {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.mbsc-material.mbsc-segmented-item:first-child .mbsc-segmented-button.mbsc-rtl {
  border-radius: 0 0.25em 0.25em 0;
  border-right-width: 0.142858em;
}

.mbsc-material.mbsc-segmented-item:last-child .mbsc-segmented-button {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border-right-width: 0.142858em;
}

.mbsc-material.mbsc-segmented-item:last-child .mbsc-segmented-button.mbsc-rtl {
  border-radius: 0.25em 0 0 0.25em;
  border-right-width: 0;
}

.mbsc-material.mbsc-segmented-button.mbsc-button {
  margin: 0;
  padding: 0.285715em 1.142858em;
  border: 0.142858em solid transparent;
  border-right-width: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  min-width: auto;
  font-size: 0.875em;
  /* Color presets */
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-active {
  box-shadow: none;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-focus:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary {
  color: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-active {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-selected {
  background: #3f97f6;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary {
  color: #90979E;
  border-color: #90979E;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-active {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-selected {
  background: #90979E;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success {
  color: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-active {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-selected {
  background: #43BE5F;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger {
  color: #f5504e;
  border-color: #f5504e;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-active {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-selected {
  background: #f5504e;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning {
  color: #f8b042;
  border-color: #f8b042;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-active {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-selected {
  background: #f8b042;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info {
  color: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-active {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-selected {
  background: #5BB7C5;
}

.mbsc-material.mbsc-segmented-button.mbsc-button {
  border-color: #1a73e8;
  color: black;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-segmented-button.mbsc-button.mbsc-focus::after {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-material-dark.mbsc-segmented-button.mbsc-button {
  border-color: #87b0f3;
  color: white;
}

.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-hover, .mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-segmented-button.mbsc-button.mbsc-focus::after {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-windows.mbsc-segmented {
  padding: 0.75em;
}

.mbsc-windows.mbsc-segmented-selectbox {
  display: none;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button {
  margin: 0;
  border-color: transparent;
  /* Color presets */
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover {
  border-color: transparent;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-focus {
  z-index: 2;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-primary.mbsc-selected {
  background: #3f97f6;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-secondary.mbsc-selected {
  background: #90979E;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-success.mbsc-selected {
  background: #43BE5F;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-danger.mbsc-selected {
  background: #f5504e;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-warning.mbsc-selected {
  background: #f8b042;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-active, .mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-button-info.mbsc-selected {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button {
  background: #cccccc;
  color: #333333;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-hover {
  background: #d4d4d4;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: #d4d4d4;
}

.mbsc-windows.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #7a7a7a;
  color: white;
}

.mbsc-windows-dark.mbsc-segmented-button.mbsc-button {
  background: #404040;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-hover {
  background: #454545;
}

.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-active {
  background: #454545;
}

.mbsc-windows-dark.mbsc-segmented-button.mbsc-button.mbsc-selected {
  background: #ababab;
  color: black;
}

.mbsc-segmented {
  display: flex;
  overflow: hidden;
}

.mbsc-segmented-item {
  margin: 0;
  position: relative;
  vertical-align: top;
  text-align: center;
  font-size: 1em;
  flex: 1 1 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 0;
}

.mbsc-segmented-label {
  display: block;
  margin: 0;
  padding: 0;
}

.mbsc-segmented-input {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
}

.mbsc-segmented-button.mbsc-button {
  width: 100%;
}

.mbsc-ios.mbsc-select-scroller-inline {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: -1px;
  margin-bottom: -1px;
}

.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-cont-3d {
  visibility: hidden;
}

.mbsc-ios.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-select-group-wheel.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-ios.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-select-group-wheel.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-ios.mbsc-select-filter-cont {
  padding: 0.5em;
}

.mbsc-ios.mbsc-select-filter {
  margin: 0;
}

.mbsc-ios.mbsc-select-filter-input {
  height: 2em;
}

.mbsc-ios.mbsc-select-empty-text {
  font-size: 1.25em;
}

.mbsc-ios.mbsc-select-scroller-inline {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-select-filter-cont {
  background-color: #f2f2f7;
}

.mbsc-ios.mbsc-select-filter-clear {
  color: #cccccc;
}

.mbsc-ios.mbsc-select-filter-clear:hover {
  color: #b2b2b2;
}

.mbsc-ios.mbsc-select-empty-text {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios.mbsc-select-group-wheel {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-item-3d {
  color: #000000;
}

.mbsc-ios.mbsc-select-group-wheel-multi .mbsc-selected-3d {
  color: #007aff;
}

.mbsc-ios-dark.mbsc-select-scroller-inline {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-select-filter-cont {
  background-color: #1c1c1c;
}

.mbsc-ios-dark.mbsc-select-filter-clear {
  color: #404040;
}

.mbsc-ios-dark.mbsc-select-filter-clear:hover {
  color: #4d4d4d;
}

.mbsc-ios-dark.mbsc-select-empty-text {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios-dark.mbsc-select-group-wheel {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-select-group-wheel-multi .mbsc-scroller-wheel-item-3d {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-select-group-wheel-multi .mbsc-selected-3d {
  color: #ff9f0a;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-cont::after,
.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-cont::before {
  display: none;
}

.mbsc-material.mbsc-select-filter {
  margin: 0;
}

.mbsc-material.mbsc-select-empty-text {
  font-size: 1.375em;
  opacity: 0.5;
}

.mbsc-material.mbsc-select-scroller-inline {
  background-color: #fff;
  color: #303030;
}

.mbsc-material.mbsc-select-filter-clear {
  color: #b0b0b0;
}

.mbsc-material.mbsc-select-filter-clear:hover {
  color: #7d7d7d;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #1a73e8;
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-material.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #1a73e8;
}

.mbsc-material-dark.mbsc-select-scroller-inline {
  background-color: #000;
  color: #fff;
}

.mbsc-material-dark.mbsc-select-filter-clear {
  color: gray;
}

.mbsc-material-dark.mbsc-select-filter-clear:hover {
  color: #b3b3b3;
}

.mbsc-material-dark.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: #87b0f3;
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-material-dark.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #87b0f3;
}

.mbsc-windows.mbsc-select-filter {
  margin: 0.5em;
}

.mbsc-windows.mbsc-select-empty-text {
  font-size: 1.5em;
  opacity: 0.6;
}

.mbsc-windows.mbsc-select-scroller-inline {
  background-color: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected, .mbsc-windows.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-select-scroller-inline {
  background-color: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected, .mbsc-windows-dark.mbsc-select-group-wheel-multi .mbsc-selected {
  color: #0078d7;
}

.mbsc-select-scroller .mbsc-scroller-wheel-wrapper {
  flex: 1 1 auto;
}

.mbsc-select-filter-cont {
  position: relative;
}

.mbsc-select-filter-clear {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -1em;
  padding: 0.5em;
  cursor: pointer;
  box-sizing: content-box;
}

.mbsc-select-filter-clear.mbsc-rtl {
  left: 0.5em;
  right: auto;
}

.mbsc-select-filter-clear.mbsc-ltr {
  right: 0.5em;
  left: auto;
}

.mbsc-select-empty .mbsc-scroller-wheel-group-cont {
  visibility: hidden;
}

.mbsc-select-empty-text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-ltr {
  text-align: left;
}

.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-rtl {
  text-align: right;
}

.mbsc-ios {
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Timezone labels, indicators */
  /* Grid & All-day row */
  /* Schedule event style */
  /* Schedule event all-day style */
  /* Large screen styles */
  /* timeline resource icon */
}

.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header-vertical {
  margin-bottom: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-wrapper {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mbsc-ios.mbsc-popover-list .mbsc-event:last-child:after {
  display: none;
}

.mbsc-ios.mbsc-event-day.mbsc-list-header {
  font-weight: bold;
  padding: 0.5em 1em;
  line-height: 1.5em;
  text-transform: none;
}

.mbsc-ios.mbsc-event-time {
  width: 6em;
  font-size: 0.875em;
  line-height: 1.428572em;
}

.mbsc-ios.mbsc-event-color {
  width: 0.25em;
  border-radius: 0.125em;
  margin: 0 0.5em 0 -0.5em;
}

.mbsc-ios.mbsc-event-color.mbsc-rtl {
  margin: 0 -0.5em 0 0.5em;
}

.mbsc-ios.mbsc-event-time.mbsc-ltr {
  text-align: right;
}

.mbsc-ios.mbsc-event-time.mbsc-rtl {
  text-align: left;
}

.mbsc-ios.mbsc-event-end {
  opacity: 0.7;
}

.mbsc-ios.mbsc-event-text {
  font-weight: 500;
}

.mbsc-ios.mbsc-event-sep {
  display: none;
}

.mbsc-ios.mbsc-calendar-button-today {
  font-weight: 500;
  padding: 0;
}

.mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-day, .mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-wrapper {
  border: 0;
}

.mbsc-ios.mbsc-schedule-wrapper {
  position: relative;
  margin-top: -1px;
  z-index: 2;
}

.mbsc-ios.mbsc-schedule-header {
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-schedule-header-item {
  padding: 0.4375em 0;
  line-height: 1.75em;
}

.mbsc-ios.mbsc-schedule-header-item.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-ios.mbsc-schedule-header-item.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
}

.mbsc-ios.mbsc-schedule-header-item:first-child {
  border: 0;
}

.mbsc-ios.mbsc-schedule-header-dayname {
  font-size: 1em;
  font-weight: 400;
}

.mbsc-ios.mbsc-schedule-header-day {
  display: inline-block;
  height: 1.625em;
  width: 1.625em;
  line-height: 1.625em;
  border-radius: 50%;
  text-align: center;
  font-size: 1em;
  font-weight: 400;
}

.mbsc-ios.mbsc-schedule-header-item-large {
  padding: 0.1875em 0;
}

.mbsc-ios.mbsc-schedule-header-item-large.mbsc-schedule-header-item {
  border-color: transparent;
}

.mbsc-ios.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname {
  display: inline-block;
  padding: 0 0.375em;
  font-size: 1em;
  font-weight: 400;
}

.mbsc-ios.mbsc-schedule-all-day-wrapper {
  max-height: 3.125em;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-schedule-all-day-text {
  padding: 0.5em 0.666667em;
  font-size: 0.75em;
  text-transform: lowercase;
}

.mbsc-ios.mbsc-schedule-timezone-label {
  line-height: 2.5em;
  padding: 0 0.666667em;
}

.mbsc-ios.mbsc-schedule-date-header {
  position: relative;
  z-index: 3;
  will-change: opacity;
  border-bottom: 1px solid;
}

.mbsc-ios.mbsc-schedule-date-header-text {
  padding: 0.5em;
  font-size: 0.75em;
  font-weight: bold;
}

.mbsc-ios.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-ios.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-ios.mbsc-schedule-resource:first-child {
  border: 0;
}

.mbsc-ios.mbsc-schedule-all-day-item {
  padding: 0.25em 0;
  min-height: 1.875em;
}

.mbsc-ios.mbsc-schedule-time {
  font-size: 0.625em;
  padding: 0 0.8em;
}

.mbsc-ios.mbsc-schedule-cursor-time-x {
  width: 6.8em;
  padding: 0 0.8em;
}

.mbsc-ios.mbsc-schedule-event:after {
  content: "";
  position: absolute;
  top: -0.5em;
  right: 1px;
  bottom: -0.5em;
  left: 1px;
  z-index: -1;
}

.mbsc-ios.mbsc-schedule-event-start:after {
  top: 1px;
}

.mbsc-ios.mbsc-schedule-event-end:after {
  bottom: 1px;
}

.mbsc-ios.mbsc-schedule-event-custom:after {
  display: none;
}

.mbsc-ios.mbsc-schedule-event-background {
  opacity: 0.3;
  transition: opacity 0.15s ease-in-out;
}

.mbsc-ios.mbsc-schedule-event-start:after,
.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-background {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.mbsc-ios.mbsc-schedule-event-end:after,
.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

.mbsc-ios.mbsc-timeline-event:after {
  margin-top: 6px;
  top: 0;
  bottom: 0;
}

.mbsc-ios.mbsc-timeline-event-start.mbsc-ltr:after,
.mbsc-ios.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-background, .mbsc-ios.mbsc-timeline-event-end.mbsc-rtl:after,
.mbsc-ios.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.25em;
  border-top-left-radius: 0.25em;
}

.mbsc-ios.mbsc-timeline-event-end.mbsc-ltr:after,
.mbsc-ios.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-background, .mbsc-ios.mbsc-timeline-event-start.mbsc-rtl:after,
.mbsc-ios.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-right-radius: 0.25em;
  border-top-right-radius: 0.25em;
}

.mbsc-ios.mbsc-schedule-event-hover .mbsc-schedule-event-background {
  opacity: 0.6;
}

.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  opacity: 0.9;
}

.mbsc-ios.mbsc-schedule-event-dragging {
  top: 0.25em;
}

.mbsc-ios.mbsc-timeline-event-dragging {
  top: 0;
}

.mbsc-ios.mbsc-schedule-event-bar {
  position: absolute;
  top: -0.5em;
  bottom: -0.5em;
  width: 0.1875em;
  background: currentColor;
}

.mbsc-ios.mbsc-schedule-event-bar.mbsc-ltr {
  left: 1px;
}

.mbsc-ios.mbsc-schedule-event-bar.mbsc-rtl {
  right: 1px;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar {
  top: 1px;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar.mbsc-ltr {
  border-top-left-radius: 0.1875em;
}

.mbsc-ios.mbsc-schedule-event-start .mbsc-schedule-event-bar.mbsc-rtl {
  border-top-left-radius: 0.1875em;
}

.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar {
  bottom: 1px;
}

.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar.mbsc-ltr {
  border-bottom-left-radius: 0.1875em;
}

.mbsc-ios.mbsc-schedule-event-end .mbsc-schedule-event-bar.mbsc-rtl {
  border-bottom-left-radius: 0.1875em;
}

.mbsc-ios.mbsc-schedule-event-title {
  font-weight: 600;
}

.mbsc-ios.mbsc-schedule-event-all-day {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.mbsc-ios.mbsc-schedule-event-all-day:after {
  top: 0;
  bottom: 0;
}

.mbsc-ios.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  border-radius: 0;
}

.mbsc-ios.mbsc-timeline-event-start.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-timeline-event-end.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-start.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-schedule-event-end.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background {
  left: 0.25em;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.mbsc-ios.mbsc-timeline-event-end.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-timeline-event-start.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-end.mbsc-schedule-event-all-day.mbsc-ltr:after, .mbsc-ios.mbsc-schedule-event-start.mbsc-schedule-event-all-day.mbsc-rtl:after, .mbsc-ios.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-ios.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  right: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-all-day-wrapper {
  max-height: 3.5em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-time,
.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-time-indicator-time-x {
  font-size: 0.75em;
  padding: 0 0.666667em;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-schedule-cursor-time-x {
  font-size: 0.75em;
  width: 5.666667em;
  padding: 0 0.666667em;
}

.mbsc-ios.mbsc-timeline-resource-icon {
  width: 1.214286em;
  padding: 0 0.142858em;
}

.mbsc-ios {
  /* Calendar view */
  /* Agenda view */
  /* Popover events */
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header,
.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #efefef;
}

.mbsc-ios.mbsc-event-list-empty {
  color: #6e6e72;
}

.mbsc-ios.mbsc-event-day.mbsc-list-header {
  background: white;
  border-color: #cccccc;
  color: #000000;
}

.mbsc-ios.mbsc-event.mbsc-list-item {
  background: white;
  color: #000000;
}

.mbsc-ios.mbsc-event.mbsc-list-item:before, .mbsc-ios.mbsc-event.mbsc-list-item:after {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-event.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-ios.mbsc-event.mbsc-list-item.mbsc-focus .mbsc-list-item-background, .mbsc-ios.mbsc-event.mbsc-list-item.mbsc-selected .mbsc-list-item-background {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-ios.mbsc-event-color {
  background: #5AC8FA;
}

.mbsc-ios.mbsc-eventcalendar-schedule .mbsc-calendar-day {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-schedule-wrapper {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-schedule-header, .mbsc-ios.mbsc-schedule-header-item {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-schedule-header-day-today {
  color: #007aff;
}

.mbsc-ios.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(0, 122, 255, 0.3);
}

.mbsc-ios.mbsc-schedule-header-dayname-curr, .mbsc-ios.mbsc-schedule-header-day.mbsc-selected {
  color: #007aff;
}

.mbsc-ios.mbsc-schedule-header-day.mbsc-selected {
  background: #007aff;
  color: white;
}

.mbsc-ios.mbsc-schedule-header-dayname-curr {
  color: #000000;
}

.mbsc-ios.mbsc-schedule-date-header {
  background: #f7f7f7;
  border-color: #cccccc;
}

.mbsc-ios.mbsc-schedule-grid-wrapper {
  background: white;
}

.mbsc-ios.mbsc-schedule-all-day-wrapper {
  border-color: #cccccc;
  background: white;
}

.mbsc-ios.mbsc-schedule-all-day-text, .mbsc-ios.mbsc-schedule-timezone-label {
  color: #8c8c8c;
}

.mbsc-ios.mbsc-timeline-day::after, .mbsc-ios.mbsc-timeline-slots, .mbsc-ios.mbsc-timeline-slot-header, .mbsc-ios.mbsc-timeline-header-month, .mbsc-ios.mbsc-timeline-header-week, .mbsc-ios.mbsc-timeline-header-date, .mbsc-ios.mbsc-timeline-resource-empty, .mbsc-ios.mbsc-timeline-header-column, .mbsc-ios.mbsc-timeline-header, .mbsc-ios.mbsc-timeline-resource, .mbsc-ios.mbsc-timeline-column, .mbsc-ios.mbsc-timeline-row, .mbsc-ios.mbsc-schedule-resource-group, .mbsc-ios.mbsc-schedule-resource, .mbsc-ios.mbsc-schedule-all-day-item::after, .mbsc-ios.mbsc-schedule-column, .mbsc-ios.mbsc-schedule-item {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-timeline-header-column, .mbsc-ios.mbsc-schedule-cursor-time, .mbsc-ios.mbsc-schedule-time {
  color: #8c8c8c;
}

.mbsc-ios.mbsc-schedule-event {
  color: #5AC8FA;
}

.mbsc-ios.mbsc-schedule-event:after {
  background: rgba(255, 255, 255, 0.9);
}

.mbsc-ios.mbsc-schedule-event-title, .mbsc-ios.mbsc-schedule-event-range {
  color: #000;
}

.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-inner, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-inner {
  color: #fff;
}

.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-title,
.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-range, .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-title,
.mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-range {
  color: inherit;
}

.mbsc-ios.mbsc-schedule-time-indicator {
  border-color: #007aff;
}

.mbsc-ios.mbsc-schedule-time-indicator-day:before {
  background: #007aff;
}

.mbsc-ios.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #007aff;
}

.mbsc-ios.mbsc-schedule-cursor-time {
  background: rgba(255, 255, 255, 0.8);
  color: #007aff;
}

.mbsc-ios.mbsc-schedule-invalid {
  background: rgba(239, 239, 239, 0.75);
  color: #888888;
}

.mbsc-ios.mbsc-timeline-header-bg, .mbsc-ios.mbsc-timeline-header-text, .mbsc-ios.mbsc-timeline-resource-empty, .mbsc-ios.mbsc-timeline-resource-bg {
  background: white;
}

.mbsc-ios.mbsc-connection {
  stroke: rgba(0, 0, 0, 0.7);
}

.mbsc-ios.mbsc-connection-arrow {
  fill: #000000;
}

.mbsc-ios-dark {
  /* Calendar view */
  /* Agenda view */
  /* Popover events */
  /* Schedule view */
  /* TODO: refactor this without cascade */
  /* Header */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-header,
.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-week-days {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #1a1a1a;
}

.mbsc-ios-dark.mbsc-event-list-empty {
  color: #8f8f8f;
}

.mbsc-ios-dark.mbsc-event-day.mbsc-list-header {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-event.mbsc-list-item {
  background: #000000;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-event.mbsc-list-item:before, .mbsc-ios-dark.mbsc-event.mbsc-list-item:after {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.05);
}

.mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-focus .mbsc-list-item-background, .mbsc-ios-dark.mbsc-event.mbsc-list-item.mbsc-selected .mbsc-list-item-background {
  background: rgba(255, 255, 255, 0.15);
}

.mbsc-ios-dark.mbsc-event-color {
  background: #5AC8FA;
}

.mbsc-ios-dark.mbsc-popover-list .mbsc-ios-dark.mbsc-event {
  background: #2b2b2b;
}

.mbsc-ios-dark.mbsc-eventcalendar-schedule .mbsc-calendar-day {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-schedule-wrapper {
  background: #1c1c1c;
}

.mbsc-ios-dark.mbsc-schedule-header, .mbsc-ios-dark.mbsc-schedule-header-item {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-schedule-header-day-today {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(255, 159, 10, 0.3);
}

.mbsc-ios-dark.mbsc-schedule-header-dayname-curr, .mbsc-ios-dark.mbsc-schedule-header-day.mbsc-selected {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-header-day.mbsc-selected {
  background: #ff9f0a;
  color: #000000;
}

.mbsc-ios-dark.mbsc-schedule-header-dayname-curr {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-schedule-date-header {
  background: #1c1c1c;
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-schedule-grid-wrapper {
  background: #000000;
}

.mbsc-ios-dark.mbsc-schedule-all-day-wrapper {
  border-color: #333333;
  background: #000000;
}

.mbsc-ios-dark.mbsc-schedule-all-day-text, .mbsc-ios-dark.mbsc-schedule-timezone-label {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-timeline-day::after, .mbsc-ios-dark.mbsc-timeline-slots, .mbsc-ios-dark.mbsc-timeline-slot-header, .mbsc-ios-dark.mbsc-timeline-header-month, .mbsc-ios-dark.mbsc-timeline-header-week, .mbsc-ios-dark.mbsc-timeline-header-date, .mbsc-ios-dark.mbsc-timeline-resource-empty, .mbsc-ios-dark.mbsc-timeline-header-column, .mbsc-ios-dark.mbsc-timeline-header, .mbsc-ios-dark.mbsc-timeline-resource, .mbsc-ios-dark.mbsc-timeline-column, .mbsc-ios-dark.mbsc-timeline-row, .mbsc-ios-dark.mbsc-schedule-resource-group, .mbsc-ios-dark.mbsc-schedule-resource, .mbsc-ios-dark.mbsc-schedule-all-day-item::after, .mbsc-ios-dark.mbsc-schedule-column, .mbsc-ios-dark.mbsc-schedule-item {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-timeline-header-column, .mbsc-ios-dark.mbsc-schedule-cursor-time, .mbsc-ios-dark.mbsc-schedule-time {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-schedule-event {
  color: #5AC8FA;
}

.mbsc-ios-dark.mbsc-schedule-event:after {
  background: rgba(0, 0, 0, 0.9);
}

.mbsc-ios-dark.mbsc-schedule-event-title, .mbsc-ios-dark.mbsc-schedule-event-range {
  color: #fff;
}

.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-inner, .mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-inner {
  color: #fff;
}

.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-title,
.mbsc-ios-dark.mbsc-schedule-event-active .mbsc-schedule-event-range, .mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-title,
.mbsc-ios-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-range {
  color: inherit;
}

.mbsc-ios-dark.mbsc-schedule-time-indicator {
  border-color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-time-indicator-day:before {
  background: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-time-indicator-time {
  background: rgba(0, 0, 0, 0.8);
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-cursor-time {
  background: rgba(0, 0, 0, 0.8);
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-schedule-invalid {
  background: rgba(26, 26, 26, 0.75);
  color: #787878;
}

.mbsc-ios-dark.mbsc-timeline-header-bg, .mbsc-ios-dark.mbsc-timeline-header-text, .mbsc-ios-dark.mbsc-timeline-resource-empty, .mbsc-ios-dark.mbsc-timeline-resource-bg {
  background: #000000;
}

.mbsc-ios-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}

.mbsc-ios-dark.mbsc-connection-arrow {
  fill: #ffffff;
}

.mbsc-material {
  /* Event list */
  /* Popover list */
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Timezone labels, indicators */
  /* Time & cursor indicator */
  /* Event style */
}

.mbsc-material.mbsc-eventcalendar-schedule .mbsc-calendar-wrapper:after {
  display: none;
}

.mbsc-material.mbsc-event.mbsc-list-item {
  margin: 0.625em 1em;
  padding: 0.5em 0.625em;
  flex-direction: column;
  border-radius: 0.25em;
  transition: box-shadow 0.2s ease-out;
}

.mbsc-material.mbsc-event-text, .mbsc-material.mbsc-event-time {
  font-size: 0.8125em;
  line-height: 1.384616em;
}

.mbsc-material.mbsc-event-time {
  display: flex;
  font-weight: 300;
}

.mbsc-material.mbsc-event-text {
  font-weight: 600;
}

.mbsc-material.mbsc-event-all-day {
  display: none;
}

.mbsc-material.mbsc-event-sep {
  padding: 0 0.25em;
}

.mbsc-material.mbsc-event-until {
  padding-right: 0.25em;
}

.mbsc-material.mbsc-popover-list {
  width: 13em;
  padding: 0.5em 0.125em;
}

.mbsc-material.mbsc-popover-list .mbsc-event {
  margin: 0.125em 0.5em;
  padding: 0.25em 0.5em;
}

.mbsc-material.mbsc-popover-list .mbsc-event-time, .mbsc-material.mbsc-popover-list .mbsc-event-text {
  font-size: 0.75em;
}

.mbsc-material.mbsc-schedule-header-item {
  padding-bottom: 0.25em;
}

.mbsc-material.mbsc-schedule-header-dayname {
  position: relative;
  line-height: 2.8em;
  font-size: 0.625em;
  font-weight: 500;
  text-transform: uppercase;
}

.mbsc-material.mbsc-schedule-header-day {
  height: 1.8em;
  width: 1.8em;
  margin-top: -0.3em;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.8em;
  font-size: 1.25em;
  border-radius: 50%;
}

.mbsc-material.mbsc-schedule-date-header-text {
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5714em 1.14285em;
}

.mbsc-material.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-material.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-material.mbsc-schedule-resource:first-child {
  border: 0;
}

.mbsc-material.mbsc-schedule-all-day-text {
  padding: 0.4em;
  font-size: 0.625em;
  line-height: 1.6em;
  text-transform: uppercase;
}

.mbsc-material.mbsc-schedule-all-day-text.mbsc-ltr {
  padding-right: 1.6em;
}

.mbsc-material.mbsc-schedule-all-day-text.mbsc-rtl {
  padding-left: 1.6em;
}

.mbsc-material.mbsc-schedule-all-day-item {
  padding: 1px 0;
  min-height: 1.5em;
}

.mbsc-material.mbsc-schedule-time-col.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-material.mbsc-schedule-time-col.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-material.mbsc-schedule-time-col.mbsc-schedule-time-col-empty {
  border: 0;
}

.mbsc-material.mbsc-schedule-time-wrapper.mbsc-ltr {
  padding-right: 1em;
}

.mbsc-material.mbsc-schedule-time-wrapper.mbsc-rtl {
  padding-left: 1em;
}

.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 9px;
}

.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 9px;
}

.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end.mbsc-ltr:before,
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper.mbsc-ltr:after {
  right: 0;
}

.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper-end.mbsc-rtl:before,
.mbsc-material.mbsc-schedule-time-col-last .mbsc-schedule-time-wrapper.mbsc-rtl:after {
  left: 0;
}

.mbsc-material.mbsc-schedule-time {
  font-size: 0.625em;
}

.mbsc-material.mbsc-schedule-time-end.mbsc-ltr {
  right: 1.6em;
}

.mbsc-material.mbsc-schedule-time-end.mbsc-rtl {
  left: 1.6em;
}

.mbsc-material.mbsc-schedule-timezone-label {
  font-size: 0.625em;
  line-height: 2.4em;
}

.mbsc-material.mbsc-schedule-timezone-label.mbsc-ltr {
  padding-right: 1.6em;
}

.mbsc-material.mbsc-schedule-timezone-label.mbsc-rtl {
  padding-left: 1.6em;
}

.mbsc-material.mbsc-schedule-time-indicator-tz {
  width: 6.8em;
}

.mbsc-material.mbsc-schedule-time-indicator-x:after {
  content: "";
  position: absolute;
  top: 0;
  width: 0.5625em;
  border-bottom: 1px solid;
  border-color: inherit;
}

.mbsc-material.mbsc-schedule-time-indicator.mbsc-ltr:after {
  left: -0.5625em;
}

.mbsc-material.mbsc-schedule-time-indicator.mbsc-rtl:after {
  right: -0.5625em;
}

.mbsc-material.mbsc-schedule-time-indicator-time-x {
  padding: 0 1.6em;
  margin: 0 1px;
}

.mbsc-material.mbsc-schedule-cursor-time-x {
  width: 5.2em;
}

.mbsc-material.mbsc-schedule-event-inner {
  border-radius: 0.4em;
}

.mbsc-material.mbsc-schedule-event-start .mbsc-schedule-event-background {
  border-top-left-radius: 0.333334em;
  border-top-right-radius: 0.333334em;
}

.mbsc-material.mbsc-schedule-event-end .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.333334em;
  border-bottom-right-radius: 0.333334em;
}

.mbsc-material.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-background, .mbsc-material.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-left-radius: 0.333334em;
  border-top-left-radius: 0.333334em;
}

.mbsc-material.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-background, .mbsc-material.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-background {
  border-bottom-right-radius: 0.333334em;
  border-top-right-radius: 0.333334em;
}

.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background:after, .mbsc-material.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material.mbsc-schedule-event-title {
  font-weight: 500;
}

.mbsc-material.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  border-radius: 0;
}

.mbsc-material.mbsc-timeline-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-timeline-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-start.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-end.mbsc-rtl .mbsc-schedule-event-all-day-background {
  border-top-left-radius: 0.333334em;
  border-bottom-left-radius: 0.333334em;
}

.mbsc-material.mbsc-timeline-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-timeline-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-end.mbsc-ltr .mbsc-schedule-event-all-day-background, .mbsc-material.mbsc-schedule-event-start.mbsc-rtl .mbsc-schedule-event-all-day-background {
  border-top-right-radius: 0.333334em;
  border-bottom-right-radius: 0.333334em;
}

.mbsc-material.mbsc-schedule-header-item-large .mbsc-schedule-header-dayname {
  line-height: 2.909091em;
  font-size: 0.6875em;
  text-transform: uppercase;
}

.mbsc-material.mbsc-schedule-header-item-large .mbsc-schedule-header-day {
  height: 1.769231em;
  width: 1.769231em;
  line-height: 1.769231em;
  font-size: 1.625em;
  margin-top: -0.307693em;
}

.mbsc-material {
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-material.mbsc-eventcalendar {
  background: #fff;
  color: #303030;
}

.mbsc-material.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #f0f0f0;
}

.mbsc-material.mbsc-event-list-empty {
  color: rgba(48, 48, 48, 0.7);
}

.mbsc-material.mbsc-schedule-date-header, .mbsc-material.mbsc-event-day.mbsc-list-header {
  background: #fff;
  color: rgba(48, 48, 48, 0.7);
}

.mbsc-material.mbsc-colored-event.mbsc-list-item {
  background: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-event.mbsc-list-item.mbsc-focus, .mbsc-material.mbsc-event.mbsc-list-item.mbsc-selected {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material.mbsc-event.mbsc-list-item.mbsc-focus::before, .mbsc-material.mbsc-event.mbsc-list-item.mbsc-selected::before {
  border-radius: 0.25em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material.mbsc-event-color {
  background: #1a73e8;
}

.mbsc-material.mbsc-schedule-header-dayname {
  color: #70757a;
}

.mbsc-material.mbsc-schedule-header-day {
  color: #303030;
}

.mbsc-material.mbsc-schedule-header-dayname-curr {
  color: #1a73e8;
}

.mbsc-material.mbsc-schedule-header-day-today {
  color: #1a73e8;
}

.mbsc-material.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(26, 115, 232, 0.3);
}

.mbsc-material.mbsc-schedule-header-day.mbsc-selected {
  background-color: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-timeline-day::after, .mbsc-material.mbsc-timeline-slots, .mbsc-material.mbsc-timeline-slot-header, .mbsc-material.mbsc-timeline-header-month, .mbsc-material.mbsc-timeline-header-week, .mbsc-material.mbsc-timeline-header-date, .mbsc-material.mbsc-timeline-resource-empty, .mbsc-material.mbsc-timeline-header-column, .mbsc-material.mbsc-timeline-header, .mbsc-material.mbsc-timeline-resource, .mbsc-material.mbsc-timeline-column, .mbsc-material.mbsc-timeline-row, .mbsc-material.mbsc-schedule-resource-group, .mbsc-material.mbsc-schedule-resource, .mbsc-material.mbsc-schedule-time-col, .mbsc-material.mbsc-schedule-all-day-item::after, .mbsc-material.mbsc-schedule-column, .mbsc-material.mbsc-schedule-item {
  border-color: #cfcfcf;
}

.mbsc-material.mbsc-schedule-time-wrapper-end:before, .mbsc-material.mbsc-schedule-time-wrapper:after {
  border-bottom: 1px solid #cfcfcf;
}

.mbsc-material.mbsc-schedule-all-day-text, .mbsc-material.mbsc-schedule-timezone-label, .mbsc-material.mbsc-schedule-time {
  color: #70757a;
}

.mbsc-material.mbsc-schedule-time-indicator {
  border-color: #1a73e8;
}

.mbsc-material.mbsc-schedule-time-indicator-day:before {
  background: #1a73e8;
}

.mbsc-material.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #1a73e8;
}

.mbsc-material.mbsc-schedule-cursor-time {
  background: rgba(255, 255, 255, 0.8);
  color: #1a73e8;
}

.mbsc-material.mbsc-schedule-event {
  color: #1a73e8;
}

.mbsc-material.mbsc-schedule-event-inner {
  color: #fff;
}

.mbsc-material.mbsc-schedule-invalid {
  background: rgba(240, 240, 240, 0.75);
  color: #8a8a8a;
}

.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-material.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}

.mbsc-material.mbsc-schedule-event-active .mbsc-schedule-event-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material.mbsc-timeline-header-bg, .mbsc-material.mbsc-timeline-header-text, .mbsc-material.mbsc-timeline-resource-empty, .mbsc-material.mbsc-timeline-resource-bg {
  background: #fff;
}

.mbsc-material.mbsc-connection {
  stroke: rgba(48, 48, 48, 0.7);
}

.mbsc-material.mbsc-connection-arrow {
  fill: #303030;
}

.mbsc-material-dark {
  /* Schedule */
  /* Header */
  /* Grid & All-day cont */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-material-dark.mbsc-eventcalendar {
  background: #000;
  color: #fff;
}

.mbsc-material-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #1a1a1a;
}

.mbsc-material-dark.mbsc-event-list-empty {
  color: rgba(255, 255, 255, 0.7);
}

.mbsc-material-dark.mbsc-schedule-date-header, .mbsc-material-dark.mbsc-event-day.mbsc-list-header {
  background: #000;
  color: rgba(255, 255, 255, 0.7);
}

.mbsc-material-dark.mbsc-colored-event.mbsc-list-item {
  background: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-focus, .mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-selected {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-focus::before, .mbsc-material-dark.mbsc-event.mbsc-list-item.mbsc-selected::before {
  border-radius: 0.25em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material-dark.mbsc-event-color {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-header-dayname {
  color: #dbdddf;
}

.mbsc-material-dark.mbsc-schedule-header-day {
  color: #fff;
}

.mbsc-material-dark.mbsc-schedule-header-dayname-curr {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-header-day-today {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(135, 176, 243, 0.3);
}

.mbsc-material-dark.mbsc-schedule-header-day.mbsc-selected {
  background-color: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-timeline-day::after, .mbsc-material-dark.mbsc-timeline-slots, .mbsc-material-dark.mbsc-timeline-slot-header, .mbsc-material-dark.mbsc-timeline-header-month, .mbsc-material-dark.mbsc-timeline-header-week, .mbsc-material-dark.mbsc-timeline-header-date, .mbsc-material-dark.mbsc-timeline-resource-empty, .mbsc-material-dark.mbsc-timeline-header-column, .mbsc-material-dark.mbsc-timeline-header, .mbsc-material-dark.mbsc-timeline-resource, .mbsc-material-dark.mbsc-timeline-column, .mbsc-material-dark.mbsc-timeline-row, .mbsc-material-dark.mbsc-schedule-resource-group, .mbsc-material-dark.mbsc-schedule-resource, .mbsc-material-dark.mbsc-schedule-time-col, .mbsc-material-dark.mbsc-schedule-all-day-item::after, .mbsc-material-dark.mbsc-schedule-column, .mbsc-material-dark.mbsc-schedule-item {
  border-color: #2b2b2b;
}

.mbsc-material-dark.mbsc-schedule-time-wrapper-end:before, .mbsc-material-dark.mbsc-schedule-time-wrapper:after {
  border-bottom: 1px solid #2b2b2b;
}

.mbsc-material-dark.mbsc-schedule-all-day-text, .mbsc-material-dark.mbsc-schedule-timezone-label, .mbsc-material-dark.mbsc-schedule-time {
  color: #dbdddf;
}

.mbsc-material-dark.mbsc-schedule-time-indicator {
  border-color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-time-indicator-day:before {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-time-indicator-time {
  background: rgba(0, 0, 0, 0.8);
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-cursor-time {
  background: rgba(0, 0, 0, 0.8);
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-event {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-schedule-event-inner {
  color: #000;
}

.mbsc-material-dark.mbsc-schedule-invalid {
  background: rgba(26, 26, 26, 0.75);
  color: #787878;
}

.mbsc-material-dark.mbsc-schedule-event-active .mbsc-schedule-event-background, .mbsc-material-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-background {
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.14), 0 1px 8px 0 rgba(255, 255, 255, 0.12), 0 1px 3px -1px rgba(255, 255, 255, 0.2);
}

.mbsc-material-dark.mbsc-schedule-event-active .mbsc-schedule-event-background {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.mbsc-material-dark.mbsc-timeline-header-bg, .mbsc-material-dark.mbsc-timeline-header-text, .mbsc-material-dark.mbsc-timeline-resource-empty, .mbsc-material-dark.mbsc-timeline-resource-bg {
  background: #000;
}

.mbsc-material-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}

.mbsc-material-dark.mbsc-connection-arrow {
  fill: #fff;
}

.mbsc-windows {
  /* Schedule view */
  /* Header */
  /* Timezone labels, indicators */
  /* Time & cursor indicator */
  /* Grid & All-day row */
  /* Event style */
  /* timeline resource icon */
}

.mbsc-windows.mbsc-popover-list {
  margin: 0.25em 0;
}

.mbsc-windows.mbsc-event-group {
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-event-day.mbsc-list-header {
  padding: 1em 1.5em 0.25em 1.5em;
}

.mbsc-windows.mbsc-event.mbsc-list-item {
  margin-bottom: 0.25em;
  align-items: center;
}

.mbsc-windows.mbsc-event-content {
  order: 1;
}

.mbsc-windows.mbsc-event-time {
  width: 7em;
  padding: 0 1.333334em;
  font-size: 0.75em;
  box-sizing: border-box;
}

.mbsc-windows.mbsc-event-color {
  width: 0.5em;
  margin: -0.5em 0 -0.5em -0.5em;
  align-self: stretch;
}

.mbsc-windows.mbsc-event-sep {
  display: none;
}

.mbsc-windows.mbsc-schedule-wrapper {
  position: relative;
  min-height: 1.5em;
  z-index: 2;
}

.mbsc-windows.mbsc-schedule-header-day {
  font-size: 1em;
  text-align: left;
  padding: 0.5em 0.5em 1.5em 0.5em;
  border-top: 1px solid;
}

.mbsc-windows.mbsc-schedule-header-day.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
  margin-left: -1px;
}

.mbsc-windows.mbsc-schedule-header-day.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}

.mbsc-windows.mbsc-schedule-header-item.mbsc-ltr {
  border-left: 1px solid transparent;
}

.mbsc-windows.mbsc-schedule-header-item.mbsc-rtl {
  border-right: 1px solid transparent;
}

.mbsc-windows.mbsc-schedule-header-item:first-child {
  border: 0;
}

.mbsc-windows.mbsc-schedule-header-item:first-child .mbsc-schedule-header-day {
  border-left: 0;
  border-right: 0;
  margin: 0;
}

.mbsc-windows.mbsc-schedule-header-dayname {
  padding: 0.571429em;
  font-size: 0.875em;
  text-align: left;
}

.mbsc-windows.mbsc-schedule-all-day-item {
  min-height: 1.375em;
}

.mbsc-windows.mbsc-schedule-all-day-text {
  padding: 0 0.333334em;
  font-size: 0.75em;
  line-height: 1.833334em;
}

.mbsc-windows.mbsc-schedule-timezone-label {
  font-size: 0.75em;
  line-height: 1.833334em;
  padding: 0 0.333334em;
}

.mbsc-windows.mbsc-schedule-header-dayname {
  position: relative;
}

.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.285715em;
}

.mbsc-windows.mbsc-schedule-date-header {
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-schedule-date-header-text {
  font-weight: 500;
  line-height: 1.25em;
  padding: 0.5em 0;
}

.mbsc-windows.mbsc-schedule-header-day.mbsc-hover {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-windows.mbsc-schedule-resource {
  border-top: 1px solid;
  margin-top: -1px;
}

.mbsc-windows.mbsc-schedule-resource.mbsc-ltr {
  border-left-width: 1px;
  border-left-style: solid;
  text-align: left;
}

.mbsc-windows.mbsc-schedule-resource.mbsc-rtl {
  border-right-width: 1px;
  border-right-style: solid;
  text-align: right;
}

.mbsc-windows.mbsc-schedule-resource:first-child {
  border-left: 0;
  border-right: 0;
}

.mbsc-windows.mbsc-schedule-time-indicator-x {
  border-bottom: 1px dashed;
}

.mbsc-windows.mbsc-schedule-time-indicator-time-x {
  padding: 0 0.333334em;
  font-size: 0.75em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-schedule-time-indicator-day {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.mbsc-windows.mbsc-schedule-time-indicator-day:before {
  display: none;
}

.mbsc-windows.mbsc-schedule-cursor-time-x {
  font-size: 0.75em;
  width: 5.666667em;
  padding: 0 0.333334em;
}

.mbsc-windows.mbsc-schedule-all-day-wrapper {
  max-height: 4em;
}

.mbsc-windows.mbsc-schedule-time-col.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-windows.mbsc-schedule-time-col.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-windows.mbsc-schedule-time {
  top: 0;
  padding: 0 0.333334em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-schedule-time-end {
  display: none;
}

.mbsc-windows.mbsc-schedule-event-hover .mbsc-schedule-event-background:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-windows.mbsc-timeline-resource-icon {
  width: 1.071429em;
  padding: 0 0.214286em;
}

.mbsc-windows {
  /* Event listing */
  /* Schedule view */
  /* Header */
  /* Time indicator */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-windows.mbsc-eventcalendar {
  background: #ffffff;
}

.mbsc-windows.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #f0f0f0;
}

.mbsc-windows.mbsc-event-list-empty {
  color: rgba(51, 51, 51, 0.7);
}

.mbsc-windows.mbsc-event-group {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-event-day.mbsc-list-header, .mbsc-windows.mbsc-event.mbsc-list-item {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-event.mbsc-focus, .mbsc-windows.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows.mbsc-event-color {
  background: #0078d7;
}

.mbsc-windows.mbsc-schedule-wrapper {
  background: #ffffff;
}

.mbsc-windows.mbsc-schedule-header-day {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-schedule-header-item {
  color: #333333;
}

.mbsc-windows.mbsc-schedule-header-day-today {
  color: #0078d7;
}

.mbsc-windows.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}

.mbsc-windows.mbsc-schedule-date-header {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-schedule-time-indicator, .mbsc-windows.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}

.mbsc-windows.mbsc-schedule-cursor-time, .mbsc-windows.mbsc-schedule-time-indicator-time {
  background: rgba(255, 255, 255, 0.8);
  color: #0078d7;
}

.mbsc-windows.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}

.mbsc-windows.mbsc-timeline-day::after, .mbsc-windows.mbsc-timeline-slots, .mbsc-windows.mbsc-timeline-slot-header, .mbsc-windows.mbsc-timeline-header-month, .mbsc-windows.mbsc-timeline-header-week, .mbsc-windows.mbsc-timeline-header-date, .mbsc-windows.mbsc-timeline-resource-empty, .mbsc-windows.mbsc-timeline-header-column, .mbsc-windows.mbsc-timeline-header, .mbsc-windows.mbsc-timeline-resource, .mbsc-windows.mbsc-timeline-column, .mbsc-windows.mbsc-timeline-row, .mbsc-windows.mbsc-schedule-resource-group, .mbsc-windows.mbsc-schedule-resource, .mbsc-windows.mbsc-schedule-time-col, .mbsc-windows.mbsc-schedule-all-day-item::after, .mbsc-windows.mbsc-schedule-column, .mbsc-windows.mbsc-schedule-item {
  border-color: #e6e6e6;
}

.mbsc-windows.mbsc-schedule-time-wrapper {
  border-top: 1px solid #e6e6e6;
  color: #333333;
}

.mbsc-windows.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #e6e6e6;
  color: #333333;
}

.mbsc-windows.mbsc-schedule-all-day-text, .mbsc-windows.mbsc-schedule-timezone-label, .mbsc-windows.mbsc-schedule-time-cont {
  color: #333333;
}

.mbsc-windows.mbsc-schedule-event {
  color: #0078d7;
}

.mbsc-windows.mbsc-schedule-event-inner {
  color: #fff;
}

.mbsc-windows.mbsc-schedule-event-dragging .mbsc-schedule-event-background, .mbsc-windows.mbsc-schedule-event-active .mbsc-schedule-event-background {
  outline: 1px solid #333333;
}

.mbsc-windows.mbsc-schedule-invalid {
  background: rgba(240, 240, 240, 0.75);
  color: #8a8a8a;
}

.mbsc-windows.mbsc-timeline-header-bg, .mbsc-windows.mbsc-timeline-header-text, .mbsc-windows.mbsc-timeline-resource-empty, .mbsc-windows.mbsc-timeline-resource-bg {
  background: #ffffff;
}

.mbsc-windows.mbsc-connection {
  stroke: rgba(51, 51, 51, 0.7);
}

.mbsc-windows.mbsc-connection-arrow {
  fill: #333333;
}

.mbsc-windows-dark {
  /* Event listing */
  /* Schedule view */
  /* Header */
  /* Time indicator */
  /* Grid & All-day row */
  /* Event style */
  /* Invalid */
  /* Timeline */
  /* Connections */
}

.mbsc-windows-dark.mbsc-eventcalendar {
  background: #1a1a1a;
}

.mbsc-windows-dark.mbsc-eventcalendar .mbsc-calendar-day.mbsc-disabled {
  background: #343434;
}

.mbsc-windows-dark.mbsc-event-list-empty {
  color: rgba(255, 255, 255, 0.7);
}

.mbsc-windows-dark.mbsc-event-group {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-event-day.mbsc-list-header, .mbsc-windows-dark.mbsc-event.mbsc-list-item {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-event.mbsc-focus, .mbsc-windows-dark.mbsc-event.mbsc-selected {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows-dark.mbsc-event-color {
  background: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-wrapper {
  background: #1a1a1a;
}

.mbsc-windows-dark.mbsc-schedule-header-day {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-schedule-header-item {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-schedule-header-day-today {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-header-dayname.mbsc-selected:after {
  background: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-date-header {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-schedule-time-indicator, .mbsc-windows-dark.mbsc-schedule-time-indicator-day {
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-cursor-time, .mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  background: rgba(26, 26, 26, 0.8);
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-time-indicator-time {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-timeline-day::after, .mbsc-windows-dark.mbsc-timeline-slots, .mbsc-windows-dark.mbsc-timeline-slot-header, .mbsc-windows-dark.mbsc-timeline-header-month, .mbsc-windows-dark.mbsc-timeline-header-week, .mbsc-windows-dark.mbsc-timeline-header-date, .mbsc-windows-dark.mbsc-timeline-resource-empty, .mbsc-windows-dark.mbsc-timeline-header-column, .mbsc-windows-dark.mbsc-timeline-header, .mbsc-windows-dark.mbsc-timeline-resource, .mbsc-windows-dark.mbsc-timeline-column, .mbsc-windows-dark.mbsc-timeline-row, .mbsc-windows-dark.mbsc-schedule-resource-group, .mbsc-windows-dark.mbsc-schedule-resource, .mbsc-windows-dark.mbsc-schedule-time-col, .mbsc-windows-dark.mbsc-schedule-all-day-item::after, .mbsc-windows-dark.mbsc-schedule-column, .mbsc-windows-dark.mbsc-schedule-item {
  border-color: #343434;
}

.mbsc-windows-dark.mbsc-schedule-time-wrapper {
  border-top: 1px solid #343434;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-schedule-time-wrapper-end {
  border-bottom: 1px solid #343434;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-schedule-all-day-text, .mbsc-windows-dark.mbsc-schedule-timezone-label, .mbsc-windows-dark.mbsc-schedule-time-cont {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-schedule-event {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-schedule-event-inner {
  color: #fff;
}

.mbsc-windows-dark.mbsc-schedule-event-dragging .mbsc-schedule-event-background, .mbsc-windows-dark.mbsc-schedule-event-active .mbsc-schedule-event-background {
  outline: 1px solid #ffffff;
}

.mbsc-windows-dark.mbsc-schedule-invalid {
  background: rgba(52, 52, 52, 0.75);
  color: #929292;
}

.mbsc-windows-dark.mbsc-timeline-header-bg, .mbsc-windows-dark.mbsc-timeline-header-text, .mbsc-windows-dark.mbsc-timeline-resource-empty, .mbsc-windows-dark.mbsc-timeline-resource-bg {
  background: #1a1a1a;
}

.mbsc-windows-dark.mbsc-connection {
  stroke: rgba(255, 255, 255, 0.7);
}

.mbsc-windows-dark.mbsc-connection-arrow {
  fill: #ffffff;
}

.mbsc-eventcalendar {
  height: 100%;
  overflow: hidden;
}

/* Event list */

.mbsc-event-list {
  flex: 1 1 auto;
  position: relative;
}

.mbsc-event-list-scroll {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.mbsc-event-list-empty {
  text-align: center;
  margin: 3em;
  font-size: 1.5em;
}

.mbsc-event-day {
  position: sticky;
  top: 0;
  z-index: 3;
}

.mbsc-event-color,
.mbsc-event-time {
  flex: 0 0 auto;
}

.mbsc-event-content {
  flex: 1 1 auto;
  overflow: hidden;
}

.mbsc-event-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Popover list */

.mbsc-popover-list {
  width: 20em;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-popover-hidden {
  visibility: hidden;
}

.mbsc-calendar-dragging {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  cursor: move;
}

/* External drag element */

.mbsc-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-drag-clone {
  position: fixed;
  display: table;
  z-index: 99;
  margin: 15px 0 0 0 !important;
  box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  cursor: move;
}

.mbsc-drag-clone:after {
  content: "";
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -50px;
  right: -50px;
}

/* Fake scroll rules */

.mbsc-schedule-fake-scroll-x,
.mbsc-schedule-fake-scroll-y {
  visibility: hidden;
  flex: none;
}

.mbsc-schedule-fake-scroll-x {
  overflow-x: scroll;
  width: 0;
}

.mbsc-schedule-fake-scroll-y {
  overflow-y: scroll;
  max-height: 20px;
}

.mbsc-ios.mbsc-list-item {
  margin-top: -1px;
  padding: 1em;
}

.mbsc-ios.mbsc-list-item:before, .mbsc-ios.mbsc-list-item:after {
  content: "";
  position: absolute;
  right: 0;
  left: 1em;
}

.mbsc-ios.mbsc-list-item.mbsc-rtl:before, .mbsc-ios.mbsc-list-item.mbsc-rtl:after {
  left: 0;
  right: 1em;
}

.mbsc-ios.mbsc-list-item:before {
  top: 0;
  transition: none;
}

.mbsc-ios.mbsc-list-item:after {
  bottom: 0;
}

.mbsc-ios.mbsc-list-item:first-child:before, .mbsc-ios.mbsc-list-item:last-child:after {
  left: 0;
  right: 0;
}

.mbsc-ios.mbsc-list-item.mbsc-hover, .mbsc-ios.mbsc-list-item.mbsc-active {
  z-index: 3;
}

.mbsc-ios.mbsc-list-item.mbsc-focus, .mbsc-ios.mbsc-list-item.mbsc-selected {
  z-index: 5;
}

.mbsc-ios.mbsc-list-item.mbsc-focus:before, .mbsc-ios.mbsc-list-item.mbsc-focus:after, .mbsc-ios.mbsc-list-item.mbsc-hover:before, .mbsc-ios.mbsc-list-item.mbsc-hover:after, .mbsc-ios.mbsc-list-item.mbsc-active:before, .mbsc-ios.mbsc-list-item.mbsc-active:after, .mbsc-ios.mbsc-list-item.mbsc-selected:before, .mbsc-ios.mbsc-list-item.mbsc-selected:after {
  left: 0;
  right: 0;
}

.mbsc-ios.mbsc-list-header {
  z-index: 4;
  margin-top: -1px;
  padding: 2.333334em 1.333334em 0.5em 1.333334em;
  font-size: 0.75em;
  line-height: 1.5em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  text-transform: uppercase;
}

.mbsc-ios.mbsc-list-header:first-child {
  border-top: 0;
  margin-top: 0;
}

.mbsc-ios.mbsc-list-item-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0.25em;
  border-radius: 0.5em;
  transition: background-color 0.15s ease-in-out;
  pointer-events: none;
}

.mbsc-ios.mbsc-list-item {
  background: white;
  border-color: #cccccc;
  color: #000000;
}

.mbsc-ios.mbsc-list-item:before, .mbsc-ios.mbsc-list-item:after {
  border-top: 1px solid #cccccc;
}

.mbsc-ios.mbsc-list-header {
  background: #efeff4;
  color: #6e6e72;
  border-color: #cccccc;
}

.mbsc-ios.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-ios-dark.mbsc-list-item {
  background: #000000;
  border-color: #333333;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-list-item:before, .mbsc-ios-dark.mbsc-list-item:after {
  border-top: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-list-header {
  background: #1a1a1a;
  color: #8f8f8f;
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-material.mbsc-list-header {
  margin-top: -1px;
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5714em 1.14285em;
  background: #fff;
  color: #1a73e8;
}

.mbsc-material.mbsc-list-item {
  background: #fff;
  color: #303030;
}

.mbsc-material.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark.mbsc-list-header {
  background: #000;
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-list-item {
  background: #000;
  color: #fff;
}

.mbsc-material-dark.mbsc-list-item.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-windows.mbsc-list-header {
  font-weight: 500;
  line-height: 1.25em;
}

.mbsc-windows.mbsc-list-item {
  padding: 0.5em;
  line-height: 1.25em;
}

.mbsc-windows.mbsc-list-header, .mbsc-windows.mbsc-list-item {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-list-item.mbsc-hover:before {
  background: rgba(51, 51, 51, 0.1);
}

.mbsc-windows.mbsc-list-item.mbsc-active:before {
  background: rgba(51, 51, 51, 0.2);
}

.mbsc-windows-dark.mbsc-list-header, .mbsc-windows-dark.mbsc-list-item {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-list-item.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.22);
}

.mbsc-windows-dark.mbsc-list-item.mbsc-active:before {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-list {
  display: block;
}

.mbsc-list-header {
  display: flex;
}

.mbsc-list-item {
  position: relative;
  z-index: 2;
  list-style: none;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 1.25em;
}

.mbsc-list-item-actionable {
  cursor: pointer;
}

.mbsc-list-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: background-color 0.2s ease-out;
}

.mbsc-list-item:focus {
  outline: 0;
}

.mbsc-list-item::-moz-focus-inner {
  border: 0;
}

.mbsc-schedule-grid-wrapper {
  overflow: hidden;
  position: relative;
}

.mbsc-timeline-resource-col,
.mbsc-schedule-time-col {
  flex: none;
  width: 4.25em;
  box-sizing: border-box;
}

/* Schedule grid */

.mbsc-timeline-grid-scroll,
.mbsc-schedule-grid-scroll {
  overflow-x: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mbsc-schedule-grid {
  flex: 1 0 auto;
}

/* Borders */

.mbsc-schedule-all-day-item::after,
.mbsc-timeline-day-border::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.mbsc-schedule-all-day-item.mbsc-ltr::after,
.mbsc-timeline-day-border.mbsc-ltr::after {
  left: 100%;
  border-right-style: solid;
  border-right-width: 1px;
}

.mbsc-schedule-all-day-item.mbsc-rtl::after,
.mbsc-timeline-day-border.mbsc-rtl::after {
  right: 100%;
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-timeline-slot-header.mbsc-rtl,
.mbsc-timeline-header-date.mbsc-rtl,
.mbsc-timeline-resource.mbsc-rtl,
.mbsc-timeline-resource-empty.mbsc-rtl,
.mbsc-timeline-header-column.mbsc-rtl,
.mbsc-timeline-column.mbsc-rtl,
.mbsc-schedule-column.mbsc-ltr {
  border-left-style: solid;
  border-left-width: 1px;
}

.mbsc-timeline-slot-header.mbsc-ltr,
.mbsc-timeline-header-date.mbsc-ltr,
.mbsc-timeline-resource.mbsc-ltr,
.mbsc-timeline-resource-empty.mbsc-ltr,
.mbsc-timeline-header-column.mbsc-ltr,
.mbsc-timeline-column.mbsc-ltr,
.mbsc-schedule-column.mbsc-rtl {
  border-right-style: solid;
  border-right-width: 1px;
}

/* Schedule event */

.mbsc-schedule-event:focus {
  outline: none;
}

.mbsc-schedule-event {
  position: absolute;
  padding: 1px 0;
  box-sizing: border-box;
  min-height: 0.75em;
  z-index: 1;
}

.mbsc-schedule-event.mbsc-ltr {
  left: 0;
}

.mbsc-schedule-event.mbsc-rtl {
  right: 0;
}

.mbsc-schedule-event-hover {
  cursor: pointer;
}

.mbsc-schedule-event-inner {
  position: relative;
  max-height: 100%;
  margin: 0 0.2em;
  line-height: 1.5em;
  font-size: 0.625em;
  padding: 0.5em;
  box-sizing: border-box;
  overflow: hidden;
}

.mbsc-schedule-event-small-height.mbsc-schedule-event-inner {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.2em;
  margin-top: -1px;
}

.mbsc-schedule-event-small-height.mbsc-schedule-event-inner .mbsc-schedule-event-title {
  font-size: 1em;
}

.mbsc-schedule-event-background {
  position: absolute;
  top: -0.5em;
  left: 1px;
  right: 1px;
  bottom: -0.5em;
  background: currentColor;
}

.mbsc-schedule-event-start .mbsc-schedule-event-background {
  top: 1px;
}

.mbsc-schedule-event-end .mbsc-schedule-event-background {
  bottom: 1px;
}

.mbsc-schedule-event-range {
  font-size: 0.8em;
}

.mbsc-schedule-event-all-day {
  position: relative;
  display: block;
  padding: 0 0.125em;
  margin: 0.125em 0;
  min-height: 0;
  box-sizing: border-box;
  z-index: 2;
}

.mbsc-schedule-event-all-day-placeholder {
  z-index: -1;
}

.mbsc-schedule-event-all-day-inner {
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  margin: 0;
  padding: 0 0.3em;
  font-size: 0.625em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-schedule-event-all-day-background.mbsc-schedule-event-background {
  top: 0;
  bottom: 0;
}

/* Event Drag & drop */

.mbsc-schedule-event-dragging {
  position: absolute;
  top: 0;
  z-index: 3;
}

.mbsc-schedule-event-inactive {
  opacity: 0.5;
}

.mbsc-schedule-event-hidden {
  visibility: hidden;
}

/* Event resize handles */

.mbsc-schedule-event-resize {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  height: 0.25em;
  z-index: 1;
  cursor: ns-resize;
}

.mbsc-schedule-event-resize-start {
  top: 0;
}

.mbsc-schedule-event-resize-end {
  bottom: 0;
}

.mbsc-schedule-event-resize-start:after {
  top: -0.25em;
  right: 0.5em;
}

.mbsc-schedule-event-resize-end:after {
  bottom: -0.25em;
  left: 0.5em;
}

.mbsc-schedule-event-resize:after {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: 0.5em;
  height: 0.5em;
  background: #fff;
  border-radius: 50%;
  border: 1px solid currentColor;
  box-sizing: border-box;
}

.mbsc-schedule-event-resize-start-touch:before,
.mbsc-schedule-event-resize-end-touch:before {
  content: "";
  position: absolute;
  margin: 1px 0;
  width: 1.5em;
  height: 1em;
}

.mbsc-schedule-event-resize-start-touch:before {
  top: -0.5em;
  right: 0;
}

.mbsc-schedule-event-resize-end-touch:before {
  bottom: -0.5em;
  left: 0;
}

.mbsc-schedule-event-dragging .mbsc-schedule-event-resize,
.mbsc-schedule-event-hover .mbsc-schedule-event-resize {
  display: block;
}

/* Blocking and colored date styles */

.mbsc-schedule-invalid,
.mbsc-schedule-color {
  position: absolute;
  top: -0.5em;
  bottom: -0.5em;
  left: 0;
  right: 0;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
}

.mbsc-schedule-invalid-all-day,
.mbsc-schedule-color-all-day {
  top: 0;
  bottom: 0;
  z-index: -1;
}

.mbsc-schedule-invalid-start,
.mbsc-schedule-color-start {
  padding-top: 0.5em;
  margin-top: -0.5em;
}

.mbsc-schedule-invalid-end,
.mbsc-schedule-color-end {
  padding-bottom: 0.5em;
}

.mbsc-schedule-invalid-text,
.mbsc-schedule-color-text {
  padding: 0.375em;
  font-size: 0.75em;
}

.mbsc-schedule-color-text {
  opacity: 0.8;
}

/* Time indicator */

.mbsc-schedule-time-indicator {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.mbsc-schedule-time-indicator-x {
  border-bottom: 1px solid;
}

.mbsc-schedule-time-indicator-x.mbsc-ltr {
  left: 4.25em;
  right: 0;
}

.mbsc-schedule-time-indicator-x.mbsc-rtl {
  right: 4.25em;
  left: 0;
}

.mbsc-schedule-time-indicator-y {
  border-left: 1px solid;
  top: 2em;
  bottom: 0;
  margin-top: -0.25em;
}

.mbsc-schedule-time-indicator-y.mbsc-ltr {
  margin-left: -1px;
}

.mbsc-schedule-time-indicator-y.mbsc-rtl {
  margin-right: -1px;
}

.mbsc-schedule-time-indicator-day {
  position: absolute;
  width: 14.285714%;
}

.mbsc-schedule-time-indicator-day:before {
  content: "";
  position: absolute;
  width: 0.4375em;
  height: 0.4375em;
  margin-top: -0.1875em;
  margin-left: -0.1875em;
  margin-right: -0.1875em;
  border-radius: 50%;
  z-index: 1;
}

.mbsc-schedule-time-indicator-time {
  position: absolute;
  top: -1em;
  font-size: 0.625em;
  line-height: 2em;
  margin-top: 1px;
  padding: 0 0.8em;
  white-space: nowrap;
}

.mbsc-schedule-time-indicator-time-y {
  top: -1.8em;
  padding: 0 0.5em;
  margin-left: -0.5em;
  margin-right: -0.5em;
  line-height: 1.6em;
}

.mbsc-schedule-time-indicator-time-x.mbsc-ltr,
.mbsc-schedule-time-indicator-time-y.mbsc-rtl {
  right: 100%;
}

.mbsc-schedule-time-indicator-time-x.mbsc-rtl,
.mbsc-schedule-time-indicator-time-y.mbsc-ltr {
  left: 100%;
}

/* Cursor indicator */

.mbsc-schedule-cursor-time {
  position: absolute;
  z-index: 3;
  font-size: 0.625em;
  line-height: 2em;
  white-space: nowrap;
  box-sizing: border-box;
}

.mbsc-schedule-cursor-time-x {
  margin-top: -1em;
}

.mbsc-schedule-cursor-time-x.mbsc-ltr {
  text-align: right;
}

.mbsc-schedule-cursor-time-x.mbsc-rtl {
  text-align: left;
}

.mbsc-schedule-cursor-time-y {
  padding: 0 0.5em;
  top: 0.9em;
}

@supports (overflow: clip) {
  .mbsc-schedule-event-inner {
    position: sticky;
    top: 0;
  }
}

.mbsc-schedule-wrapper {
  overflow: auto;
}

/* Resource groups */

.mbsc-schedule-resource-group {
  box-sizing: border-box;
  flex-basis: 16em;
}

.mbsc-schedule-resource-group:first-child:last-child {
  flex-basis: 0;
}

.mbsc-schedule-resource-group.mbsc-ltr {
  border-left-width: 2px;
  border-left-style: solid;
}

.mbsc-schedule-resource-group.mbsc-rtl {
  border-right-width: 2px;
  border-right-style: solid;
}

.mbsc-schedule-resource-group:first-child {
  border: 0;
}

/* Schedule header */

.mbsc-schedule-date-header-text {
  line-height: 1.5em;
  text-align: center;
}

.mbsc-schedule-header {
  overflow: hidden;
}

.mbsc-schedule-all-day-group-wrapper,
.mbsc-schedule-header-wrapper {
  min-width: 0;
  overflow: hidden;
}

.mbsc-schedule-header-item {
  display: block;
  position: relative;
  text-align: center;
  line-height: 1.25em;
}

.mbsc-schedule-header-item.mbsc-hover {
  cursor: pointer;
}

.mbsc-schedule-header-dayname {
  font-size: 0.75em;
}

.mbsc-schedule-header-day {
  font-size: 1.125em;
}

/* Schedule column width for: header item, header resource, all-day item, schedule column  */

.mbsc-schedule-col-width {
  box-sizing: border-box;
  width: 2.5em;
}

.mbsc-schedule-wrapper-multi .mbsc-schedule-col-width {
  width: 6.25em;
}

/* Resource title */

.mbsc-schedule-resource {
  overflow: hidden;
}

.mbsc-schedule-resource-title {
  padding: 0.5em;
  font-size: 0.875em;
  font-weight: 600;
  text-align: center;
}

/* Schedule all day event container */

.mbsc-schedule-all-day-cont {
  position: relative;
}

.mbsc-schedule-all-day-wrapper {
  position: relative;
  max-height: 7.8125em;
  overflow-x: hidden;
  overflow-y: scroll;
}

.mbsc-schedule-all-day-wrapper-shadow:after {
  content: "";
  box-shadow: inset 0 0.5em 0.25em -0.5em rgba(48, 48, 48, 0.5);
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  z-index: 4;
  pointer-events: none;
}

.mbsc-schedule-all-day-item {
  position: relative;
}

.mbsc-schedule-all-day-item:first-child,
.mbsc-schedule-column:first-child {
  border: 0;
}

.mbsc-schedule-timezone-labels {
  position: absolute;
  bottom: 0;
  z-index: 1;
  font-weight: bold;
}

.mbsc-schedule-timezone-label {
  font-size: 0.75em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-schedule-time-indicator-tz {
  width: 5.666667em;
}

.mbsc-schedule-time-indicator-tz.mbsc-ltr,
.mbsc-schedule-timezone-label.mbsc-ltr {
  text-align: right;
}

.mbsc-schedule-time-indicator-tz.mbsc-rtl,
.mbsc-schedule-timezone-label.mbsc-rtl {
  text-align: left;
}

/* Time section */

.mbsc-schedule-time-wrapper {
  position: relative;
  width: 4.25em;
  height: 3.125em;
  box-sizing: border-box;
  pointer-events: auto;
}

.mbsc-schedule-time {
  position: relative;
  line-height: 2em;
  top: -1em;
  font-size: 0.75em;
}

.mbsc-schedule-time-end {
  position: absolute;
  top: auto;
  bottom: -1em;
  left: 0;
  right: 0;
}

.mbsc-schedule-time-col.mbsc-ltr {
  text-align: right;
}

.mbsc-schedule-time-col.mbsc-rtl {
  text-align: left;
}

.mbsc-schedule-time-cont-pos {
  position: relative;
}

/* Grid */

.mbsc-schedule-time-cont-inner {
  position: absolute;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  height: 100%;
  box-sizing: border-box;
  padding: 0.5em 0;
}

.mbsc-schedule-column {
  padding: 0.5em 0;
}

.mbsc-schedule-column-inner {
  position: relative;
}

.mbsc-schedule-all-day-item,
.mbsc-schedule-item {
  box-sizing: border-box;
}

.mbsc-schedule-item {
  height: 3.125em;
  position: relative;
  border-top: 1px solid;
}

.mbsc-schedule-item-last {
  border-bottom: 1px solid;
}

/* Event spacing */

.mbsc-schedule-events {
  position: absolute;
  height: 100%;
}

.mbsc-schedule-events.mbsc-ltr {
  left: 0;
  right: 0.5em;
}

.mbsc-schedule-events.mbsc-rtl {
  right: 0;
  left: 0.5em;
}

/* All day events */

.mbsc-schedule-event-all-day {
  /* Increase touch area for resize dots */
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize {
  width: 0.25em;
  height: 100%;
  cursor: ew-resize;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize:after {
  top: 50%;
  right: auto;
  left: auto;
  margin-top: -0.25em;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl {
  right: auto;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl {
  left: auto;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-ltr:after,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-rtl:after {
  right: -0.25em;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end.mbsc-ltr:after,
.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start.mbsc-rtl:after {
  left: -0.25em;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-start-touch:before {
  height: 1.5em;
  top: 50%;
  left: -0.75em;
  right: auto;
  margin-top: -0.75em;
}

.mbsc-schedule-event-all-day .mbsc-schedule-event-resize-end-touch:before {
  height: 1.5em;
  top: 50%;
  left: auto;
  right: -0.75em;
  margin-top: -0.75em;
}

/* Large screen */

.mbsc-calendar-width-md .mbsc-schedule-event-title {
  font-size: 1.2em;
}

.mbsc-calendar-width-md .mbsc-schedule-event-range {
  font-size: 1em;
}

.mbsc-calendar-width-md .mbsc-schedule-event-all-day-title {
  font-size: 1em;
}

.mbsc-calendar-width-md .mbsc-schedule-event-all-day-inner {
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.333334em;
}

.mbsc-timeline {
  overflow: hidden;
  position: relative;
}

.mbsc-timeline.mbsc-ltr {
  margin-right: -1px;
}

.mbsc-timeline.mbsc-rtl {
  margin-left: -1px;
}

/* Resource column */

.mbsc-timeline-resource-col {
  width: 12em;
}

.mbsc-timeline-resources {
  position: absolute;
  top: 0;
  bottom: 15px;
  z-index: 4;
  overflow: hidden;
}

.mbsc-timeline-resources.mbsc-ltr {
  left: 0;
}

.mbsc-timeline-resources.mbsc-rtl {
  right: 0;
}

.mbsc-timeline-resource-empty {
  position: relative;
  z-index: 5;
  overflow: hidden;
  pointer-events: auto;
}

.mbsc-timeline-resource {
  box-sizing: border-box;
  overflow: hidden;
}

/* Hierarchy */

.mbsc-timeline-parent {
  background: rgba(230, 230, 230, 0.25);
}

.mbsc-timeline-resource-icon {
  font-size: 0.875em;
  font-weight: 600;
  margin: 0.357143em 0;
  cursor: pointer;
  box-sizing: content-box;
}

.mbsc-timeline-resource-icon.mbsc-ltr {
  margin-left: 0.5em;
}

.mbsc-timeline-resource-icon.mbsc-rtl {
  margin-right: 0.5em;
}

.mbsc-timeline-resource-header,
.mbsc-timeline-resource-title {
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.5em;
}

/* Header */

.mbsc-timeline-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  overflow: hidden;
}

.mbsc-timeline-header-bg {
  position: relative;
}

.mbsc-timeline-day {
  position: relative;
  min-width: 9em;
  box-sizing: border-box;
}

.mbsc-timeline-day-month {
  min-width: 0;
}

.mbsc-timeline-header-column.mbsc-timeline-no-border,
.mbsc-timeline-column.mbsc-timeline-no-border {
  border-left: 0;
  border-right: 0;
}

.mbsc-timeline-month {
  min-width: 0;
  position: relative;
}

.mbsc-timeline-header-month,
.mbsc-timeline-header-week {
  height: 1.625em;
  box-sizing: border-box;
}

.mbsc-timeline-header-date {
  min-height: 1.625em;
  box-sizing: border-box;
}

.mbsc-timeline-header-month-last.mbsc-ltr,
.mbsc-timeline-header-week-last.mbsc-ltr {
  border-right-width: 1px;
  border-right-style: solid;
}

.mbsc-timeline-header-month-last.mbsc-rtl,
.mbsc-timeline-header-week-last.mbsc-rtl {
  border-left-width: 1px;
  border-left-style: solid;
}

.mbsc-timeline-header-month-text,
.mbsc-timeline-header-date-text,
.mbsc-timeline-header-week-text {
  font-size: 0.875em;
  padding: 0 0.285714em;
  line-height: 1.785715em;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
}

.mbsc-timeline-header-date-text {
  position: static;
}

.mbsc-timeline-header-month-text {
  font-weight: bold;
}

.mbsc-timeline-header-date-cont,
.mbsc-timeline-header-date-text,
.mbsc-timeline-header-month-text-last,
.mbsc-timeline-header-week-text-last {
  max-width: 100%;
  overflow: hidden;
}

.mbsc-timeline-header-column {
  border-bottom: 1px solid;
  height: 1.625em;
  overflow: hidden;
}

.mbsc-timeline-header-time {
  padding: 0 0.5em;
  font-size: 0.625em;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.6em;
}

.mbsc-timeline-time-indicator-cont {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  overflow: hidden;
  padding-top: 2em;
  margin-top: -2em;
  pointer-events: none;
  box-sizing: content-box;
}

/* Sticky header */

.mbsc-timeline-header-sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6;
  pointer-events: none;
}

.mbsc-timeline-header-sticky .mbsc-timeline-header-date {
  border-left: 0;
  border-right: 0;
}

/* Grid */

.mbsc-timeline-column,
.mbsc-timeline-header-column {
  width: 4em;
  box-sizing: border-box;
  position: relative;
}

.mbsc-timeline-grid-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
}

.mbsc-timeline-grid {
  position: relative;
  overflow: hidden;
}

.mbsc-timeline-resource,
.mbsc-timeline-row {
  height: 3.25em;
  position: relative;
  flex: 1 0 auto;
  box-sizing: border-box;
}

.mbsc-timeline-resource-empty,
.mbsc-timeline-resource,
.mbsc-timeline-header-date,
.mbsc-timeline-header-month,
.mbsc-timeline-header-week,
.mbsc-timeline-row {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

/* Events */

.mbsc-timeline-events {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 1em;
}

.mbsc-timeline-event {
  z-index: 2;
  min-width: 0.75em;
  padding: 6px 0 0 0;
}

.mbsc-timeline-event .mbsc-schedule-event-all-day-inner {
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.333334em;
}

.mbsc-timeline-event .mbsc-schedule-event-title,
.mbsc-timeline-event .mbsc-schedule-event-range {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-timeline-event-background {
  margin-top: 6px;
  top: 0;
  bottom: 0;
}

.mbsc-timeline-event-resize {
  width: 0.25em;
  top: 6px;
  bottom: 0;
  right: auto;
  left: auto;
  cursor: ew-resize;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-ltr, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-rtl {
  height: auto;
  left: 0;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end.mbsc-ltr, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start.mbsc-rtl {
  height: auto;
  right: 0;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  top: 50%;
  margin-top: -0.25em;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-end:after {
  left: -0.125em;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start:after {
  right: -0.125em;
}

.mbsc-timeline-event-resize.mbsc-schedule-event-resize-start-touch:before, .mbsc-timeline-event-resize.mbsc-schedule-event-resize-end-touch:before {
  height: 1.5em;
  top: 50%;
  left: 50%;
  margin: -0.75em 0 0 -0.75em;
}

.mbsc-timeline-event-listing {
  position: absolute;
  margin: 0;
}

.mbsc-timeline-event-listing.mbsc-timeline-event-dragging {
  position: absolute;
  top: 0;
}

.mbsc-timeline-event-slot {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 2px;
}

/* Invalid, color */

.mbsc-timeline-color,
.mbsc-timeline-invalid {
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}

/* No time displayed */

.mbsc-timeline-header-column.mbsc-timeline-no-height {
  border: 0;
  height: 0;
}

/* Connections */

.mbsc-connections {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.mbsc-connection {
  stroke-width: 1.5px;
  fill: none;
  pointer-events: visibleStroke;
}

/* Slots */

.mbsc-timeline-slots {
  height: 1.625em;
  box-sizing: border-box;
  border-bottom: 1px solid;
}

.mbsc-timeline-slot {
  position: relative;
  width: 8em;
  box-sizing: border-box;
  flex: 1 0 auto;
}

.mbsc-timeline-slot-title {
  font-size: 0.875em;
  font-weight: 600;
  line-height: 1.785715em;
  padding: 0 0.285714em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sticky positioning */

.mbsc-has-sticky {
  /* Needed for Safari, otherwise the scrollbar appears behind the sticky elements */
}

.mbsc-has-sticky .mbsc-timeline-grid-scroll.mbsc-ltr {
  position: relative;
}

.mbsc-has-sticky .mbsc-timeline-header {
  position: sticky;
  left: auto;
  right: auto;
  overflow: visible;
}

.mbsc-has-sticky .mbsc-timeline-resources.mbsc-ltr {
  position: sticky;
  top: auto;
  bottom: auto;
  overflow: visible;
}

@supports (overflow: clip) {
  .mbsc-timeline-grid {
    overflow: clip;
  }
  .mbsc-timeline .mbsc-schedule-event-inner {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }
  .mbsc-timeline.mbsc-ltr .mbsc-schedule-event-inner {
    left: 192px;
  }
  .mbsc-timeline.mbsc-rtl .mbsc-schedule-event-inner {
    right: 192px;
  }
  .mbsc-timeline-event-slot .mbsc-schedule-event-inner {
    position: relative;
    display: block;
  }
  .mbsc-timeline .mbsc-timeline-event-slot .mbsc-schedule-event-inner,
.mbsc-timeline.mbsc-timeline-no-resource .mbsc-schedule-event-inner {
    left: 0;
    right: 0;
  }
}

.mbsc-ios {
  /* Color presets */
}

.mbsc-ios.mbsc-checkbox-right {
  padding: 0.875em 3.75em 0.875em 1em;
}

.mbsc-ios.mbsc-checkbox-left {
  padding: 0.875em 1em 0.875em 3.75em;
}

.mbsc-ios.mbsc-checkbox-box {
  width: 1.75em;
  height: 1.75em;
  margin-top: -0.875em;
  border: 0.125em solid currentColor;
  border-radius: 2em;
}

.mbsc-ios.mbsc-checkbox-box-right {
  right: 1em;
}

.mbsc-ios.mbsc-checkbox-box-left {
  left: 1em;
}

.mbsc-ios.mbsc-checkbox-box:after {
  top: 32%;
  left: 26%;
  width: 0.75em;
  height: 0.375em;
  border: 0.125em solid currentColor;
  border-top: 0;
  border-right: 0;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -0.5em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  background: #ccc;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979E;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43BE5F;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}

.mbsc-ios.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5BB7C5;
}

.mbsc-ios.mbsc-checkbox-box {
  color: #1273de;
}

.mbsc-ios-dark.mbsc-checkbox-box {
  color: #ffa519;
}

.mbsc-material {
  /* Color presets */
}

.mbsc-material.mbsc-checkbox-right {
  padding: 0.9375em 3.5em 0.9375em 1em;
}

.mbsc-material.mbsc-checkbox-left {
  padding: 0.9375em 1em 0.9375em 3.5em;
}

.mbsc-material.mbsc-checkbox-box {
  border-radius: 0.1875em;
  width: 1.125em;
  height: 1.125em;
  margin-top: -0.5625em;
  border: 0.125em solid;
  transition: background-color 0.1s ease-out;
}

.mbsc-material.mbsc-checkbox-box-right {
  right: 1.25em;
}

.mbsc-material.mbsc-checkbox-box-left {
  left: 1.25em;
}

.mbsc-material.mbsc-checkbox-box:after {
  top: 0.125em;
  left: 0.0625em;
  width: 0.8125em;
  height: 0.4375em;
  opacity: 1;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.8125em;
  left: -0.8125em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  background: currentColor;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-material.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-material.mbsc-checkbox-box.mbsc-active:before {
  opacity: 0.2;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checked {
  background: currentColor;
  border-color: currentColor;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checked:after {
  transform: scale(1) rotate(-45deg);
}

.mbsc-material.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979E;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43BE5F;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}

.mbsc-material.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5BB7C5;
}

.mbsc-material.mbsc-checkbox-box {
  color: #1a73e8;
  border-color: #303030;
}

.mbsc-material.mbsc-checkbox-box:after {
  border-color: white;
}

.mbsc-material-dark.mbsc-checkbox-box {
  color: #87b0f3;
  border-color: #fff;
}

.mbsc-material-dark.mbsc-checkbox-box:after {
  border-color: #000;
}

.mbsc-windows {
  /* Color presets */
}

.mbsc-windows.mbsc-checkbox-left {
  padding: 1.125em 1em 1.125em 2.875em;
}

.mbsc-windows.mbsc-checkbox-right {
  padding: 1.125em 2.875em 1.125em 1em;
}

.mbsc-windows.mbsc-checkbox-box {
  margin-top: -0.6875em;
  width: 1.3125em;
  height: 1.3125em;
  border: 0.125em solid;
}

.mbsc-windows.mbsc-checkbox-box-left {
  left: 1em;
}

.mbsc-windows.mbsc-checkbox-box-right {
  right: 1em;
}

.mbsc-windows.mbsc-checkbox-box:after {
  top: 16%;
  left: 10%;
  width: 0.875em;
  height: 0.475em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
}

.mbsc-windows.mbsc-checkbox-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checked {
  background: currentColor;
  border-color: currentColor;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-primary {
  color: #3f97f6;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-secondary {
  color: #90979E;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-success {
  color: #43BE5F;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-danger {
  color: #f5504e;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-warning {
  color: #f8b042;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-checkbox-box-info {
  color: #5BB7C5;
}

.mbsc-windows.mbsc-checkbox-box {
  color: #0078d7;
  border-color: #333333;
}

.mbsc-windows.mbsc-checkbox-box:after {
  border-color: #e5f1fb;
}

.mbsc-windows.mbsc-checkbox-box:before {
  background: #737373;
}

.mbsc-windows.mbsc-checkbox-box.mbsc-active {
  border-color: #737373;
  background: #737373;
}

.mbsc-windows-dark.mbsc-checkbox-box {
  color: #0078d7;
  border-color: #ffffff;
}

.mbsc-windows-dark.mbsc-checkbox-box:after {
  border-color: black;
}

.mbsc-windows-dark.mbsc-checkbox-box:before {
  background: #a6a6a6;
}

.mbsc-windows-dark.mbsc-checkbox-box.mbsc-active {
  border-color: #a6a6a6;
  background: #a6a6a6;
}

.mbsc-checkbox {
  line-height: 1.25em;
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-checkbox-box {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  display: block;
  width: 1.375em;
  height: 1.375em;
}

.mbsc-checkbox-box:after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
}

.mbsc-checkbox-box.mbsc-checked:after {
  opacity: 1;
}

.mbsc-description {
  display: block;
  font-size: 0.75em;
  opacity: 0.6;
}

.mbsc-ios .mbsc-block-title,
.mbsc-ios .mbsc-form-group-title {
  padding: 0.5em 1.333334em;
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.mbsc-ios.mbsc-page {
  background: #f2f2f7;
  color: #000000;
}

.mbsc-ios .mbsc-block-title,
.mbsc-ios .mbsc-form-group-title {
  color: #6e6e6e;
}

.mbsc-ios a {
  color: #007aff;
}

.mbsc-ios-dark.mbsc-page {
  background: #000000;
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-block-title,
.mbsc-ios-dark .mbsc-form-group-title {
  color: #919191;
}

.mbsc-ios-dark a {
  color: #ff9f0a;
}

.mbsc-material .mbsc-block-title,
.mbsc-material .mbsc-form-group-title {
  padding: 0.666667em 1.333334em;
  font-size: 0.75em;
  text-transform: uppercase;
}

.mbsc-material.mbsc-page {
  background-color: #fff;
  color: #303030;
}

.mbsc-material .mbsc-block-title,
.mbsc-material .mbsc-form-group-title {
  color: #1a73e8;
}

.mbsc-material a {
  color: #1a73e8;
}

.mbsc-material-dark.mbsc-page {
  background-color: #000;
  color: #fff;
}

.mbsc-material-dark .mbsc-block-title,
.mbsc-material-dark .mbsc-form-group-title {
  color: #87b0f3;
}

.mbsc-material-dark a {
  color: #87b0f3;
}

.mbsc-windows .mbsc-block-title,
.mbsc-windows .mbsc-form-group-title {
  font-size: 1.5em;
  padding: 0 0.666667em;
  line-height: 2em;
}

.mbsc-windows.mbsc-page {
  background-color: #ffffff;
  color: #333333;
}

.mbsc-windows .mbsc-block-title,
.mbsc-windows .mbsc-form-group-title {
  color: #333333;
}

.mbsc-windows a {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-page {
  background-color: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-block-title,
.mbsc-windows-dark .mbsc-form-group-title {
  color: #ffffff;
}

.mbsc-windows-dark a {
  color: #0078d7;
}

.mbsc-page {
  display: block;
  min-height: 100%;
  padding: 0 0 0 0;
  padding: var(--mbsc-safe-top) var(--mbsc-safe-right) var(--mbsc-safe-bottom) var(--mbsc-safe-left);
}

.mbsc-page:before,
.mbsc-page:after {
  content: "";
  display: table;
}

/* Block */

.mbsc-block,
.mbsc-form-group {
  margin: 1.5em 0;
}

.mbsc-form-group-inset {
  margin: 2em 1.5em;
}

.mbsc-form-grid .mbsc-form-group-title {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Typography */

.mbsc-page h1,
.mbsc-page h2,
.mbsc-page h3,
.mbsc-page h4,
.mbsc-page h5,
.mbsc-page h6,
.mbsc-h1,
.mbsc-h2,
.mbsc-h3,
.mbsc-h4,
.mbsc-h5,
.mbsc-h6 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: normal;
  font-family: inherit;
}

.mbsc-page p,
.mbsc-p {
  margin: 1em 0;
  padding: 0;
  line-height: 1.5;
}

.mbsc-page a,
.mbsc-a {
  text-decoration: none;
}

.mbsc-page a:hover,
.mbsc-a:hover {
  text-decoration: underline;
}

.mbsc-page a.mbsc-btn:hover,
.mbsc-a.mbsc-btn:hover {
  text-decoration: none;
}

.mbsc-page h1,
.mbsc-h1 {
  margin: 0.347826em 0;
  font-size: 2.875em;
}

.mbsc-page h2,
.mbsc-h2 {
  margin: 0.470588em 0;
  font-size: 2.125em;
}

.mbsc-page h3,
.mbsc-h3 {
  margin: 0.666666em 0;
  font-size: 1.5em;
}

.mbsc-page h4,
.mbsc-h4 {
  margin: 0.8em 0;
  font-size: 1.25em;
}

.mbsc-page h5,
.mbsc-h5 {
  margin: 1.066666em 0;
  font-size: 0.9375em;
}

.mbsc-page h6,
.mbsc-h6 {
  margin: 1.333333em 0;
  font-size: 0.75em;
}

/* Padding, margin */

.mbsc-padding {
  padding: 1em;
}

.mbsc-padding > p:first-child {
  margin-top: 0;
}

.mbsc-padding > p:last-child {
  margin-bottom: 0;
}

.mbsc-margin {
  margin: 1em 0;
}

.mbsc-margin:first-child {
  margin-top: 0;
}

.mbsc-margin:last-child {
  margin-bottom: 0;
}

/* Lists */

.mbsc-page ul,
.mbsc-page ol,
.mbsc-ul,
.mbsc-ol {
  padding: 0;
  margin: 1em 0 1em 1.25em;
  line-height: 1.5;
}

.mbsc-page ul ul,
.mbsc-page ol ol,
.mbsc-ul .mbsc-ul,
.mbsc-ol .mbsc-ol {
  margin: 0 0 0 1.25em;
}

/* Font sizes */

.mbsc-txt-xs {
  font-size: 0.625em;
}

.mbsc-txt-s {
  font-size: 0.75em;
}

.mbsc-txt-m {
  font-size: 1.25em;
}

.mbsc-txt-l {
  font-size: 1.5em;
}

.mbsc-txt-xl {
  font-size: 2em;
}

.mbsc-txt-muted {
  opacity: 0.6;
}

/* Line heights */

.mbsc-line-height-xs {
  line-height: 1;
}

.mbsc-line-height-s {
  line-height: 1.25;
}

.mbsc-line-height-m {
  line-height: 1.5;
}

.mbsc-line-height-l {
  line-height: 1.75;
}

.mbsc-line-height-xl {
  line-height: 2;
}

/* Font weights */

.mbsc-ultra-bold {
  font-weight: 900;
}

.mbsc-bold {
  font-weight: bold;
}

.mbsc-medium {
  font-weight: 500;
}

.mbsc-light {
  font-weight: 300;
}

.mbsc-thin {
  font-weight: 100;
}

.mbsc-italic {
  font-style: italic;
}

/* Text align */

.mbsc-align-left {
  text-align: left;
}

.mbsc-align-right {
  text-align: right;
}

.mbsc-align-center {
  text-align: center;
}

.mbsc-align-justify {
  text-align: justify;
}

/* Float */

.mbsc-pull-right {
  float: right;
}

.mbsc-pull-left {
  float: left;
}

/* Image section */

.mbsc-media-fluid {
  display: block;
  width: 100%;
}

.mbsc-img-thumbnail {
  width: 6em;
  height: 6em;
  margin: 1em;
}

/* Avatar image */

.mbsc-avatar {
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border-radius: 1.25em;
}

/* Note */

.mbsc-note {
  position: relative;
  padding: 0.75em 1.25em;
  margin: 1em;
  border: 1px solid transparent;
  font-size: 0.875em;
}

@media (max-width: 600px) {
  .mbsc-note {
    text-align: center;
  }
}

.mbsc-ios {
  /* Color presets */
}

.mbsc-ios.mbsc-radio-left {
  padding: 0.875em 1em 0.875em 3.75em;
}

.mbsc-ios.mbsc-radio-right {
  padding: 0.875em 3.75em 0.875em 1em;
}

.mbsc-ios.mbsc-radio-box:after {
  top: 44%;
  left: 23%;
  width: 0.875em;
  height: 0.375em;
  border: 0.125em solid;
  border-top: 0;
  border-right: 0;
  border-radius: 0;
  transform: rotate(-45deg);
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: #ccc;
}

.mbsc-ios.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-ios.mbsc-radio-box-left {
  left: 1.125em;
}

.mbsc-ios.mbsc-radio-box-right {
  right: 1.125em;
}

.mbsc-ios.mbsc-radio-box.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-primary:after {
  border-color: #3f97f6;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-secondary:after {
  border-color: #90979E;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-success:after {
  border-color: #43BE5F;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-danger:after {
  border-color: #f5504e;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-warning:after {
  border-color: #f8b042;
}

.mbsc-ios.mbsc-radio-box.mbsc-radio-box-info:after {
  border-color: #5BB7C5;
}

.mbsc-ios.mbsc-radio-box:after {
  border-color: #1273de;
}

.mbsc-ios.mbsc-radio-label.mbsc-disabled {
  color: #c4c4c4;
}

.mbsc-ios-dark.mbsc-radio-box:after {
  border-color: #ffa519;
}

.mbsc-ios-dark.mbsc-radio-label.mbsc-disabled {
  color: #3b3b3b;
}

.mbsc-material {
  /* Color presets */
}

.mbsc-material.mbsc-radio-left {
  padding: 0.9375em 1em 0.9375em 3.5em;
}

.mbsc-material.mbsc-radio-right {
  padding: 0.9375em 3.5em 0.9375em 1em;
}

.mbsc-material.mbsc-radio-box {
  border: 0.125em solid;
  transition: background-color 0.1s ease-out;
}

.mbsc-material.mbsc-radio-box-left {
  left: 1.125em;
}

.mbsc-material.mbsc-radio-box-right {
  right: 1.125em;
}

.mbsc-material.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: currentColor;
}

.mbsc-material.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-material.mbsc-radio-box.mbsc-active:before {
  opacity: 0.2;
}

.mbsc-material.mbsc-radio-box:after {
  background: currentColor;
  transform: scale(0);
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-radio-box.mbsc-checked {
  border-color: currentColor;
}

.mbsc-material.mbsc-radio-box.mbsc-checked:after {
  transform: scale(1);
}

.mbsc-material.mbsc-radio-box.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-primary {
  color: #3f97f6;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-secondary {
  color: #90979E;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-success {
  color: #43BE5F;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-danger {
  color: #f5504e;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-warning {
  color: #f8b042;
}

.mbsc-material.mbsc-radio-box.mbsc-radio-box-info {
  color: #5BB7C5;
}

.mbsc-material.mbsc-radio-box {
  color: #1a73e8;
  border-color: #303030;
}

.mbsc-material-dark.mbsc-radio-box {
  color: #87b0f3;
  border-color: #fff;
}

.mbsc-windows {
  /* Color presets */
}

.mbsc-windows.mbsc-radio-left {
  padding: 1.125em 1em 1.125em 3.25em;
}

.mbsc-windows.mbsc-radio-right {
  padding: 1.125em 3.25em 1.125em 1em;
}

.mbsc-windows.mbsc-radio-box-left {
  left: 1em;
}

.mbsc-windows.mbsc-radio-box-right {
  right: 1em;
}

.mbsc-windows.mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -0.75em;
  left: -0.75em;
  z-index: -1;
  width: 2.5em;
  height: 2.5em;
  opacity: 0;
  border-radius: 2.5em;
  transition: opacity 0.2s ease-in-out;
  background: #ccc;
}

.mbsc-windows.mbsc-radio-box.mbsc-focus:before {
  opacity: 0.12;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-primary.mbsc-checked {
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-secondary.mbsc-checked {
  border-color: #90979E;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-success.mbsc-checked {
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-danger.mbsc-checked {
  border-color: #f5504e;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-warning.mbsc-checked {
  border-color: #f8b042;
}

.mbsc-windows.mbsc-radio-box.mbsc-radio-box-info.mbsc-checked {
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-radio-box {
  border: 0.125em solid #333333;
}

.mbsc-windows.mbsc-radio-box:after {
  background: #333333;
}

.mbsc-windows.mbsc-radio-box.mbsc-checked {
  border-color: #0078d7;
}

.mbsc-windows.mbsc-radio-box.mbsc-active {
  border-color: rgba(51, 51, 51, 0.6);
}

.mbsc-windows.mbsc-radio-box.mbsc-active:after {
  background: rgba(51, 51, 51, 0.6);
}

.mbsc-windows-dark.mbsc-radio-box {
  border: 0.125em solid #ffffff;
}

.mbsc-windows-dark.mbsc-radio-box:after {
  background: #ffffff;
}

.mbsc-windows-dark.mbsc-radio-box.mbsc-checked {
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-radio-box.mbsc-active {
  border-color: rgba(255, 255, 255, 0.6);
}

.mbsc-windows-dark.mbsc-radio-box.mbsc-active:after {
  background: rgba(255, 255, 255, 0.6);
}

.mbsc-radio {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  line-height: 1.25em;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mbsc-radio-box {
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25em;
  height: 1.25em;
  margin-top: -0.625em;
  border-radius: 1.25em;
  box-sizing: border-box;
}

.mbsc-radio-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625em;
  height: 0.625em;
  margin-top: -0.3125em;
  margin-left: -0.3125em;
  border-radius: 0.625em;
  opacity: 0;
}

.mbsc-radio-box.mbsc-checked:after {
  opacity: 1;
}

.mbsc-ios.mbsc-stepper-input {
  margin-left: -1px;
  margin-right: -1px;
  z-index: 1;
  border: 1px solid;
}

.mbsc-ios.mbsc-stepper-button.mbsc-button {
  line-height: 1em;
}

.mbsc-ios.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}

.mbsc-ios.mbsc-stepper-inner {
  font-weight: normal;
}

.mbsc-ios.mbsc-disabled .mbsc-stepper-inner {
  opacity: 0.2;
}

.mbsc-ios.mbsc-stepper-plus:before {
  content: "";
  position: absolute;
  border-left: 1px solid;
  top: 0.4125em;
  bottom: 0.4125em;
}

.mbsc-ios.mbsc-stepper-plus.mbsc-ltr:before {
  left: 0;
}

.mbsc-ios.mbsc-stepper-plus.mbsc-rtl:before {
  right: 0;
}

.mbsc-ios.mbsc-stepper-center .mbsc-stepper-plus:before {
  display: none;
}

.mbsc-ios.mbsc-primary .mbsc-stepper-button {
  color: #3f97f6;
}

.mbsc-ios.mbsc-secondary .mbsc-stepper-button {
  color: #90979E;
}

.mbsc-ios.mbsc-success .mbsc-stepper-button {
  color: #43BE5F;
}

.mbsc-ios.mbsc-danger .mbsc-stepper-button {
  color: #f5504e;
}

.mbsc-ios.mbsc-warning .mbsc-stepper-button {
  color: #f8b042;
}

.mbsc-ios.mbsc-info .mbsc-stepper-button {
  color: #5BB7C5;
}

.mbsc-ios.mbsc-stepper-input {
  border-color: #dedede;
  color: #000000;
}

.mbsc-ios.mbsc-stepper-input.mbsc-disabled {
  color: rgba(0, 0, 0, 0.2);
}

.mbsc-ios.mbsc-stepper-button {
  background: #dedede;
  color: #000000;
}

.mbsc-ios.mbsc-stepper-plus:before {
  border-color: rgba(0, 0, 0, 0.2);
}

.mbsc-ios-dark.mbsc-stepper-input {
  border-color: #2b2b2b;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-stepper-input.mbsc-disabled {
  color: rgba(255, 255, 255, 0.2);
}

.mbsc-ios-dark.mbsc-stepper-button {
  background: #2b2b2b;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-stepper-plus:before {
  border-color: rgba(255, 255, 255, 0.2);
}

.mbsc-material.mbsc-stepper-control {
  height: 2.25em;
}

.mbsc-material.mbsc-stepper-inner {
  font-size: 2.142857em;
  font-weight: 750;
}

.mbsc-material.mbsc-stepper-button.mbsc-button {
  line-height: 1em;
  box-shadow: none;
  border: 2px solid currentColor;
}

.mbsc-material.mbsc-stepper-minus.mbsc-ltr, .mbsc-material.mbsc-stepper-plus.mbsc-rtl {
  border-right: 0;
}

.mbsc-material.mbsc-stepper-minus.mbsc-rtl, .mbsc-material.mbsc-stepper-plus.mbsc-ltr {
  border-left: 0;
}

.mbsc-material.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}

.mbsc-material.mbsc-stepper-input {
  z-index: 1;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 0;
  border-right: 0;
  width: 4em;
}

.mbsc-material.mbsc-primary .mbsc-stepper-button {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-material.mbsc-secondary .mbsc-stepper-button {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-material.mbsc-success .mbsc-stepper-button {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-material.mbsc-danger .mbsc-stepper-button {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-material.mbsc-warning .mbsc-stepper-button {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-material.mbsc-info .mbsc-stepper-button {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-primary .mbsc-stepper-input {
  border-color: #3f97f6;
}

.mbsc-material.mbsc-secondary .mbsc-stepper-input {
  border-color: #90979E;
}

.mbsc-material.mbsc-success .mbsc-stepper-input {
  border-color: #43BE5F;
}

.mbsc-material.mbsc-danger .mbsc-stepper-input {
  border-color: #f5504e;
}

.mbsc-material.mbsc-warning .mbsc-stepper-input {
  border-color: #f8b042;
}

.mbsc-material.mbsc-info .mbsc-stepper-input {
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-stepper-input {
  border-color: #d6d6d6;
  color: #5b5b5b;
}

.mbsc-material.mbsc-stepper-input.mbsc-disabled {
  color: #b3b3b3;
}

.mbsc-material.mbsc-stepper-button {
  background: #d6d6d6;
  color: #d6d6d6;
}

.mbsc-material.mbsc-stepper-inner {
  color: #fff;
}

.mbsc-material.mbsc-color-none .mbsc-stepper-inner {
  color: #303030;
}

.mbsc-material.mbsc-stepper-button.mbsc-disabled {
  background: #d6d6d6;
}

.mbsc-material.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #b3b3b3;
}

.mbsc-material-dark.mbsc-stepper-input {
  border-color: #595959;
  color: #c2c2c2;
}

.mbsc-material-dark.mbsc-stepper-input.mbsc-disabled {
  color: #737373;
}

.mbsc-material-dark.mbsc-stepper-button {
  background: #595959;
  color: #595959;
}

.mbsc-material-dark.mbsc-stepper-inner {
  color: #000;
}

.mbsc-material-dark.mbsc-color-none .mbsc-stepper-inner {
  color: #fff;
}

.mbsc-material-dark.mbsc-stepper-button.mbsc-disabled {
  background: #595959;
}

.mbsc-material-dark.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #737373;
}

.mbsc-windows.mbsc-stepper-button.mbsc-button {
  width: 3.625em;
  line-height: 1.5em;
  border-color: currentColor;
}

.mbsc-windows.mbsc-stepper-button.mbsc-hover:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.mbsc-windows.mbsc-stepper-button.mbsc-disabled {
  opacity: 1;
}

.mbsc-windows.mbsc-stepper-minus.mbsc-ltr, .mbsc-windows.mbsc-stepper-plus.mbsc-rtl {
  border-right: 0;
}

.mbsc-windows.mbsc-stepper-minus.mbsc-rtl, .mbsc-windows.mbsc-stepper-plus.mbsc-ltr {
  border-left: 0;
}

.mbsc-windows.mbsc-stepper-inner {
  font-size: 1.75em;
  font-weight: 800;
}

.mbsc-windows.mbsc-stepper-input {
  z-index: 1;
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 0;
  border-right: 0;
  width: 4em;
}

.mbsc-windows.mbsc-primary .mbsc-stepper-button {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-secondary .mbsc-stepper-button {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-windows.mbsc-success .mbsc-stepper-button {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-danger .mbsc-stepper-button {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-windows.mbsc-warning .mbsc-stepper-button {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-windows.mbsc-info .mbsc-stepper-button {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-primary .mbsc-stepper-input {
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-secondary .mbsc-stepper-input {
  border-color: #90979E;
}

.mbsc-windows.mbsc-success .mbsc-stepper-input {
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-danger .mbsc-stepper-input {
  border-color: #f5504e;
}

.mbsc-windows.mbsc-warning .mbsc-stepper-input {
  border-color: #f8b042;
}

.mbsc-windows.mbsc-info .mbsc-stepper-input {
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-stepper-input {
  border-color: #cccccc;
  color: #333333;
}

.mbsc-windows.mbsc-stepper-input.mbsc-disabled {
  color: #b3b3b3;
}

.mbsc-windows.mbsc-stepper-button {
  color: #cccccc;
}

.mbsc-windows.mbsc-stepper-button.mbsc-hover:before {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-windows.mbsc-stepper-button.mbsc-disabled {
  background: #cccccc;
}

.mbsc-windows.mbsc-stepper-inner {
  color: #333333;
}

.mbsc-windows.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: #b3b3b3;
}

.mbsc-windows-dark.mbsc-stepper-input {
  border-color: #404040;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-stepper-input.mbsc-disabled {
  color: gray;
}

.mbsc-windows-dark.mbsc-stepper-button {
  color: #404040;
}

.mbsc-windows-dark.mbsc-stepper-button.mbsc-hover:before {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-windows-dark.mbsc-stepper-button.mbsc-disabled {
  background: #404040;
}

.mbsc-windows-dark.mbsc-stepper-inner {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-stepper-button.mbsc-disabled .mbsc-stepper-inner {
  color: gray;
}

.mbsc-stepper {
  line-height: 1.25em;
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
  padding: 1.5em 11.75em 1.5em 1em;
}

.mbsc-stepper.mbsc-rtl {
  padding: 1.5em 1em 1.5em 11.75em;
}

.mbsc-stepper-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-stepper-input {
  width: 3.571429em;
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  font-size: 0.875em;
  text-align: center;
  opacity: 1;
  z-index: 3;
  background: transparent;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.mbsc-stepper-input::-webkit-outer-spin-button,
.mbsc-stepper-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mbsc-stepper-input:focus {
  outline-width: 0;
}

.mbsc-stepper-input.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-stepper-control {
  position: absolute;
  display: flex;
  z-index: 2;
  margin-top: -1em;
  top: 50%;
  height: 2em;
}

.mbsc-stepper-control.mbsc-ltr {
  right: 1em;
}

.mbsc-stepper-control.mbsc-rtl {
  left: 1em;
}

.mbsc-stepper-start .mbsc-stepper-input {
  border: none;
  order: -1;
}

.mbsc-stepper-start.mbsc-ltr .mbsc-stepper-minus.mbsc-button {
  margin-right: -1px;
}

.mbsc-stepper-start.mbsc-rtl .mbsc-stepper-minus.mbsc-button {
  margin-left: -1px;
}

.mbsc-stepper-end .mbsc-stepper-input {
  border: none;
  order: 2;
}

.mbsc-stepper-end.mbsc-ltr .mbsc-stepper-minus.mbsc-button {
  margin-right: -1px;
}

.mbsc-stepper-end.mbsc-rtl .mbsc-stepper-minus.mbsc-button {
  margin-left: -1px;
}

.mbsc-stepper-button.mbsc-button.mbsc-font {
  width: 3.25em;
  margin: 0;
  display: inline-block;
}

.mbsc-stepper-inner {
  font-size: 2em;
  font-weight: bold;
}

.mbsc-stepper-minus.mbsc-button.mbsc-ltr {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mbsc-stepper-plus.mbsc-button.mbsc-ltr {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mbsc-stepper-minus.mbsc-button.mbsc-rtl {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mbsc-stepper-plus.mbsc-button.mbsc-rtl {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mbsc-ios.mbsc-switch-right {
  padding: 0.875em 5em 0.875em 1em;
}

.mbsc-ios.mbsc-switch-left {
  padding: 0.875em 1em 0.875em 5em;
}

.mbsc-ios.mbsc-switch-track {
  width: 1.25em;
  height: 2em;
  padding: 0;
  margin: -0.96875em 0.875em 0 0.875em;
  border-radius: 1.25em;
}

.mbsc-ios.mbsc-switch-track-right {
  right: 1em;
}

.mbsc-ios.mbsc-switch-track-left {
  left: 1em;
}

.mbsc-ios.mbsc-switch-track:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: -1em;
  bottom: 0;
  left: -1em;
  border-radius: 1.25em;
  transition: background-color 0.2s ease-out;
}

.mbsc-ios.mbsc-switch-track.mbsc-disabled {
  opacity: 0.3;
}

.mbsc-ios.mbsc-switch-handle {
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  margin: -0.875em 0 0 -0.875em;
  border-radius: 1.75em;
  box-shadow: 0 0.1875em 0.75em rgba(0, 0, 0, 0.16), 0 0.1875em 0.0625em rgba(0, 0, 0, 0.1);
  background: #fff;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-primary.mbsc-checked:after {
  background: #3f97f6;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked:after {
  background: #90979E;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-success.mbsc-checked:after {
  background: #43BE5F;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-danger.mbsc-checked:after {
  background: #f5504e;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-warning.mbsc-checked:after {
  background: #f8b042;
}

.mbsc-ios.mbsc-switch-track.mbsc-switch-info.mbsc-checked:after {
  background: #5BB7C5;
}

.mbsc-ios.mbsc-switch-track:after {
  background: #e5e5e5;
}

.mbsc-ios.mbsc-switch-track.mbsc-focus:after {
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.5);
}

.mbsc-ios.mbsc-switch-track.mbsc-checked:after {
  background: #4cd764;
}

.mbsc-ios-dark.mbsc-switch-track:after {
  background: #383838;
}

.mbsc-ios-dark.mbsc-switch-track.mbsc-focus:after {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.5);
}

.mbsc-ios-dark.mbsc-switch-track.mbsc-checked:after {
  background: #4cd764;
}

.mbsc-material {
  /* Color presets */
}

.mbsc-material.mbsc-switch-right {
  padding: 0.9375em 4em 0.9375em 1em;
}

.mbsc-material.mbsc-switch-left {
  padding: 0.9375em 1em 0.9375em 4em;
}

.mbsc-material.mbsc-switch-track {
  width: 1.75em;
  height: 0.875em;
  padding: 0 0.25em;
  margin-top: -0.4375em;
  border-radius: 1.25em;
}

.mbsc-material.mbsc-switch-track-left {
  left: 1.25em;
}

.mbsc-material.mbsc-switch-track-right {
  right: 1.25em;
}

.mbsc-material.mbsc-switch-handle {
  width: 1.25em;
  height: 1.25em;
  border-radius: 1.25em;
  top: 50%;
  margin-left: -0.625em;
  margin-top: -0.625em;
}

.mbsc-material.mbsc-switch-handle:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  border-radius: 2.875em;
  top: -0.625em;
  left: -0.625em;
  width: 2.5em;
  height: 2.5em;
}

.mbsc-material.mbsc-switch-handle.mbsc-focus:before {
  opacity: 0.5;
}

.mbsc-material.mbsc-switch-handle.mbsc-active:before {
  opacity: 1;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-primary.mbsc-checked {
  background: #3f97f6;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-primary.mbsc-checked {
  background: #a0ccfb;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-secondary.mbsc-checked {
  background: #90979E;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked {
  background: #c6cace;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-success.mbsc-checked {
  background: #43BE5F;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-success.mbsc-checked {
  background: #8fd8a0;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-danger.mbsc-checked {
  background: #f5504e;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-danger.mbsc-checked {
  background: #faafaf;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-warning.mbsc-checked {
  background: #f8b042;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-warning.mbsc-checked {
  background: #fcd9a4;
}

.mbsc-material.mbsc-switch-handle.mbsc-switch-info.mbsc-checked {
  background: #5BB7C5;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-info.mbsc-checked {
  background: #a6d8e0;
}

.mbsc-material.mbsc-switch-track {
  background: #c4c4c4;
}

.mbsc-material.mbsc-switch-track.mbsc-checked {
  background: rgba(26, 115, 232, 0.3);
}

.mbsc-material.mbsc-switch-track.mbsc-disabled {
  background: #e8e8e8;
}

.mbsc-material.mbsc-switch-handle {
  background: white;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material.mbsc-switch-handle.mbsc-checked {
  background: #1a73e8;
}

.mbsc-material.mbsc-switch-handle.mbsc-disabled {
  background: #cccccc;
}

.mbsc-material.mbsc-switch-handle:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark.mbsc-switch-track {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-switch-track.mbsc-checked {
  background: rgba(135, 176, 243, 0.3);
}

.mbsc-material-dark.mbsc-switch-track.mbsc-disabled {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-switch-handle {
  background: #878787;
  box-shadow: 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12);
}

.mbsc-material-dark.mbsc-switch-handle.mbsc-checked {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-switch-handle.mbsc-disabled {
  background: #292929;
}

.mbsc-material-dark.mbsc-switch-handle:before {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-windows.mbsc-switch-right {
  padding: 1.125em 5.25em 1.125em 1em;
}

.mbsc-windows.mbsc-switch-left {
  padding: 1.125em 1em 1.125em 5.25em;
}

.mbsc-windows.mbsc-switch-track {
  width: 1.5em;
  height: 1em;
  margin-top: -0.5em;
}

.mbsc-windows.mbsc-switch-track-right {
  right: 1.75em;
}

.mbsc-windows.mbsc-switch-track-left {
  left: 1.75em;
}

.mbsc-windows.mbsc-switch-track:before, .mbsc-windows.mbsc-switch-track:after {
  content: "";
  position: absolute;
  z-index: 1;
  border: 0.125em solid transparent;
}

.mbsc-windows.mbsc-switch-track:before {
  top: -0.125em;
  bottom: -0.125em;
  left: -0.625em;
  right: -0.625em;
  border-radius: 0.625em;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
}

.mbsc-windows.mbsc-switch-track:after {
  top: -0.25em;
  bottom: -0.25em;
  left: -0.75em;
  right: -0.75em;
  border-radius: 0.75em;
}

.mbsc-windows.mbsc-switch-track.mbsc-disabled {
  opacity: 0.2;
}

.mbsc-windows.mbsc-switch-handle {
  z-index: 2;
  top: 50%;
  left: 50%;
  right: auto;
  height: 0.625em;
  width: 0.625em;
  border-radius: 10px;
  margin: -0.3125em 0 0 -0.3125em;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-primary.mbsc-checked:before {
  border-color: #3f97f6;
  background: #3f97f6;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-secondary.mbsc-checked:before {
  border-color: #90979E;
  background: #90979E;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-success.mbsc-checked:before {
  border-color: #43BE5F;
  background: #43BE5F;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-danger.mbsc-checked:before {
  border-color: #f5504e;
  background: #f5504e;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-warning.mbsc-checked:before {
  border-color: #f8b042;
  background: #f8b042;
}

.mbsc-windows.mbsc-switch-track.mbsc-switch-info.mbsc-checked:before {
  border-color: #5BB7C5;
  background: #5BB7C5;
}

.mbsc-windows.mbsc-switch-track.mbsc-checked:before {
  border-color: #0078d7;
  background: #0078d7;
}

.mbsc-windows.mbsc-switch-track:before, .mbsc-windows.mbsc-switch-track.mbsc-disabled:before {
  border-color: #333333;
  background: none;
}

.mbsc-windows.mbsc-switch-track.mbsc-active:before {
  border-color: #737373;
  background: #737373;
}

.mbsc-windows.mbsc-switch-track.mbsc-focus:after {
  border-color: #a6a6a6;
}

.mbsc-windows.mbsc-switch-handle {
  background: #333333;
}

.mbsc-windows.mbsc-switch-handle.mbsc-checked {
  background: #ffffff;
}

.mbsc-windows.mbsc-switch-handle.mbsc-disabled {
  background: #333333;
}

.mbsc-windows-dark.mbsc-switch-track.mbsc-checked:before {
  border-color: #0078d7;
  background: #0078d7;
}

.mbsc-windows-dark.mbsc-switch-track:before, .mbsc-windows-dark.mbsc-switch-track.mbsc-disabled:before {
  border-color: #ffffff;
  background: none;
}

.mbsc-windows-dark.mbsc-switch-track.mbsc-active:before {
  border-color: #a6a6a6;
  background: #a6a6a6;
}

.mbsc-windows-dark.mbsc-switch-track.mbsc-focus:after {
  border-color: #8c8c8c;
}

.mbsc-windows-dark.mbsc-switch-handle {
  background: #ffffff;
}

.mbsc-windows-dark.mbsc-switch-handle.mbsc-checked {
  background: #1a1a1a;
}

.mbsc-windows-dark.mbsc-switch-handle.mbsc-disabled {
  background: #ffffff;
}

.mbsc-switch {
  position: relative;
  display: block;
  margin: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  line-height: 1.25em;
}

.mbsc-switch-track {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: block;
  box-sizing: border-box;
}

.mbsc-switch-handle {
  display: block;
  position: absolute;
  cursor: pointer;
}

.mbsc-switch-handle.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-switch-handle-animate {
  transition: left 0.1s ease-in-out;
}

.mbsc-description {
  display: block;
  font-size: 0.75em;
  opacity: 0.6;
}

.mbsc-cloak {
  visibility: hidden !important;
}

/* Empty view */

.mbsc-empty {
  text-align: center;
  margin: 3em;
  color: inherit;
}

.mbsc-empty h3 {
  margin: 0.666666em 0;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  font-weight: normal;
  font-family: inherit;
}

.mbsc-empty p {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5;
}

.mbsc-anim-trans .mbsc-fr-scroll {
  overflow: hidden;
}

.mbsc-anim-trans-flip .mbsc-fr-persp,
.mbsc-anim-trans-swing .mbsc-fr-persp {
  perspective: 1000px;
}

.mbsc-anim-trans .mbsc-fr-popup,
.mbsc-anim-trans .mbsc-fr-overlay {
  animation-fill-mode: forwards;
}

.mbsc-anim-in .mbsc-fr-popup,
.mbsc-anim-in .mbsc-fr-overlay {
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-duration: 225ms;
  animation-timing-function: ease-out;
  animation-duration: 225ms;
}

.mbsc-anim-out .mbsc-fr-popup,
.mbsc-anim-out .mbsc-fr-overlay {
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-duration: 195ms;
  animation-timing-function: ease-in;
  animation-duration: 195ms;
}

.mbsc-anim-in .mbsc-fr-overlay {
  animation-name: mbsc-anim-f-in;
}

.mbsc-anim-out .mbsc-fr-overlay {
  animation-name: mbsc-anim-f-out;
}

.mbsc-anim-flip,
.mbsc-anim-swing,
.mbsc-anim-slidehorizontal,
.mbsc-anim-slidevertical,
.mbsc-anim-slidedown,
.mbsc-anim-slideup,
.mbsc-anim-fade {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(0);
  backface-visibility: hidden;
  transform: translateX(0);
}

.mbsc-anim-swing,
.mbsc-anim-slidehorizontal,
.mbsc-anim-slidevertical,
.mbsc-anim-slidedown,
.mbsc-anim-slideup,
.mbsc-anim-fade {
  transform-origin: 0 0;
}

.mbsc-anim-flip,
.mbsc-anim-pop {
  transform-origin: 50% 50%;
}

.mbsc-anim-in .mbsc-anim-pop {
  opacity: 1;
  -webkit-animation-name: mbsc-anim-p-in;
  -webkit-animation-duration: 100ms;
  -webkit-transform: scale(1);
  animation-name: mbsc-anim-p-in;
  animation-duration: 100ms;
  transform: scale(1);
}

.mbsc-anim-out .mbsc-anim-pop {
  opacity: 0;
  -webkit-animation-name: mbsc-anim-p-out;
  -webkit-animation-duration: 150ms;
  animation-name: mbsc-anim-p-out;
  animation-duration: 150ms;
}

.mbsc-anim-trans-pop .mbsc-fr-overlay {
  animation-duration: 150ms;
}

.mbsc-anim-in .mbsc-anim-flip {
  opacity: 1;
  -webkit-animation-name: mbsc-anim-fl-in;
  -webkit-transform: scale(1);
  animation-name: mbsc-anim-fl-in;
  transform: scale(1);
}

.mbsc-anim-out .mbsc-anim-flip {
  opacity: 0;
  animation-name: mbsc-anim-fl-out;
}

.mbsc-anim-in .mbsc-anim-swing {
  opacity: 1;
  -webkit-animation-name: mbsc-anim-sw-in;
  transform: scale(1);
  animation-name: mbsc-anim-sw-in;
}

.mbsc-anim-out .mbsc-anim-swing {
  opacity: 0;
  animation-name: mbsc-anim-sw-out;
}

.mbsc-anim-in .mbsc-anim-slidehorizontal {
  opacity: 1;
  -webkit-animation-name: mbsc-anim-sh-in;
  transform: scale(1);
  animation-name: mbsc-anim-sh-in;
}

.mbsc-anim-out .mbsc-anim-slidehorizontal {
  opacity: 0;
  animation-name: mbsc-anim-sh-out;
}

.mbsc-anim-in .mbsc-anim-slidevertical {
  opacity: 1;
  -webkit-animation-name: mbsc-anim-sv-in;
  -webkit-transform: scale(1);
  animation-name: mbsc-anim-sv-in;
  transform: scale(1);
}

.mbsc-anim-out .mbsc-anim-slidevertical {
  opacity: 0;
  animation-name: mbsc-anim-sv-out;
}

.mbsc-anim-in .mbsc-anim-slidedown {
  -webkit-animation-name: mbsc-anim-sd-in;
  -webkit-transform: scale(1);
  animation-name: mbsc-anim-sd-in;
  transform: scale(1);
}

.mbsc-anim-out .mbsc-anim-slidedown {
  -webkit-animation-name: mbsc-anim-sd-out;
  -webkit-transform: translateY(-100%);
  animation-name: mbsc-anim-sd-out;
}

.mbsc-anim-in .mbsc-anim-slideup {
  -webkit-animation-name: mbsc-anim-su-in;
  transform: scale(1);
  animation-name: mbsc-anim-su-in;
}

.mbsc-anim-out .mbsc-anim-slideup {
  -webkit-animation-name: mbsc-anim-su-out;
  -webkit-transform: translateY(100%);
  animation-name: mbsc-anim-su-out;
}

.mbsc-anim-in .mbsc-anim-fade {
  opacity: 1;
  animation-name: mbsc-anim-f-in;
}

.mbsc-anim-out .mbsc-anim-fade {
  opacity: 0;
  animation-name: mbsc-anim-f-out;
}

.mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slidedown {
  animation-name: mbsc-anim-sd-in, mbsc-anim-f-in;
}

.mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slidedown {
  animation-name: mbsc-anim-sd-out, mbsc-anim-f-out;
}

.mbsc-fr-pointer.mbsc-anim-in .mbsc-anim-slideup {
  animation-name: mbsc-anim-su-in, mbsc-anim-f-in;
}

.mbsc-fr-pointer.mbsc-anim-out .mbsc-anim-slideup {
  animation-name: mbsc-anim-su-out, mbsc-anim-f-out;
}

/* Fade in */

@keyframes mbsc-anim-f-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Fade out */

@keyframes mbsc-anim-f-out {
  from {
    visibility: visible;
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Pop in */

@keyframes mbsc-anim-p-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Pop out */

@keyframes mbsc-anim-p-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

/* Flip in */

@keyframes mbsc-anim-fl-in {
  from {
    opacity: 0;
    transform: rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0);
  }
}

/* Flip out */

@keyframes mbsc-anim-fl-out {
  from {
    opacity: 1;
    transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}

/* Swing in */

@keyframes mbsc-anim-sw-in {
  from {
    opacity: 0;
    transform: rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: rotateY(0deg);
  }
}

/* Swing out */

@keyframes mbsc-anim-sw-out {
  from {
    opacity: 1;
    transform: rotateY(0deg);
  }
  to {
    opacity: 0;
    transform: rotateY(-90deg);
  }
}

/* Slide horizontal in */

@keyframes mbsc-anim-sh-in {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Slide horizontal out */

@keyframes mbsc-anim-sh-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}

/* Slide vertical in */

@keyframes mbsc-anim-sv-in {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Slide vertical out */

@keyframes mbsc-anim-sv-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

/* Slide Down In */

@keyframes mbsc-anim-sd-in {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Slide down out */

@keyframes mbsc-anim-sd-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}

/* Slide Up In */

@keyframes mbsc-anim-su-in {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Slide up out */

@keyframes mbsc-anim-su-out {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}

@font-face {
  font-family: "icons_mobiscroll";
  src: url('icons_mobiscroll.woff?vtxdtu') format("woff"), url('icons_mobiscroll.woff') format("woff"), url('icons_mobiscroll.ttf?vtxdtu') format("truetype");
  font-weight: normal;
  font-style: normal;
}

.mbsc-ic:before {
  font-family: "icons_mobiscroll";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icons */

.mbsc-ic-aid::before {
  content: "\ea01";
}

.mbsc-ic-airplane::before {
  content: "\ea02";
}

.mbsc-ic-alarm2::before {
  content: "\ea03";
}

.mbsc-ic-arrow-down2::before {
  content: "\ea04";
}

.mbsc-ic-arrow-down5::before {
  content: "\ea05";
}

.mbsc-ic-arrow-left2::before {
  content: "\ea06";
}

.mbsc-ic-arrow-left4::before {
  content: "\ea07";
}

.mbsc-ic-arrow-left5::before {
  content: "\ea08";
}

.mbsc-ic-arrow-left6::before {
  content: "\ea09";
}

.mbsc-ic-arrow-right2::before {
  content: "\ea0a";
}

.mbsc-ic-arrow-right4::before {
  content: "\ea0b";
}

.mbsc-ic-arrow-right5::before {
  content: "\ea0c";
}

.mbsc-ic-arrow-right6::before {
  content: "\ea0d";
}

.mbsc-ic-arrow-up2::before {
  content: "\ea0e";
}

.mbsc-ic-arrow-up5::before {
  content: "\ea0f";
}

.mbsc-ic-attachment::before {
  content: "\ea10";
}

.mbsc-ic-backspace::before {
  content: "\ea11";
}

.mbsc-ic-backspace3::before {
  content: "\ea12";
}

.mbsc-ic-backspace4::before {
  content: "\ea13";
}

.mbsc-ic-bars::before {
  content: "\ea14";
}

.mbsc-ic-book::before {
  content: "\ea15";
}

.mbsc-ic-brightness-contrast::before {
  content: "\ea16";
}

.mbsc-ic-bubble::before {
  content: "\ea17";
}

.mbsc-ic-bubbles::before {
  content: "\ea18";
}

.mbsc-ic-bullhorn::before {
  content: "\ea19";
}

.mbsc-ic-calendar::before {
  content: "\ea1a";
}

.mbsc-ic-camera::before {
  content: "\ea1b";
}

.mbsc-ic-cart::before {
  content: "\ea1c";
}

.mbsc-ic-checkmark::before {
  content: "\ea1d";
}

.mbsc-ic-clock::before {
  content: "\ea1e";
}

.mbsc-ic-close::before {
  content: "\ea1f";
}

.mbsc-ic-cloud-download::before {
  content: "\ea20";
}

.mbsc-ic-cloud-upload::before {
  content: "\ea21";
}

.mbsc-ic-cloud::before {
  content: "\ea22";
}

.mbsc-ic-cogs::before {
  content: "\ea23";
}

.mbsc-ic-compass::before {
  content: "\ea24";
}

.mbsc-ic-connection::before {
  content: "\ea25";
}

.mbsc-ic-copy2::before {
  content: "\ea26";
}

.mbsc-ic-copy3::before {
  content: "\ea27";
}

.mbsc-ic-credit::before {
  content: "\ea28";
}

.mbsc-ic-disk::before {
  content: "\ea29";
}

.mbsc-ic-download::before {
  content: "\ea2a";
}

.mbsc-ic-drawer::before {
  content: "\ea2b";
}

.mbsc-ic-droplet::before {
  content: "\ea2c";
}

.mbsc-ic-earth::before {
  content: "\ea2d";
}

.mbsc-ic-eye-blocked::before {
  content: "\ea2e";
}

.mbsc-ic-eye::before {
  content: "\ea2f";
}

.mbsc-ic-fa-dollar::before {
  content: "\ea30";
}

.mbsc-ic-fa-ellipsis-h::before {
  content: "\ea31";
}

.mbsc-ic-fa-facebook::before {
  content: "\ea32";
}

.mbsc-ic-fa-globe::before {
  content: "\ea33";
}

.mbsc-ic-fa-google-plus::before {
  content: "\ea34";
}

.mbsc-ic-fa-google::before {
  content: "\ea35";
}

.mbsc-ic-fa-leaf::before {
  content: "\ea36";
}

.mbsc-ic-fa-mail-reply::before {
  content: "\ea37";
}

.mbsc-ic-fa-retweet::before {
  content: "\ea38";
}

.mbsc-ic-fa-rotate-left::before {
  content: "\ea39";
}

.mbsc-ic-fa-twitter::before {
  content: "\ea3a";
}

.mbsc-ic-feed2::before {
  content: "\ea3b";
}

.mbsc-ic-file4::before {
  content: "\ea3c";
}

.mbsc-ic-film::before {
  content: "\ea3d";
}

.mbsc-ic-flag::before {
  content: "\ea3e";
}

.mbsc-ic-folder::before {
  content: "\ea3f";
}

.mbsc-ic-forward::before {
  content: "\ea40";
}

.mbsc-ic-foundation-mail::before {
  content: "\ea41";
}

.mbsc-ic-foundation-minus-circle::before {
  content: "\ea42";
}

.mbsc-ic-gift::before {
  content: "\ea43";
}

.mbsc-ic-globe::before {
  content: "\ea44";
}

.mbsc-ic-heart::before {
  content: "\ea45";
}

.mbsc-ic-heart2::before {
  content: "\ea46";
}

.mbsc-ic-history::before {
  content: "\ea47";
}

.mbsc-ic-home::before {
  content: "\ea48";
}

.mbsc-ic-image2::before {
  content: "\ea49";
}

.mbsc-ic-ion-android-social-user::before {
  content: "\ea4a";
}

.mbsc-ic-ion-android-system-windows::before {
  content: "\ea4b";
}

.mbsc-ic-ion-bluetooth::before {
  content: "\ea4c";
}

.mbsc-ic-ion-close-circled::before {
  content: "\ea4d";
}

.mbsc-ic-ion-email::before {
  content: "\ea4e";
}

.mbsc-ic-ion-ios7-arrow-back::before {
  content: "\ea4f";
}

.mbsc-ic-ion-ios7-arrow-forward::before {
  content: "\ea50";
}

.mbsc-ic-ion-ios7-checkmark-empty::before {
  content: "\ea51";
}

.mbsc-ic-ion-ios7-close-empty::before {
  content: "\ea52";
}

.mbsc-ic-ion-ios7-close-outline::before {
  content: "\ea53";
}

.mbsc-ic-ion-ios7-email::before {
  content: "\ea54";
}

.mbsc-ic-ion-ios7-information-outline::before {
  content: "\ea55";
}

.mbsc-ic-ion-ios7-plus-empty::before {
  content: "\ea56";
}

.mbsc-ic-ion-iphone::before {
  content: "\ea57";
}

.mbsc-ic-ion-navigate::before {
  content: "\ea58";
}

.mbsc-ic-ion-social-facebook::before {
  content: "\ea59";
}

.mbsc-ic-ion-usb::before {
  content: "\ea5a";
}

.mbsc-ic-ios-backspace::before {
  content: "\ea5b";
}

.mbsc-ic-key2::before {
  content: "\ea5c";
}

.mbsc-ic-library::before {
  content: "\ea5d";
}

.mbsc-ic-line-bubble::before {
  content: "\ea5f";
}

.mbsc-ic-line-calendar::before {
  content: "\ea5e";
}

.mbsc-ic-line-food::before {
  content: "\ea60";
}

.mbsc-ic-line-heart::before {
  content: "\ea61";
}

.mbsc-ic-line-key::before {
  content: "\ea63";
}

.mbsc-ic-line-mail::before {
  content: "\ea62";
}

.mbsc-ic-line-megaphone::before {
  content: "\ea64";
}

.mbsc-ic-line-music::before {
  content: "\ea65";
}

.mbsc-ic-line-note::before {
  content: "\ea66";
}

.mbsc-ic-line-paperplane::before {
  content: "\ea67";
}

.mbsc-ic-line-params::before {
  content: "\ea68";
}

.mbsc-ic-line-phone::before {
  content: "\ea69";
}

.mbsc-ic-line-settings::before {
  content: "\ea6c";
}

.mbsc-ic-line-star::before {
  content: "\ea6a";
}

.mbsc-ic-line-t-shirt::before {
  content: "\ea6b";
}

.mbsc-ic-line-tag::before {
  content: "\ea6d";
}

.mbsc-ic-line-user::before {
  content: "\ea6e";
}

.mbsc-ic-line-world::before {
  content: "\ea6f";
}

.mbsc-ic-link::before {
  content: "\ea71";
}

.mbsc-ic-location::before {
  content: "\ea73";
}

.mbsc-ic-lock::before {
  content: "\ea70";
}

.mbsc-ic-lock2::before {
  content: "\ea72";
}

.mbsc-ic-loop2::before {
  content: "\ea74";
}

.mbsc-ic-map::before {
  content: "\ea75";
}

.mbsc-ic-material-arrow-back::before {
  content: "\ea76";
}

.mbsc-ic-material-arrow-forward::before {
  content: "\ea77";
}

.mbsc-ic-material-backspace::before {
  content: "\ea79";
}

.mbsc-ic-material-brightness-medium::before {
  content: "\ea7a";
}

.mbsc-ic-material-check-box-outline-blank::before {
  content: "\ea78";
}

.mbsc-ic-material-check::before {
  content: "\ea7b";
}

.mbsc-ic-material-close::before {
  content: "\ea7c";
}

.mbsc-ic-material-crop::before {
  content: "\ea7e";
}

.mbsc-ic-material-email::before {
  content: "\ea7d";
}

.mbsc-ic-material-equalizer::before {
  content: "\ea7f";
}

.mbsc-ic-material-explore::before {
  content: "\ea80";
}

.mbsc-ic-material-filter::before {
  content: "\ea81";
}

.mbsc-ic-material-format-bold::before {
  content: "\ea82";
}

.mbsc-ic-material-format-ital::before {
  content: "\ea83";
}

.mbsc-ic-material-format-list-numbered::before {
  content: "\ea84";
}

.mbsc-ic-material-format-paint::before {
  content: "\ea85";
}

.mbsc-ic-material-format-underline::before {
  content: "\ea86";
}

.mbsc-ic-material-inbox::before {
  content: "\ea87";
}

.mbsc-ic-material-iso::before {
  content: "\ea88";
}

.mbsc-ic-material-keyboard-arrow-down::before {
  content: "\ea89";
}

.mbsc-ic-material-keyboard-arrow-left::before {
  content: "\ea8a";
}

.mbsc-ic-material-keyboard-arrow-right::before {
  content: "\ea8b";
}

.mbsc-ic-material-keyboard-arrow-up::before {
  content: "\ea8c";
}

.mbsc-ic-material-label::before {
  content: "\ea8d";
}

.mbsc-ic-material-language::before {
  content: "\ea8e";
}

.mbsc-ic-material-list::before {
  content: "\ea8f";
}

.mbsc-ic-material-menu::before {
  content: "\ea90";
}

.mbsc-ic-material-message::before {
  content: "\ea91";
}

.mbsc-ic-material-more-horiz::before {
  content: "\ea92";
}

.mbsc-ic-material-music-note::before {
  content: "\ea93";
}

.mbsc-ic-material-notifications::before {
  content: "\ea94";
}

.mbsc-ic-material-palette::before {
  content: "\ea95";
}

.mbsc-ic-material-pause::before {
  content: "\ea96";
}

.mbsc-ic-material-people::before {
  content: "\ea97";
}

.mbsc-ic-material-phone-iphone::before {
  content: "\ea98";
}

.mbsc-ic-material-photo-size-select-large::before {
  content: "\ea99";
}

.mbsc-ic-material-play-arrow::before {
  content: "\ea9a";
}

.mbsc-ic-material-repeat::before {
  content: "\ea9b";
}

.mbsc-ic-material-rotate-right::before {
  content: "\ea9c";
}

.mbsc-ic-material-search::before {
  content: "\ea9d";
}

.mbsc-ic-material-share::before {
  content: "\ea9e";
}

.mbsc-ic-material-shuffle::before {
  content: "\ea9f";
}

.mbsc-ic-material-skip-next::before {
  content: "\eaa0";
}

.mbsc-ic-material-skip-previous::before {
  content: "\eaa1";
}

.mbsc-ic-material-star-outline::before {
  content: "\eaa2";
}

.mbsc-ic-material-star::before {
  content: "\eaa3";
}

.mbsc-ic-material-stop::before {
  content: "\eaa4";
}

.mbsc-ic-material-system-update::before {
  content: "\eaa5";
}

.mbsc-ic-material-texture::before {
  content: "\eaa9";
}

.mbsc-ic-material-tune::before {
  content: "\eaa8";
}

.mbsc-ic-material-tv::before {
  content: "\eaa6";
}

.mbsc-ic-material-vertical-align-bottom::before {
  content: "\eaa7";
}

.mbsc-ic-material-wb-auto::before {
  content: "\eaaa";
}

.mbsc-ic-meteo-Celsius::before {
  content: "\eaab";
}

.mbsc-ic-meteo-Fahrenheit::before {
  content: "\eaad";
}

.mbsc-ic-meteo-cloud::before {
  content: "\eaac";
}

.mbsc-ic-meteo-cloud2::before {
  content: "\eaae";
}

.mbsc-ic-meteo-cloud3::before {
  content: "\eab0";
}

.mbsc-ic-meteo-cloud4::before {
  content: "\eaaf";
}

.mbsc-ic-meteo-cloud5::before {
  content: "\eab1";
}

.mbsc-ic-meteo-cloudy::before {
  content: "\eab2";
}

.mbsc-ic-meteo-cloudy2::before {
  content: "\eab3";
}

.mbsc-ic-meteo-cloudy3::before {
  content: "\eab4";
}

.mbsc-ic-meteo-cloudy4::before {
  content: "\eab6";
}

.mbsc-ic-meteo-compass::before {
  content: "\eab5";
}

.mbsc-ic-meteo-lightning::before {
  content: "\eab7";
}

.mbsc-ic-meteo-lightning2::before {
  content: "\eab8";
}

.mbsc-ic-meteo-lightning3::before {
  content: "\eab9";
}

.mbsc-ic-meteo-lightning4::before {
  content: "\eabb";
}

.mbsc-ic-meteo-lightning5::before {
  content: "\eaba";
}

.mbsc-ic-meteo-lines::before {
  content: "\eabd";
}

.mbsc-ic-meteo-moon::before {
  content: "\eabc";
}

.mbsc-ic-meteo-moon2::before {
  content: "\eabf";
}

.mbsc-ic-meteo-none::before {
  content: "\eabe";
}

.mbsc-ic-meteo-rainy::before {
  content: "\eac0";
}

.mbsc-ic-meteo-rainy2::before {
  content: "\eac1";
}

.mbsc-ic-meteo-rainy3::before {
  content: "\eac2";
}

.mbsc-ic-meteo-rainy4::before {
  content: "\eac3";
}

.mbsc-ic-meteo-snowflake::before {
  content: "\eac4";
}

.mbsc-ic-meteo-snowy::before {
  content: "\eac5";
}

.mbsc-ic-meteo-snowy2::before {
  content: "\eac6";
}

.mbsc-ic-meteo-snowy3::before {
  content: "\eac7";
}

.mbsc-ic-meteo-snowy4::before {
  content: "\eac8";
}

.mbsc-ic-meteo-snowy5::before {
  content: "\eac9";
}

.mbsc-ic-meteo-sun::before {
  content: "\eaca";
}

.mbsc-ic-meteo-sun2::before {
  content: "\eacb";
}

.mbsc-ic-meteo-sun3::before {
  content: "\eacc";
}

.mbsc-ic-meteo-sunrise::before {
  content: "\eacd";
}

.mbsc-ic-meteo-thermometer::before {
  content: "\eace";
}

.mbsc-ic-meteo-weather::before {
  content: "\eacf";
}

.mbsc-ic-meteo-weather2::before {
  content: "\ead0";
}

.mbsc-ic-meteo-weather3::before {
  content: "\ead1";
}

.mbsc-ic-meteo-weather4::before {
  content: "\ead2";
}

.mbsc-ic-meteo-weather5::before {
  content: "\ead4";
}

.mbsc-ic-meteo-wind::before {
  content: "\ead3";
}

.mbsc-ic-meteo-windy::before {
  content: "\ead5";
}

.mbsc-ic-meteo-windy2::before {
  content: "\ead7";
}

.mbsc-ic-meteo-windy3::before {
  content: "\ead6";
}

.mbsc-ic-meteo-windy4::before {
  content: "\ead8";
}

.mbsc-ic-meteo-windy5::before {
  content: "\ead9";
}

.mbsc-ic-minus::before {
  content: "\eada";
}

.mbsc-ic-mobile::before {
  content: "\eadb";
}

.mbsc-ic-music::before {
  content: "\eadc";
}

.mbsc-ic-neutral::before {
  content: "\eadd";
}

.mbsc-ic-newspaper::before {
  content: "\eade";
}

.mbsc-ic-office::before {
  content: "\eadf";
}

.mbsc-ic-pause2::before {
  content: "\eae0";
}

.mbsc-ic-pencil::before {
  content: "\eae2";
}

.mbsc-ic-phone::before {
  content: "\eae1";
}

.mbsc-ic-play::before {
  content: "\eae3";
}

.mbsc-ic-play3::before {
  content: "\eae4";
}

.mbsc-ic-plus::before {
  content: "\eae5";
}

.mbsc-ic-print::before {
  content: "\eae6";
}

.mbsc-ic-redo2::before {
  content: "\eae7";
}

.mbsc-ic-remove::before {
  content: "\eae8";
}

.mbsc-ic-reply::before {
  content: "\eae9";
}

.mbsc-ic-sad::before {
  content: "\eaea";
}

.mbsc-ic-sad2::before {
  content: "\eaeb";
}

.mbsc-ic-share::before {
  content: "\eaec";
}

.mbsc-ic-smiley::before {
  content: "\eaed";
}

.mbsc-ic-smiley2::before {
  content: "\eaee";
}

.mbsc-ic-stack::before {
  content: "\eaef";
}

.mbsc-ic-star::before {
  content: "\eaf0";
}

.mbsc-ic-star2::before {
  content: "\eaf1";
}

.mbsc-ic-star3::before {
  content: "\eaf3";
}

.mbsc-ic-stop2::before {
  content: "\eaf2";
}

.mbsc-ic-stopwatch::before {
  content: "\eaf4";
}

.mbsc-ic-stream-sync::before {
  content: "\eaf5";
}

.mbsc-ic-support::before {
  content: "\eaf6";
}

.mbsc-ic-tag::before {
  content: "\eaf7";
}

.mbsc-ic-thumbs-up::before {
  content: "\eaf8";
}

.mbsc-ic-thumbs-up2::before {
  content: "\eaf9";
}

.mbsc-ic-undo2::before {
  content: "\eafa";
}

.mbsc-ic-unlocked::before {
  content: "\eafb";
}

.mbsc-ic-upload::before {
  content: "\eafc";
}

.mbsc-ic-user4::before {
  content: "\eafd";
}

.mbsc-ic-volume-high::before {
  content: "\eafe";
}

.mbsc-ic-volume-medium::before {
  content: "\eaff";
}

.mbsc-ic-volume-mute2::before {
  content: "\eb00";
}

.mbsc-fr-w,
.mbsc-fr-overlay {
  -webkit-transform: translateZ(0);
}

.mbsc-fr {
  pointer-events: none;
  z-index: 99998;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

.mbsc-fr-focus {
  outline: 0;
}

.mbsc-fr-lock-ctx {
  position: relative;
}

.mbsc-fr-lock.mbsc-fr-lock-ios {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.mbsc-fr-pos {
  visibility: hidden;
}

.mbsc-fr-scroll {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.mbsc-fr-popup {
  max-width: 98%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  font-size: 12px;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
}

.mbsc-rtl {
  direction: rtl;
}

/* Box sizing */

.mbsc-fr-popup,
.mbsc-fr-btn-cont,
.mbsc-fr-arr {
  box-sizing: border-box;
}

.mbsc-fr .mbsc-fr-w {
  box-sizing: content-box;
}

.mbsc-fr-w {
  min-width: 256px;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  font-family: arial, verdana, sans-serif;
}

/* Modal overlay */

.mbsc-fr,
.mbsc-fr-persp,
.mbsc-fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mbsc-fr-lock .mbsc-fr-persp {
  touch-action: none;
}

.mbsc-fr-lock-ctx > .mbsc-fr,
.mbsc-fr-lock-ctx .mbsc-fr-persp,
.mbsc-fr-lock-ctx .mbsc-fr-overlay {
  position: absolute;
}

.mbsc-fr-persp {
  pointer-events: auto;
  overflow: hidden;
}

.mbsc-fr-overlay {
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
}

/* Liquid mode */

.mbsc-fr-liq .mbsc-fr-popup {
  max-width: 100%;
}

/* Top/Bottom mode */

.mbsc-fr-top .mbsc-fr-popup,
.mbsc-fr-bottom .mbsc-fr-popup {
  width: 100%;
  max-width: 100%;
}

.mbsc-fr-top .mbsc-fr-w,
.mbsc-fr-bottom .mbsc-fr-w {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.mbsc-fr-bottom .mbsc-fr-w {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.mbsc-fr-top .mbsc-fr-popup {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

/* Inline mode */

.mbsc-fr-inline {
  position: relative;
  pointer-events: auto;
  z-index: 0;
}

.mbsc-fr-inline .mbsc-fr-popup {
  position: static;
  max-width: 100%;
}

/* Bubble mode */

.mbsc-fr-bubble,
.mbsc-fr-bubble .mbsc-fr-persp {
  position: absolute;
}

.mbsc-fr-bubble .mbsc-fr-arr-w {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.mbsc-fr-bubble-top .mbsc-fr-arr-w {
  top: 100%;
}

.mbsc-fr-bubble-bottom .mbsc-fr-arr-w {
  bottom: 100%;
}

.mbsc-fr-bubble .mbsc-fr-arr-i {
  margin: 0 1.75em;
  position: relative;
  direction: ltr;
}

.mbsc-fr-bubble .mbsc-fr-arr {
  display: block;
}

.mbsc-fr-arr {
  display: none;
  position: relative;
  left: 0;
  width: 2em;
  height: 2em;
  transform: rotate(-45deg);
  margin-left: -1em;
}

.mbsc-fr-bubble-bottom .mbsc-fr-arr {
  top: 1.333334em;
}

.mbsc-fr-bubble-top .mbsc-fr-arr {
  top: -1.333334em;
}

.mbsc-fr-hdn {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

/* Header */

.mbsc-fr-hdr {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

/* Buttons */

.mbsc-fr-btn {
  overflow: hidden;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.mbsc-fr-btn-e {
  cursor: pointer;
}

.mbsc-fr-btn.mbsc-disabled {
  cursor: not-allowed;
}

/* Button container */

.mbsc-fr-btn-cont {
  display: table;
  width: 100%;
  text-align: center;
  white-space: normal;
}

.mbsc-fr-btn-cont .mbsc-disabled {
  opacity: 0.3;
}

/* Button wrapper */

.mbsc-fr-btn-w {
  vertical-align: top;
  display: table-cell;
  position: relative;
  z-index: 5;
}

.mbsc-fr-btn-w .mbsc-fr-btn:before {
  padding: 0.375em;
}

/* Desktop view */

.mbsc-fr-pointer {
  /* Embedded components */
}

.mbsc-fr-pointer.mbsc-fr .mbsc-fr-w .mbsc-fr-inline .mbsc-fr-w {
  box-shadow: none;
  border-radius: 0;
}

.mbsc-fr-pointer .mbsc-ltr .mbsc-fr-w,
.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl .mbsc-sel-gr {
  text-align: left;
}

.mbsc-fr-pointer .mbsc-rtl .mbsc-fr-w,
.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl .mbsc-sel-gr {
  text-align: right;
}

.mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-w, .mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-w {
  pointer-events: auto;
  display: inline-block;
  margin-top: 3em;
  margin-bottom: 3em;
  max-width: 98%;
}

.mbsc-fr-pointer.mbsc-fr-top .mbsc-fr-popup, .mbsc-fr-pointer.mbsc-fr-bottom .mbsc-fr-popup {
  text-align: center;
  pointer-events: none;
}

.mbsc-fr-pointer.mbsc-fr-bubble .mbsc-fr-arr-w {
  display: none;
}

.mbsc-fr-pointer .mbsc-sel-empty {
  text-align: center;
}

.mbsc-sc-whl-o,
.mbsc-sc-btn {
  /* Prevent flickering on animation */
  -webkit-transform: translateZ(0);
}

/* Force content box */

.mbsc-sc .mbsc-sc-whl-c,
.mbsc-sc .mbsc-sc-whl-l,
.mbsc-sc .mbsc-sc-whl {
  box-sizing: content-box;
}

/* Force border box */

.mbsc-sc-whl-gr-c,
.mbsc-sc-itm {
  box-sizing: border-box;
}

.mbsc-sc-whl-gr-c {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
}

.mbsc-fr-bottom .mbsc-sc-whl-gr-c:first-child:last-child,
.mbsc-fr-top .mbsc-sc-whl-gr-c:first-child:last-child,
.mbsc-fr-inline .mbsc-sc-whl-gr-c:first-child:last-child,
.mbsc-fr-liq .mbsc-sc-whl-gr-c {
  display: block;
}

.mbsc-sc-whl-gr {
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
}

.mbsc-sc-whl-w {
  max-width: 100%;
  position: relative;
  touch-action: none;
}

.mbsc-fr-pointer .mbsc-sc-whl-w,
.mbsc-fr-liq .mbsc-sc-whl-w {
  flex: 1 auto;
}

.mbsc-sc-whl-o {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  display: none;
}

.mbsc-sc-whl-l {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  pointer-events: none;
}

.mbsc-sc-whl-w .mbsc-sc-whl-l {
  display: block;
}

.mbsc-sc-whl {
  overflow: hidden;
  /* Forces IE to respect overflow hidden while animating */
  /* Looks like this is not needed, also, it brakes rendering on Samsung S5 Mini */
  /* border-radius: 1px; */
  /* Fixes Firefox rendering issues */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  margin: -1px 0;
}

.mbsc-sc-whl-c {
  position: relative;
  z-index: 1;
  top: 50%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.mbsc-sc-whl-sc {
  position: relative;
}

.mbsc-sc-itm {
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-sc-itm-inv,
.mbsc-sc-itm-inv-h {
  opacity: 0.3;
}

.mbsc-sc-lbl {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  display: none;
}

.mbsc-sc-lbl-v .mbsc-sc-lbl {
  display: block;
}

.mbsc-sc-btn {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  cursor: pointer;
  opacity: 1;
  text-align: center;
  transition: opacity 0.2s linear;
}

.mbsc-sc-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.mbsc-sc-whl-a .mbsc-sc-btn {
  opacity: 0;
}

.mbsc-sc-btn-plus {
  bottom: 0;
}

.mbsc-sc-btn-minus {
  top: 0;
}

/* 3D */

.mbsc-sc-whl-gr-3d {
  perspective: 1200px;
}

.mbsc-sc-whl-gr-3d .mbsc-sc-whl {
  /* For iOS to respect z-index */
  overflow: visible;
}

.mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  overflow: hidden;
}

.mbsc-sc-whl-gr-3d .mbsc-sc-whl-w,
.mbsc-sc-whl-gr-3d .mbsc-sc-whl {
  /* For Edge and Firefox */
  transform-style: preserve-3d;
}

.mbsc-sc-whl-3d {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform-style: preserve-3d;
}

.mbsc-sc-itm-3d {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mbsc-sc-itm-del {
  display: none;
}

/* Multiline */

.mbsc-sc-itm-ml {
  width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

/* Multiple */

.mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  text-align: center;
}

/* Desktop view */

.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr-c,
.mbsc-fr-pointer .mbsc-fr-w .mbsc-sc-whl-gr {
  padding: 0;
}

.mbsc-fr-pointer .mbsc-sc-whl-gr-c:first-child:last-child {
  display: block;
}

.mbsc-sc-bar-c {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  right: 0;
  width: 10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.05);
  transform: translateZ(0);
  transition: opacity 0.2s;
}

.mbsc-sc-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
}

.mbsc-sc-bar:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.mbsc-sc-whl-w:hover .mbsc-sc-bar-c,
.mbsc-sc-whl-anim .mbsc-sc-bar-c {
  opacity: 1;
}

/* Box sizing */

.mbsc-cal-slide,
.mbsc-cal-day,
.mbsc-cal-day-i {
  box-sizing: border-box;
}

.mbsc-cal .mbsc-cal-day-date {
  text-align: center;
  box-sizing: content-box;
}

/* Flex layout */

.mbsc-cal-hdr,
.mbsc-cal-btn-w,
.mbsc-cal-days-c,
.mbsc-cal-days,
.mbsc-cal-tabbed .mbsc-fr-c .mbsc-sc-whl-gr-c {
  display: flex;
}

.mbsc-cal-btn-w,
.mbsc-cal-month,
.mbsc-cal-year,
.mbsc-cal-days,
.mbsc-cal-days > div {
  flex: 1 auto;
}

.mbsc-cal-c {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

/* Header */

.mbsc-cal-btn-w {
  width: 50%;
}

.mbsc-cal-month,
.mbsc-cal-year {
  width: 1%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-cal-btn.mbsc-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Week days */

.mbsc-cal-days {
  line-height: 1.875em;
  text-align: center;
}

.mbsc-cal-days > div {
  width: 14.285715%;
}

.mbsc-cal-body {
  position: relative;
}

.mbsc-cal-scroll-c {
  overflow: hidden;
  height: 100%;
}

.mbsc-cal-scroll {
  width: 100%;
  height: 100%;
}

.mbsc-cal-slide {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mbsc-cal-slide:first-child {
  position: relative;
}

.mbsc-cal-table {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  -webkit-transform: translateZ(0);
}

.mbsc-cal-row {
  display: table-row;
}

.mbsc-cal-cell {
  display: table-cell;
  vertical-align: middle;
}

.mbsc-cal-cell:focus {
  outline: 0;
}

.mbsc-cal-picker {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.9375em 0;
  transition: all 0.2s ease-in-out;
  will-change: opacity;
}

.mbsc-cal-picker .mbsc-cal-cell {
  width: 33.333333%;
  height: 25%;
  cursor: pointer;
}

.mbsc-cal-h {
  visibility: hidden;
  opacity: 0;
}

.mbsc-cal-day {
  max-width: 14.285715%;
  height: 16.666667%;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.mbsc-cal-day-i {
  position: relative;
  height: 100%;
}

.mbsc-cal-day-markup {
  overflow: hidden;
}

.mbsc-cal-day-diff .mbsc-cal-day-date {
  opacity: 0.5;
}

.mbsc-cal-week-view .mbsc-cal-day-date,
.mbsc-cal-day-diff.mbsc-selected .mbsc-cal-day-date {
  opacity: 1;
}

.mbsc-cal-cell.mbsc-disabled {
  cursor: not-allowed;
}

.mbsc-cal-cell.mbsc-disabled .mbsc-cal-cell-txt {
  opacity: 0.2;
}

/* Hide outer days */

.mbsc-cal-hide-diff .mbsc-cal-day-diff {
  cursor: default;
}

.mbsc-cal-hide-diff .mbsc-cal-day-diff .mbsc-cal-day-i {
  visibility: hidden;
}

/* Week numbers */

.mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days {
  margin-left: 1.625em;
}

.mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days {
  margin-right: 1.625em;
}

.mbsc-cal-week-nr {
  width: 1.625em;
  text-align: center;
}

/* Multiple month */

.mbsc-cal-multi .mbsc-cal-hdr {
  display: block;
}

.mbsc-cal-multi .mbsc-cal-btn-w {
  width: auto;
}

.mbsc-cal-multi .mbsc-cal-days,
.mbsc-cal-multi .mbsc-cal-slide {
  padding: 0 0.5em;
}

/* Liquid mode */

.mbsc-fr-liq .mbsc-cal-c {
  display: block;
}

/* Full screen mode */

.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-overlay {
  display: none;
}

.mbsc-calendar.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-w {
  border-radius: 0;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* Tabs */

.mbsc-cal-tabs-c {
  display: none;
}

.mbsc-cal-tabs {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mbsc-cal-tab {
  position: relative;
  width: 33.33%;
  display: table-cell;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
}

.mbsc-cal-tabbed {
  /* During positioning */
}

.mbsc-cal-tabbed .mbsc-fr-c {
  position: relative;
}

.mbsc-cal-tabbed .mbsc-w-p {
  transition: opacity 0.2s ease-in-out;
}

.mbsc-cal-tabbed .mbsc-sc-whl-gr-c {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  max-width: none;
  height: 100%;
  -ms-box-align: center;
  align-items: center;
}

.mbsc-cal-tabbed .mbsc-cal-c,
.mbsc-cal-tabbed .mbsc-cal-tabs-c {
  display: block;
}

.mbsc-cal-tabbed .mbsc-fr-pos .mbsc-sc-whl-gr-c {
  width: auto;
}

/* Marks */

.mbsc-cal-has-marks .mbsc-cal-day {
  padding-bottom: 0.25em;
}

.mbsc-cal-marks {
  position: absolute;
  left: 0;
  right: 0;
  height: 0.375em;
  margin-top: -0.125em;
  overflow: hidden;
  white-space: nowrap;
}

.mbsc-cal-mark {
  display: inline-block;
  vertical-align: top;
  width: 0.25em;
  height: 0.25em;
  margin: 0.0625em;
  border-radius: 0.25em;
}

/* Text & icons */

.mbsc-cal-txt-w {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.mbsc-ltr .mbsc-cal-txt {
  text-align: left;
}

.mbsc-rtl .mbsc-cal-txt {
  text-align: right;
}

.mbsc-cal-txt,
.mbsc-cal-txt-ph,
.mbsc-cal-txt-more {
  position: relative;
  height: 1.6em;
  line-height: 1.6em;
  overflow: hidden;
  padding: 0 0.3em;
  font-size: 0.625em;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0.1em 0.2em 0.1em;
}

.mbsc-cal-day .mbsc-cal-txt.mbsc-cal-txt-only {
  color: inherit;
  text-align: center;
}

.mbsc-no-touch .mbsc-cal-txt:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: background-color 0.2s;
}

.mbsc-no-touch .mbsc-cal-txt-only:before {
  display: none;
}

.mbsc-no-touch .mbsc-cal-txt.mbsc-hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}

.mbsc-no-touch .mbsc-cal-txt-more:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.mbsc-cal-txt-more {
  text-align: left;
  transition: background-color 0.2s;
}

.mbsc-cal .mbsc-cal-btn {
  position: relative;
  z-index: 1;
}

/* Frame */

.mbsc-bootstrap {
  /* Inline mode */
  /* Top/bottom mode */
  /* Bubble mode */
  /* 4.x */
}

.mbsc-bootstrap .mbsc-fr-popup {
  display: block;
  padding: 0;
  margin: 0;
}

.mbsc-bootstrap .mbsc-fr-hdr {
  padding: 0 14px;
  min-height: 37px;
  line-height: 37px;
}

.mbsc-bootstrap .mbsc-fr-w {
  font-family: inherit;
  padding: 0;
}

.mbsc-bootstrap .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.mbsc-bootstrap .mbsc-fr-btn-cont {
  padding: 0 2px 4px 2px;
}

.mbsc-bootstrap .mbsc-fr-btn {
  display: block;
  margin: 0 2px;
}

.mbsc-bootstrap.mbsc-inline .mbsc-fr-popup {
  display: inline-block;
}

.mbsc-bootstrap.mbsc-fr-inline .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-top .mbsc-fr-popup, .mbsc-bootstrap.mbsc-fr-bottom .mbsc-fr-popup {
  border-radius: 0;
}

.mbsc-bootstrap .mbsc-fr-arr-i {
  max-width: none;
  height: 20px;
  margin: 0 10px;
  padding: 0;
  border: 0;
  display: block;
  border-color: transparent;
  background: none;
  box-shadow: none;
}

.mbsc-bootstrap .mbsc-fr-arr-w {
  margin: 0;
  overflow: visible;
}

.mbsc-bootstrap .mbsc-fr-bubble-top .mbsc-fr-arr {
  top: 0;
  bottom: auto;
}

.mbsc-bootstrap .mbsc-fr-bubble-bottom .mbsc-fr-arr {
  top: auto;
  bottom: 0;
}

.mbsc-bootstrap.mbsc-fr .mbsc-fr-arr {
  margin: 0;
  -webklit-transform: translate(-50%);
  transform: translate(-50%);
}

/* Scroller */

.mbsc-bootstrap {
  /* Clickpick mode */
  /* Multiple select */
}

.mbsc-bootstrap .mbsc-sc-whl-gr-c {
  overflow: visible;
}

.mbsc-bootstrap .mbsc-sc-whl-gr {
  padding: 4px 2px;
}

.mbsc-bootstrap .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
  padding-top: 30px;
}

.mbsc-bootstrap .mbsc-sc-lbl {
  line-height: 30px;
}

.mbsc-bootstrap .mbsc-sc-whl-w {
  margin: 0 2px;
}

.mbsc-bootstrap .mbsc-sc-whl-l {
  margin: 0 -2px;
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l,
.mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l {
  margin-left: -4px;
}

.mbsc-bootstrap .mbsc-ltr .mbsc-sc-whl-w:last-child .mbsc-sc-whl-l,
.mbsc-bootstrap .mbsc-rtl .mbsc-sc-whl-w:first-child .mbsc-sc-whl-l {
  margin-right: -4px;
}

.mbsc-bootstrap .mbsc-sc-itm {
  padding: 0 5px;
  font-size: 18px;
}

.mbsc-bootstrap .mbsc-sc-itm.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-bootstrap .mbsc-sc-cp .mbsc-sc-whl-w {
  padding: 30px 0;
}

.mbsc-bootstrap .mbsc-sc-btn {
  height: 30px !important;
  line-height: 30px !important;
}

.mbsc-bootstrap .mbsc-sc-btn-plus {
  top: auto;
}

.mbsc-bootstrap .mbsc-sc-btn.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 40px;
}

.mbsc-bootstrap .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  width: 40px;
  font-size: 16px;
}

/* Calendar base */

.mbsc-bootstrap {
  /* Week numbers */
  /* Tabs */
  /* Marks */
  /* Liquid mode */
}

.mbsc-bootstrap .mbsc-cal-c {
  padding: 4px 2px 2px 2px;
}

.mbsc-bootstrap .mbsc-cal-hdr {
  font-size: 18px;
  line-height: 40px;
}

.mbsc-bootstrap .mbsc-cal .mbsc-cal-btn {
  width: 40px;
  height: 40px;
  background: none;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 40px;
}

.mbsc-bootstrap .mbsc-cal-picker {
  max-width: none;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

.mbsc-bootstrap .mbsc-cal-table {
  border-spacing: 2px;
}

.mbsc-bootstrap .mbsc-cal-cell:focus {
  box-shadow: none;
}

.mbsc-bootstrap .mbsc-cal-cell:focus .mbsc-cal-cell-i {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-bootstrap .mbsc-cal-day-i {
  padding: 2px;
  line-height: 34px;
}

.mbsc-bootstrap .mbsc-cal-hide-diff .mbsc-cal-day-diff {
  background: none;
}

.mbsc-bootstrap .mbsc-cal-today.mbsc-selected {
  color: #fff !important;
}

.mbsc-bootstrap .mbsc-ltr .mbsc-cal-weeks .mbsc-cal-days-c {
  padding-left: 26px;
}

.mbsc-bootstrap .mbsc-rtl .mbsc-cal-weeks .mbsc-cal-days-c {
  padding-right: 26px;
}

.mbsc-bootstrap .mbsc-cal-week-nr {
  width: 26px;
  font-weight: bold;
}

.mbsc-bootstrap .mbsc-cal-tabs {
  display: flex;
  padding: 4px 4px 0 4px;
  box-sizing: border-box;
}

.mbsc-bootstrap .mbsc-cal-tab {
  flex: 1 0;
  margin-bottom: -1px;
}

.mbsc-bootstrap .mbsc-cal-has-marks .mbsc-cal-day {
  padding-bottom: 0;
}

.mbsc-bootstrap .mbsc-cal-has-txt .mbsc-cal-day-i {
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 15px;
}

.mbsc-bootstrap .mbsc-cal-marks {
  height: 6px;
  margin-top: -9px;
}

.mbsc-bootstrap .mbsc-cal-mark {
  width: 4px;
  height: 4px;
  margin: 1px;
  border-radius: 4px;
  background: #aaa;
}

.mbsc-bootstrap .mbsc-cal-txt {
  left: 1px;
  right: 1px;
  height: 15px;
  margin-top: -1px;
  font-size: 10px;
  line-height: 15px;
}

.mbsc-bootstrap.mbsc-fr-liq.mbsc-fr-center .mbsc-fr-popup {
  border: 0;
  border-radius: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-w,
.mbsc-fr-hb.mbsc-ios.mbsc-fr-inline .mbsc-fr-c,
.mbsc-fr-hb.mbsc-ios .mbsc-fr-hdr,
.mbsc-fr-hb.mbsc-ios .mbsc-fr-btn-cont,
.mbsc-fr-hb.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w,
.mbsc-fr-hb.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup,
.mbsc-fr-hb.mbsc-ios.mbsc-cal-liq.mbsc-fr-center .mbsc-fr-btn-cont,
.mbsc-fr-hb.mbsc-ios.mbsc-calendar .mbsc-fr-popup .mbsc-fr-btn-cont,
.mbsc-fr-hb.mbsc-ios .mbsc-cal-day,
.mbsc-fr-hb.mbsc-ios .mbsc-cal-sc-m-cell,
.mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end,
.mbsc-fr-hb.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before,
.mbsc-fr-hb.mbsc-ios .mbsc-np-btn,
.mbsc-fr-hb.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after,
.mbsc-lv-hb.mbsc-ios .mbsc-lv-item:before,
.mbsc-lv-hb.mbsc-ios .mbsc-lv-item:after,
.mbsc-lv-hb.mbsc-ios .mbsc-lv-gr-title,
.mbsc-lv-hb.mbsc-ios,
.mbsc-form-hb.mbsc-ios .mbsc-control-w:before,
.mbsc-form-hb.mbsc-ios .mbsc-control-w:after,
.mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,
.mbsc-form-hb.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after,
.mbsc-form-hb.mbsc-ios .mbsc-divider,
.mbsc-form-hb.mbsc-ios .mbsc-btn-group {
    border-width: 0.5px;
  }
}

/* Base colors */

.mbsc-ios {
  /* Bubble arrow */
  /* Top and bottom display */
  /* Center display button  */
  /* Inline display */
  /* No buttons */
  /* Desktop view */
}

.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.mbsc-ios .mbsc-fr-w {
  position: relative;
  padding-top: 3.666667em;
  font-size: 12px;
  font-family: -apple-system, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.mbsc-ios .mbsc-fr-has-hdr .mbsc-fr-w {
  min-width: 25em;
}

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w, .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
  min-width: 22.5em;
}

.mbsc-ios .mbsc-fr-hdr {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  line-height: 1.25em;
  padding: 0.75em 4.375em;
  font-size: 1.333334em;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-hdr, .mbsc-ios.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr {
  position: relative;
  padding: 0.75em 0.5em;
  margin-bottom: -1px;
  white-space: normal;
}

.mbsc-ios .mbsc-fr-btn-cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
}

.mbsc-ios .mbsc-ltr .mbsc-fr-btn-cont {
  text-align: right;
}

.mbsc-ios .mbsc-rtl .mbsc-fr-btn-cont {
  text-align: left;
}

.mbsc-ios .mbsc-fr-btn {
  height: 2.75em;
  line-height: 2.75em;
  padding: 0 0.625em;
  text-align: center;
  font-size: 1.333334em;
}

.mbsc-ios .mbsc-fr-btn.mbsc-active {
  opacity: 0.5;
}

.mbsc-ios .mbsc-fr-btn-w {
  display: inline-block;
}

.mbsc-ios .mbsc-ltr .mbsc-fr-btn-c {
  float: left;
}

.mbsc-ios .mbsc-rtl .mbsc-fr-btn-c {
  float: right;
}

.mbsc-ios .mbsc-fr-btn-s .mbsc-fr-btn {
  font-weight: bold;
}

.mbsc-ios.mbsc-fr-bubble .mbsc-fr-w, .mbsc-ios.mbsc-fr-center .mbsc-fr-w {
  border-radius: 8px;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
  border-radius: 0;
}

.mbsc-ios .mbsc-fr-arr {
  border-radius: 6px;
}

.mbsc-ios.mbsc-fr-bottom .mbsc-fr-overlay, .mbsc-ios.mbsc-fr-top .mbsc-fr-overlay {
  background: none;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-w {
  padding-top: 0;
  padding-bottom: 3.75em;
}

.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w {
  padding: 0;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-cont {
  display: table;
  top: auto;
  bottom: 0;
  border: 0;
  table-layout: fixed;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w {
  display: table-cell;
  float: none;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w:first-child {
  border-left: 0;
}

.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w {
  border-left: 0;
}

.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child {
  border-right: 0;
}

.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:first-child .mbsc-fr-btn, .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
  border-radius: 0 0 0 0.5em;
}

.mbsc-ios.mbsc-fr-center .mbsc-ltr .mbsc-fr-btn-w:last-child .mbsc-fr-btn, .mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w:first-child .mbsc-fr-btn {
  border-radius: 0 0 0.5em 0;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
  opacity: 1;
}

.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-cont {
  position: static;
  display: block;
}

.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w {
  display: block;
  border-left: 0;
  border-right: 0;
}

.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-w .mbsc-fr-btn-w .mbsc-fr-btn {
  border-radius: 0;
}

.mbsc-ios.mbsc-fr-center.mbsc-fr-btn-block .mbsc-fr-btn-w:last-child .mbsc-fr-btn {
  border-radius: 0 0 0.5em 0.5em;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
  margin-top: -1px;
}

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-w {
  padding: 0;
}

.mbsc-ios.mbsc-fr-nobtn.mbsc-fr-bottom .mbsc-fr-w {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.mbsc-ios.mbsc-fr-pointer.mbsc-fr .mbsc-fr-popup {
  border: 0;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-fr-hdr {
  font-size: 1.166667em;
  line-height: 1.5em;
}

.mbsc-ios {
  /* Bubble arrow */
  /* Top and bottom display */
  /* Center display button  */
  /* Inline display */
  /* Desktop view */
}

.mbsc-ios.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios.mbsc-fr-bottom .mbsc-fr-btn-cont {
  background: #efefef;
}

.mbsc-ios .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.2);
}

.mbsc-ios .mbsc-fr-w {
  background: hsl(0deg, 0%, 96.862745098%);
  color: #000000;
}

.mbsc-ios .mbsc-fr-hdr {
  color: #000000;
}

.mbsc-ios.mbsc-fr-nobtn .mbsc-fr-hdr, .mbsc-ios.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr,
.mbsc-ios .mbsc-fr-btn-cont {
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios .mbsc-fr-btn {
  color: #007aff;
}

.mbsc-ios .mbsc-fr-arr {
  background: hsl(0deg, 0%, 96.862745098%);
}

.mbsc-ios.mbsc-fr-bottom .mbsc-fr-popup {
  border-top: 1px solid #8e8e8e;
}

.mbsc-ios.mbsc-fr-top .mbsc-fr-popup {
  border-bottom: 1px solid #8e8e8e;
}

.mbsc-ios.mbsc-fr-center .mbsc-fr-btn-w {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w {
  border-right: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, .mbsc-ios.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
  background: #eaeaea;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-w {
  background: white;
  border-top: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-inline .mbsc-fr-c {
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-no-overlay .mbsc-fr-arr {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-ios.mbsc-fr-no-overlay .mbsc-fr-w {
  box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.2);
}

.mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w,
.mbsc-ios.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
  background: hsl(0deg, 0%, 96.862745098%);
}

.mbsc-ios.mbsc-fr-pointer .mbsc-fr-hdr {
  border-color: #cccccc;
}

.mbsc-ios {
  /* Scroller */
  /* Wheel label */
  /* 3D */
  /* Clickpick mode */
  /* Multiple select */
  /* Desktop view */
}

.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-btn-cont {
  border-bottom: 0;
}

.mbsc-ios .mbsc-sc-lbl {
  line-height: 2.5em;
}

.mbsc-ios .mbsc-sc-whl-gr-c {
  padding: 0 0.833333em;
}

.mbsc-ios.mbsc-fr-liq .mbsc-sc-whl-gr-3d-c {
  padding: 0 3%;
}

.mbsc-ios .mbsc-sc-whl-gr {
  padding: 0.833333em;
}

.mbsc-ios .mbsc-sc-lbl-v {
  margin-bottom: -1.666667em;
}

.mbsc-ios .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.mbsc-ios .mbsc-sc-whl-l, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-l {
  display: block;
  margin: 0 -0.833333em;
}

.mbsc-ios .mbsc-sc-whl-w .mbsc-sc-whl-l {
  display: none;
}

.mbsc-ios .mbsc-sc-whl-o, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-o {
  display: block;
}

.mbsc-ios .mbsc-sc-itm {
  padding: 0 0.5em;
  font-size: 1.833333em;
}

.mbsc-ios.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-ios .mbsc-sc-itm:focus {
  outline: 0;
}

.mbsc-ios .mbsc-sc-whl-gr-3d-c .mbsc-sc-whl-l {
  z-index: 3;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  margin: 0 -0.166667em;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
  font-size: 1.666666em;
}

.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl .mbsc-sc-itm {
  text-align: center;
}

.mbsc-ios .mbsc-sc-cp .mbsc-sc-whl-w {
  padding: 2.666667em 0;
}

.mbsc-ios .mbsc-sc-btn {
  height: 2.666667em;
  line-height: 2.666667em;
  opacity: 1;
}

.mbsc-ios .mbsc-sc-btn:before {
  font-size: 2em;
}

.mbsc-ios .mbsc-sc-btn.mbsc-active:before {
  opacity: 0.5;
}

.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-l {
  display: none;
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-whl-o {
  display: none;
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 1.818181em;
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  font-size: 1.818181em;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-multi .mbsc-sc-whl-o {
  display: block;
}

.mbsc-ios.mbsc-sel-multi .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  visibility: hidden;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-o {
  display: none;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-lbl-v {
  margin-bottom: -2.5em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-lbl {
  padding: 0 1.666667em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm {
  font-size: 1.333334em;
  padding: 0 1.25em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 2.5em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel:before {
  font-size: 2em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-itm-sel:before {
  left: 0.125em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-itm-sel:before {
  right: 0.125em;
}

.mbsc-ios {
  /* Scroller */
  /* Top / bottom color theme */
  /* Inline color theme */
  /* Wheel label */
  /* 3D */
  /* Clickpick mode */
  /* Multiple select */
  /* Desktop view */
}

.mbsc-ios.mbsc-sc.mbsc-fr-top .mbsc-fr-w, .mbsc-ios.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w {
  background: #d1d5db;
}

.mbsc-ios.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w {
  background: hsl(0deg, 0%, 96.862745098%);
}

.mbsc-ios.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont {
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-l, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-l {
  border-top: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
}

.mbsc-ios .mbsc-sc-whl-l, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-l {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-o, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-o {
  background: linear-gradient(#d1d5db, rgba(209, 213, 219, 0) 52%, rgba(209, 213, 219, 0) 48%, #d1d5db);
}

.mbsc-ios .mbsc-sc-whl-o, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-o {
  background: linear-gradient(hsl(0deg, 0%, 96.862745098%), rgba(247, 247, 247, 0) 52%, rgba(247, 247, 247, 0) 48%, hsl(0deg, 0%, 96.862745098%));
}

.mbsc-ios.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: #d1d5db;
}

.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
  background: linear-gradient(white, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 48%, white);
}

.mbsc-ios.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: white;
}

.mbsc-ios .mbsc-sc-lbl {
  color: #ababab;
}

.mbsc-ios .mbsc-sc-itm {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-ios .mbsc-sc-itm:focus {
  background: rgba(0, 122, 255, 0.15);
}

.mbsc-ios.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(0, 122, 255, 0.2);
}

.mbsc-ios .mbsc-sc-itm-sel,
.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm {
  color: #000000;
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: hsl(0deg, 0%, 96.862745098%);
}

.mbsc-ios .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
  color: #a3a3a3;
}

.mbsc-ios .mbsc-sc-btn {
  color: #007aff;
}

.mbsc-ios.mbsc-sel-multi .mbsc-sc-itm {
  color: #000000;
}

.mbsc-ios .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #007aff;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl-l {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm {
  color: #000000;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-itm-sel {
  color: #007aff;
}

.mbsc-ios {
  /* Week numbers */
  /* Tabs */
  /* Marks */
  /* Center, bubble */
  /* Full screen */
}

.mbsc-ios .mbsc-cal {
  font-size: 1.333334em;
}

.mbsc-ios .mbsc-cal-hdr {
  padding-top: 0.5em;
}

.mbsc-ios .mbsc-cal .mbsc-cal-btn {
  width: 2.086956em;
  height: 2.086956em;
  padding: 0;
  line-height: 2.086956em;
  font-size: 1.4375em;
  margin: -0.173913em;
  border-radius: 2em;
}

.mbsc-ios .mbsc-cal-year,
.mbsc-ios .mbsc-cal-month {
  font-size: 1.125em;
  line-height: 2.222223em;
}

.mbsc-ios .mbsc-cal-picker .mbsc-cal-cell-i {
  display: inline-block;
  height: 2em;
  padding: 0 1em;
  line-height: 2em;
  border-radius: 2em;
  white-space: nowrap;
}

.mbsc-ios .mbsc-cal-days > div {
  font-size: 0.75em;
}

.mbsc-ios .mbsc-cal-day-scroll-c .mbsc-cal-slide {
  padding-bottom: 0.5em;
}

.mbsc-ios .mbsc-cal-hide-diff .mbsc-cal-row:not(:first-child) .mbsc-cal-day-diff {
  border-top-color: transparent;
}

.mbsc-ios .mbsc-cal-day-date {
  display: inline-block;
  width: 1.625em;
  height: 1.625em;
  margin: 0.3125em 0;
  line-height: 1.625em;
  border: 2px solid transparent;
  border-radius: 2em;
}

.mbsc-ios .mbsc-cal-week-nr {
  width: 2.363636em;
  font-size: 0.6875em;
}

.mbsc-ios .mbsc-cal-tabs-c {
  padding: 0.666667em 0.666667em 0 0.666667em;
}

.mbsc-ios .mbsc-cal-tab {
  line-height: 1.928571em;
  font-size: 1.166667em;
  padding: 0 0.714285em;
}

.mbsc-ios .mbsc-ltr .mbsc-cal-tab:first-child {
  border-right: 0;
  border-radius: 0.285714em 0 0 0.285714em;
}

.mbsc-ios .mbsc-ltr .mbsc-cal-tab:last-child {
  border-left: 0;
  border-radius: 0 0.285714em 0.285714em 0;
}

.mbsc-ios .mbsc-rtl .mbsc-cal-tab:last-child {
  border-right: 0;
  border-radius: 0.285714em 0 0 0.285714em;
}

.mbsc-ios .mbsc-rtl .mbsc-cal-tab:first-child {
  border-left: 0;
  border-radius: 0 0.285714em 0.285714em 0;
}

.mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day {
  padding-bottom: 0.4375em;
}

.mbsc-ios .mbsc-cal-has-marks .mbsc-cal-day-date {
  margin: 0.1875em 0;
}

.mbsc-ios .mbsc-cal-marks {
  margin-top: -0.0625em;
}

.mbsc-ios .mbsc-cal-mark {
  width: 0.375em;
  height: 0.375em;
  border-radius: 0.375em;
  margin: 0 0.0625em;
}

.mbsc-ios.mbsc-fr-center .mbsc-cal-c, .mbsc-ios.mbsc-fr-bubble .mbsc-cal-c {
  padding: 0 0.666667em;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center {
  /* Re-position buttons to top */
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-w {
  padding-bottom: 0;
  padding-top: 3.75em;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center.mbsc-fr-nobtn .mbsc-fr-w {
  padding: 0;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-cal-c {
  padding: 0;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-cal-day-scroll-c {
  padding: 0;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-btn-cont {
  position: absolute;
  top: 0;
  bottom: auto;
  display: block;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-btn-w {
  float: right;
  border: 0;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-w .mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn {
  background: none;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-btn-c {
  float: left;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-btn-s .mbsc-fr-btn {
  font-weight: bold;
}

.mbsc-ios.mbsc-fr-liq.mbsc-calendar.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
  background: transparent;
  opacity: 0.5;
}

.mbsc-ios {
  /* Hover, focus */
  /* Selected */
  /* Marks */
  /* Inline */
  /* Re-position buttons to top */
}

.mbsc-ios .mbsc-cal-picker {
  background: hsl(0deg, 0%, 96.862745098%);
}

.mbsc-ios .mbsc-cal-cell {
  border-top: 1px solid #cccccc;
}

.mbsc-ios .mbsc-cal-today {
  color: #007aff;
}

.mbsc-ios .mbsc-cal-cell:focus .mbsc-cal-cell-txt, .mbsc-ios.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-ios.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover {
  background: rgba(0, 122, 255, 0.3);
}

.mbsc-ios .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  border-color: #007aff;
  background: #007aff;
  color: #fff;
}

.mbsc-ios .mbsc-cal-tab {
  border: 1px solid #007aff;
  color: #007aff;
}

.mbsc-ios .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
  background: #007aff;
  color: #fff;
}

.mbsc-ios .mbsc-cal-mark {
  background: #cccccc;
}

.mbsc-ios .mbsc-cal-txt {
  background: #c3d6ef;
  color: #000;
}

.mbsc-ios.mbsc-fr-inline .mbsc-cal-picker {
  background: white;
}

.mbsc-ios .mbsc-fr-btn-cont {
  border-bottom: 1px solid #cccccc;
}

/* Base colors */

.mbsc-material .mbsc-ripple {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 1000em;
  pointer-events: none;
  transform: scale(0);
  transition: transform cubic-bezier(0, 0, 0.2, 1) 0.4s, opacity linear 0.1s;
}

.mbsc-material .mbsc-ripple-scaled {
  transform: scale(1);
}

.mbsc-material .mbsc-ripple-visible {
  opacity: 0.15;
}

.mbsc-material {
  /* Inline mode */
  /* Top, bottom mode */
}

.mbsc-material .mbsc-fr-w {
  border-radius: 0.1875em;
  min-width: 15em;
  font-size: 16px;
}

.mbsc-material .mbsc-fr-hdr {
  padding: 0 0.6666em;
  padding-top: 0.6666em;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
  min-height: 2em;
  line-height: 2em;
}

.mbsc-material .mbsc-fr-btn-cont {
  display: block;
  overflow: hidden;
  padding: 0 0.5em 0.5em 0.5em;
}

.mbsc-material .mbsc-ltr .mbsc-fr-btn-cont {
  text-align: right;
}

.mbsc-material .mbsc-rtl .mbsc-fr-btn-cont {
  text-align: left;
}

.mbsc-material .mbsc-fr-btn-w {
  display: inline-block;
}

.mbsc-material .mbsc-fr-btn {
  position: relative;
  height: 2.4em;
  line-height: 2.4em;
  padding: 0 1em;
  border-radius: 2px;
  font-weight: bold;
  text-transform: uppercase;
}

.mbsc-material .mbsc-fr-btn-cont .mbsc-fr-btn {
  font-size: 0.9375em;
}

.mbsc-material .mbsc-fr-btn-e {
  transition: background-color 0.2s ease-out;
}

.mbsc-material.mbsc-fr-inline .mbsc-fr-w {
  box-shadow: none;
}

.mbsc-material.mbsc-fr-inline .mbsc-fr-w, .mbsc-material.mbsc-fr-top .mbsc-fr-w, .mbsc-material.mbsc-fr-bottom .mbsc-fr-w {
  border-radius: 0;
}

.mbsc-material .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.mbsc-material .mbsc-fr-w {
  background: #fff;
  color: #303030;
  box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.3);
}

.mbsc-material .mbsc-fr-hdr {
  color: #1a73e8;
}

.mbsc-material .mbsc-fr-btn {
  color: #1a73e8;
}

.mbsc-material.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
.mbsc-material .mbsc-fr-btn.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-fr-arr {
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
  background: #fff;
}

.mbsc-material {
  /* Clickpick mode */
  /* Multiple select */
  /* Desktop styling */
}

.mbsc-material .mbsc-sc-whl-gr {
  padding: 2em 0.25em;
}

.mbsc-material .mbsc-sc-cp {
  padding: 0.5em 0.25em;
}

.mbsc-material .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
  padding-top: 2.5em;
  padding-bottom: 0;
}

.mbsc-material .mbsc-sc-lbl {
  line-height: 2.666666em;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}

.mbsc-material .mbsc-sc-whl-w {
  margin: 0 0.25em;
  padding: 0.5em 0;
}

.mbsc-material .mbsc-sc-itm {
  padding: 0 0.272727em;
  font-size: 1.375em;
}

.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material .mbsc-sc-itm:focus {
  outline: 0;
}

.mbsc-material.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  border-radius: 2px;
}

.mbsc-material .mbsc-sc-cp .mbsc-sc-whl-w {
  padding: 2em 0;
}

.mbsc-material .mbsc-sc-btn {
  height: 2em;
  line-height: 2em;
  overflow: hidden;
}

.mbsc-material .mbsc-sc-btn:before {
  font-size: 1.5em;
}

.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 1.818181em;
}

.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  width: 1.818181em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-lbl {
  padding-left: 1.666667em;
  padding-right: 1.666667em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-w {
  margin: 0;
  padding: 0;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-itm {
  font-size: 1em;
  padding: 0 1.25em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 2.5em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  width: 2em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  left: 0.25em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  right: 0.25em;
}

.mbsc-material {
  /* Clickpick mode */
  /* Multiple select */
}

.mbsc-material .mbsc-sc-lbl {
  color: #1a73e8;
}

.mbsc-material.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material .mbsc-sc-itm:focus {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-sc-whl-l {
  border-top: 2px solid #1a73e8;
  border-bottom: 2px solid #1a73e8;
}

.mbsc-material .mbsc-sc-btn {
  color: #1a73e8;
  background: #fff;
}

.mbsc-material.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-material .mbsc-sc-btn.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  color: #1a73e8;
}

.mbsc-material {
  /* Week numbers */
  /* Tabs */
  /* Marks */
}

.mbsc-material .mbsc-cal-c {
  padding: 0.5em;
}

.mbsc-material .mbsc-cal .mbsc-cal-btn {
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  line-height: 1.5em;
  font-size: 2em;
  border-radius: 2em;
  margin: -0.125em;
}

.mbsc-material .mbsc-cal-year,
.mbsc-material .mbsc-cal-month {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 2.222223em;
}

.mbsc-material .mbsc-cal-picker .mbsc-cal-cell-i {
  display: inline-block;
  height: 2em;
  padding: 0 1em;
  line-height: 2em;
  border-radius: 2em;
  white-space: nowrap;
}

.mbsc-material .mbsc-cal-days > div {
  font-size: 0.75em;
  font-weight: bold;
}

.mbsc-material .mbsc-cal-day-date {
  display: inline-block;
  width: 2.461539em;
  height: 2.461539em;
  margin: 0.153846em 0;
  line-height: 2.461539em;
  font-size: 0.8125em;
  border: 2px solid transparent;
  border-radius: 2em;
}

.mbsc-material .mbsc-cal-week-nr {
  width: 2.363636em;
  font-size: 0.6875em;
  font-weight: bold;
}

.mbsc-material .mbsc-cal-tabs-c {
  line-height: 1.875em;
  padding: 0.5em 0.5em 0 0.5em;
  text-transform: uppercase;
}

.mbsc-material .mbsc-cal-tab {
  font-size: 0.75em;
  padding: 0 0.5em;
}

.mbsc-material.mbsc-cal-tabbed .mbsc-fr-hdr {
  padding-top: 0;
}

.mbsc-material.mbsc-cal-tabbed .mbsc-cal-c {
  padding-top: 0;
}

.mbsc-material .mbsc-cal-marks {
  margin-top: -0.5em;
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-marks,
.mbsc-material .mbsc-selected .mbsc-cal-marks {
  transform: translate3d(0, 0.375em, 0);
}

.mbsc-material .mbsc-cal-txt {
  border-radius: 0.2em;
}

.mbsc-material {
  /* Hover, focus */
  /* Selected */
}

.mbsc-material .mbsc-cal-picker {
  background: #fff;
}

.mbsc-material .mbsc-cal-today,
.mbsc-material .mbsc-cal-tab.mbsc-selected {
  color: #1a73e8;
}

.mbsc-material.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-material.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover,
.mbsc-material .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  background: rgba(26, 115, 232, 0.3);
}

.mbsc-material .mbsc-cal-c .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
  border-color: #1a73e8;
}

.mbsc-material .mbsc-cal-mark {
  background: #1a73e8;
}

.mbsc-material .mbsc-cal-txt {
  color: #fff;
  background: #515151;
}

.mbsc-material .mbsc-cal-icons {
  color: #303030;
}

/* Base colors */

.mbsc-mobiscroll {
  /* Display modes */
}

.mbsc-mobiscroll .mbsc-fr-w {
  min-width: 16em;
  font-size: 16px;
}

.mbsc-mobiscroll .mbsc-fr-hdr {
  padding: 0 0.6666em;
  padding-top: 0.6666em;
  font-size: 0.75em;
  text-transform: uppercase;
  min-height: 2em;
  line-height: 2em;
}

.mbsc-mobiscroll .mbsc-fr-btn-cont {
  display: block;
  overflow: hidden;
  text-align: right;
  padding: 0 0.5em 0.5em 0.5em;
}

.mbsc-mobiscroll .mbsc-ltr .mbsc-fr-btn-cont {
  text-align: right;
}

.mbsc-mobiscroll .mbsc-rtl .mbsc-fr-btn-cont {
  text-align: left;
}

.mbsc-mobiscroll .mbsc-fr-btn-w {
  display: inline-block;
}

.mbsc-mobiscroll .mbsc-fr-btn {
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 1em;
  text-transform: uppercase;
}

.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w, .mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w {
  border-radius: 0.25em;
}

.mbsc-mobiscroll.mbsc-fr-no-overlay .mbsc-fr-arr {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-mobiscroll.mbsc-fr-no-overlay .mbsc-fr-w {
  box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.3);
}

.mbsc-mobiscroll.mbsc-fr-no-overlay.mbsc-fr-bubble .mbsc-fr-w {
  border-radius: 0.25em;
}

.mbsc-mobiscroll .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.mbsc-mobiscroll .mbsc-fr-w {
  background: #ffffff;
  color: #454545;
}

.mbsc-mobiscroll .mbsc-fr-hdr,
.mbsc-mobiscroll .mbsc-fr-btn {
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-fr-btn.mbsc-active, .mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll .mbsc-fr-arr {
  background: #ffffff;
}

.mbsc-mobiscroll {
  /* Multiple select */
  /* Desktop view */
}

.mbsc-mobiscroll .mbsc-sc-whl-gr {
  padding: 0.5em 0.25em;
}

.mbsc-mobiscroll .mbsc-sc-whl-w {
  margin: 0 0.25em;
}

.mbsc-mobiscroll .mbsc-sc-lbl-v .mbsc-sc-whl-w {
  margin-top: 1.875em;
}

.mbsc-mobiscroll .mbsc-sc-lbl {
  font-size: 0.75em;
  line-height: 2.5em;
  text-transform: uppercase;
}

.mbsc-mobiscroll .mbsc-sc-cp .mbsc-sc-whl-w {
  padding: 2em 0;
}

.mbsc-mobiscroll .mbsc-sc-btn {
  height: 2em;
  line-height: 2em;
}

.mbsc-mobiscroll .mbsc-sc-btn:before {
  font-size: 1.5em;
}

.mbsc-mobiscroll .mbsc-sc-itm {
  padding: 0 0.25em;
  font-size: 1.375em;
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-mobiscroll .mbsc-sc-itm:focus {
  outline: 0;
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 1.818181em;
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  font-size: 1.818181em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-lbl {
  padding-left: 1.666667em;
  padding-right: 1.666667em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-w {
  margin-left: 0;
  margin-right: 0;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-itm {
  font-size: 1em;
  padding: 0 1.25em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 2.5em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  font-size: 2em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  left: 0.125em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  right: 0.125em;
}

.mbsc-mobiscroll {
  /* Multiple select */
}

.mbsc-mobiscroll .mbsc-sc-lbl {
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-sc-whl-l {
  border-top: 1px solid #2b93e6;
  border-bottom: 1px solid #2b93e6;
}

.mbsc-mobiscroll .mbsc-sc-btn {
  color: #2b93e6;
  background: #ffffff;
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-mobiscroll .mbsc-sc-itm:focus {
  background: rgba(69, 69, 69, 0.1);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-btn:hover:before, .mbsc-mobiscroll.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active,
.mbsc-mobiscroll .mbsc-sc-btn.mbsc-active:before {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  color: #2b93e6;
}

.mbsc-mobiscroll {
  /* Week numbers */
  /* Tabs */
}

.mbsc-mobiscroll .mbsc-cal-c {
  padding: 0.5em;
}

.mbsc-mobiscroll .mbsc-cal-btn-w {
  font-size: 1.125em;
  line-height: 2.222223em;
}

.mbsc-mobiscroll .mbsc-cal .mbsc-cal-btn {
  width: 2.666667em;
  height: 2.666667em;
  line-height: 2.666667em;
  padding: 0;
  border-radius: 2em;
  margin: -0.222222em;
}

.mbsc-mobiscroll .mbsc-cal-picker {
  border-top: 1px solid transparent;
}

.mbsc-mobiscroll .mbsc-cal-picker .mbsc-cal-cell-i {
  display: inline-block;
  height: 2em;
  padding: 0 1em;
  line-height: 2em;
  border-radius: 2em;
  white-space: nowrap;
}

.mbsc-mobiscroll .mbsc-cal-days > div {
  font-size: 0.6875em;
}

.mbsc-mobiscroll .mbsc-cal-day-date {
  display: inline-block;
  width: 2.153847em;
  height: 2.153847em;
  margin: 0.307692em 0;
  line-height: 2.153847em;
  font-size: 0.8125em;
  border: 2px solid transparent;
  border-radius: 2em;
}

.mbsc-mobiscroll .mbsc-cal-week-nr {
  width: 2.363637em;
  font-size: 0.6875em;
}

.mbsc-mobiscroll .mbsc-cal-tabs-c {
  line-height: 1.875em;
  padding: 0.5em 0.5em 0 0.5em;
  text-transform: uppercase;
}

.mbsc-mobiscroll .mbsc-cal-tab {
  font-size: 0.7em;
  padding: 0 1.2em;
}

.mbsc-mobiscroll {
  /* Hover, focus */
  /* Selected */
  /* Week numbers */
  /* Marks */
}

.mbsc-mobiscroll .mbsc-cal-picker {
  background: #ffffff;
}

.mbsc-mobiscroll .mbsc-cal-days > div {
  border-bottom: 1px solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-cal-today {
  color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-mobiscroll.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover,
.mbsc-mobiscroll .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
  border-color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-cal-week-nr {
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-cal-tab {
  border: 1px solid #2b93e6;
  color: #454545;
}

.mbsc-mobiscroll .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll .mbsc-cal-mark {
  background: #454545;
}

.mbsc-mobiscroll .mbsc-cal-txt {
  color: #ffffff;
  background: #454545;
}

.mbsc-mobiscroll .mbsc-cal-icons {
  color: #454545;
}

/* Base colors */

.mbsc-windows .mbsc-fr-w {
  font-size: 16px;
}

.mbsc-windows .mbsc-ltr .mbsc-fr-btn-w .mbsc-fr-btn:before {
  padding: 0 0.375em 0 0;
}

.mbsc-windows .mbsc-rtl .mbsc-fr-btn-w .mbsc-fr-btn:before {
  padding: 0 0 0 0.375em;
}

.mbsc-windows.mbsc-fr-inline .mbsc-fr-w {
  border: 0;
}

.mbsc-windows .mbsc-fr-hdr {
  padding: 0.5em;
  font-weight: bold;
}

.mbsc-windows .mbsc-fr-btn {
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  padding: 0 0.375em;
}

.mbsc-windows .mbsc-fr-arr-w {
  margin: -1px 0;
}

.mbsc-windows .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.mbsc-windows .mbsc-fr-w {
  background: #ffffff;
  color: #333333;
  border: 1px solid #d9d9d9;
}

.mbsc-windows .mbsc-fr-hdr {
  border-bottom: 2px solid #d9d9d9;
}

.mbsc-windows .mbsc-fr-btn-cont {
  border-top: 2px solid #d9d9d9;
}

.mbsc-windows .mbsc-fr-btn-w {
  background: #ffffff;
}

.mbsc-windows .mbsc-fr-btn {
  color: #333333;
}

.mbsc-windows.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
.mbsc-windows .mbsc-fr-btn.mbsc-active {
  background: #e6e6e6;
}

.mbsc-windows .mbsc-fr-arr {
  background: #ffffff;
  border: 1px solid #d9d9d9;
}

.mbsc-windows {
  /* Clickpick mode */
  /* Multiple select */
  /* Desktop styling */
  /* Scrollbar */
}

.mbsc-windows .mbsc-sc-whl-gr-c {
  margin-bottom: -2px;
}

.mbsc-windows .mbsc-ltr .mbsc-sc-whl-w:last-child,
.mbsc-windows .mbsc-rtl .mbsc-sc-whl-w:first-child {
  border-right: 0;
}

.mbsc-windows .mbsc-sc-lbl-v .mbsc-sc-whl-gr {
  padding: 1.875em 0;
}

.mbsc-windows .mbsc-sc-lbl-v {
  border: 0;
  margin-bottom: -1.875em;
}

.mbsc-windows .mbsc-sc-lbl {
  font-size: 0.75em;
  line-height: 2.5em;
}

.mbsc-windows .mbsc-sc-whl-l {
  display: block;
  z-index: 1;
}

.mbsc-windows .mbsc-sc-whl-w .mbsc-sc-whl-l {
  display: none;
}

.mbsc-windows .mbsc-sc-itm {
  padding: 0 0.5em;
}

.mbsc-windows .mbsc-sc-btn {
  opacity: 0;
  height: 1.375em;
  line-height: 1.375em;
  overflow: hidden;
}

.mbsc-windows.mbsc-no-touch .mbsc-sc-whl-w:hover .mbsc-sc-btn {
  opacity: 1;
}

.mbsc-windows.mbsc-sel-multi .mbsc-sc-whl-l {
  display: none;
}

.mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 2.5em;
}

.mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-btn {
  display: none;
}

.mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  width: 2.5em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sc-lbl {
  padding: 0 1.666667em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sc-itm {
  padding: 0 1.25em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sc-whl-multi .mbsc-sc-itm {
  padding: 0 2.5em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-ltr .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  left: 0;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-rtl .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  right: 0;
}

.mbsc-windows .mbsc-sc-bar:after {
  border-radius: 0;
}

.mbsc-windows {
  /* Clickpick mode */
}

.mbsc-windows .mbsc-sc-whl-gr-c {
  border-bottom: 2px solid #d9d9d9;
}

.mbsc-windows .mbsc-sc-whl-w {
  border-right: 2px solid #d9d9d9;
}

.mbsc-windows .mbsc-sc-lbl-v .mbsc-sc-whl-w {
  background: #ffffff;
}

.mbsc-windows .mbsc-sc-lbl-v {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-sc-whl-l {
  background: rgba(0, 120, 215, 0.4);
}

.mbsc-windows.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-windows .mbsc-sc-itm:focus {
  background: rgba(51, 51, 51, 0.1);
}

.mbsc-windows.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(51, 51, 51, 0.2);
}

.mbsc-windows .mbsc-sc-btn {
  background: #f2f2f2;
}

.mbsc-windows.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-windows .mbsc-sc-btn.mbsc-active {
  background: #e6e6e6;
}

.mbsc-windows .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #0078d7;
}

.mbsc-windows {
  /* Week numbers */
  /* Tabs */
  /* Marks */
}

.mbsc-windows .mbsc-cal-month,
.mbsc-windows .mbsc-cal-year {
  font-size: 1.125em;
  line-height: 2.222223em;
}

.mbsc-windows .mbsc-cal .mbsc-cal-btn {
  width: 3em;
  height: 3em;
  line-height: 3em;
  padding: 0;
  margin: -0.25em;
}

.mbsc-windows .mbsc-cal-c {
  padding: 0.5em;
}

.mbsc-windows .mbsc-cal-picker {
  padding: 0.167em;
}

.mbsc-windows .mbsc-cal-days > div {
  font-size: 0.9375em;
}

.mbsc-windows .mbsc-cal-day {
  padding: 0;
}

.mbsc-windows .mbsc-cal-day-date {
  /*height: 100%;*/
  font-size: 0.875em;
  line-height: 2.285714em;
  border: 2px solid transparent;
  box-sizing: border-box;
}

.mbsc-windows .mbsc-cal-day-diff .mbsc-cal-day-i {
  opacity: 1;
}

.mbsc-windows .mbsc-cal-week-nr {
  width: 2.166667em;
  font-size: 0.75em;
  font-weight: bold;
}

.mbsc-windows .mbsc-cal-tabs {
  border-collapse: collapse;
}

.mbsc-windows .mbsc-cal-tabs .mbsc-cal-tab {
  top: 0;
  font-size: 0.75em;
  line-height: 2.333334em;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

.mbsc-windows .mbsc-cal-marks {
  margin-top: -0.625em;
}

.mbsc-windows {
  /* Focus */
  /* Hover style */
  /* Selected style */
  /* Tab style */
  /* Tabs */
  /* Marks */
}

.mbsc-windows .mbsc-cal-picker {
  background: #ffffff;
}

.mbsc-windows .mbsc-cal-days > div {
  color: gray;
}

.mbsc-windows .mbsc-cal-today .mbsc-cal-day-date {
  color: #0078d7;
}

.mbsc-windows .mbsc-cal-day-diff .mbsc-cal-day-i {
  background: #f2f2f2;
}

.mbsc-windows .mbsc-cal-cell:focus .mbsc-cal-day-i {
  background: #e6e6e6;
}

.mbsc-windows.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-day-i, .mbsc-windows.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell:not(.mbsc-disabled):hover {
  background: #e6e6e6;
}

.mbsc-windows .mbsc-cal .mbsc-cal-day.mbsc-selected:not(.mbsc-disabled) .mbsc-cal-cell-i.mbsc-cal-day-i,
.mbsc-windows .mbsc-cal .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected, .mbsc-windows.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected:hover {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows.mbsc-no-touch .mbsc-cal-tab:hover {
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.mbsc-windows .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected, .mbsc-windows.mbsc-no-touch .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected:hover {
  border-bottom-color: #0078d7;
  border-top-color: transparent;
  color: #0078d7;
  background: #ffffff;
}

.mbsc-windows .mbsc-cal-tabs-c {
  border-bottom: 1px solid #d9d9d9;
}

.mbsc-windows .mbsc-cal-mark {
  background: #333333;
}

.mbsc-windows .mbsc-cal-txt {
  color: #000;
  background: #d1d1d1;
}

.mbsc-collapsible.mbsc-form-group {
  margin: 0;
}

.mbsc-collapsible-header {
  position: relative;
  padding-right: 3em;
}

.mbsc-collapsible .mbsc-collapsible-icon {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
  line-height: 1em;
  font-size: 1em;
  transition: transform 0.125s ease-out;
}

.mbsc-collapsible .mbsc-collapsible-content {
  overflow: hidden;
  transition: height 0.125s ease;
  box-sizing: content-box;
}

.mbsc-collapsible:not(.mbsc-collapsible-open) .mbsc-collapsible-content {
  height: 0;
  padding-bottom: 0;
}

.mbsc-collapsible-open > .mbsc-collapsible-header .mbsc-collapsible-icon {
  transform: rotateX(180deg);
}

/* Collapsible rtl */

.mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header,
.mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header.mbsc-form-group-title,
.mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header,
.mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header.mbsc-form-group-title {
  padding-right: 1em;
  padding-left: 3em;
}

.mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header .mbsc-collapsible-icon,
.mbsc-rtl .mbsc-collapsible.mbsc-form-group .mbsc-collapsible-header.mbsc-form-group-title .mbsc-collapsible-icon,
.mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header .mbsc-collapsible-icon,
.mbsc-rtl .mbsc-collapsible.mbsc-card .mbsc-collapsible-header.mbsc-form-group-title .mbsc-collapsible-icon {
  right: auto;
  left: 1em;
}

[mbsc-page]:not(.mbsc-page) {
  visibility: hidden;
}

.mbsc-page-ctx {
  margin: 0;
  padding: 0;
  height: 100%;
}

.mbsc-page {
  min-height: 100%;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: 100%;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.mbsc-page,
.mbsc-page * {
  box-sizing: border-box;
}

.mbsc-page:before,
.mbsc-page:after {
  content: "";
  display: table;
}

/* RTL mode */

.mbsc-rtl {
  direction: rtl;
}

/* Typography */

.mbsc-page h1,
.mbsc-page h2,
.mbsc-page h3,
.mbsc-page h4,
.mbsc-page h5,
.mbsc-page h6,
.mbsc-h1,
.mbsc-h2,
.mbsc-h3,
.mbsc-h4,
.mbsc-h5,
.mbsc-h6 {
  margin: 0;
  padding: 0;
  color: inherit;
  font-weight: normal;
  font-family: inherit;
}

.mbsc-page p,
.mbsc-p {
  margin: 1em 0;
  padding: 0;
  line-height: 1.5;
}

.mbsc-page a,
.mbsc-a {
  text-decoration: none;
}

.mbsc-page a:hover,
.mbsc-a:hover {
  text-decoration: underline;
}

.mbsc-page a.mbsc-btn:hover,
.mbsc-a.mbsc-btn:hover {
  text-decoration: none;
}

.mbsc-page h1,
.mbsc-h1 {
  margin: 0.347826em 0;
  font-size: 2.875em;
}

.mbsc-page h2,
.mbsc-h2 {
  margin: 0.470588em 0;
  font-size: 2.125em;
}

.mbsc-page h3,
.mbsc-h3 {
  margin: 0.666666em 0;
  font-size: 1.5em;
}

.mbsc-page h4,
.mbsc-h4 {
  margin: 0.8em 0;
  font-size: 1.25em;
}

.mbsc-page h5,
.mbsc-h5 {
  margin: 1.066666em 0;
  font-size: 0.9375em;
}

.mbsc-page h6,
.mbsc-h6 {
  margin: 1.333333em 0;
  font-size: 0.75em;
}

/* Padding, margin */

.mbsc-padding {
  padding: 1em;
}

.mbsc-padding > p:first-child {
  margin-top: 0;
}

.mbsc-padding > p:last-child {
  margin-bottom: 0;
}

.mbsc-margin {
  margin: 1em 0;
}

.mbsc-margin:first-child {
  margin-top: 0;
}

.mbsc-margin:last-child {
  margin-bottom: 0;
}

/* Lists */

.mbsc-page ul,
.mbsc-page ol,
.mbsc-ul,
.mbsc-ol {
  padding: 0;
  margin: 1em 0 1em 1.25em;
  line-height: 1.5;
}

.mbsc-page ul ul,
.mbsc-page ol ol,
.mbsc-ul .mbsc-ul,
.mbsc-ol .mbsc-ol {
  margin: 0 0 0 1.25em;
}

/* Font sizes */

.mbsc-txt-xs {
  font-size: 0.625em;
}

.mbsc-txt-s {
  font-size: 0.75em;
}

.mbsc-txt-m {
  font-size: 1.25em;
}

.mbsc-txt-l {
  font-size: 1.5em;
}

.mbsc-txt-xl {
  font-size: 2em;
}

.mbsc-txt-muted {
  opacity: 0.6;
}

/* Line heights */

.mbsc-line-height-xs {
  line-height: 1;
}

.mbsc-line-height-s {
  line-height: 1.25;
}

.mbsc-line-height-m {
  line-height: 1.5;
}

.mbsc-line-height-l {
  line-height: 1.75;
}

.mbsc-line-height-xl {
  line-height: 2;
}

/* Font weights */

.mbsc-ultra-bold {
  font-weight: 900;
}

.mbsc-bold {
  font-weight: bold;
}

.mbsc-medium {
  font-weight: 500;
}

.mbsc-light {
  font-weight: 300;
}

.mbsc-thin {
  font-weight: 100;
}

.mbsc-italic {
  font-style: italic;
}

/* Text align */

.mbsc-align-left {
  text-align: left;
}

.mbsc-align-right {
  text-align: right;
}

.mbsc-align-center {
  text-align: center;
}

.mbsc-align-justify {
  text-align: justify;
}

/* Float */

.mbsc-pull-right {
  float: right;
}

.mbsc-pull-left {
  float: left;
}

/* Image section */

.mbsc-media-fluid {
  display: block;
  width: 100%;
}

.mbsc-img-thumbnail {
  width: 6em;
  height: 6em;
  margin: 1em;
}

/* Avatar image */

.mbsc-avatar {
  width: 2.5em;
  height: 2.5em;
  padding: 0;
  border-radius: 1.25em;
}

/* Note */

.mbsc-note {
  position: relative;
  padding: 0.75em 1.25em;
  margin: 1em;
  border: 1px solid transparent;
  font-size: 0.875em;
}

@media screen and (max-width: 600px) {
  .mbsc-note {
    text-align: center;
  }
}

@keyframes autofill {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

.mbsc-input {
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mbsc-input.mbsc-control-w.mbsc-ltr,
.mbsc-input.mbsc-control-w.mbsc-rtl {
  width: auto;
  font-size: 1em;
  line-height: normal;
  max-width: none;
  position: relative;
}

.mbsc-input.mbsc-label-floating.mbsc-control-w.mbsc-ltr,
.mbsc-input.mbsc-label-floating.mbsc-control-w.mbsc-rtl,
.mbsc-input.mbsc-label-stacked.mbsc-control-w.mbsc-ltr,
.mbsc-input.mbsc-label-stacked.mbsc-control-w.mbsc-rtl {
  top: 0;
  left: 0;
  right: 0;
  transform: none;
}

.mbsc-input .mbsc-control:-webkit-autofill {
  animation-name: autofill;
}

.mbsc-input input,
.mbsc-input select,
.mbsc-input textarea {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mbsc-input-wrap,
.mbsc-input input,
.mbsc-input textarea {
  box-sizing: border-box;
}

.mbsc-input input,
.mbsc-input select,
.mbsc-input textarea {
  display: block;
  width: 100%;
  font-size: 1em;
}

.mbsc-input input:focus,
.mbsc-input select:focus,
.mbsc-input textarea:focus {
  outline: 0;
}

.mbsc-input-wrap {
  position: relative;
  display: block;
}

/* Textbox, textarea, select */

.mbsc-input .mbsc-label {
  font-size: 0.875em;
  white-space: nowrap;
}

.mbsc-input-ic {
  position: absolute;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
}

.mbsc-input-toggle {
  cursor: pointer;
}

.mbsc-ic-right .mbsc-input-ic {
  right: 0.5em;
}

.mbsc-ic-left .mbsc-input-ic {
  left: 0.5em;
}

.mbsc-ic-right input {
  padding-right: 2.4em;
}

.mbsc-ic-left input {
  padding-left: 2.4em;
}

/* Inline labels */

.mbsc-label-inline.mbsc-input.mbsc-control-w {
  display: flex;
}

.mbsc-label-inline.mbsc-input.mbsc-control-w .mbsc-input-wrap {
  -moz-flex: 1 auto;
  flex: 1 auto;
}

.mbsc-label-inline.mbsc-input.mbsc-control-w .mbsc-label {
  position: static;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1em;
  width: 30%;
  max-width: 12.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: content-box;
}

/* Floating labels */

.mbsc-label-floating.mbsc-input .mbsc-label {
  pointer-events: none;
  transition: transform 0.2s;
}

.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}

.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-control::-webkit-input-placeholder {
  opacity: 0;
}

.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-control:-moz-placeholder {
  opacity: 0;
}

.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-control::-moz-placeholder {
  opacity: 0;
}

.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-control:-ms-input-placeholder {
  opacity: 0;
}

.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}

.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap .mbsc-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap .mbsc-control:-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap .mbsc-control::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label ~ .mbsc-input-wrap .mbsc-control:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.mbsc-ltr.mbsc-label-floating.mbsc-input .mbsc-label {
  transform-origin: top left;
}

.mbsc-rtl.mbsc-label-floating.mbsc-input .mbsc-label {
  transform-origin: top right;
}

/* file type */

.mbsc-input-wrap .mbsc-control[type=file] {
  position: absolute;
  left: 0;
  opacity: 0;
}

.mbsc-progress {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transform: translate3d(0, 0, 0);
}

.mbsc-progress progress {
  display: none;
}

.mbsc-progress .mbsc-input-wrap {
  position: relative;
  display: block;
}

.mbsc-progress .mbsc-input-ic {
  position: absolute;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
}

.mbsc-progress-cont {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: pan-y;
}

.mbsc-progress-track {
  position: relative;
  display: block;
  box-sizing: border-box;
}

.mbsc-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
}

.mbsc-rtl .mbsc-progress-bar {
  left: auto;
  right: 0;
}

.mbsc-progress-anim .mbsc-progress-bar {
  transition: width 0.1s ease-in-out;
}

.mbsc-progress-value {
  position: absolute;
  top: 50%;
  width: 3em;
  overflow: hidden;
  margin-top: -0.5em;
  line-height: 1em;
}

.mbsc-progress-value-right .mbsc-progress-value {
  right: 0;
  text-align: right;
}

.mbsc-rtl.mbsc-progress-value-right .mbsc-progress-value {
  right: auto;
  left: 0;
  text-align: left;
}

.mbsc-progress-value-left .mbsc-progress-value {
  left: 0;
  text-align: left;
}

.mbsc-rtl.mbsc-progress-value-left .mbsc-progress-value {
  left: auto;
  right: 0;
  text-align: right;
}

.mbsc-progress-step-label {
  position: absolute;
  top: 1em;
  width: 3.5em;
  font-size: 0.75em;
  text-align: center;
  overflow: hidden;
}

.mbsc-ltr .mbsc-progress-step-label {
  margin-left: -1.75em;
}

.mbsc-rtl .mbsc-progress-step-label {
  margin-right: -1.75em;
}

/* Inline labels */

.mbsc-label-inline.mbsc-progress.mbsc-control-w {
  display: flex;
}

.mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-input-wrap {
  -moz-flex: 1 auto;
  flex: 1 auto;
}

.mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label {
  position: static;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1em;
  line-height: 2.125em;
  width: 30%;
  max-width: 12.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mbsc-progress.mbsc-slider input {
  display: none;
}

.mbsc-ltr .mbsc-progress-anim .mbsc-slider-handle-cont {
  transition: left 0.1s ease-in-out;
}

.mbsc-rtl .mbsc-progress-anim .mbsc-slider-handle-cont {
  transition: right 0.1s ease-in-out;
}

.mbsc-slider-handle-cont {
  position: absolute;
  width: 2em;
  height: 2em;
  top: 0.0625em;
  margin-top: -1em;
  cursor: pointer;
}

.mbsc-ltr .mbsc-slider-handle-cont {
  right: -1em;
}

.mbsc-rtl .mbsc-slider-handle-cont {
  left: -1em;
}

.mbsc-ltr .mbsc-slider-handle-cont.mbsc-slider-handle-left {
  left: 0;
}

.mbsc-rtl .mbsc-slider-handle-cont.mbsc-slider-handle-left {
  right: 0;
}

.mbsc-ltr .mbsc-progress-track .mbsc-slider-handle-cont {
  margin-left: -1em;
}

.mbsc-rtl .mbsc-progress-track .mbsc-slider-handle-cont {
  margin-right: -1em;
}

.mbsc-slider-handle {
  position: absolute;
  top: 0.125em;
  right: 50%;
  margin: -0.5em -0.5em 0 0;
  z-index: 2;
}

.mbsc-slider-handle-cont .mbsc-slider-handle {
  box-sizing: content-box;
}

.mbsc-slider .mbsc-slider-handle:focus,
.mbsc-slider .mbsc-active .mbsc-slider-handle {
  outline: 0;
  z-index: 15;
}

.mbsc-slider .mbsc-handle-curr {
  z-index: 16;
}

.mbsc-slider-tooltip {
  position: absolute;
  right: 50%;
  opacity: 0;
  color: #000;
}

.mbsc-slider-step {
  position: absolute;
  top: 0;
  width: 0.125em;
  height: 100%;
  margin-left: -0.0625em;
}

.mbsc-rating.mbsc-progress .mbsc-progress-cont {
  display: inline-block;
  width: auto;
  padding: 0 0.5em;
  margin: 0 -0.681818em;
  cursor: pointer;
}

.mbsc-rating .mbsc-progress-cont .mbsc-progress-track {
  height: auto;
  background: none;
}

.mbsc-rating .mbsc-ic {
  font-size: 1.375em;
  margin: 0 0.181818em;
}

.mbsc-rating.mbsc-progress input {
  display: none;
}

.mbsc-rating.mbsc-progress .mbsc-progress-cont .mbsc-slider-handle {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  background: none;
  box-shadow: none;
  border: 0;
  transform: none;
}

.mbsc-rating .mbsc-progress-cont .mbsc-progress-bar {
  background: none;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0;
  transition: none;
}

.mbsc-wdg .mbsc-wdg-c {
  position: relative;
  z-index: 0;
  font-size: 14px;
  white-space: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

.mbsc-wdg .mbsc-ltr .mbsc-wdg-c {
  text-align: left;
}

.mbsc-wdg .mbsc-rtl .mbsc-wdg-c {
  text-align: right;
}

.mbsc-wdg .mbsc-wdg-c.mbsc-w-p {
  padding: 1em;
}

.mbsc-no-padding.mbsc-wdg .mbsc-wdg-c.mbsc-w-p {
  padding: 0;
}

/* Toast, snackbar */

.mbsc-toast .mbsc-fr-persp,
.mbsc-snackbar .mbsc-fr-persp {
  pointer-events: none;
}

.mbsc-toast .mbsc-fr-overlay,
.mbsc-snackbar .mbsc-fr-overlay {
  display: none;
}

.mbsc-toast.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup,
.mbsc-snackbar.mbsc-fr .mbsc-fr-persp .mbsc-fr-popup {
  border: 0;
  line-height: 1.428572;
}

/* Snackbar */

.mbsc-snackbar.mbsc-fr .mbsc-fr-w {
  min-width: 18em;
  max-width: 36em;
  margin: 0 auto;
  pointer-events: auto;
  box-shadow: none;
}

.mbsc-snackbar-cont {
  display: flex;
  align-items: center;
}

.mbsc-snackbar-msg {
  flex: 1;
  padding: 0 1em;
}

.mbsc-snackbar .mbsc-snackbar-cont .mbsc-snackbar-btn {
  margin: -1em 0;
  padding: 1em;
  line-height: 1.428572;
  font-size: 1em;
  font-weight: 400;
}

.mbsc-snackbar.mbsc-no-touch.mbsc-fr .mbsc-fr-c .mbsc-btn-flat:not(:disabled):hover {
  background: none;
  box-shadow: none;
}

/* Toast */

.mbsc-toast.mbsc-fr .mbsc-fr-w {
  background: none;
  box-shadow: none;
}

.mbsc-toast.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
  text-align: center;
  padding-bottom: 4em;
}

.mbsc-toast .mbsc-toast-msg {
  display: inline-block;
  min-width: 10em;
  max-width: 50em;
  padding: 0.857143em 2em;
}

/* Alert, confirm, prompt */

.mbsc-alert.mbsc-fr .mbsc-fr-c.mbsc-wdg-c {
  padding: 1.714286em;
  max-width: 20em;
}

.mbsc-alert .mbsc-fr-c .mbsc-input {
  padding: 0;
  margin: 0;
}

.mbsc-alert.mbsc-fr h2 {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.428572em;
  font-weight: bold;
}

.mbsc-alert.mbsc-fr p {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
}

/* Forms */

[mbsc-form]:not(.mbsc-form) {
  visibility: hidden;
}

.mbsc-form,
.mbsc-control-w,
.mbsc-btn,
.mbsc-segmented {
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

.mbsc-form:before,
.mbsc-form:after {
  content: "";
  display: table;
}

.mbsc-form-group {
  margin: 1.5em 0;
}

.mbsc-form-group-inset {
  margin: 2em 1.5em;
}

.mbsc-form-group,
.mbsc-form-group-inset {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* No background inside widget */

.mbsc-wdg .mbsc-w-p .mbsc-form {
  background: none;
}

/* Other mobiscroll components inline */

.mbsc-input .mbsc-fr-inline .mbsc-fr-popup {
  display: block;
}

.mbsc-err-msg {
  display: block;
  font-size: 0.75em;
}

.mbsc-checkbox,
.mbsc-switch,
.mbsc-radio,
.mbsc-stepper-cont {
  line-height: 1.25em;
}

.mbsc-checkbox,
.mbsc-switch,
.mbsc-btn,
.mbsc-radio,
.mbsc-segmented,
.mbsc-stepper-cont {
  position: relative;
  display: block;
  margin: 0;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mbsc-checkbox input,
.mbsc-switch input,
.mbsc-radio input,
.mbsc-segmented input,
.mbsc-btn {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mbsc-checkbox input,
.mbsc-switch input,
.mbsc-radio input,
.mbsc-select select,
.mbsc-segmented input {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  margin: 0;
}

.mbsc-btn,
.mbsc-checkbox-box,
.mbsc-checkbox-box:after,
.mbsc-radio-box,
.mbsc-radio-box:after,
.mbsc-switch-track,
.mbsc-segmented,
.mbsc-progress progress,
.mbsc-stepper-cont {
  box-sizing: border-box;
}

.mbsc-segmented .mbsc-segmented-content,
.mbsc-btn-flat .mbsc-btn-ic {
  box-sizing: content-box;
}

.mbsc-desc {
  display: block;
  font-size: 0.75em;
  opacity: 0.6;
}

label.mbsc-input,
.mbsc-label {
  margin: 0;
  display: block;
  font-weight: normal;
}

.mbsc-control-w {
  max-width: none;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
}

.mbsc-control-w .mbsc-label {
  position: static;
  line-height: normal;
}

/* Textarea */

.mbsc-input textarea {
  resize: none;
  overflow: hidden;
  line-height: 1.5em;
}

.mbsc-input .mbsc-textarea-scroll {
  overflow: auto;
}

/* Select */

.mbsc-select select,
.mbsc-select input {
  cursor: pointer;
}

.mbsc-select select option {
  color: #000;
  color: initial;
}

.mbsc-select-ic {
  display: none;
}

/* Checkbox */

.mbsc-checkbox {
  padding: 0.5em;
}

.mbsc-checkbox-box {
  position: absolute;
  top: 50%;
  display: block;
  width: 1.375em;
  height: 1.375em;
}

.mbsc-checkbox-box:after {
  content: "";
  position: absolute;
  display: block;
  opacity: 0;
  transform: rotate(-45deg);
}

.mbsc-checkbox input:checked + .mbsc-checkbox-box:after {
  opacity: 1;
}

/* Radio */

.mbsc-radio {
  padding: 0.5em;
}

.mbsc-radio-box {
  position: absolute;
  top: 50%;
  display: block;
  width: 1.25em;
  height: 1.25em;
  border-radius: 1.25em;
}

.mbsc-radio-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625em;
  height: 0.625em;
  margin-top: -0.3125em;
  margin-left: -0.3125em;
  border-radius: 0.625em;
  opacity: 0;
}

.mbsc-radio input:checked + .mbsc-radio-box:after {
  opacity: 1;
}

/* Switch */

.mbsc-switch {
  padding: 0.5em;
}

.mbsc-switch-track {
  position: absolute;
  top: 50%;
  display: block;
  width: 3.375em;
  height: 1.625em;
  transition: background-color 0.2s ease-in-out, border 0.2s ease-in-out;
  z-index: 4;
}

.mbsc-switch .mbsc-switch-track .mbsc-progress-track {
  height: 100%;
  background: none;
}

.mbsc-switch .mbsc-switch-track .mbsc-slider-handle-cont {
  top: 50%;
}

.mbsc-switch-handle {
  position: absolute;
  display: block;
}

.mbsc-switch-txt-off,
.mbsc-switch-txt-on {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  font-size: 0.625em;
  text-align: center;
  line-height: 2em;
}

/* Segmented control & Stepper */

.mbsc-segmented {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mbsc-segmented .mbsc-segmented-item {
  margin: 0;
  display: table-cell;
  position: relative;
  vertical-align: top;
  text-align: center;
  font-size: 1em;
}

.mbsc-segmented-content {
  position: relative;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875em;
  font-weight: normal;
  z-index: 2;
}

.mbsc-segmented-item label {
  display: block;
  margin: 0;
}

.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content,
.mbsc-disabled .mbsc-segmented-content,
.mbsc-segmented input:disabled + .mbsc-segmented-content {
  z-index: 0;
}

.mbsc-stepper.mbsc-segmented {
  position: absolute;
  display: block;
  width: auto;
  right: 1em;
  top: 50%;
  overflow: visible;
}

.mbsc-rtl .mbsc-stepper {
  right: auto;
  left: 1em;
}

.mbsc-stepper-cont .mbsc-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mbsc-segmented-item:focus {
  outline: 0;
}

.mbsc-stepper input {
  position: absolute;
  left: 4.142857em;
  width: 4.142857em;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  box-shadow: none;
  font-size: 0.875em;
  text-align: center;
  opacity: 1;
  z-index: 4;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
}

.mbsc-stepper input::-webkit-outer-spin-button,
.mbsc-stepper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mbsc-ltr.mbsc-stepper-val-right .mbsc-stepper input {
  left: auto;
  right: 0;
}

.mbsc-rtl.mbsc-stepper-val-right .mbsc-stepper input {
  right: auto;
  left: 0;
}

.mbsc-ltr.mbsc-stepper-val-left .mbsc-stepper input {
  left: 0;
}

.mbsc-rtl.mbsc-stepper-val-left .mbsc-stepper input {
  right: 0;
}

.mbsc-stepper .mbsc-segmented-item {
  width: 3.625em;
}

.mbsc-stepper-cont.mbsc-stepper-val-left .mbsc-stepper .mbsc-segmented-item:nth-child(2) .mbsc-segmented-content,
.mbsc-stepper-cont.mbsc-stepper-val-right .mbsc-stepper .mbsc-segmented-item:last-child .mbsc-segmented-content {
  /* Strong rule is needed to override disabled styling */
  border: 0;
  background: transparent;
}

.mbsc-control-w.mbsc-stepper-cont .mbsc-stepper {
  padding: 0;
}

.mbsc-segmented-item .mbsc-control,
.mbsc-stepper .mbsc-segmented-content {
  cursor: pointer;
}

.mbsc-disabled .mbsc-segmented-content,
.mbsc-segmented input:disabled,
.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content {
  cursor: not-allowed;
}

/* Buttons */

.mbsc-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1em;
  font-family: arial, verdana, sans-serif;
  cursor: pointer;
}

.mbsc-btn:disabled {
  cursor: not-allowed;
}

.mbsc-btn:disabled * {
  /* Prevents click event firing for the Angular mbsc-button component, when disabled */
  pointer-events: none;
}

.mbsc-btn:focus {
  outline: 0;
}

.mbsc-btn-ic {
  line-height: 1;
}

.mbsc-btn-group,
.mbsc-btn-group-block,
.mbsc-btn-group-justified {
  border: 1px solid transparent;
}

.mbsc-btn-group-block .mbsc-btn,
.mbsc-btn-block {
  display: block;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mbsc-btn-group-justified,
.mbsc-btn-group-justified mbsc-button {
  display: flex;
  flex-wrap: wrap;
}

.mbsc-btn-group-justified .mbsc-btn,
.mbsc-btn-group-justified mbsc-button {
  flex: 1 auto;
}

input:disabled + span .mbsc-slider-handle-cont {
  cursor: not-allowed;
}

/* Form in grid */

.mbsc-form .mbsc-form-grid .mbsc-form-group-title {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

[mbsc-card]:not(.mbsc-card) {
  visibility: hidden;
}

.mbsc-card {
  position: relative;
  z-index: 1;
  margin: 0.75em;
  border-radius: 2px;
  overflow: hidden;
}

.mbsc-card-header {
  padding: 1em;
  overflow: hidden;
}

.mbsc-card-content {
  padding: 1em;
  overflow: hidden;
}

.mbsc-card-content > p:first-child {
  margin-top: 0;
}

.mbsc-card-content > p:last-child {
  margin-bottom: 0;
}

.mbsc-card-content.mbsc-no-padding {
  padding: 0;
}

.mbsc-card-header + .mbsc-card-content {
  padding-top: 0;
}

.mbsc-card-footer {
  padding: 1em;
  border-top: 1px solid transparent;
  clear: both;
}

/* Card elemets */

.mbsc-card h2.mbsc-card-title,
.mbsc-card-title {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0;
}

.mbsc-card h3.mbsc-card-subtitle,
.mbsc-card-subtitle {
  font-size: 0.875em;
  font-weight: normal;
  margin: 0;
}

.mbsc-card h3.mbsc-card-subtitle + *,
.mbsc-card-subtitle + *,
.mbsc-card h2.mbsc-card-title + *,
.mbsc-card-title + * {
  margin-top: 0.25em;
}

/* Card image styling */

.mbsc-card video,
.mbsc-card img:not(.mbsc-avatar):not(.mbsc-img-thumbnail) {
  display: block;
  width: 100%;
}

.mbsc-card.mbsc-ltr .mbsc-avatar {
  float: left;
  margin-right: 0.5em;
}

.mbsc-card.mbsc-rtl .mbsc-avatar {
  float: right;
  margin-left: 0.5em;
}

.mbsc-avatar ~ .mbsc-card-title,
mbsc-avatar ~ .mbsc-card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

/* Form overrides */

.mbsc-card .mbsc-card-footer .mbsc-btn {
  margin: -0.6875em 0 -0.6875em 0;
}

.mbsc-card .mbsc-card-content .mbsc-control-w {
  margin-left: 0;
  margin-right: 0;
}

/* Listview overrides */

.mbsc-lv .mbsc-lv-item.mbsc-card {
  margin: 0.75em;
  padding: 0;
}

.mbsc-card.mbsc-form .mbsc-lv-cont {
  margin: 0;
}

.mbsc-card .mbsc-card-content .mbsc-lv-cont {
  margin: 0 -1em;
}

.mbsc-card-list .mbsc-lv-cont .mbsc-lv,
.mbsc-lv-cont .mbsc-card-list.mbsc-lv {
  background: none;
}

.mbsc-card-list .mbsc-lv-item:not(.mbsc-card) {
  padding: 0;
  background: none;
}

.mbsc-ios .mbsc-collapsible .mbsc-collapsible-header {
  padding-right: 3em;
}

.mbsc-ios .mbsc-collapsible .mbsc-form-group-title {
  padding-top: 2.5em;
  margin: 0;
}

.mbsc-ios .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
  margin-top: 0.5em;
}

.mbsc-ios .mbsc-note {
  border-radius: 0.25em;
}

.mbsc-ios .mbsc-note,
.mbsc-ios .mbsc-note-primary {
  color: #074b95;
  background-color: #a0ccfb;
}

.mbsc-ios .mbsc-note-secondary {
  color: #454b50;
  background-color: #c6cace;
}

.mbsc-ios .mbsc-note-success {
  color: #1b4d26;
  background-color: #8fd8a0;
}

.mbsc-ios .mbsc-note-danger {
  color: #a10b09;
  background-color: #faafaf;
}

.mbsc-ios .mbsc-note-warning {
  color: #9b6006;
  background-color: #fcd9a4;
}

.mbsc-ios .mbsc-note-info {
  color: #235b64;
  background-color: #a6d8e0;
}

.mbsc-ios .mbsc-note-light {
  color: #4d4d4d;
  background-color: white;
}

.mbsc-ios .mbsc-note-dark {
  color: black;
  background-color: #797c7e;
}

.mbsc-ios.mbsc-page {
  background: #efeff4;
  color: #000000;
}

.mbsc-ios a {
  color: #007aff;
}

.mbsc-ios {
  /* Textbox, select, textarea */
  /* Select */
  /* Select inline */
  /* Textarea */
  /* Icons */
  /* Row separator */
  /* Stacked label */
  /* Floating label */
  /* Box Input and Outline */
  /* Box and outline inputs inside form group inset */
  /* Outline */
}

.mbsc-ios.mbsc-input {
  display: flex;
}

.mbsc-ios.mbsc-input.mbsc-control-w.mbsc-label-inline {
  padding: 0;
}

.mbsc-ios.mbsc-input input {
  height: 2.75em;
  padding: 0 1em;
  background: transparent;
}

.mbsc-ios .mbsc-input-wrap {
  position: static;
  -moz-flex: 1 auto;
  flex: 1 auto;
}

.mbsc-ios .mbsc-input-wrap .mbsc-input-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.mbsc-ios.mbsc-textarea textarea {
  height: 3em;
  padding: 0 1em;
  background: transparent;
}

.mbsc-ios.mbsc-input .mbsc-label, .mbsc-ios.mbsc-progress .mbsc-label {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 30%;
  max-width: 12.5em;
  overflow: hidden;
  font-size: 1em;
  line-height: 2.75em;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: content-box;
}

.mbsc-ios.mbsc-ltr.mbsc-input .mbsc-label {
  padding-left: 1em;
}

.mbsc-ios.mbsc-rtl.mbsc-input .mbsc-label {
  padding-right: 1em;
}

.mbsc-ios.mbsc-input input:disabled, .mbsc-ios.mbsc-input textarea:disabled, .mbsc-ios.mbsc-input .mbsc-control:disabled ~ input, .mbsc-ios.mbsc-input .mbsc-control:disabled ~ .mbsc-ic {
  opacity: 0.5;
}

.mbsc-ios .mbsc-err-msg {
  padding: 0.5em 1.3333em;
}

.mbsc-ios.mbsc-ltr.mbsc-select input {
  padding-right: 2.25em;
}

.mbsc-ios.mbsc-rtl.mbsc-select input {
  padding-left: 2.25em;
}

.mbsc-ios .mbsc-select-ic {
  position: absolute;
  display: block;
  height: 1.25em;
  width: 1.25em;
  top: 0.875em;
  right: 1em;
  text-align: center;
}

.mbsc-ios.mbsc-rtl .mbsc-select-ic {
  right: auto;
  left: 1em;
}

.mbsc-ios.mbsc-ic-right .mbsc-select-ic {
  right: 3.4em;
}

.mbsc-ios.mbsc-rtl .mbsc-ic-right .mbsc-select-ic {
  right: auto;
  left: 3.4em;
}

.mbsc-ios.mbsc-select-inline .mbsc-select-ic {
  display: none;
}

.mbsc-ios.mbsc-textarea .mbsc-input-wrap {
  padding: 0.625em 0;
}

.mbsc-ios .mbsc-input-ic {
  top: 0.375em;
  margin-top: -1px;
}

.mbsc-ios.mbsc-ic-left {
  z-index: 1;
}

.mbsc-ios.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.25em;
}

.mbsc-ios.mbsc-ltr.mbsc-ic-right .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.25em;
}

.mbsc-ios.mbsc-ltr.mbsc-ic-left .mbsc-label {
  padding-left: 3.25em;
}

.mbsc-ios.mbsc-rtl.mbsc-ic-left .mbsc-label {
  padding-right: 3.25em;
}

.mbsc-ios.mbsc-ltr.mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap {
  padding-left: 0;
}

.mbsc-ios.mbsc-rtl.mbsc-ic-left .mbsc-label ~ .mbsc-input-wrap {
  padding-right: 0;
}

.mbsc-ios.mbsc-ic-left .mbsc-left-ic, .mbsc-ios.mbsc-rtl.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: 0.625em;
}

.mbsc-ios.mbsc-ic-right .mbsc-right-ic, .mbsc-ios.mbsc-rtl.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: 0.625em;
}

.mbsc-ios.mbsc-control-w {
  margin-top: -1px;
}

.mbsc-ios.mbsc-control-w:before, .mbsc-ios.mbsc-control-w:after {
  content: "";
  position: absolute;
  right: 0;
  left: 1em;
  border-top: 1px solid transparent;
}

.mbsc-ios.mbsc-control-w:before {
  top: 0;
}

.mbsc-ios.mbsc-control-w:after {
  bottom: 0;
}

.mbsc-ios .mbsc-form-group-title + .mbsc-control-w:before,
.mbsc-ios .mbsc-control-w:first-child:before,
.mbsc-ios .mbsc-control-w:last-child:after {
  left: 0;
}

.mbsc-ios .mbsc-control-ng .mbsc-control-w:before,
.mbsc-ios .mbsc-control-ng .mbsc-control-w:after {
  left: 1em;
}

.mbsc-ios .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before,
.mbsc-ios .mbsc-control-ng:first-child .mbsc-control-w:before,
.mbsc-ios .mbsc-control-ng:last-child .mbsc-control-w:after {
  left: 0;
}

.mbsc-ios.mbsc-ic-left:before, .mbsc-ios.mbsc-ic-left:after {
  left: 3.25em;
}

.mbsc-ios .mbsc-err {
  z-index: 2;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title,
.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-w:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:first-child:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-w:last-child:after {
  border-width: 0;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w {
  border-radius: 0;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:before,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w:after {
  border-width: 1px;
}

.mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w:before, .mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w:before, .mbsc-ios.mbsc-form .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w:after {
  border-width: 0;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-form-group-title + .mbsc-control-ng .mbsc-control-w,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:first-child .mbsc-control-w {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng:last-child .mbsc-control-w {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-input .mbsc-label {
  font-size: 0.75em;
  position: absolute;
  top: 1em;
  line-height: 1em;
  padding: 0;
  width: auto;
  max-width: none;
}

.mbsc-ios.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 3.75em;
  padding-top: 1.5em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 1.625em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-input.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 1.625em;
}

.mbsc-ios.mbsc-label-stacked.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.4375em;
}

.mbsc-ios.mbsc-ltr.mbsc-label-stacked.mbsc-input .mbsc-label {
  left: 1.333334em;
  right: auto;
}

.mbsc-ios.mbsc-ltr.mbsc-label-stacked.mbsc-input.mbsc-ic-left .mbsc-input-wrap {
  padding-left: 2.375em;
}

.mbsc-ios.mbsc-ltr.mbsc-label-stacked.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 4.5em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-stacked.mbsc-input .mbsc-label {
  left: auto;
  right: 1.333334em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-stacked.mbsc-input.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-stacked.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 4.5em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-stacked.mbsc-input.mbsc-control-w:before, .mbsc-ios.mbsc-rtl.mbsc-label-stacked.mbsc-input.mbsc-control-w:after {
  right: 0;
}

.mbsc-ios.mbsc-label-floating.mbsc-input .mbsc-label {
  position: absolute;
  padding: 0;
  font-size: 1em;
  line-height: 2em;
  top: 0.875em;
  width: auto;
  transform-origin: 0 0;
  transition: transform 0.2s;
}

.mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label, .mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-ic-right .mbsc-label {
  top: 1.625em;
}

.mbsc-ios.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 3.75em;
  padding-top: 1.5em;
}

.mbsc-ios.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 1.625em;
}

.mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 1.625em;
}

.mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.4375em;
}

.mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-0.5em) scale(0.75);
}

.mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-label-floating-active.mbsc-ic-left .mbsc-label, .mbsc-ios.mbsc-label-floating.mbsc-input.mbsc-label-floating-active.mbsc-ic-right .mbsc-label {
  transform: translateY(-1.25em) scale(0.75);
}

.mbsc-ios.mbsc-ltr.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 1em;
}

.mbsc-ios.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-input-wrap {
  padding-left: 2.375em;
}

.mbsc-ios.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 3.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 1em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 3.375em;
}

.mbsc-ios.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-control-w:before, .mbsc-ios.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-control-w:after {
  right: 0;
}

.mbsc-ios.mbsc-input-box, .mbsc-ios.mbsc-input-outline {
  /* Row separator */
  /* Floating labels */
}

.mbsc-ios.mbsc-input-box.mbsc-control-w, .mbsc-ios.mbsc-input-outline.mbsc-control-w {
  margin-top: -1px;
  margin: 1.5em 1em;
  border-radius: 8px;
  border: 1px solid transparent;
}

.mbsc-ios.mbsc-input-box.mbsc-control-w input, .mbsc-ios.mbsc-input-outline.mbsc-control-w input {
  border-radius: 8px;
}

.mbsc-ios.mbsc-input-box.mbsc-control-w:before, .mbsc-ios.mbsc-input-box.mbsc-control-w:after, .mbsc-ios.mbsc-input-outline.mbsc-control-w:before, .mbsc-ios.mbsc-input-outline.mbsc-control-w:after {
  border-top: 0;
}

.mbsc-ios.mbsc-input-box .mbsc-err-msg, .mbsc-ios.mbsc-input-outline .mbsc-err-msg {
  position: absolute;
  bottom: -1.5em;
  padding: 0;
}

.mbsc-ios.mbsc-input-box.mbsc-control-w.mbsc-err + .mbsc-divider, .mbsc-ios.mbsc-input-outline.mbsc-control-w.mbsc-err + .mbsc-divider {
  border-top: 0;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input .mbsc-label, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input .mbsc-label {
  top: 0.75em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 3.375em;
  padding-top: 1.25em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.75em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 1.75em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.25em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label, .mbsc-ios.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  top: 0.6875em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input, .mbsc-ios.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-ios.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 3.375em;
  padding-top: 1.25em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic, .mbsc-ios.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.75em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label, .mbsc-ios.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-0.5em) scale(0.75);
}

.mbsc-ios.mbsc-input-box .mbsc-input-wrap .mbsc-input-fill, .mbsc-ios.mbsc-input-outline .mbsc-input-wrap .mbsc-input-fill {
  border-radius: 8px;
}

.mbsc-ios.mbsc-ltr.mbsc-input-box .mbsc-err-msg, .mbsc-ios.mbsc-ltr.mbsc-input-outline .mbsc-err-msg {
  left: 1.333334em;
}

.mbsc-ios.mbsc-rtl.mbsc-input-box .mbsc-err-msg, .mbsc-ios.mbsc-rtl.mbsc-input-outline .mbsc-err-msg {
  right: 1.333334em;
}

.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-box,
.mbsc-ios .mbsc-form-group-inset .mbsc-control-ng .mbsc-control-w.mbsc-input-outline {
  border-radius: 0.5em;
}

.mbsc-ios.mbsc-input-outline.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 0.875em;
}

.mbsc-ios {
  /* Box Input and Outline */
  /* Outline */
}

.mbsc-ios.mbsc-input {
  background: white;
}

.mbsc-ios.mbsc-input .mbsc-control::-webkit-input-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios.mbsc-input .mbsc-control::-ms-input-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios.mbsc-input .mbsc-control::-moz-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios .mbsc-input-wrap input:-webkit-autofill ~ .mbsc-input-fill {
  background: #e8f0fe;
}

.mbsc-ios .mbsc-input-wrap input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #e8f0fe inset;
}

.mbsc-ios.mbsc-input .mbsc-label, .mbsc-ios.mbsc-progress .mbsc-label, .mbsc-ios.mbsc-input input, .mbsc-ios.mbsc-input textarea {
  color: #000000;
}

.mbsc-ios .mbsc-err-msg {
  color: #d8332a;
}

.mbsc-ios.mbsc-input:before, .mbsc-ios.mbsc-input:after, .mbsc-ios.mbsc-form .mbsc-control-w:before, .mbsc-ios.mbsc-form .mbsc-control-w:after {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-control-w.mbsc-err:after, .mbsc-ios.mbsc-control-w.mbsc-err + .mbsc-err:before, .mbsc-ios.mbsc-control-w.mbsc-err + .mbsc-divider, mbsc-input.mbsc-err + mbsc-input .mbsc-ios.mbsc-err:before {
  border-top-color: #d8332a;
}

.mbsc-ios.mbsc-input-box.mbsc-err, .mbsc-ios.mbsc-input-outline.mbsc-err {
  border-color: #d8332a;
}

.mbsc-ios.mbsc-input-box .mbsc-err-msg, .mbsc-ios.mbsc-input-outline .mbsc-err-msg {
  color: #d8332a;
}

.mbsc-ios.mbsc-input-outline {
  /* Row separator */
}

.mbsc-ios.mbsc-input-outline.mbsc-control-w {
  border: 1px solid #cccccc;
}

.mbsc-ios.mbsc-input-outline.mbsc-err.mbsc-control-w {
  border-color: #d8332a;
}

.mbsc-ios {
  /* Stacked label */
  /* Progress color presets */
}

.mbsc-ios.mbsc-progress {
  display: flex;
  min-height: 4em;
  margin-top: -1px;
  padding: 0.625em 1em;
  align-items: center;
  box-sizing: border-box;
}

.mbsc-ios.mbsc-progress.mbsc-progress-w.mbsc-control-w .mbsc-label {
  padding: 0;
}

.mbsc-ios.mbsc-progress .mbsc-input-ic {
  top: 0.0625em;
  margin: 0;
}

.mbsc-ios.mbsc-progress.mbsc-ic-left .mbsc-left-ic, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-ios.mbsc-progress.mbsc-ic-right .mbsc-right-ic, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-ios.mbsc-progress .mbsc-input-wrap {
  position: relative;
  padding: 0 0.75em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-progress-w.mbsc-ic-right .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-progress-w.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 3.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 3.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 5.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 5.5em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value {
  left: 2.2857em;
}

.mbsc-ios.mbsc-ltr.mbsc-progress.mbsc-ic-right.mbsc-progress-value-right .mbsc-progress-value, .mbsc-ios.mbsc-rtl.mbsc-progress.mbsc-ic-left.mbsc-progress-value-left .mbsc-progress-value {
  right: 2.2857em;
}

.mbsc-ios .mbsc-progress-cont {
  padding: 1em 0;
}

.mbsc-ios .mbsc-progress-track {
  border-radius: 1em;
  height: 0.125em;
}

.mbsc-ios .mbsc-progress-bar {
  z-index: 1;
  border-radius: 1em;
}

.mbsc-ios .mbsc-progress-value {
  width: 3.715em;
  font-size: 0.875em;
}

.mbsc-ios .mbsc-progress-step-label {
  top: 1.333334em;
}

.mbsc-ios.mbsc-progress.mbsc-ic-left:before, .mbsc-ios.mbsc-progress.mbsc-ic-left:after {
  left: 1em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w .mbsc-label,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w .mbsc-label {
  font-size: 0.75em;
  position: absolute;
  top: 0.666667em;
  line-height: 1em;
  padding: 0;
  overflow: visible;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w:not(.mbsc-slider) .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w:not(.mbsc-slider) .mbsc-input-wrap {
  padding-left: 0;
  padding-right: 0;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w .mbsc-label + .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w .mbsc-label + .mbsc-input-wrap {
  padding-top: 1em;
  padding-bottom: 1em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w .mbsc-label + .mbsc-input-wrap .mbsc-input-ic,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w .mbsc-label + .mbsc-input-wrap .mbsc-input-ic {
  top: 1.0625em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-right .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.5em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.5em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-progress-value-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-progress-value-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 3.5em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-progress-value-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-progress-value-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 3.5em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 5.5em;
}

.mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-ios .mbsc-label-stacked.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-ltr.mbsc-ic-right.mbsc-progress-value-right .mbsc-input-wrap,
.mbsc-ios .mbsc-label-floating.mbsc-progress.mbsc-control-w.mbsc-rtl.mbsc-ic-left.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 5.5em;
}

.mbsc-ios .mbsc-progress-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-ios .mbsc-progress-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-ios .mbsc-progress-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-ios .mbsc-progress-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-ios .mbsc-progress-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-ios .mbsc-progress-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-ios.mbsc-form .mbsc-progress, .mbsc-ios.mbsc-input-box.mbsc-progress, .mbsc-ios.mbsc-input-outline.mbsc-progress {
  background: white;
}

.mbsc-ios .mbsc-progress-track {
  background: #dedede;
}

.mbsc-ios .mbsc-progress-bar {
  background: #007aff;
}

.mbsc-ios .mbsc-progress-value,
.mbsc-ios .mbsc-progress-step-label {
  color: #b5b5b5;
}

.mbsc-ios .mbsc-slider-handle {
  top: 50%;
  width: 1.75em;
  height: 1.75em;
  margin: -0.875em -0.875em 0 0;
  border-radius: 1.25em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
}

.mbsc-ios .mbsc-slider-tooltip {
  font-size: 0.875em;
  width: 3em;
  margin-right: -1.5em;
  top: -1em;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip,
.mbsc-ios .mbsc-active .mbsc-slider-tooltip {
  opacity: 1;
}

.mbsc-ios .mbsc-slider-step {
  height: 0.5em;
  width: 0.0625em;
  margin-top: -0.1875em;
  margin-left: -0.0625em;
}

.mbsc-ios.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-ios.mbsc-slider-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-ios.mbsc-slider-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-ios.mbsc-slider-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-ios.mbsc-slider-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-ios.mbsc-slider-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-ios.mbsc-slider-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-ios .mbsc-slider-handle {
  background: #fff;
}

.mbsc-ios .mbsc-slider-tooltip {
  color: #b5b5b5;
  background: white;
}

.mbsc-ios .mbsc-slider-step {
  background: #dedede;
}

.mbsc-ios.mbsc-rating {
  /* Color presets */
}

.mbsc-ios.mbsc-rating.mbsc-progress .mbsc-input-wrap {
  padding: 0;
}

.mbsc-ios.mbsc-rating input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-ios.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
  color: #3f97f6;
}

.mbsc-ios.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
  color: #90979E;
}

.mbsc-ios.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
  color: #43BE5F;
}

.mbsc-ios.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
  color: #f5504e;
}

.mbsc-ios.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
  color: #f8b042;
}

.mbsc-ios.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
  color: #5BB7C5;
}

.mbsc-ios.mbsc-rating .mbsc-progress-track {
  color: #007aff;
}

.mbsc-ios {
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-ios.mbsc-alert .mbsc-fr-c.mbsc-wdg-c {
  padding: 1.142857em;
  line-height: 1.285714;
  text-align: center;
}

.mbsc-ios.mbsc-alert h2 {
  margin: 0.277778em 0;
  font-size: 1.285715em;
}

.mbsc-ios.mbsc-alert p {
  margin: 0.357143em 0;
}

.mbsc-ios.mbsc-alert .mbsc-input {
  margin-top: 1.142857em;
  border-radius: 0;
}

.mbsc-ios.mbsc-alert .mbsc-input input {
  height: 1.714286em;
  padding: 0 0.357143em;
}

.mbsc-ios.mbsc-toast .mbsc-toast-msg {
  border-radius: 0.5em;
  opacity: 0.9;
}

.mbsc-ios.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-primary .mbsc-toast-msg {
  background: #3f97f6;
}

.mbsc-ios.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
  background: #90979E;
}

.mbsc-ios.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-success .mbsc-toast-msg {
  background: #43BE5F;
}

.mbsc-ios.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-danger .mbsc-toast-msg {
  background: #f5504e;
}

.mbsc-ios.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-warning .mbsc-toast-msg {
  background: #f8b042;
}

.mbsc-ios.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-ios.mbsc-toast.mbsc-info .mbsc-toast-msg {
  background: #5BB7C5;
}

.mbsc-ios {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-ios.mbsc-alert .mbsc-input {
  border: 1px solid #ccc;
}

.mbsc-ios.mbsc-snackbar .mbsc-fr-w {
  background: #646464;
  color: #fff;
}

.mbsc-ios.mbsc-snackbar .mbsc-snackbar-btn {
  color: hsl(211.2941176471deg, 100%, 80%);
}

.mbsc-ios.mbsc-toast .mbsc-toast-msg {
  background: #646464;
  color: #fff;
}

.mbsc-ios {
  /* Form grid */
  /* Checkbox, switch */
  /* Checkbox, radio */
  /* Checkbox */
  /* Checkbox color presets */
  /* Radio */
  /* Radio color presets */
  /* Buttons */
  /* Button color presets */
  /* Flat buttons */
  /* Outline buttons */
  /* Outline buttons */
  /* Switch */
  /* swithc color presets */
  /* Segmented & Stepper */
  /* Stepper color presets */
}

.mbsc-ios .mbsc-desc {
  opacity: 0.5;
}

.mbsc-ios .mbsc-divider,
.mbsc-ios .mbsc-form-group-title {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.mbsc-ios .mbsc-divider {
  padding: 2.333334em 1.333334em 0.5em 1.333334em;
}

.mbsc-ios .mbsc-form-group-title {
  padding: 0.5em 1.333334em;
}

.mbsc-ios.mbsc-form-outline .mbsc-divider, .mbsc-ios.mbsc-form-outline .mbsc-form-group-title, .mbsc-ios.mbsc-form-box .mbsc-divider, .mbsc-ios.mbsc-form-box .mbsc-form-group-title {
  border: 0;
}

.mbsc-ios .mbsc-form-grid {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.mbsc-ios .mbsc-form-grid .mbsc-input-box.mbsc-control-w,
.mbsc-ios .mbsc-form-grid .mbsc-input-outline.mbsc-control-w {
  margin: 0.75em 1em;
}

.mbsc-ios.mbsc-checkbox .mbsc-err-msg, .mbsc-ios.mbsc-switch .mbsc-err-msg, .mbsc-ios.mbsc-radio .mbsc-err-msg {
  padding: 0;
  margin-bottom: -1em;
}

.mbsc-ios.mbsc-ltr.mbsc-checkbox, .mbsc-ios.mbsc-ltr.mbsc-radio {
  padding: 0.875em 3.75em 0.875em 1em;
}

.mbsc-ios.mbsc-rtl.mbsc-checkbox, .mbsc-ios.mbsc-rtl.mbsc-radio {
  padding: 0.875em 1em 0.875em 3.75em;
}

.mbsc-ios.mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-ios.mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-ios.mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-ios.mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-ios.mbsc-radio input:disabled ~ .mbsc-label, .mbsc-ios.mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-ios.mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-ios.mbsc-switch input:disabled ~ .mbsc-label, .mbsc-ios.mbsc-switch input:disabled ~ .mbsc-desc {
  opacity: 0.3;
}

.mbsc-ios .mbsc-checkbox-box:after,
.mbsc-ios .mbsc-radio-box:after {
  transition: opacity 0.2s ease-in-out;
}

.mbsc-ios .mbsc-checkbox-box {
  right: 1em;
  width: 1.75em;
  height: 1.75em;
  margin-top: -0.875em;
  background: transparent;
  border-radius: 2em;
}

.mbsc-ios.mbsc-rtl .mbsc-checkbox-box {
  right: auto;
  left: 1em;
}

.mbsc-ios .mbsc-checkbox-box:after {
  top: 32%;
  left: 26%;
  width: 0.75em;
  height: 0.375em;
}

.mbsc-ios.mbsc-checkbox-primary .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-primary .mbsc-checkbox-box:after {
  border-color: #3f97f6;
}

.mbsc-ios.mbsc-checkbox-secondary .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-secondary .mbsc-checkbox-box:after {
  border-color: #90979E;
}

.mbsc-ios.mbsc-checkbox-success .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-success .mbsc-checkbox-box:after {
  border-color: #43BE5F;
}

.mbsc-ios.mbsc-checkbox-danger .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-danger .mbsc-checkbox-box:after {
  border-color: #f5504e;
}

.mbsc-ios.mbsc-checkbox-warning .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-warning .mbsc-checkbox-box:after {
  border-color: #f8b042;
}

.mbsc-ios.mbsc-checkbox-info .mbsc-checkbox-box,
.mbsc-ios.mbsc-checkbox-info .mbsc-checkbox-box:after {
  border-color: #5BB7C5;
}

.mbsc-ios .mbsc-radio-box {
  right: 1.125em;
  margin-top: -0.625em;
  background: transparent;
}

.mbsc-ios.mbsc-rtl .mbsc-radio-box {
  right: auto;
  left: 1.125em;
}

.mbsc-ios .mbsc-radio-box:after {
  position: absolute;
  top: 44%;
  left: 23%;
  width: 1em;
  height: 0.5em;
  border-radius: 0;
  transform: rotate(-45deg);
}

.mbsc-ios.mbsc-radio-primary .mbsc-radio-box:after {
  border-color: #3f97f6;
}

.mbsc-ios.mbsc-radio-secondary .mbsc-radio-box:after {
  border-color: #90979E;
}

.mbsc-ios.mbsc-radio-success .mbsc-radio-box:after {
  border-color: #43BE5F;
}

.mbsc-ios.mbsc-radio-danger .mbsc-radio-box:after {
  border-color: #f5504e;
}

.mbsc-ios.mbsc-radio-warning .mbsc-radio-box:after {
  border-color: #f8b042;
}

.mbsc-ios.mbsc-radio-info .mbsc-radio-box:after {
  border-color: #5BB7C5;
}

.mbsc-ios.mbsc-btn {
  margin: 0.5em 0.25em;
  padding: 0.625em 1.375em;
  border: 0;
  border-radius: 0.25em;
}

.mbsc-ios .mbsc-btn-ic {
  padding-right: 0.625em;
}

.mbsc-ios .mbsc-btn-icon-only .mbsc-btn-ic {
  padding: 0;
}

.mbsc-ios.mbsc-no-touch.mbsc-btn:not(:disabled):not(.mbsc-active):hover {
  opacity: 0.8;
}

.mbsc-ios.mbsc-btn.mbsc-active {
  opacity: 0.6;
}

.mbsc-ios.mbsc-btn-flat.mbsc-active {
  opacity: 0.6;
}

.mbsc-ios.mbsc-btn-flat:disabled {
  opacity: 0.8;
}

.mbsc-ios .mbsc-btn-group,
.mbsc-ios .mbsc-btn-group-justified,
.mbsc-ios .mbsc-btn-group-block {
  margin: 0.5em 0.75em;
}

.mbsc-ios .mbsc-btn-group-block {
  margin: 0.5em 1em;
}

.mbsc-ios.mbsc-btn-primary.mbsc-btn {
  background: #3f97f6;
}

.mbsc-ios.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
  color: #3f97f6;
}

.mbsc-ios.mbsc-btn-secondary.mbsc-btn {
  background: #90979E;
}

.mbsc-ios.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
  color: #90979E;
}

.mbsc-ios.mbsc-btn-success.mbsc-btn {
  background: #43BE5F;
}

.mbsc-ios.mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
  color: #43BE5F;
}

.mbsc-ios.mbsc-btn-danger.mbsc-btn {
  background: #f5504e;
}

.mbsc-ios.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
  color: #f5504e;
}

.mbsc-ios.mbsc-btn-warning.mbsc-btn {
  background: #f8b042;
}

.mbsc-ios.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
  color: #f8b042;
}

.mbsc-ios.mbsc-btn-info.mbsc-btn {
  background: #5BB7C5;
}

.mbsc-ios.mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
  color: #5BB7C5;
}

.mbsc-ios.mbsc-btn-light.mbsc-btn {
  background: #fff;
}

.mbsc-ios.mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
  color: #cccccc;
}

.mbsc-ios.mbsc-btn-dark.mbsc-btn {
  background: #47494A;
}

.mbsc-ios.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
  color: #47494A;
}

.mbsc-ios.mbsc-btn-flat.mbsc-btn {
  background: transparent;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-active {
  opacity: 1;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
  background: #3f97f6;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
  background: #90979E;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
  background: #43BE5F;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
  background: #f5504e;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
  background: #f8b042;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
  background: #bfbfbf;
  color: #fff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
  background: #47494A;
  color: #fff;
}

.mbsc-ios.mbsc-ltr.mbsc-switch {
  padding: 0.875em 5em 0.875em 1em;
}

.mbsc-ios.mbsc-rtl.mbsc-switch {
  padding: 0.875em 1em 0.875em 5em;
}

.mbsc-ios .mbsc-switch-track {
  right: 1em;
  width: 3em;
  height: 1.75em;
  padding: 0;
  margin-top: -0.96875em;
  border-radius: 1.25em;
  box-sizing: content-box;
}

.mbsc-ios.mbsc-rtl .mbsc-switch-track {
  right: auto;
  left: 1em;
}

.mbsc-ios .mbsc-switch-track:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 1.25em;
  transform: scale(1);
  transition: transform 0.2s ease-out;
}

.mbsc-ios .mbsc-switch-track .mbsc-progress-track {
  margin: 0 0.875em;
}

.mbsc-ios .mbsc-switch-handle {
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  margin: -0.875em 0 0 -0.875em;
  border-radius: 1.75em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1), 0 0 0.0625em rgba(0, 0, 0, 0.15), 0 0.125em 0.125em rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease-out;
}

.mbsc-ios.mbsc-rtl .mbsc-switch-handle {
  margin: -0.875em -0.875em 0 0;
}

.mbsc-ios.mbsc-switch input:checked + .mbsc-switch-track:after {
  transform: scale(0);
}

.mbsc-ios.mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #3f97f6;
  background: #3f97f6;
}

.mbsc-ios.mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #90979E;
  background: #90979E;
}

.mbsc-ios.mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #43BE5F;
  background: #43BE5F;
}

.mbsc-ios.mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #f5504e;
  background: #f5504e;
}

.mbsc-ios.mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #f8b042;
  background: #f8b042;
}

.mbsc-ios.mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: #5BB7C5;
  background: #5BB7C5;
}

.mbsc-ios.mbsc-segmented.mbsc-segmented-group {
  padding: 0.75em;
  margin: 0;
  border-radius: 0;
}

.mbsc-ios.mbsc-segmented.mbsc-stepper {
  position: absolute;
  display: block;
  margin-top: -1em;
  background: none;
  border-radius: 0;
}

.mbsc-ios .mbsc-segmented-content {
  height: 2.142857142em;
  margin-left: -0.07142857em;
  line-height: 2.1428571429em;
  padding: 0 0.42857em;
}

.mbsc-ios.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-ios.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, .mbsc-ios.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-ios.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content {
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
}

.mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:before,
.mbsc-ios .mbsc-segmented.mbsc-stepper.mbsc-control-w:after {
  border: 0;
}

.mbsc-ios.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-ios.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, .mbsc-ios.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-ios.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content {
  border-top-right-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}

.mbsc-ios.mbsc-ltr.mbsc-stepper-cont {
  padding: 1.5em 11.75em 1.5em 1em;
}

.mbsc-ios.mbsc-rtl.mbsc-stepper-cont {
  padding: 1.5em 1em 1.5em 11.75em;
}

.mbsc-ios.mbsc-ltr .mbsc-stepper {
  right: 1em;
}

.mbsc-ios.mbsc-rtl .mbsc-stepper {
  left: 1em;
}

.mbsc-ios.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  background: none;
}

.mbsc-ios .mbsc-stepper .mbsc-segmented-item {
  width: 3.25em;
}

.mbsc-ios .mbsc-stepper input {
  width: 3.714286em;
  left: 3.714286em;
  z-index: 3;
}

.mbsc-ios.mbsc-segmented {
  /* Stepper color presets */
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-primary .mbsc-segmented-content {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #3f97f6;
  background: rgba(63, 151, 246, 0.45);
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #90979E;
  background: rgba(144, 151, 158, 0.45);
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #43BE5F;
  background: rgba(67, 190, 95, 0.45);
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #f5504e;
  background: rgba(245, 80, 78, 0.45);
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #f8b042;
  background: rgba(248, 176, 66, 0.45);
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  color: #5BB7C5;
  background: rgba(91, 183, 197, 0.45);
}

.mbsc-ios.mbsc-no-touch {
  /* Segmented hover color presets*/
  /* Stepper color presets*/
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.15);
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.15);
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.15);
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.15);
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.15);
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.15);
}

.mbsc-ios.mbsc-no-touch.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.15);
}

.mbsc-ios.mbsc-stepper-primary .mbsc-segmented-content {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-ios.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-ios.mbsc-stepper-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-ios.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-ios.mbsc-stepper-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-ios.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-ios.mbsc-stepper-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-ios.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-ios.mbsc-stepper-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-ios.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-ios.mbsc-stepper-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-ios.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-ios {
  /* Backgrounds */
  /* Checkbox */
  /* Radio */
  /* Buttons */
  /* Button color presets */
  /* Flat buttons */
  /* Outline buttons */
  /* Switch */
  /* Segmented & Stepper */
}

.mbsc-ios.mbsc-form {
  background: #efeff4;
  color: #000000;
}

.mbsc-ios.mbsc-form *::-moz-selection, .mbsc-ios.mbsc-control-w *::-moz-selection {
  color: hsl(0deg, 0%, 80%);
  background: #1273de;
}

.mbsc-ios.mbsc-form *::-moz-selection, .mbsc-ios.mbsc-control-w *::-moz-selection, .mbsc-ios.mbsc-form *::selection, .mbsc-ios.mbsc-control-w *::selection {
  color: hsl(0deg, 0%, 80%);
  background: #1273de;
}

.mbsc-ios .mbsc-input-ic {
  color: #988181;
}

.mbsc-ios .mbsc-divider,
.mbsc-ios .mbsc-form-group-title {
  border-bottom: 1px solid #bcbcd1;
  color: #726e6e;
}

.mbsc-ios .mbsc-divider {
  border-top: 1px solid #bcbcd1;
}

.mbsc-ios.mbsc-form .mbsc-checkbox, .mbsc-ios.mbsc-form .mbsc-radio, .mbsc-ios.mbsc-form .mbsc-switch, .mbsc-ios.mbsc-form .mbsc-segmented, .mbsc-ios.mbsc-form .mbsc-stepper-cont, .mbsc-ios.mbsc-input-box.mbsc-checkbox, .mbsc-ios.mbsc-input-box.mbsc-radio, .mbsc-ios.mbsc-input-box.mbsc-switch, .mbsc-ios.mbsc-input-box.mbsc-stepper-cont, .mbsc-ios.mbsc-input-outline.mbsc-checkbox, .mbsc-ios.mbsc-input-outline.mbsc-radio, .mbsc-ios.mbsc-input-outline.mbsc-switch, .mbsc-ios.mbsc-input-outline.mbsc-stepper-cont {
  background: white;
}

.mbsc-ios.mbsc-form .mbsc-input-box.mbsc-segmented, .mbsc-ios.mbsc-form .mbsc-input-box.mbsc-segmented {
  background: transparent;
}

.mbsc-ios .mbsc-checkbox-box {
  border: 0.125em solid #1273de;
}

.mbsc-ios .mbsc-checkbox-box:after {
  border: 0.125em solid #1273de;
  border-top: 0;
  border-right: 0;
}

.mbsc-ios .mbsc-radio-box:after {
  border: 0.125em solid #1273de;
  border-top: 0;
  border-right: 0;
}

.mbsc-ios.mbsc-radio input:disabled ~ .mbsc-radio-label {
  color: #b3b3cb;
}

.mbsc-ios.mbsc-btn {
  background: white;
  color: #007aff;
}

.mbsc-ios.mbsc-btn:not(.mbsc-btn-flat):disabled {
  background: #d1d1e0;
  color: #b3b3cb;
}

.mbsc-ios.mbsc-btn.mbsc-btn-flat {
  background: transparent;
  border-color: transparent;
}

.mbsc-ios.mbsc-btn-flat:disabled {
  background: transparent;
  color: #b3b3cb;
}

.mbsc-ios.mbsc-btn-primary.mbsc-btn, .mbsc-ios.mbsc-btn-secondary.mbsc-btn, .mbsc-ios.mbsc-btn-success.mbsc-btn, .mbsc-ios.mbsc-btn-danger.mbsc-btn, .mbsc-ios.mbsc-btn-warning.mbsc-btn, .mbsc-ios.mbsc-btn-info.mbsc-btn, .mbsc-ios.mbsc-btn-dark.mbsc-btn {
  color: #fff;
}

.mbsc-ios.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-ios.mbsc-btn-flat.mbsc-btn {
  background: transparent;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn {
  background: transparent;
  border: 1px solid #007aff;
  color: #007aff;
}

.mbsc-ios.mbsc-btn-outline.mbsc-btn.mbsc-active {
  background: #007aff;
  color: white;
}

.mbsc-ios.mbsc-btn.mbsc-btn-outline:disabled {
  color: #b3b3cb;
  border-color: #b3b3cb;
  background: transparent;
}

.mbsc-ios .mbsc-switch-track {
  background: #dadae6;
  border: 0.0625em solid #dadae6;
}

.mbsc-ios .mbsc-switch-track:after {
  background: white;
}

.mbsc-ios .mbsc-switch-handle {
  background: #fff;
}

.mbsc-ios.mbsc-switch input:checked + .mbsc-switch-track {
  background: #4cd764;
  border-color: #4cd764;
}

.mbsc-ios .mbsc-segmented-content {
  color: #1273de;
  border: 0.07142857em solid #1273de;
  background: white;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #1273de;
  color: white;
}

.mbsc-ios.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(0, 122, 255, 0.3);
  color: #1273de;
}

.mbsc-ios.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-ios.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #b3b3cb;
  border-color: #b3b3cb;
}

.mbsc-ios .mbsc-stepper input:disabled {
  color: #b3b3cb;
  -webkit-text-fill-color: #b3b3cb;
}

.mbsc-ios.mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
  background: #d1d1e0;
}

.mbsc-ios .mbsc-stepper input {
  color: #000000;
}

.mbsc-ios.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(0, 122, 255, 0.15);
}

.mbsc-ios.mbsc-card.mbsc-form {
  margin: 1.5em 1em;
  border-radius: 0.5em;
}

.mbsc-ios.mbsc-card .mbsc-btn-flat {
  padding: 0.625em;
}

.mbsc-ios .mbsc-card-footer .mbsc-btn {
  margin-top: -0.625em;
  margin-bottom: -0.625em;
}

.mbsc-ios.mbsc-card .mbsc-btn-group-block {
  background: transparent;
}

.mbsc-ios.mbsc-card .mbsc-ios .mbsc-lv-item:first-child:before {
  border: 0;
}

.mbsc-ios.mbsc-card .mbsc-ios .mbsc-lv-item:last-child:after {
  border: 0;
}

.mbsc-ios.mbsc-card .mbsc-control-w:last-child:after {
  border: 0;
}

.mbsc-ios .mbsc-card-list .mbsc-lv-item:before,
.mbsc-ios .mbsc-card-list .mbsc-lv-item:after {
  border: 0;
}

.mbsc-card-list .mbsc-ios .mbsc-lv-item:before,
.mbsc-card-list .mbsc-ios .mbsc-lv-item:after {
  border: 0;
}

.mbsc-ios.mbsc-card.mbsc-form {
  color: #000000;
  background: white;
}

.mbsc-ios .mbsc-card-subtitle {
  color: rgba(0, 0, 0, 0.51);
}

.mbsc-ios.mbsc-card.mbsc-form {
  box-shadow: 0 0 1px 1px rgba(204, 204, 204, 0.2);
}

.mbsc-ios.mbsc-card .mbsc-lv-item {
  color: #000000;
}

.mbsc-ios .mbsc-card-footer {
  border-color: #cccccc;
}

.mbsc-ios.mbsc-card .mbsc-input-box.mbsc-control-w, .mbsc-ios.mbsc-card .mbsc-input-box.mbsc-control-w {
  border: 1px solid #cccccc;
}

.mbsc-material .mbsc-collapsible .mbsc-form-group-title {
  padding: 1em;
}

.mbsc-material .mbsc-collapsible .mbsc-collapsible-header {
  padding-right: 3em;
}

.mbsc-material {
  /* Note */
}

.mbsc-material .mbsc-note {
  border-radius: 0.1875em;
}

.mbsc-material .mbsc-note,
.mbsc-material .mbsc-note-primary {
  color: #074b95;
  background-color: #88bff9;
}

.mbsc-material .mbsc-note-secondary {
  color: #454b50;
  background-color: #b9bdc2;
}

.mbsc-material .mbsc-note-success {
  color: #1b4d26;
  background-color: #7cd28f;
}

.mbsc-material .mbsc-note-danger {
  color: #a10b09;
  background-color: #f99896;
}

.mbsc-material .mbsc-note-warning {
  color: #9b6006;
  background-color: #fbcf8c;
}

.mbsc-material .mbsc-note-info {
  color: #235b64;
  background-color: #94d0d9;
}

.mbsc-material .mbsc-note-light {
  color: #666666;
  background-color: white;
}

.mbsc-material .mbsc-note-dark {
  color: black;
  background-color: #797c7e;
}

.mbsc-material .mbsc-ripple {
  background: #000;
}

.mbsc-material .mbsc-empty {
  color: #303030;
}

.mbsc-material.mbsc-page {
  background-color: #fff;
  color: #424242;
}

.mbsc-material a {
  color: #1a73e8;
}

.mbsc-material {
  /* Textbox */
  /* Textbox, textarea, select */
  /* Input */
  /* Textarea */
  /* Select */
  /* Inline select */
  /* LTR left icon */
  /* LTR right icon */
  /* RTL left icon */
  /* RTL right icon */
  /* Inline labels */
  /* Floating labels */
  /* Box Input */
  /* Outline Input */
}

.mbsc-material.mbsc-input input, .mbsc-material.mbsc-input textarea, .mbsc-material.mbsc-input .mbsc-color-input {
  height: 2.125em;
  padding: 0 0 1px 0;
  background-color: transparent;
  font-size: 1em;
  transition: border-color 0.2s;
}

.mbsc-material.mbsc-input .mbsc-control:disabled ~ input, .mbsc-material.mbsc-input textarea:disabled, .mbsc-material.mbsc-input input:disabled, .mbsc-material.mbsc-input input:disabled ~ .mbsc-color-input {
  border-style: dotted;
  opacity: 0.5;
}

.mbsc-material.mbsc-input input:focus, .mbsc-material.mbsc-input textarea:focus, .mbsc-material.mbsc-input select:focus ~ input, .mbsc-material.mbsc-input .mbsc-color-input:focus {
  padding-bottom: 0;
}

.mbsc-material.mbsc-input {
  margin: 1.5em 1em;
}

.mbsc-material.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.875em;
}

.mbsc-material.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.9375em;
}

.mbsc-material.mbsc-input.mbsc-err input:focus, .mbsc-material.mbsc-input.mbsc-err textarea:focus {
  padding-bottom: 0;
  border-width: 2px;
}

.mbsc-material .mbsc-input-ic {
  top: 0.0625em;
  margin: -2px 0 0 0;
}

.mbsc-material.mbsc-input textarea {
  padding-top: 0.25em;
}

.mbsc-material.mbsc-select .mbsc-input-wrap:after {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: 0.875em;
}

.mbsc-material.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after {
  top: 1.75em;
}

.mbsc-material.mbsc-ltr.mbsc-select input {
  padding-right: 1em;
}

.mbsc-material.mbsc-ltr.mbsc-select.mbsc-ic-right input {
  padding-right: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-select .mbsc-input-wrap:after {
  left: auto;
  right: 0;
}

.mbsc-material.mbsc-ltr.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  right: 2em;
}

.mbsc-material.mbsc-rtl.mbsc-select input {
  padding-left: 1em;
}

.mbsc-material.mbsc-rtl.mbsc-select.mbsc-ic-right input {
  padding-left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-select .mbsc-input-wrap:after {
  right: auto;
  left: 0;
}

.mbsc-material.mbsc-rtl.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  left: 2em;
}

.mbsc-material .mbsc-select-inline .mbsc-input-wrap:after {
  display: none;
}

.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-left input,
.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-left textarea {
  padding-left: 1.625em;
}

.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-left-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-label,
.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-err-msg {
  left: 2.166667em;
}

.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-right input,
.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-right textarea {
  padding-right: 1.625em;
}

.mbsc-material.mbsc-ltr.mbsc-input.mbsc-ic-right .mbsc-right-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-left input,
.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-left textarea {
  padding-right: 1.625em;
}

.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-label,
.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-err-msg {
  right: 2.166667em;
}

.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-right input,
.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-right textarea {
  padding-left: 1.625em;
}

.mbsc-material.mbsc-rtl.mbsc-input.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-material.mbsc-input .mbsc-label {
  position: absolute;
  top: 0;
  font-size: 0.75em;
}

.mbsc-material.mbsc-label-inline.mbsc-input.mbsc-control-w {
  padding: 0;
}

.mbsc-material.mbsc-label-inline.mbsc-input .mbsc-label {
  line-height: 2em;
}

.mbsc-material.mbsc-label-inline.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-material.mbsc-label-inline.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.0625em;
}

.mbsc-material.mbsc-label-inline.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after {
  top: 1em;
}

.mbsc-material.mbsc-label-floating.mbsc-input .mbsc-label {
  font-size: 1em;
  line-height: 2em;
  top: 0.875em;
}

.mbsc-material.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-1.125em) scale(0.75);
}

.mbsc-material.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 1.625em;
}

.mbsc-material.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 1.625em;
}

.mbsc-material.mbsc-input-box {
  /* Inline labels */
  /* Floating labels */
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  border-radius: 4px 4px 0 0;
}

.mbsc-material.mbsc-input-box.mbsc-input input, .mbsc-material.mbsc-input-box.mbsc-input .mbsc-color-input {
  height: 2.25em;
  padding: 0.0625em 1em;
  border-radius: 4px 4px 0 0;
}

.mbsc-material.mbsc-input-box.mbsc-input input:focus, .mbsc-material.mbsc-input-box.mbsc-input textarea:focus, .mbsc-material.mbsc-input-box.mbsc-input select:focus ~ input, .mbsc-material.mbsc-input-box.mbsc-input .mbsc-color-input:focus {
  padding-bottom: 0;
}

.mbsc-material.mbsc-input-box.mbsc-input textarea {
  padding: 0.375em 1em 0.0625em 1em;
  height: 2.25em;
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-material.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  padding-top: 1.25em;
  height: 3.5em;
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap textarea:focus {
  padding-bottom: 0;
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.875em;
}

.mbsc-material.mbsc-input-box .mbsc-input-ic {
  top: 0.25em;
}

.mbsc-material.mbsc-input-box .mbsc-label {
  top: 0.666667em;
  z-index: 1;
}

.mbsc-material.mbsc-input-box.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 1.625em;
}

.mbsc-material.mbsc-input-box.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap textarea {
  height: 1.866667em;
  padding-top: 0;
}

.mbsc-material.mbsc-input-box.mbsc-select .mbsc-input-wrap:after {
  top: 1em;
}

.mbsc-material.mbsc-input-box.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after {
  top: 1.625em;
}

.mbsc-material.mbsc-input-box.mbsc-label-inline .mbsc-label {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}

.mbsc-material.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-material.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-material.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 2.25em;
  padding-top: 0.0625em;
}

.mbsc-material.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.1875em;
}

.mbsc-material.mbsc-input-box.mbsc-label-inline.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.375em;
}

.mbsc-material.mbsc-input-box.mbsc-label-floating.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-0.625em) scale(0.75);
}

.mbsc-material.mbsc-ltr.mbsc-input-box {
  /* Floating labels */
}

.mbsc-material.mbsc-ltr.mbsc-input-box .mbsc-err-msg {
  left: 1.333334em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box .mbsc-label {
  left: 1.333334em;
  right: auto;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-err-msg {
  left: 4em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-label {
  left: 4em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-left-ic {
  left: 0.5em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-left input,
.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-left textarea {
  padding-left: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-right input,
.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-right textarea {
  padding-right: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-right .mbsc-right-ic {
  right: 0.5em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-ic-right .mbsc-input-wrap:after {
  right: 2em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-select input {
  padding-right: 2em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-select .mbsc-input-wrap:after {
  right: 0.6875em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-select.mbsc-ic-right input {
  padding-right: 4em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  right: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 1em;
}

.mbsc-material.mbsc-ltr.mbsc-input-box.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box {
  /* Floating labels */
}

.mbsc-material.mbsc-rtl.mbsc-input-box .mbsc-err-msg {
  right: 1.333334em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box .mbsc-label {
  right: 1.333334em;
  left: auto;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-err-msg {
  right: 4em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-label {
  right: 4em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-left-ic {
  right: 0.5em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-left input,
.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-left textarea {
  padding-right: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-right input,
.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-right textarea {
  padding-left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-right .mbsc-right-ic {
  left: 0.5em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-ic-right .mbsc-input-wrap:after {
  left: 2em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-select input {
  padding-left: 2em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-select .mbsc-input-wrap:after {
  left: 0.6875em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-select.mbsc-ic-right input {
  padding-left: 4em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 1em;
}

.mbsc-material.mbsc-rtl.mbsc-input-box.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 3em;
}

.mbsc-material.mbsc-input-outline {
  /* Inline labels */
  /* Floating labels */
}

.mbsc-material.mbsc-input-outline.mbsc-input input, .mbsc-material.mbsc-input-outline.mbsc-input textarea, .mbsc-material.mbsc-input-outline.mbsc-input .mbsc-color-input {
  border-radius: 4px;
}

.mbsc-material.mbsc-input-outline.mbsc-input input, .mbsc-material.mbsc-input-outline.mbsc-input .mbsc-color-input {
  height: 3.375em;
  padding: 0.0625em 1em;
}

.mbsc-material.mbsc-input-outline.mbsc-input textarea {
  height: 3.375em;
  padding: 0.875em 1em 0.4375em 1em;
}

.mbsc-material.mbsc-input-outline.mbsc-input .mbsc-label {
  top: -0.166667em;
  z-index: 1;
  padding: 0 0.333334em;
}

.mbsc-material.mbsc-input-outline .mbsc-input-ic {
  top: 0.8125em;
}

.mbsc-material.mbsc-input-outline.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.25em;
}

.mbsc-material.mbsc-input-outline.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 1.0625em;
}

.mbsc-material.mbsc-input-outline.mbsc-input input:focus, .mbsc-material.mbsc-input-outline.mbsc-input select:focus ~ input {
  padding: 0 0.9375em;
}

.mbsc-material.mbsc-input-outline.mbsc-err input {
  padding-top: 0;
  padding-bottom: 0;
}

.mbsc-material.mbsc-input-outline.mbsc-err input:focus {
  padding: 0 0.9375em;
}

.mbsc-material.mbsc-input-outline.mbsc-input textarea:focus {
  padding: 0.8125em 0.9375em 0.375em 0.9375em;
}

.mbsc-material.mbsc-input-outline.mbsc-err textarea:focus {
  padding: 0.875em 0.9375em 0 0.9375em;
}

.mbsc-material.mbsc-input-outline.mbsc-select .mbsc-input-wrap:after {
  top: 1.5em;
}

.mbsc-material.mbsc-input-outline.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after {
  top: 1.75em;
}

.mbsc-material.mbsc-input-outline.mbsc-label-inline .mbsc-label {
  line-height: 3.375em;
}

.mbsc-material.mbsc-input-outline.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-material.mbsc-input-outline.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.8125em;
}

.mbsc-material.mbsc-input-outline.mbsc-label-inline.mbsc-select .mbsc-label ~ .mbsc-input-wrap:after {
  top: 1.5em;
}

.mbsc-material.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  top: 0.9375em;
  padding: 0 0.25em;
}

.mbsc-material.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-1.375em) scale(0.75);
}

.mbsc-material.mbsc-ltr.mbsc-input-outline {
  /* Floating labels */
}

.mbsc-material.mbsc-ltr.mbsc-input-outline .mbsc-err-msg {
  left: 1.416667em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline .mbsc-label {
  left: 1.083334em;
  right: auto;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-err-msg {
  left: 4.083334em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-label {
  left: 3.75em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-left-ic {
  left: 0.5em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left input,
.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left textarea {
  padding-left: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left input:focus,
.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left textarea:focus, .mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-left.mbsc-err textarea {
  padding-left: 2.9375em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-right input,
.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-right textarea {
  padding-right: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-right input:focus,
.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-right textarea:focus {
  padding-right: 2.9375em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-ic-right .mbsc-right-ic {
  right: 0.5em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select input {
  padding-right: 2em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select select:focus ~ input {
  padding-right: 1.9375em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select .mbsc-input-wrap:after {
  right: 0.6875em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-right input {
  padding-right: 4em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-right select:focus ~ input {
  padding-right: 3.9375em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  right: 3em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-left select:focus ~ input {
  padding-left: 2.9375em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 0.875em;
}

.mbsc-material.mbsc-ltr.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 2.875em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline {
  /* Floating labels */
}

.mbsc-material.mbsc-rtl.mbsc-input-outline .mbsc-err-msg {
  right: 1.416667em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline .mbsc-label {
  right: 1.083334em;
  left: auto;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-err-msg {
  right: 4.083334em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-label {
  right: 3.75em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-left-ic {
  right: 0.5em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left input,
.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left textarea {
  padding-right: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left input:focus,
.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left textarea:focus, .mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-left.mbsc-err textarea {
  padding-right: 2.9375em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-right input,
.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-right textarea {
  padding-left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-right input:focus,
.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-right textarea:focus {
  padding-left: 2.9375em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-ic-right .mbsc-right-ic {
  left: 0.5em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select input {
  padding-left: 2em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select select:focus ~ input {
  padding-left: 1.9375em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select .mbsc-input-wrap:after {
  left: 0.6875em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-right input {
  padding-left: 4em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-right select:focus ~ input {
  padding-left: 3.9375em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-right .mbsc-input-wrap:after {
  left: 3em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-left select:focus ~ input {
  padding-right: 2.9375em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 0.875em;
}

.mbsc-material.mbsc-rtl.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 2.875em;
}

.mbsc-material {
  /* Textbox */
  /* Textbox, textarea, select */
  /* Input */
  /* Select */
  /* Box Input color */
  /* Outline Input */
}

.mbsc-material.mbsc-input .mbsc-control {
  border-bottom: 1px solid #424242;
  color: black;
}

.mbsc-material.mbsc-input .mbsc-control:focus, .mbsc-material.mbsc-input select:focus ~ input {
  border-bottom: 2px solid #1a73e8;
}

.mbsc-material.mbsc-input.mbsc-err input, .mbsc-material.mbsc-input.mbsc-err textarea {
  border-bottom: 1px solid #de3226;
}

.mbsc-material.mbsc-select .mbsc-input-wrap:after {
  border: 5px solid #424242;
  border-color: #424242 transparent transparent transparent;
}

.mbsc-material.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  background: #ededed;
}

.mbsc-material.mbsc-input-outline.mbsc-input .mbsc-control {
  border: 1px solid #424242;
}

.mbsc-material.mbsc-input-outline.mbsc-input .mbsc-label {
  background: #fff;
}

.mbsc-material.mbsc-input-outline.mbsc-label-inline.mbsc-input .mbsc-label, .mbsc-material.mbsc-input-outline.mbsc-label-floating:not(.mbsc-label-floating-active).mbsc-input .mbsc-label {
  background: none;
}

.mbsc-material.mbsc-input-outline.mbsc-input input:focus, .mbsc-material.mbsc-input-outline.mbsc-input select:focus ~ input {
  border: 2px solid #1a73e8;
}

.mbsc-material.mbsc-input-outline.mbsc-err input {
  border: 1px solid #de3226;
}

.mbsc-material.mbsc-input-outline.mbsc-err input:focus {
  border: 2px solid #de3226;
}

.mbsc-material.mbsc-input-outline.mbsc-input textarea:focus {
  border: 2px solid #1a73e8;
}

.mbsc-material.mbsc-input-outline.mbsc-err textarea {
  border: 1px solid #de3226;
}

.mbsc-material.mbsc-input-outline.mbsc-err textarea:focus {
  border: 2px solid #de3226;
}

.mbsc-material {
  /* Inline labels */
  /* Progress color presets */
}

.mbsc-material.mbsc-progress {
  padding: 0.75em 1em;
}

.mbsc-material.mbsc-progress .mbsc-input-wrap {
  padding: 0;
}

.mbsc-material.mbsc-progress .mbsc-input-ic {
  top: 0.3125em;
  margin: 0;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.25em;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.25em;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-material.mbsc-progress .mbsc-label {
  font-size: 0.75em;
}

.mbsc-material .mbsc-progress-cont {
  padding: 1.25em 0;
}

.mbsc-material .mbsc-progress-track {
  height: 0.125em;
}

.mbsc-material .mbsc-progress-value {
  font-size: 0.75em;
  width: 4em;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 3.25em;
}

.mbsc-material.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 3.25em;
}

.mbsc-material.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 5.5em;
}

.mbsc-material.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, .mbsc-material.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 5.5em;
}

.mbsc-material.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, .mbsc-material.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value {
  left: 2.25em;
  right: auto;
}

.mbsc-material.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, .mbsc-material.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value {
  left: auto;
  right: 2.25em;
}

.mbsc-material .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label {
  line-height: 2.625em;
}

.mbsc-material .mbsc-progress-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-material .mbsc-progress-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-material .mbsc-progress-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-material .mbsc-progress-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-material .mbsc-progress-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-material .mbsc-progress-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-material .mbsc-progress-track {
  background: #c4c4c4;
}

.mbsc-material .mbsc-progress-bar {
  background: #1a73e8;
}

.mbsc-material {
  /* color presets */
}

.mbsc-material.mbsc-slider .mbsc-input-wrap {
  padding: 0 0.5em;
}

.mbsc-material .mbsc-slider-handle {
  top: 50%;
  width: 0.75em;
  height: 0.75em;
  margin: -0.5em -0.5em 0 0;
  border-radius: 1.125em;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}

.mbsc-material .mbsc-slider-handle:focus,
.mbsc-material .mbsc-active .mbsc-slider-handle {
  transform: scale(1.4);
}

.mbsc-material .mbsc-slider-handle:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.625em;
  left: -0.625em;
  width: 2em;
  height: 2em;
  opacity: 0;
  border-radius: 2.875em;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-material .mbsc-active .mbsc-slider-handle:before {
  opacity: 1;
}

.mbsc-material .mbsc-slider-tooltip {
  margin-right: -1.16665em;
  top: -2.5em;
  width: 2.33333333em;
  height: 2.33333333em;
  border-radius: 2.33333333em;
  line-height: 2.33333333em;
  text-align: center;
  font-size: 0.75em;
  transform: scale(0.4) translate3d(0, 6em, 0);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.mbsc-material .mbsc-slider-tooltip:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.8333em solid transparent;
  border-right: 0.8333em solid transparent;
  bottom: -0.66666em;
  left: 0.3333em;
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-tooltip {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-material.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
  transform: scale(0);
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
  transform: scale(0.7);
}

.mbsc-material.mbsc-slider-primary .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-primary .mbsc-slider-handle {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-material.mbsc-slider-primary .mbsc-slider-tooltip:before {
  border-top-color: #3f97f6;
}

.mbsc-material.mbsc-slider-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-material.mbsc-slider-secondary .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-secondary .mbsc-slider-handle {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-material.mbsc-slider-secondary .mbsc-slider-tooltip:before {
  border-top-color: #90979E;
}

.mbsc-material.mbsc-slider-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-material.mbsc-slider-success .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-success .mbsc-slider-handle {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-material.mbsc-slider-success .mbsc-slider-tooltip:before {
  border-top-color: #43BE5F;
}

.mbsc-material.mbsc-slider-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-material.mbsc-slider-danger .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-danger .mbsc-slider-handle {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-material.mbsc-slider-danger .mbsc-slider-tooltip:before {
  border-top-color: #f5504e;
}

.mbsc-material.mbsc-slider-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-material.mbsc-slider-warning .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-warning .mbsc-slider-handle {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-material.mbsc-slider-warning .mbsc-slider-tooltip:before {
  border-top-color: #f8b042;
}

.mbsc-material.mbsc-slider-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-material.mbsc-slider-info .mbsc-slider-tooltip,
.mbsc-material.mbsc-slider-info .mbsc-slider-handle {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-slider-info .mbsc-slider-tooltip:before {
  border-top-color: #5BB7C5;
}

.mbsc-material.mbsc-slider-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-material .mbsc-slider-step {
  background: #000;
}

.mbsc-material .mbsc-slider-handle {
  border: 2px solid #1a73e8;
  background: #1a73e8;
}

.mbsc-material .mbsc-slider-handle:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-slider-start .mbsc-slider-handle {
  border-color: #c4c4c4;
  background: #fff;
}

.mbsc-material .mbsc-slider-tooltip {
  color: #fff;
  background-color: #1a73e8;
}

.mbsc-material .mbsc-slider-tooltip:before {
  border-top: 1em solid #1a73e8;
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip, .mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
  background: #c4c4c4;
}

.mbsc-material.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
  border-top-color: #c4c4c4;
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
  background: #c4c4c4;
  border-color: #c4c4c4;
  box-shadow: 0 0 0 0.3125em #fff;
}

.mbsc-material.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
  border-color: #c4c4c4;
  background: #fff;
}

.mbsc-material.mbsc-rating .mbsc-slider-handle:before {
  display: none;
}

.mbsc-material.mbsc-rating .mbsc-label {
  padding-bottom: 0.5em;
}

.mbsc-material.mbsc-rating input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-material.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
  color: #3f97f6;
}

.mbsc-material.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
  color: #90979E;
}

.mbsc-material.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
  color: #43BE5F;
}

.mbsc-material.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
  color: #f5504e;
}

.mbsc-material.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
  color: #f8b042;
}

.mbsc-material.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
  color: #5BB7C5;
}

.mbsc-material.mbsc-rating .mbsc-progress-track {
  color: #1a73e8;
}

.mbsc-material {
  /* Snackbar and Toast color presets */
}

.mbsc-material.mbsc-toast .mbsc-toast-msg {
  opacity: 0.9;
  border-radius: 1.571429em;
}

.mbsc-material.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-primary .mbsc-toast-msg {
  background: #3f97f6;
}

.mbsc-material.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
  background: #90979E;
}

.mbsc-material.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-success .mbsc-toast-msg {
  background: #43BE5F;
}

.mbsc-material.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-danger .mbsc-toast-msg {
  background: #f5504e;
}

.mbsc-material.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-warning .mbsc-toast-msg {
  background: #f8b042;
}

.mbsc-material.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-info .mbsc-toast-msg {
  background: #5BB7C5;
}

.mbsc-material {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-material.mbsc-snackbar .mbsc-fr-w {
  background: #323232;
  color: #fff;
}

.mbsc-material.mbsc-snackbar .mbsc-snackbar-btn {
  color: hsl(214.0776699029deg, 81.746031746%, 50.5882352941%);
}

.mbsc-material.mbsc-toast .mbsc-toast-msg {
  background: #505050;
  color: #fff;
}

.mbsc-material.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-material.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-material.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-material.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-material.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-material.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-material.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, .mbsc-material.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #eee;
}

.mbsc-material {
  /* Form grid */
  /* Checkbox, switch, radio */
  /* Checkbox, radio */
  /* Checkbox */
  /* Checkbox color presets */
  /* Radio */
  /* Radio color presets */
  /* Button */
  /* Button color presets */
  /* Outline buttons */
  /* Outline buttons */
  /* button hover style */
  /* Switch */
  /* Switch color presets */
  /* Segmented control and Stepper */
  /* Segmented color presets */
  /* Segmented color presets */
  /* Segmented color presets */
}

.mbsc-material .mbsc-desc {
  opacity: 0.7;
}

.mbsc-material .mbsc-divider,
.mbsc-material .mbsc-form-group-title {
  padding: 0.5em 1em;
}

.mbsc-material .mbsc-err-msg {
  position: absolute;
  padding-top: 0.333334em;
  font-size: 0.75em;
}

.mbsc-material.mbsc-ltr .mbsc-err-msg {
  left: 0;
}

.mbsc-material.mbsc-rtl .mbsc-err-msg {
  right: 0;
}

.mbsc-material .mbsc-form-grid {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.mbsc-material .mbsc-form-grid .mbsc-input-box,
.mbsc-material .mbsc-form-grid .mbsc-input-outline {
  margin: 0.75em 1em;
}

.mbsc-material.mbsc-checkbox .mbsc-err-msg, .mbsc-material.mbsc-switch .mbsc-err-msg, .mbsc-material.mbsc-radio .mbsc-err-msg {
  padding-top: 0;
}

.mbsc-material.mbsc-ltr.mbsc-checkbox .mbsc-err-msg, .mbsc-material.mbsc-ltr.mbsc-switch .mbsc-err-msg, .mbsc-material.mbsc-ltr.mbsc-radio .mbsc-err-msg {
  left: 1.3333em;
}

.mbsc-material.mbsc-rtl.mbsc-checkbox .mbsc-err-msg, .mbsc-material.mbsc-rtl.mbsc-switch .mbsc-err-msg, .mbsc-material.mbsc-rtl.mbsc-radio .mbsc-err-msg {
  right: 1.3333em;
}

.mbsc-material.mbsc-ltr.mbsc-checkbox, .mbsc-material.mbsc-ltr.mbsc-radio {
  padding: 0.9375em 3.5em 0.9375em 1em;
  line-height: 1.25em;
}

.mbsc-material.mbsc-rtl.mbsc-checkbox, .mbsc-material.mbsc-rtl.mbsc-radio {
  padding: 0.9375em 1em 0.9375em 3.5em;
}

.mbsc-material .mbsc-checkbox-box,
.mbsc-material .mbsc-radio-box {
  right: 1.25em;
  width: 1.125em;
  height: 1.125em;
  margin-top: -0.5625em;
  background: transparent;
  transition: background-color 0.1s ease-out;
}

.mbsc-material.mbsc-rtl .mbsc-checkbox-box, .mbsc-material.mbsc-rtl .mbsc-radio-box {
  right: auto;
  left: 1.25em;
}

.mbsc-material .mbsc-checkbox-box:after,
.mbsc-material .mbsc-radio-box:after {
  opacity: 1;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}

.mbsc-material.mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-material.mbsc-radio input:checked + .mbsc-radio-box:after {
  transform: scale(1) rotate(-45deg);
}

.mbsc-material .mbsc-checkbox-box:before,
.mbsc-material .mbsc-radio-box:before {
  content: "";
  position: absolute;
  top: -1em;
  left: -1em;
  z-index: -1;
  width: 2.875em;
  height: 2.875em;
  opacity: 0;
  border-radius: 2.875em;
  transition: opacity 0.2s ease-in-out;
}

.mbsc-material.mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-material.mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-material.mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-material.mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-material.mbsc-radio input:disabled ~ .mbsc-label, .mbsc-material.mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-material.mbsc-switch input:disabled ~ .mbsc-label, .mbsc-material.mbsc-switch input:disabled ~ .mbsc-desc {
  opacity: 0.3;
}

.mbsc-material.mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box:before, .mbsc-material.mbsc-radio input.mbsc-active + .mbsc-radio-box:before, .mbsc-material.mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle:before {
  opacity: 1;
}

.mbsc-material .mbsc-checkbox-box {
  border-radius: 0.1875em;
}

.mbsc-material .mbsc-checkbox-box:after {
  top: 0.125em;
  left: 0.0625em;
  width: 0.8125em;
  height: 0.4375em;
}

.mbsc-material.mbsc-checkbox-primary.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-material.mbsc-checkbox-secondary.mbsc-checkbox input:checked .mbsc-checkbox-box {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-material.mbsc-checkbox-success.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-material.mbsc-checkbox-danger.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-material.mbsc-checkbox-warning.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-material.mbsc-checkbox-info.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-material .mbsc-radio-box:after {
  width: 0.625em;
  height: 0.625em;
  margin-top: -0.3125em;
  margin-left: -0.3125em;
  border-radius: 0.625em;
}

.mbsc-material.mbsc-radio-primary.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #3f97f6;
}

.mbsc-material.mbsc-radio-primary.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #3f97f6;
}

.mbsc-material.mbsc-radio-secondary.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #90979E;
}

.mbsc-material.mbsc-radio-secondary.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #90979E;
}

.mbsc-material.mbsc-radio-success.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #43BE5F;
}

.mbsc-material.mbsc-radio-success.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #43BE5F;
}

.mbsc-material.mbsc-radio-danger.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #f5504e;
}

.mbsc-material.mbsc-radio-danger.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #f5504e;
}

.mbsc-material.mbsc-radio-warning.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #f8b042;
}

.mbsc-material.mbsc-radio-warning.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #f8b042;
}

.mbsc-material.mbsc-radio-info.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-radio-info.mbsc-radio input:checked + .mbsc-radio-box:after {
  background: #5BB7C5;
}

.mbsc-material.mbsc-btn {
  margin: 0.5em;
  padding: 0.7143em;
  border-radius: 0.2143em;
  font-size: 0.875em;
  font-weight: bold;
  text-transform: uppercase;
  transition: box-shadow 0.2s ease-out, background-color 0.2s ease-out;
}

.mbsc-material .mbsc-btn-ic {
  padding: 0 0.5em 0 0;
}

.mbsc-material .mbsc-btn-icon-only .mbsc-btn-ic {
  padding: 0 0.5em;
}

.mbsc-material .mbsc-btn-group,
.mbsc-material .mbsc-btn-group-justified {
  margin: 0.5em;
}

.mbsc-material .mbsc-btn-group-block {
  margin: 0.5em 1em;
}

.mbsc-material.mbsc-btn:disabled {
  box-shadow: none;
}

.mbsc-material.mbsc-btn-primary.mbsc-btn {
  background: #3f97f6;
  color: #fff;
}

.mbsc-material.mbsc-btn-primary.mbsc-btn.mbsc-active {
  background: #0e7df4;
}

.mbsc-material.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
  color: #3f97f6;
}

.mbsc-material.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-material.mbsc-btn-secondary.mbsc-btn {
  background: #90979E;
  color: #fff;
}

.mbsc-material.mbsc-btn-secondary.mbsc-btn.mbsc-active {
  background: #757e86;
}

.mbsc-material.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
  color: #90979E;
}

.mbsc-material.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-material.mbsc-btn-success.mbsc-btn {
  background: #43BE5F;
  color: #fff;
}

.mbsc-material.mbsc-btn-success.mbsc-btn.mbsc-active {
  background: #35994c;
}

.mbsc-material.mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
  color: #43BE5F;
}

.mbsc-material.mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-material.mbsc-btn-danger.mbsc-btn {
  background: #f5504e;
  color: #fff;
}

.mbsc-material.mbsc-btn-danger.mbsc-btn.mbsc-active {
  background: #f2201e;
}

.mbsc-material.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
  color: #f5504e;
}

.mbsc-material.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-material.mbsc-btn-warning.mbsc-btn {
  background: #f8b042;
  color: #fff;
}

.mbsc-material.mbsc-btn-warning.mbsc-btn.mbsc-active {
  background: #f69b11;
}

.mbsc-material.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
  color: #f8b042;
}

.mbsc-material.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-material.mbsc-btn-info.mbsc-btn {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-material.mbsc-btn-info.mbsc-btn.mbsc-active {
  background: #3ea0af;
}

.mbsc-material.mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
  color: #5BB7C5;
}

.mbsc-material.mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-material.mbsc-btn-light.mbsc-btn {
  background: #fff;
}

.mbsc-material.mbsc-btn-light.mbsc-btn.mbsc-active {
  background: #e6e6e6;
}

.mbsc-material.mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
  color: #bfbfbf;
}

.mbsc-material.mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(255, 255, 255, 0.25);
}

.mbsc-material.mbsc-btn-dark.mbsc-btn {
  background: #47494A;
}

.mbsc-material.mbsc-btn-dark.mbsc-btn.mbsc-active {
  background: #2e2f30;
}

.mbsc-material.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
  color: #47494A;
}

.mbsc-material.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-material.mbsc-btn-outline.mbsc-btn {
  box-shadow: none;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
  background: #3f97f6;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
  background: #90979E;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
  background: #43BE5F;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
  background: #f5504e;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
  background: #f8b042;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
  border-color: #bfbfbf;
  color: #bfbfbf;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
  background: #bfbfbf;
  color: #bfbfbf;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
  background: #47494A;
  color: #fff;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-outline.mbsc-btn:not(:disabled):hover {
  box-shadow: none;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-primary.mbsc-btn:not(:disabled):hover {
  background: #0e7df4;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-primary.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #b9d9fc;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-secondary.mbsc-btn:not(:disabled):hover {
  background: #757e86;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-secondary.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #d4d7d9;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-success.mbsc-btn:not(:disabled):hover {
  background: #35994c;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-success.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #a2dfb0;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-danger.mbsc-btn:not(:disabled):hover {
  background: #f2201e;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-danger.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #fcc7c7;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-warning.mbsc-btn:not(:disabled):hover {
  background: #f69b11;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-warning.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #fde3bd;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-info.mbsc-btn:not(:disabled):hover {
  background: #3ea0af;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-info.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #b9e0e6;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-light.mbsc-btn:not(:disabled):hover {
  background: #e6e6e6;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-light.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: white;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-dark.mbsc-btn.mbsc-btn:not(:disabled):hover {
  background: #2e2f30;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-dark.mbsc-btn.mbsc-btn:not(:disabled):hover.mbsc-btn-flat {
  background: #86898b;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-outline.mbsc-btn:not(:disabled):not(.mbsc-active):hover {
  background: transparent;
}

.mbsc-material.mbsc-active.mbsc-control {
  opacity: 1;
}

.mbsc-material.mbsc-ltr.mbsc-switch {
  padding: 0.9375em 4em 0.9375em 1em;
  line-height: 1.25em;
}

.mbsc-material.mbsc-rtl.mbsc-switch {
  padding: 0.9375em 1em 0.9375em 4em;
}

.mbsc-material .mbsc-switch-track {
  right: 1.25em;
  width: 1.75em;
  height: 0.875em;
  padding: 0 0.25em;
  margin-top: -0.4375em;
  border-radius: 1.25em;
}

.mbsc-material.mbsc-rtl .mbsc-switch-track {
  right: auto;
  left: 1.25em;
}

.mbsc-material.mbsc-switch .mbsc-switch-handle {
  z-index: auto;
  top: 0.375em;
  left: 0.375em;
  width: 1.25em;
  height: 1.25em;
  margin: 0;
  border: 0;
  border-radius: 1.25em;
}

.mbsc-material.mbsc-rtl.mbsc-switch .mbsc-switch-handle {
  left: auto;
  right: 0.375em;
}

.mbsc-material .mbsc-switch-handle:before {
  top: -0.625em;
  left: -0.625em;
  width: 2.5em;
  height: 2.5em;
}

.mbsc-material .mbsc-switch-handle,
.mbsc-material .mbsc-active .mbsc-switch-handle {
  transform: none;
}

.mbsc-material.mbsc-switch.mbsc-switch-primary input:checked + .mbsc-switch-track {
  background: #a0ccfb;
}

.mbsc-material.mbsc-switch.mbsc-switch-primary input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #3f97f6;
}

.mbsc-material.mbsc-switch.mbsc-switch-secondary input:checked + .mbsc-switch-track {
  background: #c6cace;
}

.mbsc-material.mbsc-switch.mbsc-switch-secondary input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #90979E;
}

.mbsc-material.mbsc-switch.mbsc-switch-success input:checked + .mbsc-switch-track {
  background: #8fd8a0;
}

.mbsc-material.mbsc-switch.mbsc-switch-success input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #43BE5F;
}

.mbsc-material.mbsc-switch.mbsc-switch-danger input:checked + .mbsc-switch-track {
  background: #faafaf;
}

.mbsc-material.mbsc-switch.mbsc-switch-danger input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #f5504e;
}

.mbsc-material.mbsc-switch.mbsc-switch-warning input:checked + .mbsc-switch-track {
  background: #fcd9a4;
}

.mbsc-material.mbsc-switch.mbsc-switch-warning input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #f8b042;
}

.mbsc-material.mbsc-switch.mbsc-switch-info input:checked + .mbsc-switch-track {
  background: #a6d8e0;
}

.mbsc-material.mbsc-switch.mbsc-switch-info input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #5BB7C5;
}

.mbsc-material.mbsc-segmented {
  padding: 0.75em;
}

.mbsc-material .mbsc-segmented-content {
  height: 2.2857145em;
  margin: 0 -0.07142857em;
  line-height: 2.2857145em;
  padding: 0 0.428571em;
  -webkit-backface-visibility: hidden;
  /* fix android 4.1 flickering */
}

.mbsc-material.mbsc-ltr .mbsc-segmented-item:first-child .mbsc-segmented-content, .mbsc-material.mbsc-ltr .mbsc-stepper-minus .mbsc-segmented-content, .mbsc-material.mbsc-rtl .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-material.mbsc-rtl .mbsc-segmented-item:last-child .mbsc-segmented-content {
  border-top-left-radius: 0.214286em;
  border-bottom-left-radius: 0.214286em;
}

.mbsc-material.mbsc-ltr .mbsc-stepper-plus .mbsc-segmented-content, .mbsc-material.mbsc-ltr .mbsc-segmented-item:last-child .mbsc-segmented-content, .mbsc-material.mbsc-rtl .mbsc-segmented-item:first-child .mbsc-segmented-content, .mbsc-material.mbsc-rtl .mbsc-stepper-minus .mbsc-segmented-content {
  border-top-right-radius: 0.214286em;
  border-bottom-right-radius: 0.214286em;
}

.mbsc-material.mbsc-stepper-cont {
  padding: 1.75em 12.875em 1.75em 1em;
}

.mbsc-material.mbsc-rtl.mbsc-stepper-cont {
  padding: 1.75em 1em 1.75em 12.875em;
}

.mbsc-material .mbsc-stepper {
  margin-top: -1.125em;
}

.mbsc-material .mbsc-stepper .mbsc-segmented-content {
  border-left: 0;
  border-right: 0;
}

.mbsc-material .mbsc-stepper-control .mbsc-segmented-content {
  border: 0;
  height: 2.5714285em;
  line-height: 2.5714285em;
}

.mbsc-material .mbsc-segmented-primary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-material .mbsc-segmented-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-material .mbsc-segmented-secondary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-material .mbsc-segmented-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-material .mbsc-segmented-success.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-material .mbsc-segmented-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-material .mbsc-segmented-danger.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-material .mbsc-segmented-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-material .mbsc-segmented-warning.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-material .mbsc-segmented-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-material .mbsc-segmented-info.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-primary .mbsc-segmented-content {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-material.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-material.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-material.mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-material.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-material.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-material.mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  background: #5BB7C5;
  color: #fff;
  border-color: #5BB7C5;
}

.mbsc-material.mbsc-no-touch {
  /* Segmented hover color presets */
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.7);
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.7);
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-success.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.7);
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.7);
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.7);
}

.mbsc-material.mbsc-no-touch.mbsc-stepper-info.mbsc-stepper-cont .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.7);
}

.mbsc-material {
  /* Checkbox, radio */
  /* Checkbox */
  /* Radio */
  /* Button */
  /* Flat buttons */
  /* Outline buttons */
  /* Switch */
  /* Segmented control and Stepper */
  /* Segmented color presets */
}

.mbsc-material.mbsc-form {
  background-color: #fff;
  color: #424242;
}

.mbsc-material.mbsc-control-w {
  color: #424242;
}

.mbsc-material.mbsc-form *::-moz-selection, .mbsc-material.mbsc-control-w *::-moz-selection {
  color: #fff;
  background: #1a73e8;
}

.mbsc-material.mbsc-form *::-moz-selection, .mbsc-material.mbsc-control-w *::-moz-selection, .mbsc-material.mbsc-form *::selection, .mbsc-material.mbsc-control-w *::selection {
  color: #fff;
  background: #1a73e8;
}

.mbsc-material .mbsc-divider,
.mbsc-material .mbsc-form-group-title {
  color: #1a73e8;
}

.mbsc-material .mbsc-err-msg,
.mbsc-material .mbsc-err .mbsc-label {
  color: #de3226;
}

.mbsc-material .mbsc-checkbox-box,
.mbsc-material .mbsc-radio-box {
  border: 0.125em solid #424242;
}

.mbsc-material .mbsc-checkbox-box:before,
.mbsc-material .mbsc-radio-box:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-checkbox-box:after {
  border: 0.125em solid white;
  border-top: 0;
  border-right: 0;
}

.mbsc-material.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #1a73e8;
  border-color: #1a73e8;
}

.mbsc-material .mbsc-radio-box:after {
  background: #1a73e8;
}

.mbsc-material.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #1a73e8;
}

.mbsc-material.mbsc-btn {
  background: #e8e8e8;
  color: black;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.mbsc-material.mbsc-no-touch.mbsc-btn:not(:disabled):hover,
.mbsc-material .mbsc-btn.mbsc-active {
  background: #dedede;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover,
.mbsc-material .mbsc-btn-flat.mbsc-active {
  background-color: #c4c4c4;
}

.mbsc-material.mbsc-btn:disabled {
  color: #7a7a7a;
}

.mbsc-material.mbsc-btn.mbsc-btn-outline:disabled {
  color: #7a7a7a;
  border-color: #7a7a7a;
}

.mbsc-material.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-material.mbsc-btn-dark.mbsc-btn {
  color: #eee;
}

.mbsc-material.mbsc-btn-flat.mbsc-btn {
  background: transparent;
  box-shadow: none;
}

.mbsc-material.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover,
.mbsc-material .mbsc-btn-flat.mbsc-active {
  box-shadow: none;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn {
  background: transparent;
  border: 1px solid #424242;
  color: #424242;
  box-shadow: none;
}

.mbsc-material.mbsc-btn-outline.mbsc-btn.mbsc-active.mbsc-control {
  background: #424242;
  color: #fff;
  opacity: 1;
}

.mbsc-material .mbsc-switch-track {
  background: #c4c4c4;
}

.mbsc-material.mbsc-switch .mbsc-switch-handle {
  background: white;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mbsc-material.mbsc-switch input:checked + .mbsc-switch-track {
  background-color: rgba(26, 115, 232, 0.3);
}

.mbsc-material.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #1a73e8;
}

.mbsc-material.mbsc-switch input:disabled + .mbsc-switch-track {
  background: #e8e8e8;
}

.mbsc-material.mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
  background: #cccccc;
}

.mbsc-material .mbsc-segmented-content {
  border: 0.142858em solid #1a73e8;
  color: black;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, .mbsc-material.mbsc-segmented .mbsc-segmented-item input:checked ~ .mbsc-segmented-content {
  background: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-material.mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content {
  background: #dedede;
  color: black;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #7a7a7a;
  border-color: #c4c4c4;
  background: transparent;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content {
  background: #e8e8e8;
  color: #7a7a7a;
  border-color: #e8e8e8;
}

.mbsc-material .mbsc-stepper .mbsc-segmented-content {
  border-color: #e8e8e8;
}

.mbsc-material .mbsc-stepper-control .mbsc-segmented-content {
  background: #e8e8e8;
}

.mbsc-material.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-material.mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content {
  background: #e8e8e8;
  color: #7a7a7a;
}

.mbsc-material.mbsc-segmented .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
  background: #fff;
}

.mbsc-material .mbsc-stepper input {
  color: #303030;
}

.mbsc-material .mbsc-stepper input:disabled {
  color: #7a7a7a;
  -webkit-text-fill-color: #7a7a7a;
}

.mbsc-material.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: #dedede;
  color: black;
}

.mbsc-material.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #fff;
}

.mbsc-material.mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material.mbsc-card.mbsc-form {
  margin: 0.625em;
  border-radius: 2px;
}

.mbsc-material .mbsc-card-footer .mbsc-btn {
  margin-top: -0.7143em;
  margin-bottom: -0.7143em;
}

.mbsc-material .mbsc-card-list .mbsc-card {
  margin: 0.625em;
}

.mbsc-material.mbsc-card.mbsc-form {
  background: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #424242;
}

.mbsc-material .mbsc-card-subtitle {
  color: rgba(66, 66, 66, 0.6);
}

.mbsc-material.mbsc-card .mbsc-control-w {
  color: #424242;
}

.mbsc-material.mbsc-card .mbsc-lv-item,
.mbsc-material .mbsc-card-list .mbsc-card {
  background: white;
  color: #424242;
}

.mbsc-material .mbsc-card-footer {
  border-color: #969696;
}

.mbsc-material.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
  background: white;
}

.mbsc-mobiscroll .mbsc-collapsible .mbsc-form-group-title {
  padding: 1em;
}

.mbsc-mobiscroll .mbsc-collapsible .mbsc-collapsible-header {
  padding-right: 3em;
}

.mbsc-mobiscroll {
  /* Note */
}

.mbsc-mobiscroll .mbsc-note {
  border-radius: 0.1875em;
}

.mbsc-mobiscroll .mbsc-note,
.mbsc-mobiscroll .mbsc-note-primary {
  color: #074b95;
  background-color: #a0ccfb;
}

.mbsc-mobiscroll .mbsc-note-secondary {
  color: #454b50;
  background-color: #c6cace;
}

.mbsc-mobiscroll .mbsc-note-success {
  color: #1b4d26;
  background-color: #8fd8a0;
}

.mbsc-mobiscroll .mbsc-note-danger {
  color: #a10b09;
  background-color: #faafaf;
}

.mbsc-mobiscroll .mbsc-note-warning {
  color: #b46f07;
  background-color: #fcd9a4;
}

.mbsc-mobiscroll .mbsc-note-info {
  color: #235b64;
  background-color: #a6d8e0;
}

.mbsc-mobiscroll .mbsc-note-light {
  color: #4d4d4d;
  background-color: #d9d9d9;
}

.mbsc-mobiscroll .mbsc-note-dark {
  color: black;
  background-color: #adafb0;
}

.mbsc-mobiscroll .mbsc-empty {
  color: #787878;
}

.mbsc-mobiscroll.mbsc-page {
  background: #ffffff;
  color: #454545;
}

.mbsc-mobiscroll a {
  color: #2b93e6;
}

.mbsc-mobiscroll {
  /* Textbox */
  /* Input */
  /* Textarea */
  /* Select */
  /* Select inline */
  /* LTR left icon */
  /* LTR right icon */
  /* RTL left icon */
  /* RTL right icon */
  /* Inline labels */
  /* Floating labels */
  /* Box Input */
  /* Outline Input */
}

.mbsc-mobiscroll.mbsc-input input, .mbsc-mobiscroll.mbsc-input textarea, .mbsc-mobiscroll.mbsc-color-input {
  height: 2.125em;
  padding: 0 0 1px 0;
  background: transparent;
  font-size: 1em;
}

.mbsc-mobiscroll.mbsc-input input:disabled, .mbsc-mobiscroll.mbsc-input textarea:disabled, .mbsc-mobiscroll.mbsc-input input:disabled ~ .mbsc-color-input, .mbsc-mobiscroll.mbsc-input .mbsc-control:disabled ~ input, .mbsc-mobiscroll.mbsc-input .mbsc-control:disabled ~ .mbsc-select-ic {
  opacity: 0.4;
}

.mbsc-mobiscroll.mbsc-input {
  margin: 1.5em 1em;
}

.mbsc-mobiscroll.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.875em;
}

.mbsc-mobiscroll.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.9375em;
}

.mbsc-mobiscroll .mbsc-input-ic {
  top: 0.0625em;
  margin: -2px 0 0 0;
}

.mbsc-mobiscroll.mbsc-input textarea {
  padding-top: 0.25em;
}

.mbsc-mobiscroll .mbsc-select-ic {
  position: absolute;
  display: block;
  height: 1.25em;
  width: 1.25em;
  top: 0.5625em;
  text-align: center;
}

.mbsc-mobiscroll.mbsc-ltr .mbsc-select-ic {
  left: auto;
  right: 0.6875em;
}

.mbsc-mobiscroll.mbsc-rtl .mbsc-select-ic {
  right: auto;
  left: 0.6875em;
}

.mbsc-mobiscroll .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.4375em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-select input {
  padding-right: 1.25em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-select.mbsc-ic-right input {
  padding-right: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  left: auto;
  right: 0;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  right: 1.75em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-select input {
  padding-left: 1.25em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-select.mbsc-ic-right input {
  padding-left: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  right: auto;
  left: 0;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  left: 1.75em;
}

.mbsc-mobiscroll .mbsc-select-inline .mbsc-select-ic {
  display: none;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-left textarea {
  padding-left: 1.625em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-left-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-label,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-left .mbsc-err-msg {
  left: 2.166667em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-right textarea {
  padding-right: 1.625em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input.mbsc-ic-right .mbsc-right-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-left textarea {
  padding-right: 1.625em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-label,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-left .mbsc-err-msg {
  right: 2.166667em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-right textarea {
  padding-left: 1.625em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-mobiscroll.mbsc-input .mbsc-label {
  position: absolute;
  top: 0;
  font-size: 0.75em;
}

.mbsc-mobiscroll.mbsc-label-inline.mbsc-input .mbsc-label {
  line-height: 2em;
}

.mbsc-mobiscroll.mbsc-label-inline.mbsc-input .mbsc-label + .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-label-inline.mbsc-input .mbsc-label + .mbsc-input-wrap .mbsc-input-ic {
  top: 0.0625em;
}

.mbsc-mobiscroll.mbsc-label-inline.mbsc-input.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 0.5625em;
}

.mbsc-mobiscroll.mbsc-label-floating.mbsc-input .mbsc-label {
  font-size: 1em;
  line-height: 2em;
  top: 0.875em;
}

.mbsc-mobiscroll.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-1.125em) scale(0.75);
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 1.625em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 1.625em;
}

.mbsc-mobiscroll.mbsc-input-box {
  /* Inline labels */
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  border-radius: 4px 4px 0 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input input, .mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-color-input {
  height: 2.25em;
  padding: 0.0625em 1em;
  border-radius: 4px 4px 0 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input textarea {
  padding: 0.375em 1em 0.0625em 1em;
  height: 2.25em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  padding-top: 1.25em;
  height: 3.5em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap textarea:focus {
  padding-bottom: 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.875em;
}

.mbsc-mobiscroll.mbsc-input-box .mbsc-input-ic {
  top: 0.25em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-label {
  padding: 0.666667em 0;
  z-index: 1;
  line-height: normal;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 1.625em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap textarea {
  height: 1.866667em;
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  top: 0.625em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.375em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline .mbsc-label {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  line-height: 2em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap input,
.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-color-input {
  height: 2.25em;
  padding-top: 0.0625em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.1875em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline.mbsc-textarea .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.375em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-inline.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 0.625em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-floating .mbsc-label {
  top: 0.125em;
  line-height: 2em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-floating.mbsc-label-floating-active .mbsc-label {
  line-height: normal;
  transform: translateY(-0.125em) scale(0.75);
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box {
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box .mbsc-err-msg {
  left: 1.333334em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box .mbsc-label {
  left: 1.333334em;
  right: auto;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-err-msg {
  left: 4em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-label {
  left: 4em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-left .mbsc-left-ic {
  left: 0.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-left textarea {
  padding-left: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-right textarea {
  padding-right: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-right .mbsc-right-ic {
  right: 0.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  right: 2em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-select input {
  padding-right: 2em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  right: 0.6875em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-select.mbsc-ic-right input {
  padding-right: 4em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  right: 2.75em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 1em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-box.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box {
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box .mbsc-err-msg {
  right: 1.333334em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box .mbsc-label {
  right: 1.333334em;
  left: auto;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-err-msg {
  right: 4em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-label {
  right: 4em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-left .mbsc-left-ic {
  right: 0.5em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-left textarea {
  padding-right: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-right textarea {
  padding-left: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-right .mbsc-right-ic {
  left: 0.5em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  left: 2em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-select input {
  padding-left: 2em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  left: 0.6875em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-select.mbsc-ic-right input {
  padding-left: 4em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  left: 2.75em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 1em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-box.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 3em;
}

.mbsc-mobiscroll.mbsc-input-outline {
  /* Inline labels */
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input input, .mbsc-mobiscroll.mbsc-input-outline.mbsc-input textarea, .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-color-input {
  border-radius: 4px;
  height: 3.375em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input input, .mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-color-input {
  padding: 0.0625em 1em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input textarea {
  padding: 0.875em 1em 0.4375em 1em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-label {
  top: -0.166667em;
  z-index: 1;
  padding: 0 0.333334em;
}

.mbsc-mobiscroll.mbsc-input-outline .mbsc-input-ic {
  top: 0.8125em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0.25em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 1.0625em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input input:focus, .mbsc-mobiscroll.mbsc-input-outline.mbsc-input select:focus ~ input, .mbsc-mobiscroll.mbsc-input-outline.mbsc-err input {
  padding-top: 0;
  padding-bottom: 0;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-err input, .mbsc-mobiscroll.mbsc-input-outline.mbsc-err textarea {
  border-color: #de3226;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  top: 1.3125em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.5625em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-inline .mbsc-label {
  line-height: 3.375em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap {
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-inline .mbsc-label ~ .mbsc-input-wrap .mbsc-input-ic {
  top: 0.8125em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-inline.mbsc-select .mbsc-label ~ .mbsc-input-wrap .mbsc-select-ic {
  top: 1.3125em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  top: 0.9375em;
  padding: 0 0.25em;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-1.375em) scale(0.75);
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline {
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline .mbsc-err-msg {
  left: 1.416667em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline .mbsc-label {
  left: 1.083334em;
  right: auto;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-err-msg {
  left: 4.083334em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-label {
  left: 3.75em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left .mbsc-left-ic {
  left: 0.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-left textarea {
  padding-left: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-right textarea {
  padding-right: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-ic-right .mbsc-right-ic {
  right: 0.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-select input {
  padding-right: 2em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  right: 0.6875em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-right input {
  padding-right: 4em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  right: 3em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 0.875em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 2.875em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline {
  /* Floating labels */
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline .mbsc-err-msg {
  right: 1.416667em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline .mbsc-label {
  right: 1.083334em;
  left: auto;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-err-msg {
  right: 4.083334em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-label {
  right: 3.75em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-left .mbsc-left-ic {
  right: 0.5em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-left input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-left textarea {
  padding-right: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-right input,
.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-right textarea {
  padding-left: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-ic-right .mbsc-right-ic {
  left: 0.5em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-select input {
  padding-left: 2em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-select .mbsc-input-wrap .mbsc-select-ic {
  left: 0.6875em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-right input {
  padding-left: 4em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-select.mbsc-ic-right .mbsc-input-wrap .mbsc-select-ic {
  left: 3em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 0.875em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-input-outline.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 2.875em;
}

.mbsc-mobiscroll {
  /* Textbox */
  /* Box Input */
  /* Outline Input */
}

.mbsc-mobiscroll.mbsc-input .mbsc-control {
  border-bottom: 1px solid #787878;
  color: #1f1f1f;
}

.mbsc-mobiscroll.mbsc-input .mbsc-control:focus, .mbsc-mobiscroll.mbsc-input select:focus ~ input .mbsc-input textarea:focus {
  border-color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-input-ic {
  color: #787878;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  background: #e6e6e6;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control {
  border: 1px solid #787878;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-label {
  background: #ffffff;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-label-inline.mbsc-input .mbsc-label, .mbsc-mobiscroll.mbsc-input-outline.mbsc-label-floating:not(.mbsc-label-floating-active).mbsc-input .mbsc-label {
  background: none;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input .mbsc-control:focus, .mbsc-mobiscroll.mbsc-input-outline.mbsc-input select:focus ~ input, .mbsc-mobiscroll.mbsc-input-outline.mbsc-err input {
  border-color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-input-outline.mbsc-input textarea:focus {
  border-color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-input.mbsc-err input, .mbsc-mobiscroll.mbsc-input.mbsc-err textarea {
  border-color: #de3226;
}

.mbsc-mobiscroll.mbsc-progress {
  padding: 1em;
}

.mbsc-mobiscroll.mbsc-progress .mbsc-label {
  font-size: 0.75em;
}

.mbsc-mobiscroll.mbsc-progress .mbsc-input-ic {
  top: 0.0625em;
  margin: 0;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.75em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.75em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-mobiscroll .mbsc-progress-cont {
  padding: 1em 0;
}

.mbsc-mobiscroll .mbsc-progress-track {
  border-radius: 1em;
  height: 0.125em;
}

.mbsc-mobiscroll .mbsc-progress-value {
  width: 3.75em;
  font-size: 0.875em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 3.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 3.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 5.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 5.5em;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value {
  left: 2.25em;
  right: auto;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, .mbsc-mobiscroll.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value {
  left: auto;
  right: 2.25em;
}

.mbsc-mobiscroll .mbsc-progress-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-mobiscroll .mbsc-progress-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-mobiscroll .mbsc-progress-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-mobiscroll .mbsc-progress-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-mobiscroll .mbsc-progress-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-mobiscroll .mbsc-progress-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-progress .mbsc-input-ic {
  color: #787878;
}

.mbsc-mobiscroll .mbsc-progress-track {
  background: #e6e6e6;
}

.mbsc-mobiscroll .mbsc-progress-bar {
  background: #2b93e6;
}

.mbsc-mobiscroll.mbsc-slider .mbsc-input-wrap {
  padding: 0 0.5em;
}

.mbsc-mobiscroll .mbsc-slider-handle {
  top: 50%;
  width: 1em;
  height: 1em;
  border-radius: 1.125em;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}

.mbsc-mobiscroll .mbsc-slider-handle:focus,
.mbsc-mobiscroll .mbsc-active .mbsc-slider-handle {
  transform: scale(1.3);
}

.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-mobiscroll.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
  transform: scale(1);
}

.mbsc-mobiscroll .mbsc-slider-tooltip {
  top: -1.91666em;
  width: 2.33333333em;
  height: 2.33333333em;
  border-radius: 2em;
  margin-right: -1.1666em;
  line-height: 2.33333333em;
  text-align: center;
  font-size: 0.75em;
  z-index: 5;
  transform: scale(0.4) translate3d(0, 5em, 0);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.mbsc-mobiscroll .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip,
.mbsc-mobiscroll .mbsc-active .mbsc-slider-tooltip {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-slider-handle:focus, .mbsc-mobiscroll.mbsc-slider-has-tooltip .mbsc-active .mbsc-slider-handle {
  transform: scale(0.5);
}

.mbsc-mobiscroll.mbsc-slider-primary .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-primary .mbsc-slider-handle,
.mbsc-mobiscroll.mbsc-slider-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-slider-secondary .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-secondary .mbsc-slider-handle,
.mbsc-mobiscroll.mbsc-slider-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-slider-success .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-success .mbsc-slider-handlem .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-slider-danger .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-danger .mbsc-slider-handle,
.mbsc-mobiscroll.mbsc-slider-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-slider-warning .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-warning .mbsc-slider-handle,
.mbsc-mobiscroll.mbsc-slider-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-slider-info .mbsc-slider-tooltip,
.mbsc-mobiscroll.mbsc-slider-info .mbsc-slider-handle,
.mbsc-mobiscroll.mbsc-slider-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-mobiscroll .mbsc-slider-step {
  background: #ffffff;
}

.mbsc-mobiscroll .mbsc-slider-handle {
  background: #2b93e6;
}

.mbsc-mobiscroll .mbsc-slider-tooltip {
  color: whitesmoke;
  background-color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-rating .mbsc-label {
  padding-bottom: 0.5em;
}

.mbsc-mobiscroll.mbsc-rating input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
  color: #3f97f6;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
  color: #90979E;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
  color: #43BE5F;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
  color: #f5504e;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
  color: #f8b042;
}

.mbsc-mobiscroll.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
  color: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-rating .mbsc-progress-track {
  color: #2b93e6;
}

.mbsc-mobiscroll {
  /* Snackbar and Toast color presets */
}

.mbsc-mobiscroll.mbsc-toast .mbsc-toast-msg {
  opacity: 0.9;
  border-radius: 0.5em;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-primary .mbsc-toast-msg {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-success .mbsc-toast-msg {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-danger .mbsc-toast-msg {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-warning .mbsc-toast-msg {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-info .mbsc-toast-msg {
  background: #5BB7C5;
}

.mbsc-mobiscroll {
  /* Snackbar and Toast color presets */
}

.mbsc-mobiscroll.mbsc-snackbar .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast .mbsc-toast-msg {
  background: #787878;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-mobiscroll.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-mobiscroll.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-mobiscroll.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-mobiscroll.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-mobiscroll.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-mobiscroll.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, .mbsc-mobiscroll.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #ffffff;
}

.mbsc-mobiscroll {
  /* Form grid */
  /* Checkbox, switch, radio */
  /* Checkbox */
  /* Checkbox color presets */
  /* Radio */
  /* Radio color presets */
  /* Checkbox, Switch, Radio */
  /* Buttons */
  /* Button color presets */
  /* Outline buttons */
  /* Outline buttons */
  /* Switch */
  /* Switch color presets */
  /* Stepper and Segmented */
  /* Segmented color presets */
  /* Stepper color presets */
}

.mbsc-mobiscroll .mbsc-divider,
.mbsc-mobiscroll .mbsc-form-group-title {
  padding: 0.5em 1em;
}

.mbsc-mobiscroll .mbsc-err-msg {
  position: absolute;
  padding-top: 0.333334em;
  font-size: 0.75em;
}

.mbsc-mobiscroll .mbsc-form-grid {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.mbsc-mobiscroll .mbsc-form-grid .mbsc-input-box,
.mbsc-mobiscroll .mbsc-form-grid .mbsc-input-outline {
  margin: 0.75em 1em;
}

.mbsc-mobiscroll.mbsc-checkbox .mbsc-err-msg, .mbsc-mobiscroll.mbsc-switch .mbsc-err-msg, .mbsc-mobiscroll.mbsc-radio .mbsc-err-msg {
  padding-top: 0;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-checkbox {
  padding: 1em 3.125em 1em 1em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-checkbox {
  padding: 1em 1em 1em 3.125em;
}

.mbsc-mobiscroll .mbsc-checkbox-box {
  margin-top: -0.5625em;
  width: 1.125em;
  height: 1.125em;
  right: 1em;
}

.mbsc-mobiscroll.mbsc-rtl .mbsc-checkbox-box {
  right: auto;
  left: 1em;
}

.mbsc-mobiscroll .mbsc-checkbox-box:after {
  top: 0.25em;
  left: 0.185em;
  width: 0.8125em;
  height: 0.4375em;
}

.mbsc-mobiscroll.mbsc-checkbox-primary .mbsc-checkbox-box {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-checkbox-secondary .mbsc-checkbox-box {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-checkbox-success .mbsc-checkbox-box {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-checkbox-danger .mbsc-checkbox-box {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-checkbox-warning .mbsc-checkbox-box {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-checkbox-info .mbsc-checkbox-box {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-radio {
  padding: 1em 3.125em 1em 1em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-radio {
  padding: 1em 1em 1em 3.125em;
}

.mbsc-mobiscroll .mbsc-radio-box {
  right: 1em;
  width: 1.125em;
  height: 1.125em;
  margin-top: -0.5625em;
  background: transparent;
}

.mbsc-mobiscroll.mbsc-rtl .mbsc-radio-box {
  right: auto;
  left: 1em;
}

.mbsc-mobiscroll .mbsc-radio-box:after {
  width: 0.5em;
  height: 0.5em;
  margin-top: -0.25em;
  margin-left: -0.25em;
  border-radius: 0.625em;
}

.mbsc-mobiscroll.mbsc-radio input:checked + .mbsc-radio-box {
  background: transparent;
}

.mbsc-mobiscroll.mbsc-radio-primary .mbsc-radio-box {
  border-color: #3f97f6;
}

.mbsc-mobiscroll.mbsc-radio-primary .mbsc-radio-box:after {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-radio-secondary .mbsc-radio-box {
  border-color: #90979E;
}

.mbsc-mobiscroll.mbsc-radio-secondary .mbsc-radio-box:after {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-radio-success .mbsc-radio-box {
  border-color: #43BE5F;
}

.mbsc-mobiscroll.mbsc-radio-success .mbsc-radio-box:after {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-radio-danger .mbsc-radio-box {
  border-color: #f5504e;
}

.mbsc-mobiscroll.mbsc-radio-danger .mbsc-radio-box:after {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-radio-warning .mbsc-radio-box {
  border-color: #f8b042;
}

.mbsc-mobiscroll.mbsc-radio-warning .mbsc-radio-box:after {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-radio-info .mbsc-radio-box {
  border-color: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-radio-info .mbsc-radio-box:after {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-mobiscroll.mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-mobiscroll.mbsc-radio input:disabled ~ .mbsc-label, .mbsc-mobiscroll.mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-mobiscroll.mbsc-switch input:disabled ~ .mbsc-label, .mbsc-mobiscroll.mbsc-switch input:disabled ~ .mbsc-desc {
  opacity: 0.4;
}

.mbsc-mobiscroll .mbsc-checkbox-box:after,
.mbsc-mobiscroll .mbsc-radio-box:after {
  opacity: 1;
  transform: scale(0) rotate(-45deg);
  transition: transform 0.1s ease-out;
}

.mbsc-mobiscroll.mbsc-checkbox input:checked + .mbsc-checkbox-box:after, .mbsc-mobiscroll.mbsc-radio input:checked + .mbsc-radio-box:after {
  opacity: 1;
  transform: scale(1) rotate(-45deg);
}

.mbsc-mobiscroll.mbsc-btn {
  margin: 0.5em;
  padding: 0.6875em;
  font-size: 1em;
  text-transform: uppercase;
}

.mbsc-mobiscroll .mbsc-btn-ic {
  padding-right: 0.6875em;
}

.mbsc-mobiscroll .mbsc-btn-icon-only .mbsc-btn-ic {
  padding: 0 0.5em;
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-btn:not(:disabled):not(.mbsc-active):hover {
  opacity: 0.8;
}

.mbsc-mobiscroll.mbsc-btn.mbsc-active {
  opacity: 0.6;
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  opacity: 1;
}

.mbsc-mobiscroll.mbsc-btn-flat {
  background: transparent;
  border-color: transparent;
}

.mbsc-mobiscroll.mbsc-btn-flat.mbsc-btn.mbsc-active {
  opacity: 1;
}

.mbsc-mobiscroll.mbsc-btn-flat:disabled {
  background: transparent;
}

.mbsc-mobiscroll.mbsc-btn-primary.mbsc-btn {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
  color: #3f97f6;
}

.mbsc-mobiscroll.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(63, 151, 246, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-secondary.mbsc-btn {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
  color: #90979E;
}

.mbsc-mobiscroll.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(144, 151, 158, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-success.mbsc-btn {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
  color: #43BE5F;
}

.mbsc-mobiscroll.mbsc-btn-success.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(67, 190, 95, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-danger.mbsc-btn {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
  color: #f5504e;
}

.mbsc-mobiscroll.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(245, 80, 78, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-warning.mbsc-btn {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
  color: #f8b042;
}

.mbsc-mobiscroll.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(248, 176, 66, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-info.mbsc-btn {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
  color: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-btn-info.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(91, 183, 197, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-light.mbsc-btn {
  background: #e6e6e6;
}

.mbsc-mobiscroll.mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
  color: #a6a6a6;
}

.mbsc-mobiscroll.mbsc-btn-light.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  color: #a6a6a6;
  background: rgba(166, 166, 166, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(166, 166, 166, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-dark.mbsc-btn {
  background: #47494A;
}

.mbsc-mobiscroll.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
  color: #47494A;
}

.mbsc-mobiscroll.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(71, 73, 74, 0.2);
}

.mbsc-mobiscroll.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-flat.mbsc-btn, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn {
  background: transparent;
}

.mbsc-mobiscroll .mbsc-btn-group,
.mbsc-mobiscroll .mbsc-btn-group-justified {
  margin: 0.5em;
}

.mbsc-mobiscroll .mbsc-btn-group-block {
  margin: 0.5em 1em;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-active {
  opacity: 1;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-success {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-info {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-light {
  border-color: #a6a6a6;
  color: #a6a6a6;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-light.mbsc-active {
  background: #a6a6a6;
  color: #e6e6e6;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark {
  border-color: #47494A;
  color: #47494A;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
  background: #47494A;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-switch {
  padding: 1em 4.375em 1em 1em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-switch {
  padding: 1em 1em 1em 4.375em;
}

.mbsc-mobiscroll .mbsc-switch-track {
  right: 1em;
  width: 2.375em;
  height: 0.875em;
  padding: 0 0.75em;
  margin-top: -0.4375em;
  border-radius: 1.25em;
}

.mbsc-mobiscroll.mbsc-rtl .mbsc-switch-track {
  right: auto;
  left: 1em;
}

.mbsc-mobiscroll .mbsc-switch-handle {
  top: 0.25em;
  left: 0.25em;
  margin: 0;
  width: 1.5em;
  height: 1.5em;
  border-radius: 1.25em;
}

.mbsc-mobiscroll.mbsc-rtl .mbsc-switch-handle {
  right: 0.25em;
}

.mbsc-mobiscroll .mbsc-active .mbsc-switch-handle {
  transform: scale(1);
}

.mbsc-mobiscroll.mbsc-switch input:disabled + .mbsc-switch-track {
  opacity: 0.7;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-primary input:checked + .mbsc-switch-track {
  background: #a0ccfb;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-primary input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-secondary input:checked + .mbsc-switch-track {
  background: #c6cace;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-secondary input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-success input:checked + .mbsc-switch-track {
  background: #8fd8a0;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-success input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-danger input:checked + .mbsc-switch-track {
  background: #faafaf;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-danger input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-warning input:checked + .mbsc-switch-track {
  background: #fcd9a4;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-warning input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-info input:checked + .mbsc-switch-track {
  background: #a6d8e0;
}

.mbsc-mobiscroll.mbsc-switch.mbsc-switch-info input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-segmented {
  padding: 0.5em 1em;
}

.mbsc-mobiscroll .mbsc-segmented-content {
  height: 2.28571428em;
  margin: 0 -0.071428em;
  line-height: 2.28575em;
  padding: 0 0.285714em;
  text-transform: uppercase;
}

.mbsc-mobiscroll.mbsc-ltr.mbsc-stepper-cont {
  padding: 1.75em 12.875em 1.75em 1em;
}

.mbsc-mobiscroll.mbsc-rtl.mbsc-stepper-cont {
  padding: 1.75em 1em 1.75em 12.875em;
}

.mbsc-mobiscroll .mbsc-stepper {
  margin-top: -1.125em;
}

.mbsc-mobiscroll.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  background: transparent;
}

.mbsc-mobiscroll .mbsc-segmented-primary .mbsc-segmented-content {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-mobiscroll .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.35);
}

.mbsc-mobiscroll .mbsc-segmented-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-mobiscroll .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.35);
}

.mbsc-mobiscroll .mbsc-segmented-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-mobiscroll .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.35);
}

.mbsc-mobiscroll .mbsc-segmented-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-mobiscroll .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.35);
}

.mbsc-mobiscroll .mbsc-segmented-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-mobiscroll .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.35);
}

.mbsc-mobiscroll .mbsc-segmented-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-mobiscroll .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.35);
}

.mbsc-mobiscroll.mbsc-stepper-primary .mbsc-segmented-content {
  border-color: #3f97f6;
  color: #3f97f6;
}

.mbsc-mobiscroll.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-mobiscroll.mbsc-stepper-secondary .mbsc-segmented-content {
  border-color: #90979E;
  color: #90979E;
}

.mbsc-mobiscroll.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-mobiscroll.mbsc-stepper-success .mbsc-segmented-content {
  border-color: #43BE5F;
  color: #43BE5F;
}

.mbsc-mobiscroll.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-mobiscroll.mbsc-stepper-danger .mbsc-segmented-content {
  border-color: #f5504e;
  color: #f5504e;
}

.mbsc-mobiscroll.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-mobiscroll.mbsc-stepper-warning .mbsc-segmented-content {
  border-color: #f8b042;
  color: #f8b042;
}

.mbsc-mobiscroll.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-mobiscroll.mbsc-stepper-info .mbsc-segmented-content {
  border-color: #5BB7C5;
  color: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-mobiscroll.mbsc-no-touch {
  /* Segmented hover color styles */
  /* Stepper hover color styles */
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-primary.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-secondary.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-success.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-danger.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-warning.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-info.mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-primary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-secondary .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-success .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-danger .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-warning .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.35);
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-stepper-info .mbsc-stepper .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.35);
}

.mbsc-mobiscroll {
  /* Form grid */
  /* Radio */
  /* Buttons */
  /* Outline buttons */
  /* Switch */
  /* Stepper and Segmented */
}

.mbsc-mobiscroll.mbsc-form {
  background: #ffffff;
  color: #454545;
}

.mbsc-mobiscroll.mbsc-control-w {
  color: #454545;
}

.mbsc-mobiscroll.mbsc-form *::-moz-selection, .mbsc-mobiscroll.mbsc-control-w *::-moz-selection {
  color: #ffffff;
  background: #2b93e6;
}

.mbsc-mobiscroll.mbsc-form *::-moz-selection, .mbsc-mobiscroll.mbsc-control-w *::-moz-selection, .mbsc-mobiscroll.mbsc-form *::selection, .mbsc-mobiscroll.mbsc-control-w *::selection {
  color: #ffffff;
  background: #2b93e6;
}

.mbsc-mobiscroll .mbsc-divider,
.mbsc-mobiscroll .mbsc-form-group-title {
  background: #ffffff;
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-err-msg,
.mbsc-mobiscroll .mbsc-err .mbsc-label {
  color: #de3226;
}

.mbsc-mobiscroll .mbsc-checkbox-box {
  background: #2b93e6;
}

.mbsc-mobiscroll .mbsc-checkbox-box:after {
  border-bottom: 0.125em solid white;
  border-left: 0.125em solid white;
}

.mbsc-mobiscroll.mbsc-checkbox input:disabled + .mbsc-checkbox-box {
  background: #dedede;
}

.mbsc-mobiscroll .mbsc-radio-box {
  border: 0.125em solid #2b93e6;
}

.mbsc-mobiscroll .mbsc-radio-box:after {
  background: #2b93e6;
}

.mbsc-mobiscroll.mbsc-radio input:checked + .mbsc-radio-box {
  background: transparent;
}

.mbsc-mobiscroll.mbsc-radio input:disabled + .mbsc-radio-box {
  border-color: #dedede;
}

.mbsc-mobiscroll.mbsc-radio input:disabled + .mbsc-radio-box:after {
  background: #dedede;
}

.mbsc-mobiscroll.mbsc-btn {
  background: #2b93e6;
  color: #f7f7f7;
}

.mbsc-mobiscroll.mbsc-btn:disabled {
  background: #e6e6e6;
}

.mbsc-mobiscroll.mbsc-no-touch.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-mobiscroll.mbsc-btn-flat {
  background: transparent;
  color: #2b93e6;
  border-color: transparent;
}

.mbsc-mobiscroll.mbsc-btn-flat.mbsc-btn.mbsc-active {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll.mbsc-btn-flat:disabled {
  color: #cfcfcf;
  background: transparent;
}

.mbsc-mobiscroll.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn {
  border: 1px solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-active {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active, .mbsc-mobiscroll.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-btn.mbsc-btn-outline:disabled {
  color: #e6e6e6;
  border-color: #e6e6e6;
  background: transparent;
}

.mbsc-mobiscroll .mbsc-switch-track {
  background: #e6e6e6;
}

.mbsc-mobiscroll .mbsc-switch-handle {
  background: #cfcfcf;
}

.mbsc-mobiscroll.mbsc-switch input:checked + .mbsc-switch-track {
  background: #a0cdf0;
}

.mbsc-mobiscroll.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #2b93e6;
}

.mbsc-mobiscroll.mbsc-switch input:disabled + .mbsc-switch-track {
  background: #dedede;
}

.mbsc-mobiscroll.mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
  background: #ebebeb;
}

.mbsc-mobiscroll .mbsc-segmented-content {
  border: 0.142858em solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-stepper input {
  color: #454545;
}

.mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-mobiscroll.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #dedede;
  border-color: #dedede;
}

.mbsc-mobiscroll .mbsc-stepper input:disabled {
  color: #dedede;
  -webkit-text-fill-color: #dedede;
}

.mbsc-mobiscroll.mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
  border-color: #e6e6e6;
  background: #e6e6e6;
  color: #f7f7f7;
}

.mbsc-mobiscroll.mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
  background: transparent;
  color: #dedede;
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(43, 147, 230, 0.1);
}

.mbsc-mobiscroll.mbsc-card.mbsc-form {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  background: white;
  color: #454545;
}

.mbsc-mobiscroll .mbsc-card-subtitle {
  color: rgba(69, 69, 69, 0.6);
}

.mbsc-mobiscroll.mbsc-card .mbsc-control-w {
  color: #454545;
}

.mbsc-mobiscroll.mbsc-card .mbsc-lv-item {
  background: white;
  color: #454545;
}

.mbsc-mobiscroll .mbsc-card-footer {
  border-color: #d4d4d4;
}

.mbsc-mobiscroll.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
  background: white;
}

.mbsc-windows .mbsc-collapsible .mbsc-form-group-title.mbsc-collapsible-header {
  padding-left: 0.666667em;
  padding-right: 2em;
}

.mbsc-windows .mbsc-collapsible .mbsc-form-group-title .mbsc-collapsible-icon {
  font-size: 0.666667em;
}

.mbsc-windows {
  /* Note */
}

.mbsc-windows .mbsc-note,
.mbsc-windows .mbsc-note-primary {
  color: #074b95;
  background-color: #70b1f8;
}

.mbsc-windows .mbsc-note-secondary {
  color: #454b50;
  background-color: #c6cace;
}

.mbsc-windows .mbsc-note-success {
  color: #1b4d26;
  background-color: #8fd8a0;
}

.mbsc-windows .mbsc-note-danger {
  color: #710806;
  background-color: #f8807e;
}

.mbsc-windows .mbsc-note-warning {
  color: #835105;
  background-color: #f9ba5b;
}

.mbsc-windows .mbsc-note-info {
  color: #235b64;
  background-color: #a6d8e0;
}

.mbsc-windows .mbsc-note-light {
  color: #4d4d4d;
  background-color: white;
}

.mbsc-windows .mbsc-note-dark {
  color: black;
  background-color: #606364;
}

.mbsc-windows .mbsc-empty {
  color: gray;
}

.mbsc-windows.mbsc-page {
  background-color: white;
  color: #333333;
}

.mbsc-windows a {
  color: #0078d7;
}

.mbsc-windows {
  /* Textbox, textarea, select */
  /* Inline labels */
  /* Floating labels */
  /* Left to right */
  /* Right to left */
}

.mbsc-windows.mbsc-input {
  padding: 0.5em 1em 1em;
}

.mbsc-windows.mbsc-input input, .mbsc-windows.mbsc-input textarea, .mbsc-windows.mbsc-select input {
  height: 2em;
  padding: 0 0.3125em;
  font-size: 1em;
  background: transparent;
}

.mbsc-windows.mbsc-ltr.mbsc-select input {
  padding-right: 1.75em;
}

.mbsc-windows.mbsc-rtl.mbsc-select input {
  padding-left: 1.75em;
}

.mbsc-windows.mbsc-input textarea {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}

.mbsc-windows .mbsc-input-ic {
  top: 0;
  margin-top: 0;
}

.mbsc-windows .mbsc-err-msg {
  position: absolute;
  padding-top: 0.333334em;
}

.mbsc-windows.mbsc-input.mbsc-ic-left input, .mbsc-windows.mbsc-input.mbsc-ic-left textarea {
  padding-left: 2.25em;
}

.mbsc-windows.mbsc-rtl.mbsc-input.mbsc-ic-left input, .mbsc-windows.mbsc-rtl.mbsc-input.mbsc-ic-left textarea {
  padding-right: 2.25em;
  padding-left: 0.3125em;
}

.mbsc-windows.mbsc-ltr.mbsc-input.mbsc-ic-right input, .mbsc-windows.mbsc-ltr.mbsc-input.mbsc-ic-right textarea {
  padding-right: 2.25em;
}

.mbsc-windows.mbsc-rtl.mbsc-input.mbsc-ic-right input, .mbsc-windows.mbsc-rtl.mbsc-input.mbsc-ic-right textarea {
  padding-left: 2.25em;
}

.mbsc-windows.mbsc-ltr.mbsc-ic-left .mbsc-left-ic, .mbsc-windows.mbsc-rtl.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: 0.25em;
}

.mbsc-windows.mbsc-ltr.mbsc-ic-right .mbsc-right-ic, .mbsc-windows.mbsc-rtl.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: 0.25em;
}

.mbsc-windows.mbsc-input .mbsc-label {
  padding-bottom: 0.3125em;
  font-size: 0.8125em;
}

.mbsc-windows.mbsc-select .mbsc-select-ic {
  display: block;
  position: absolute;
  top: 0.5em;
}

.mbsc-windows.mbsc-ltr.mbsc-select .mbsc-select-ic {
  right: 0.5em;
}

.mbsc-windows.mbsc-rtl.mbsc-select .mbsc-select-ic {
  left: 0.5em;
}

.mbsc-windows.mbsc-ic-right .mbsc-select-ic {
  display: none;
}

.mbsc-windows.mbsc-label-inline.mbsc-input .mbsc-label {
  line-height: 2em;
  padding-bottom: 0;
}

.mbsc-windows.mbsc-label-floating.mbsc-input {
  padding-top: 1.625em;
}

.mbsc-windows.mbsc-label-floating.mbsc-input .mbsc-label {
  font-size: 1em;
  position: absolute;
  top: 2.0625em;
}

.mbsc-windows.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  transform: translateY(-1.5em) scale(0.75);
}

.mbsc-windows.mbsc-ltr.mbsc-label-floating.mbsc-input .mbsc-label {
  left: 1.375em;
}

.mbsc-windows.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  left: 1em;
}

.mbsc-windows.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  left: 3.375em;
}

.mbsc-windows.mbsc-ltr.mbsc-label-floating.mbsc-input.mbsc-label-floating-active.mbsc-ic-left .mbsc-label {
  left: 1em;
}

.mbsc-windows.mbsc-rtl.mbsc-label-floating.mbsc-input .mbsc-label {
  right: 1.375em;
}

.mbsc-windows.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-label-floating-active .mbsc-label {
  right: 1em;
}

.mbsc-windows.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-ic-left .mbsc-label {
  right: 3.375em;
}

.mbsc-windows.mbsc-rtl.mbsc-label-floating.mbsc-input.mbsc-label-floating-active.mbsc-ic-left .mbsc-label {
  right: 1em;
}

.mbsc-windows.mbsc-input input, .mbsc-windows.mbsc-input textarea, .mbsc-windows.mbsc-select input {
  border: 0.125em solid #a6a6a6;
  color: #333333;
}

.mbsc-windows.mbsc-no-touch .mbsc-input input:hover, .mbsc-windows.mbsc-no-touch .mbsc-input textarea:hover, .mbsc-windows.mbsc-no-touch .mbsc-select:hover input {
  border-color: #737373;
}

.mbsc-windows.mbsc-input input::-webkit-input-placeholder {
  color: #5c5c5c;
}

.mbsc-windows.mbsc-input input::-ms-input-placeholder {
  color: #5c5c5c;
}

.mbsc-windows.mbsc-input input::-moz-placeholder {
  color: #5c5c5c;
}

.mbsc-windows.mbsc-input .mbsc-input-wrap input:focus, .mbsc-windows.mbsc-input .mbsc-input-wrap select:focus + input, .mbsc-windows.mbsc-input .mbsc-input-wrap textarea:focus, .mbsc-windows.mbsc-alert.mbsc-input input:focus {
  background: #fff;
  border-color: #0078d7;
  color: #262626;
}

.mbsc-windows.mbsc-input .mbsc-input-wrap input:focus ~ .mbsc-input-ic, .mbsc-windows.mbsc-input .mbsc-input-wrap select:focus + input ~ .mbsc-input-ic, .mbsc-windows.mbsc-input .mbsc-input-wrap textarea:focus ~ .mbsc-input-ic, .mbsc-windows.mbsc-alert.mbsc-input input:focus ~ .mbsc-input-ic {
  color: #262626;
}

.mbsc-windows.mbsc-input .mbsc-input-wrap .mbsc-control:disabled + input, .mbsc-windows.mbsc-input .mbsc-input-wrap textarea:disabled, .mbsc-windows.mbsc-input .mbsc-input-wrap input:disabled {
  border-color: #d9d9d9;
}

.mbsc-windows.mbsc-input.mbsc-err input, .mbsc-windows.mbsc-input.mbsc-err textarea {
  border-color: #d30101;
}

.mbsc-windows .mbsc-input-ic, .mbsc-windows.mbsc-input .mbsc-label, .mbsc-windows.mbsc-select .mbsc-input-wrap .mbsc-ic {
  color: #333333;
}

.mbsc-windows .mbsc-err-msg {
  color: #d30101;
}

.mbsc-windows {
  /* Inline labels */
  /* Progress color presets */
}

.mbsc-windows.mbsc-progress {
  padding: 0.75em 1em;
}

.mbsc-windows.mbsc-progress .mbsc-label {
  padding-bottom: 0.3125em;
  font-size: 1em;
}

.mbsc-windows.mbsc-progress .mbsc-input-wrap {
  padding: 0;
}

.mbsc-windows.mbsc-progress .mbsc-input-ic {
  top: -0.125em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 2.25em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 2.25em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-ic-left .mbsc-left-ic, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-ic-right .mbsc-right-ic {
  right: auto;
  left: -0.375em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-ic-right .mbsc-right-ic, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-ic-left .mbsc-left-ic {
  left: auto;
  right: -0.375em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap {
  padding-right: 3.75em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress.mbsc-progress-value-left .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress.mbsc-progress-value-right .mbsc-input-wrap {
  padding-left: 3.75em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap {
  padding-left: 5.75em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-input-wrap, .mbsc-windows.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-input-wrap {
  padding-right: 5.75em;
}

.mbsc-windows.mbsc-ltr.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value, .mbsc-windows.mbsc-rtl.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value {
  left: 1.875em;
  right: auto;
}

.mbsc-windows.mbsc-ltr.mbsc-progress-value-right.mbsc-ic-right .mbsc-progress-value, .mbsc-windows.mbsc-rtl.mbsc-progress-value-left.mbsc-ic-left .mbsc-progress-value {
  left: auto;
  right: 1.875em;
}

.mbsc-windows .mbsc-progress-cont {
  padding: 0.75em 0;
}

.mbsc-windows .mbsc-progress-track {
  height: 0.25em;
}

.mbsc-windows .mbsc-progress-value {
  margin-top: -0.4375em;
  width: 3.5em;
}

.mbsc-windows .mbsc-progress-step-label {
  top: auto;
  bottom: -2em;
  line-height: normal;
}

.mbsc-windows .mbsc-label-inline.mbsc-progress.mbsc-control-w .mbsc-label {
  line-height: 1.875em;
  padding-bottom: 0;
}

.mbsc-windows .mbsc-progress-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-windows .mbsc-progress-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-windows .mbsc-progress-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-windows .mbsc-progress-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-windows .mbsc-progress-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-windows .mbsc-progress-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-progress .mbsc-label, .mbsc-windows.mbsc-progress .mbsc-input-ic {
  color: #333333;
}

.mbsc-windows .mbsc-progress-track {
  background: hsl(0deg, 0%, 80%);
}

.mbsc-windows .mbsc-progress-bar {
  background: #0078d7;
}

.mbsc-windows {
  /* fix for first tick */
  /* Slider color presets */
}

.mbsc-windows.mbsc-slider .mbsc-input-wrap {
  padding: 0 0.3125em;
}

.mbsc-windows.mbsc-slider .mbsc-input-ic {
  top: -0.0625em;
}

.mbsc-windows.mbsc-slider .mbsc-progress-track {
  height: 6px;
}

.mbsc-windows .mbsc-slider-handle {
  top: 50%;
  width: 0.5em;
  border-radius: 6px;
  height: 1.5em;
  margin: -0.75em -0.25em 0 0;
}

.mbsc-windows .mbsc-slider-tooltip {
  height: 1.875em;
  padding: 0 0.75em;
  top: -2.75em;
  line-height: 1.875em;
  text-align: center;
  transition: opacity 0.2s ease-in-out;
  transform: translateX(50%);
}

.mbsc-windows .mbsc-slider-handle:focus ~ .mbsc-slider-tooltip,
.mbsc-windows .mbsc-active .mbsc-slider-tooltip {
  opacity: 1;
}

.mbsc-windows .mbsc-slider-step {
  height: 16px;
  width: 1px;
  top: -7px;
  z-index: -1;
}

.mbsc-windows .mbsc-progress-bar + .mbsc-slider-step {
  margin: 0;
}

.mbsc-windows .mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-windows.mbsc-slider-primary .mbsc-progress-bar {
  background: #3f97f6;
}

.mbsc-windows.mbsc-slider-secondary .mbsc-progress-bar {
  background: #90979E;
}

.mbsc-windows.mbsc-slider-success .mbsc-progress-bar {
  background: #43BE5F;
}

.mbsc-windows.mbsc-slider-danger .mbsc-progress-bar {
  background: #f5504e;
}

.mbsc-windows.mbsc-slider-warning .mbsc-progress-bar {
  background: #f8b042;
}

.mbsc-windows.mbsc-slider-info .mbsc-progress-bar {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-slider .mbsc-progress-track {
  background: #a6a6a6;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  border-top-color: white;
  border-bottom-color: white;
}

.mbsc-windows.mbsc-slider:hover .mbsc-progress-track {
  background: #737373;
}

.mbsc-windows.mbsc-slider:hover .mbsc-progress-track .mbsc-slider-handle {
  background: #333333;
}

.mbsc-windows.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track {
  background: #a6a6a6;
}

.mbsc-windows.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track .mbsc-slider-handle {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-slider-handle {
  background: #0078d7;
}

.mbsc-windows .mbsc-slider-tooltip {
  border: 1px solid #d9d9d9;
  background: #ffffff;
  color: #333333;
}

.mbsc-windows .mbsc-slider-step {
  background: #a6a6a6;
}

.mbsc-windows.mbsc-rating {
  /* Color presets */
}

.mbsc-windows.mbsc-rating input:disabled ~ .mbsc-progress-cont .mbsc-progress-track {
  opacity: 0.4;
}

.mbsc-windows.mbsc-rating.mbsc-rating-primary .mbsc-progress-track {
  color: #3f97f6;
}

.mbsc-windows.mbsc-rating.mbsc-rating-secondary .mbsc-progress-track {
  color: #90979E;
}

.mbsc-windows.mbsc-rating.mbsc-rating-success .mbsc-progress-track {
  color: #43BE5F;
}

.mbsc-windows.mbsc-rating.mbsc-rating-danger .mbsc-progress-track {
  color: #f5504e;
}

.mbsc-windows.mbsc-rating.mbsc-rating-warning .mbsc-progress-track {
  color: #f8b042;
}

.mbsc-windows.mbsc-rating.mbsc-rating-info .mbsc-progress-track {
  color: #5BB7C5;
}

.mbsc-windows.mbsc-rating .mbsc-progress-track {
  color: #0078d7;
}

.mbsc-windows.mbsc-wdg .mbsc-fr-btn-cont {
  padding: 1em 0.875em;
  border-top: 0;
}

.mbsc-windows.mbsc-wdg .mbsc-fr-btn {
  margin: 0 0.125em;
  height: 2em;
  line-height: 2em;
}

.mbsc-windows.mbsc-wdg.mbsc-fr-btn {
  background: #d9d9d9;
}

.mbsc-windows {
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-windows.mbsc-toast .mbsc-fr-w, .mbsc-windows.mbsc-snackbar .mbsc-fr-w {
  border: 0;
}

.mbsc-windows.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-primary .mbsc-toast-msg {
  background: #3f97f6;
}

.mbsc-windows.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-secondary .mbsc-toast-msg {
  background: #90979E;
}

.mbsc-windows.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-success .mbsc-toast-msg {
  background: #43BE5F;
}

.mbsc-windows.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-danger .mbsc-toast-msg {
  background: #f5504e;
}

.mbsc-windows.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-warning .mbsc-toast-msg {
  background: #f8b042;
}

.mbsc-windows.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-info .mbsc-toast-msg {
  background: #5BB7C5;
}

.mbsc-windows {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-windows.mbsc-snackbar .mbsc-snackbar-btn {
  color: #0078d7;
}

.mbsc-windows.mbsc-toast .mbsc-toast-msg {
  background: #737373;
  color: #fff;
}

.mbsc-windows.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-windows.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-windows.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-windows.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-windows.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-windows.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-windows.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #efeff4;
}

.mbsc-windows.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn {
  color: black;
}

.mbsc-windows {
  /* Checkbox, switch */
  /* Checkbox, radio */
  /* Checkbox */
  /* Checkbox color presets */
  /* Radio */
  /* Radio color presets */
  /* Buttons */
  /* Button color presets*/
  /* Outline buttons */
  /* Outline buttons */
  /* button hover style */
  /* button active style */
  /* Flat buttons */
  /* Switch */
  /* Checkbox color presets */
  /* Segmented & Stepper */
  /* Stepper color presets */
}

.mbsc-windows .mbsc-divider,
.mbsc-windows .mbsc-form-group-title {
  font-size: 1.5em;
  padding: 0 0.666667em;
  line-height: 2em;
}

.mbsc-windows.mbsc-checkbox .mbsc-err-msg, .mbsc-windows.mbsc-switch .mbsc-err-msg, .mbsc-windows.mbsc-radio .mbsc-err-msg {
  padding-top: 0;
}

.mbsc-windows .mbsc-checkbox-box,
.mbsc-windows .mbsc-radio-box {
  margin-top: -0.6875em;
}

.mbsc-windows.mbsc-checkbox input:disabled + .mbsc-checkbox-box, .mbsc-windows.mbsc-checkbox input:disabled ~ .mbsc-label, .mbsc-windows.mbsc-checkbox input:disabled ~ .mbsc-desc, .mbsc-windows.mbsc-radio input:disabled + .mbsc-radio-box, .mbsc-windows.mbsc-radio input:disabled ~ .mbsc-label, .mbsc-windows.mbsc-radio input:disabled ~ .mbsc-desc, .mbsc-windows.mbsc-switch input:disabled + .mbsc-switch-track, .mbsc-windows.mbsc-switch input:disabled ~ .mbsc-label, .mbsc-windows.mbsc-switch input:disabled ~ .mbsc-desc {
  opacity: 0.2;
}

.mbsc-windows.mbsc-ltr.mbsc-checkbox {
  padding: 1.125em 1em 1.125em 2.875em;
}

.mbsc-windows.mbsc-rtl.mbsc-checkbox {
  padding: 1.125em 2.875em 1.125em 1em;
}

.mbsc-windows .mbsc-checkbox-box {
  width: 1.3125em;
  height: 1.3125em;
  left: 1em;
}

.mbsc-windows.mbsc-rtl .mbsc-checkbox-box {
  left: auto;
  right: 1em;
}

.mbsc-windows .mbsc-checkbox-box:after {
  top: 16%;
  left: 10%;
  width: 0.875em;
  height: 0.475em;
}

.mbsc-windows.mbsc-checkbox-primary.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-checkbox-secondary.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-windows.mbsc-checkbox-success.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-checkbox-danger.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-windows.mbsc-checkbox-warning.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-windows.mbsc-checkbox-info.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-ltr.mbsc-radio {
  padding: 1.125em 3.25em 1.125em 1em;
}

.mbsc-windows.mbsc-rtl.mbsc-radio {
  padding: 1.125em 1em 1.125em 3.25em;
}

.mbsc-windows .mbsc-radio-box {
  right: 1.125em;
}

.mbsc-windows.mbsc-rtl .mbsc-radio-box {
  right: auto;
  left: 1.125em;
}

.mbsc-windows.mbsc-radio-primary .mbsc-radio-box:after {
  background: #3f97f6;
}

.mbsc-windows.mbsc-radio-secondary .mbsc-radio-box:after {
  background: #90979E;
}

.mbsc-windows.mbsc-radio-success .mbsc-radio-box:after {
  background: #43BE5F;
}

.mbsc-windows.mbsc-radio-danger .mbsc-radio-box:after {
  background: #f5504e;
}

.mbsc-windows.mbsc-radio-warning .mbsc-radio-box:after {
  background: #f8b042;
}

.mbsc-windows.mbsc-radio-info .mbsc-radio-box:after {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-btn {
  margin: 0.5em 0.25em;
  padding: 0.3125em 0.5em;
  border-radius: 0;
}

.mbsc-windows .mbsc-btn-ic {
  padding-right: 0.5em;
}

.mbsc-windows .mbsc-btn-icon-only .mbsc-btn-ic {
  padding: 0;
}

.mbsc-windows.mbsc-btn:disabled {
  opacity: 0.3;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover {
  opacity: 0.7;
}

.mbsc-windows.mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) {
  opacity: 1;
}

.mbsc-windows .mbsc-btn-group,
.mbsc-windows .mbsc-btn-group-justified {
  margin: 0.5em 0.75em;
}

.mbsc-windows .mbsc-btn-group-block {
  margin: 0.5em 1em;
}

.mbsc-windows.mbsc-btn-primary.mbsc-btn {
  color: #fff;
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat {
  color: #3f97f6;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-primary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(63, 151, 246, 0.25);
}

.mbsc-windows.mbsc-btn-secondary.mbsc-btn {
  color: #fff;
  background: #90979E;
  border-color: #90979E;
}

.mbsc-windows.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat {
  color: #90979E;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-secondary.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(144, 151, 158, 0.25);
}

.mbsc-windows.mbsc-btn-success.mbsc-btn {
  color: #fff;
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-btn-success.mbsc-btn.mbsc-btn-flat {
  color: #43BE5F;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-success.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(67, 190, 95, 0.25);
}

.mbsc-windows.mbsc-btn-danger.mbsc-btn {
  color: #fff;
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-windows.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat {
  color: #f5504e;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-danger.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(245, 80, 78, 0.25);
}

.mbsc-windows.mbsc-btn-warning.mbsc-btn {
  color: #fff;
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-windows.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat {
  color: #f8b042;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-warning.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(248, 176, 66, 0.25);
}

.mbsc-windows.mbsc-btn-info.mbsc-btn {
  color: #fff;
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-btn-info.mbsc-btn.mbsc-btn-flat {
  color: #5BB7C5;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-info.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(91, 183, 197, 0.25);
}

.mbsc-windows.mbsc-btn-light.mbsc-btn {
  color: #000;
  background: #bfbfbf;
  border-color: #bfbfbf;
}

.mbsc-windows.mbsc-btn-light.mbsc-btn.mbsc-btn-flat {
  color: #bfbfbf;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-light.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(191, 191, 191, 0.25);
}

.mbsc-windows.mbsc-btn-dark.mbsc-btn {
  color: #fff;
  background: #47494A;
  border-color: #47494A;
}

.mbsc-windows.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat {
  color: #47494A;
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn-dark.mbsc-btn.mbsc-btn-flat.mbsc-active {
  background: rgba(71, 73, 74, 0.25);
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-active {
  opacity: 1;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-primary {
  border-color: #3f97f6;
  color: #3f97f6;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-primary.mbsc-active {
  background: #3f97f6;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary {
  border-color: #90979E;
  color: #90979E;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-secondary.mbsc-active {
  background: #90979E;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-success {
  border-color: #43BE5F;
  color: #43BE5F;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-success.mbsc-active {
  background: #43BE5F;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-danger {
  border-color: #f5504e;
  color: #f5504e;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-danger.mbsc-active {
  background: #f5504e;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-warning {
  border-color: #f8b042;
  color: #f8b042;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-warning.mbsc-active {
  background: #f8b042;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-info {
  border-color: #5BB7C5;
  color: #5BB7C5;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-info.mbsc-active {
  background: #5BB7C5;
  color: #fff;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-light {
  border-color: #bfbfbf;
  color: #bfbfbf;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-light.mbsc-active {
  background: #bfbfbf;
  color: #47494A;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-dark {
  border-color: #47494A;
  color: #47494A;
  background: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-btn-dark.mbsc-active {
  background: #47494A;
  color: #fff;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-primary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #0964c6;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-secondary.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #5d646b;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-success.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #287339;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-danger.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #d10e0c;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-warning.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #cc7f08;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-info.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #317e89;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-light.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #999999;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-dark.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: black;
}

.mbsc-windows .mbsc-btn-primary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #0964c6;
  border-color: #0964c6;
}

.mbsc-windows .mbsc-btn-secondary.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #5d646b;
  border-color: #5d646b;
}

.mbsc-windows .mbsc-btn-success.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #287339;
  border-color: #287339;
}

.mbsc-windows .mbsc-btn-danger.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #d10e0c;
  border-color: #d10e0c;
}

.mbsc-windows .mbsc-btn-warning.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #cc7f08;
  border-color: #cc7f08;
}

.mbsc-windows .mbsc-btn-info.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #317e89;
  border-color: #317e89;
}

.mbsc-windows .mbsc-btn-light.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: #999999;
  border-color: #999999;
}

.mbsc-windows .mbsc-btn-dark.mbsc-btn.mbsc-active:not(.mbsc-btn-flat):not(:disabled) {
  background: black;
  border-color: black;
}

.mbsc-windows.mbsc-btn.mbsc-btn-flat {
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-ltr.mbsc-switch {
  padding: 1.125em 5.875em 1.125em 1em;
}

.mbsc-windows.mbsc-rtl.mbsc-switch {
  padding: 1.125em 1em 1.125em 5.875em;
}

.mbsc-windows .mbsc-switch-track {
  right: 1.125em;
  width: 2.75em;
  height: 1.25em;
  margin-top: -0.645em;
  padding: 0 0.5em;
  border-radius: 10px;
}

.mbsc-windows.mbsc-rtl .mbsc-switch-track {
  right: auto;
  left: 1.125em;
}

.mbsc-windows .mbsc-switch-track .mbsc-switch-handle {
  z-index: 1;
  top: 50%;
  left: 50%;
  right: auto;
  height: 0.625em;
  width: 0.625em;
  border-radius: 10px;
  margin: -0.3125em 0 0 -0.3125em;
}

.mbsc-windows.mbsc-switch-primary.mbsc-switch input:checked + .mbsc-switch-track {
  background: #3f97f6;
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-switch-secondary.mbsc-switch input:checked + .mbsc-switch-track {
  background: #90979E;
  border-color: #90979E;
}

.mbsc-windows.mbsc-switch-success.mbsc-switch input:checked + .mbsc-switch-track {
  background: #43BE5F;
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-switch-danger.mbsc-switch input:checked + .mbsc-switch-track {
  background: #f5504e;
  border-color: #f5504e;
}

.mbsc-windows.mbsc-switch-warning.mbsc-switch input:checked + .mbsc-switch-track {
  background: #f8b042;
  border-color: #f8b042;
}

.mbsc-windows.mbsc-switch-info.mbsc-switch input:checked + .mbsc-switch-track {
  background: #5BB7C5;
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-segmented {
  padding: 0.75em 1em;
}

.mbsc-windows .mbsc-segmented-content {
  height: 2.285715em;
  line-height: 2.285715em;
  padding: 0 0.4285715em;
}

.mbsc-windows .mbsc-segmented-content.mbsc-stepper-val {
  box-sizing: border-box;
}

.mbsc-windows.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, .mbsc-windows.mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control {
  border: 0;
}

.mbsc-windows .mbsc-stepper {
  margin-top: -1em;
}

.mbsc-windows.mbsc-ltr.mbsc-stepper-cont {
  padding: 1.75em 13em 1.75em 1em;
}

.mbsc-windows.mbsc-rtl.mbsc-stepper-cont {
  padding: 1.75em 1em 1.75em 13em;
}

.mbsc-windows.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-windows.mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  opacity: 0.3;
}

.mbsc-windows.mbsc-segmented {
  /* Segmented color presets */
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-primary.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-secondary.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-success.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-danger.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-warning.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-info.mbsc-segmented-item input.mbsc-control:checked + .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-no-touch {
  /* Segmented hover color presets*/
  /* Stepper hover color presets*/
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-primary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(63, 151, 246, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-secondary.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(144, 151, 158, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-success.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(67, 190, 95, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-danger.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(245, 80, 78, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-warning.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(248, 176, 66, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-segmented-info.mbsc-segmented-item:hover input:not(:disabled):not(.mbsc-active) + .mbsc-segmented-content {
  background: rgba(91, 183, 197, 0.25);
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #0e7df4;
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #757e86;
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #35994c;
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #f2201e;
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #f69b11;
}

.mbsc-windows.mbsc-no-touch.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item:not(.mbsc-disabled):hover .mbsc-segmented-content {
  background: #3ea0af;
}

.mbsc-windows.mbsc-stepper-primary .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #3f97f6;
}

.mbsc-windows.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #3f97f6;
}

.mbsc-windows.mbsc-stepper-primary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #0858ad;
}

.mbsc-windows.mbsc-stepper-secondary .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #90979E;
}

.mbsc-windows.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #90979E;
}

.mbsc-windows.mbsc-stepper-secondary .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #51575d;
}

.mbsc-windows.mbsc-stepper-success .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #43BE5F;
}

.mbsc-windows.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #43BE5F;
}

.mbsc-windows.mbsc-stepper-success .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #216030;
}

.mbsc-windows.mbsc-stepper-danger .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #f5504e;
}

.mbsc-windows.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #f5504e;
}

.mbsc-windows.mbsc-stepper-danger .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #b90d0a;
}

.mbsc-windows.mbsc-stepper-warning .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #f8b042;
}

.mbsc-windows.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #f8b042;
}

.mbsc-windows.mbsc-stepper-warning .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #b46f07;
}

.mbsc-windows.mbsc-stepper-info .mbsc-segmented-content.mbsc-stepper-val {
  border-color: #5BB7C5;
}

.mbsc-windows.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control .mbsc-segmented-content {
  background: #5BB7C5;
}

.mbsc-windows.mbsc-stepper-info .mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active:not(.mbsc-disabled) .mbsc-segmented-content {
  background: #2a6c77;
}

.mbsc-windows {
  /* Checkbox, radio */
  /* Radio */
  /* Buttons */
  /* Outline buttons */
  /* button hover style */
  /* Segmented & Stepper */
}

.mbsc-windows.mbsc-form {
  background-color: white;
  color: #333333;
}

.mbsc-windows.mbsc-control-w {
  color: #333333;
}

.mbsc-windows.mbsc-form *::-moz-selection, .mbsc-windows.mbsc-control-w *::-moz-selection {
  color: #fff;
  background: rgba(0, 120, 215, 0.9);
}

.mbsc-windows.mbsc-form *::-moz-selection, .mbsc-windows.mbsc-control-w *::-moz-selection, .mbsc-windows.mbsc-form *::selection, .mbsc-windows.mbsc-control-w *::selection {
  color: #fff;
  background: rgba(0, 120, 215, 0.9);
}

.mbsc-windows .mbsc-form-group-title {
  color: #333333;
}

.mbsc-windows .mbsc-checkbox-box,
.mbsc-windows .mbsc-radio-box {
  border: 0.125em solid #333333;
}

.mbsc-windows .mbsc-checkbox-box:after {
  border: 0.125em solid #e5f1fb;
  border-top: 0;
  border-right: 0;
}

.mbsc-windows.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #0078d7;
  border-color: #0078d7;
}

.mbsc-windows.mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
  border-color: #737373;
  background: #737373;
}

.mbsc-windows .mbsc-radio-box:after {
  background: #333333;
}

.mbsc-windows.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #0078d7;
}

.mbsc-windows.mbsc-radio input.mbsc-active + .mbsc-radio-box {
  border-color: rgba(51, 51, 51, 0.6);
}

.mbsc-windows.mbsc-radio input.mbsc-active + .mbsc-radio-box:after {
  background: rgba(51, 51, 51, 0.6);
}

.mbsc-windows.mbsc-btn {
  background: #d9d9d9;
  border: 0.125em solid #d9d9d9;
  color: #333333;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #878787;
}

.mbsc-windows.mbsc-btn.mbsc-active {
  border-color: #878787;
  background: #878787;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover {
  background: transparent;
  border-color: transparent;
}

.mbsc-windows.mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) {
  background: rgba(217, 217, 217, 0.25);
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline {
  background: transparent;
  border: 0.125em solid #a6a6a6;
  color: #a6a6a6;
}

.mbsc-windows.mbsc-btn.mbsc-btn-outline.mbsc-active {
  background: #8c8c8c;
  border-color: #8c8c8c;
  color: #333333;
}

.mbsc-windows.mbsc-no-touch.mbsc-btn.mbsc-btn-outline:not(:disabled):hover {
  border-color: #8c8c8c;
}

.mbsc-windows .mbsc-switch-track {
  border: 2px solid #333333;
}

.mbsc-windows .mbsc-switch-track .mbsc-switch-handle {
  background: #333333;
}

.mbsc-windows.mbsc-switch input:checked + .mbsc-switch-track {
  background: #0078d7;
  border-color: #0078d7;
}

.mbsc-windows.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #ffffff;
}

.mbsc-windows.mbsc-switch input:checked:disabled + .mbsc-switch-track {
  background: #333333;
  border-color: #333333;
}

.mbsc-windows.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track {
  background: #737373;
  border-color: #737373;
}

.mbsc-windows.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle {
  background: #ffffff;
}

.mbsc-windows .mbsc-segmented-content {
  color: #333333;
  background: #d9d9d9;
}

.mbsc-windows .mbsc-segmented-content.mbsc-stepper-val {
  background: transparent;
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}

.mbsc-windows.mbsc-ltr.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
  border-right: 1px solid #cfcfcf;
}

.mbsc-windows.mbsc-rtl.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
  border-left: 1px solid #cfcfcf;
}

.mbsc-windows.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, .mbsc-windows.mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control {
  border: 0;
}

.mbsc-windows.mbsc-ltr.mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control {
  border-left: 1px solid #cfcfcf;
}

.mbsc-windows.mbsc-rtl.mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control {
  border-right: 1px solid #cfcfcf;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #333333;
  color: white;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: #878787;
}

.mbsc-windows .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content {
  background: #878787;
}

.mbsc-windows.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
.mbsc-windows .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, .mbsc-windows.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-stepper input:disabled {
  color: #d4d4d4;
  -webkit-text-fill-color: #d4d4d4;
}

.mbsc-windows.mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content {
  color: white;
  background: #d4d4d4;
}

.mbsc-windows .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
  background: transparent;
}

.mbsc-windows .mbsc-stepper input {
  color: #333333;
}

.mbsc-windows.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: #e6e6e6;
}

.mbsc-windows.mbsc-card.mbsc-form {
  border-radius: 0;
}

.mbsc-windows .mbsc-card-footer .mbsc-btn {
  margin-top: -0.625em;
  margin-bottom: -0.625em;
}

.mbsc-windows.mbsc-card.mbsc-form {
  background: white;
  color: #333333;
  box-shadow: 0 0 1px 1px #f2f2f2;
}

.mbsc-windows.mbsc-card .mbsc-control-w {
  color: #333333;
}

.mbsc-windows.mbsc-card .mbsc-lv-item {
  background: white;
  color: #333333;
}

.mbsc-windows .mbsc-card-footer {
  border-color: #f2f2f2;
}

.mbsc-color {
  font-size: 16px;
}

.mbsc-color-scroll-cont {
  padding: 0.125em 0 0.1875em 0;
  overflow: hidden;
  box-sizing: content-box;
}

.mbsc-color-cont {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}

.mbsc-color-item-c {
  position: relative;
  display: table-cell;
  padding: 0.18755em;
  max-width: 4.25em;
  max-height: 4.25em;
}

.mbsc-color-clear-item,
.mbsc-color-item {
  position: relative;
  min-width: 3.5em;
  min-height: 3.5em;
  margin: 0.1875em;
  cursor: pointer;
}

.mbsc-color-clear-item {
  background: rgba(223, 222, 222, 0.6);
}

.mbsc-color-clear-cross {
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: red;
  transform: rotate(-45deg);
}

.mbsc-color-row {
  padding: 0 0.5em;
}

.mbsc-color.mbsc-fr-bubble .mbsc-fr-w,
.mbsc-color.mbsc-fr-center .mbsc-fr-w {
  max-width: 286px;
  min-width: 280px;
}

.mbsc-color .mbsc-fr-c {
  padding: 0.25em 0;
}

/* vertical scroll override */

.mbsc-color-vertical .mbsc-color-cont {
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: start;
}

.mbsc-color-vertical .mbsc-color-item-c {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

/* slider overrides */

.mbsc-color .mbsc-color-slider-cont.mbsc-progress {
  padding: 0;
}

.mbsc-color .mbsc-color-slider-cont .mbsc-progress-cont {
  padding: 1.5em 0;
}

.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
  height: 0.25em;
  border: 0;
}

.mbsc-color .mbsc-color-slider-cont .mbsc-slider-handle-cont {
  top: 0.125em;
}

.mbsc-color .mbsc-color-slider-cont .mbsc-slider-step {
  display: none;
}

/* checkmark */

.mbsc-color-clear-item:before,
.mbsc-color-item:before {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  color: #f7f7f7;
  display: none;
  font-size: 1.5em;
}

.mbsc-color-clear-item:before {
  display: block;
}

.mbsc-color-clear-item,
.mbsc-color-input-item-close:before,
.mbsc-color-selected::before {
  display: block;
  text-shadow: 0 0 0.125em #000;
}

/* refine mode multiple select */

.mbsc-color-refine-preview {
  display: table;
  padding: 0 0.25em;
}

.mbsc-color-preview-cont {
  border-top: 1px solid #ccc;
  overflow: hidden;
  padding-top: 0.25em;
}

.mbsc-color-preview-item-c {
  display: table-cell;
}

.mbsc-color-preview-item {
  min-width: 1.875em;
  width: 1.875em;
  height: 1.875em;
  margin: 0.25em;
  cursor: pointer;
  background: transparent;
  box-sizing: border-box;
}

.mbsc-color-preview-item-empty {
  border: 1px dashed;
  border-color: #bbb;
}

/* input style */

.mbsc-color-input {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-flow: row wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #aaa;
  min-height: 2.125em;
  width: 100%;
  padding: 0.125em;
  box-sizing: border-box;
}

.mbsc-color-input:empty:not(:focus):before {
  content: attr(data-placeholder);
  position: absolute;
  top: 50%;
  overflow: hidden;
  margin-top: -1em;
  opacity: 0.6;
  font-size: 1em;
  line-height: 2em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mbsc-label-floating .mbsc-color-input:empty:not(:focus):before {
  opacity: 0;
}

.mbsc-label-floating-active .mbsc-color-input:empty:not(:focus):before {
  opacity: 1;
}

.mbsc-color-input-item {
  display: inline-block;
  flex: auto;
  position: relative;
  margin: 0.125em;
  height: 1.5em;
  width: 4.0625em;
  vertical-align: middle;
}

.mbsc-color-input-hdn {
  position: absolute;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  left: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.mbsc-color-input-item-close {
  position: absolute;
  top: 10%;
  right: 0;
  height: 80%;
  width: 1.75em;
  cursor: pointer;
  color: #fff;
  border-left: 1px solid #fff;
  text-align: center;
}

.mbsc-color-input-item-close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin: -0.75em 0 0 -0.75em;
}

.mbsc-input .mbsc-color-input {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

/* JQuery Mobile */

.ui-input-text .mbsc-color-input {
  border-color: transparent;
}

.mbsc-bootstrap.mbsc-color.mbsc-fr-bubble .mbsc-fr-w, .mbsc-bootstrap.mbsc-color.mbsc-fr-center .mbsc-fr-w {
  max-width: 286px;
  min-width: 280px;
}

.mbsc-bootstrap.mbsc-color .mbsc-fr-w {
  min-width: 230px;
}

.mbsc-bootstrap.mbsc-color .mbsc-ic-material-check:before {
  margin-top: -0.65em;
}

.mbsc-bootstrap.mbsc-color .mbsc-fr-c {
  font-size: 16px;
}

.mbsc-bootstrap.mbsc-color .mbsc-color-item-c {
  padding: 0;
}

.mbsc-bootstrap .mbsc-color-active {
  border-radius: 0;
  box-shadow: none;
}

.mbsc-bootstrap .mbsc-color-active .mbsc-color-item,
.mbsc-bootstrap .mbsc-color-active .mbsc-color-preview-item {
  box-shadow: inset 0 0 0 0.1875em #38c;
}

.mbsc-bootstrap.mbsc-color .mbsc-slider-handle {
  top: 50%;
  width: 1em;
  height: 1em;
  background: #337ab7;
  transition: transform 0.2s ease-in-out;
}

.mbsc-bootstrap.mbsc-color .mbsc-slider .mbsc-input-wrap {
  padding: 0 0.75em;
}

.mbsc-bootstrap.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
  background: #ccc;
}

.mbsc-ios.mbsc-color.mbsc-fr-bubble .mbsc-fr-w, .mbsc-ios.mbsc-color.mbsc-fr-center .mbsc-fr-w {
  max-width: 286px;
  min-width: 280px;
}

.mbsc-ios.mbsc-color .mbsc-fr-c {
  padding: 0.25em 0;
}

.mbsc-ios .mbsc-color-active, .mbsc-ios.mbsc-no-touch .mbsc-color-item-c:hover {
  border-radius: 3em;
}

.mbsc-ios .mbsc-color-clear-item,
.mbsc-ios .mbsc-color-item {
  border-radius: 1.75em;
}

.mbsc-ios.mbsc-color .mbsc-fr-c {
  font-size: 16px;
}

.mbsc-ios .mbsc-fr-center .mbsc-color-preview-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mbsc-ios .mbsc-color-preview-cont {
  bottom: 2.8125em;
}

.mbsc-ios.mbsc-color .mbsc-slider-step {
  height: 0.25em;
  margin: 0;
}

.mbsc-ios .mbsc-color-slider-cont.mbsc-progress {
  border: 0;
  padding: 0 0.5em;
}

.mbsc-ios .mbsc-color-slider-cont.mbsc-slider {
  background: transparent;
}

.mbsc-ios .mbsc-color-slider-cont.mbsc-slider:before,
.mbsc-ios .mbsc-color-slider-cont.mbsc-slider:after {
  display: none;
}

.mbsc-ios .mbsc-color-slider-cont .mbsc-progress-cont {
  padding: 1.5em 0;
}

.mbsc-ios .mbsc-color-preview-item {
  border-radius: 1em;
  margin: 0.25em;
}

.mbsc-ios .mbsc-color-refine-preview {
  padding: 0.25em;
}

.mbsc-ios.mbsc-input .mbsc-color-input {
  height: auto;
  min-height: 2.75em;
  padding: 0.1875em 0.8125em;
  background: transparent;
  text-indent: 0.1875em;
}

.mbsc-ios.mbsc-input .mbsc-color-input-item {
  height: 2em;
  margin: 0.1875em;
  border-radius: 0.125em;
}

.mbsc-ios.mbsc-label-stacked .mbsc-color-input-item, .mbsc-ios.mbsc-label-floating .mbsc-color-input-item {
  height: 1.6875em;
}

.mbsc-ios.mbsc-label-stacked .mbsc-color-input:empty:not(:focus):before {
  margin-top: -0.1875em;
}

.mbsc-ios.mbsc-input-box.mbsc-label-stacked .mbsc-color-input:empty:not(:focus):before, .mbsc-ios.mbsc-input-outline.mbsc-label-stacked .mbsc-color-input:empty:not(:focus):before {
  margin-top: -0.375em;
}

.mbsc-ios .mbsc-color-active, .mbsc-ios.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #007aff;
}

.mbsc-material.mbsc-color.mbsc-fr-bubble .mbsc-fr-w, .mbsc-material.mbsc-color.mbsc-fr-center .mbsc-fr-w {
  max-width: 248px;
  min-width: 246px;
}

.mbsc-material.mbsc-color .mbsc-fr-c {
  padding: 0.5em;
}

.mbsc-material .mbsc-color-clear-item,
.mbsc-material .mbsc-color-item {
  margin: 0;
  border: 0;
  box-shadow: none;
  overflow: hidden;
}

.mbsc-material .mbsc-color-clear-cross {
  height: 140%;
  top: -11px;
  left: 50%;
}

.mbsc-material .mbsc-color-active {
  border-radius: 0;
  box-shadow: none;
}

.mbsc-material .mbsc-color-row {
  padding: 0;
}

.mbsc-material .mbsc-color-item-c {
  padding: 0;
  border: 1px solid transparent;
}

.mbsc-material .mbsc-color-preview-item {
  margin: 0.25em 0.125em;
}

.mbsc-material.mbsc-color .mbsc-color-slider-cont .mbsc-slider-handle-cont {
  top: 0.15625em;
}

.mbsc-material.mbsc-input .mbsc-color-input {
  height: auto;
  min-height: 2.125em;
  padding: 0 0 1px 0;
  font-size: 1em;
}

.mbsc-material.mbsc-input-box.mbsc-label-stacked .mbsc-color-input:empty:not(:focus):before {
  margin-top: -0.375em;
}

.mbsc-material .mbsc-color-item:before {
  color: #fff;
}

.mbsc-material.mbsc-input .mbsc-color-input {
  background-color: transparent;
  border-bottom: 1px solid #424242;
  color: black;
}

.mbsc-mobiscroll .mbsc-color-preview-item {
  border-radius: 1em;
}

.mbsc-mobiscroll .mbsc-color-clear-item,
.mbsc-mobiscroll .mbsc-color-item {
  border-radius: 1.75em;
}

.mbsc-mobiscroll .mbsc-color-active, .mbsc-mobiscroll.mbsc-no-touch .mbsc-color-item-c:hover {
  border-radius: 3em;
}

.mbsc-mobiscroll .mbsc-color-preview-cont {
  padding: 0.25em 0 0 0.25em;
}

.mbsc-mobiscroll.mbsc-input .mbsc-color-input {
  height: auto;
  min-height: 2.125em;
  padding: 0 0 1px 0;
  background: transparent;
  font-size: 1em;
}

.mbsc-mobiscroll.mbsc-input .mbsc-color-input-item {
  border-radius: 0.125em;
}

.mbsc-mobiscroll.mbsc-input-box.mbsc-label-stacked .mbsc-color-input:empty:not(:focus):before {
  margin-top: -0.375em;
}

.mbsc-mobiscroll .mbsc-color-active, .mbsc-mobiscroll.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #2b93e6;
}

.mbsc-mobiscroll.mbsc-input .mbsc-color-input {
  border-bottom: 1px solid #787878;
  color: #1f1f1f;
}

.mbsc-windows.mbsc-color .mbsc-fr-w {
  min-width: 230px;
}

.mbsc-windows .mbsc-color-cont {
  padding: 0.25em 0;
}

.mbsc-windows .mbsc-color-active, .mbsc-windows.mbsc-no-touch .mbsc-color-item-c:hover {
  border-radius: 3em;
}

.mbsc-windows .mbsc-color-clear-item,
.mbsc-windows .mbsc-color-item {
  border-radius: 1.75em;
}

.mbsc-windows .mbsc-color-preview-item {
  border-radius: 1em;
  margin: 0.25em;
}

.mbsc-windows .mbsc-color-input:empty:not(:focus):before {
  padding: 0 0.3125em;
}

.mbsc-windows.mbsc-input .mbsc-color-input {
  height: auto;
  min-height: 2em;
  padding: 0;
  font-size: 1em;
  background: transparent;
}

.mbsc-windows.mbsc-input .mbsc-color-input-item {
  margin: 0.125em;
}

.mbsc-windows .mbsc-color-active, .mbsc-windows.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #0078d7;
}

.mbsc-windows .mbsc-color-clear-item {
  background: #ffffff;
}

.mbsc-windows.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
  background: #cfcfcf;
}

.mbsc-windows .mbsc-color-preview-item-empty,
.mbsc-windows .mbsc-color-preview-cont {
  border-color: #bfbfbf;
}

.mbsc-windows.mbsc-input .mbsc-color-input {
  border: 0.125em solid #a6a6a6;
  color: #333333;
}

.mbsc-ios .mbsc-dt-whl-y .mbsc-sc-itm {
  min-width: 3.8em;
}

.mbsc-ios .mbsc-dt-whl-m .mbsc-sc-itm {
  text-align: left;
}

.mbsc-ios .mbsc-dt-whl-d .mbsc-sc-itm,
.mbsc-ios .mbsc-dt-whl-h .mbsc-sc-itm,
.mbsc-ios .mbsc-dt-whl-date .mbsc-sc-itm {
  text-align: right;
}

.mbsc-windows .mbsc-ltr .mbsc-dt-whl-m .mbsc-sc-itm,
.mbsc-windows .mbsc-ltr .mbsc-dt-whl-date .mbsc-sc-itm {
  text-align: left;
}

.mbsc-windows .mbsc-rtl .mbsc-dt-whl-m .mbsc-sc-itm,
.mbsc-windows .mbsc-rtl .mbsc-dt-whl-date .mbsc-sc-itm {
  text-align: right;
}

.mbsc-windows .mbsc-dt-whl-date .mbsc-sc-whl {
  min-width: 120px;
}

.mbsc-lv-cont {
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: pan-y;
  user-select: none;
  touch-action: pan-y;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
  padding-top: 1px;
  /* Needed by iPad OS 13, if list is inside a scrollable container */
  will-change: opacity;
}

/* List */

.mbsc-lv-cont .mbsc-lv {
  list-style: none;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.mbsc-lv {
  display: none;
  position: relative;
}

.mbsc-lv-v {
  display: block;
}

/* Group title */

.mbsc-lv-gr-title {
  position: relative;
  z-index: 3;
  display: block;
}

/* Items */

.mbsc-lv .mbsc-lv-item {
  position: relative;
  z-index: 2;
  list-style: none;
  display: block;
  box-sizing: border-box;
}

.mbsc-lv-item-actionable {
  cursor: pointer;
  outline: 0;
}

.mbsc-lv .mbsc-lv-item.mbsc-input {
  margin: -1px 0 0 0;
}

.mbsc-lv-item-actionable:before,
.mbsc-lv-item.mbsc-selected:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  transition: background-color 0.2s ease-out;
}

.mbsc-cal-events-popup .mbsc-fr-persp {
  pointer-events: none;
}

.mbsc-cal-events-popup .mbsc-fr-popup {
  pointer-events: auto;
}

.mbsc-cal-events {
  box-sizing: content-box;
  font-size: 0.857143em;
  max-width: 100%;
}

.mbsc-cal-events-i {
  max-height: 24em;
}

.mbsc-cal-events-sc {
  position: relative;
  -webkit-backface-visibility: hidden;
}

.mbsc-cal-event {
  line-height: 1.666667em;
  list-style: none;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}

.mbsc-ltr .mbsc-cal-events .mbsc-cal-event {
  padding-right: 5em;
  text-align: left;
}

.mbsc-rtl .mbsc-cal-events .mbsc-cal-event {
  padding-left: 5em;
  text-align: right;
}

.mbsc-cal-event-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.5em;
  height: 100%;
}

.mbsc-cal-event-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-cal-event-time {
  display: inline-block;
  width: 5em;
  white-space: normal;
  line-height: 1.166667em;
  vertical-align: middle;
}

.mbsc-cal-event-dur {
  position: absolute;
  top: 50%;
  height: 2em;
  margin-top: -1em;
  line-height: 2em;
}

.mbsc-ltr .mbsc-cal-event-dur {
  right: 1em;
}

.mbsc-rtl .mbsc-cal-event-dur {
  left: 1em;
}

/* Event list styling */

.mbsc-event-list {
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mbsc-event-list-h {
  display: none;
}

.mbsc-event-list .mbsc-lv .mbsc-lv-gr-title {
  padding: 0.5em 1em;
  line-height: 1.5em;
  position: sticky;
  top: 0;
  margin: 0;
}

.mbsc-event-list .mbsc-lv .mbsc-lv-item {
  display: flex;
  font-size: 0.875em;
  padding: 0.714286em 1em;
  cursor: pointer;
}

/* Empty view */

.mbsc-event-list .mbsc-lv .mbsc-lv-gr-title.mbsc-event-empty {
  text-transform: none;
  font-size: 1em;
}

.mbsc-ltr .mbsc-event-list {
  text-align: left;
}

.mbsc-rtl .mbsc-event-list {
  text-align: right;
}

.mbsc-event-color,
.mbsc-event-time {
  flex: 0 0 auto;
}

.mbsc-event-time {
  width: 6em;
  font-size: 0.714286em;
  line-height: 1.6;
  min-height: 3.2em;
  opacity: 0.7;
}

.mbsc-ltr .mbsc-event-time {
  text-align: right;
}

.mbsc-rtl .mbsc-event-time {
  text-align: left;
}

.mbsc-event-color {
  width: 1.5px;
  margin: -0.285714em 0.714286em;
}

.mbsc-event-txt {
  line-height: 1.142857;
}

/* Desktop grid mode */

.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-hdr {
  padding: 0.5em;
}

.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-scroll-c {
  margin-left: -1px;
}

.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-i {
  min-height: 4em;
}

.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
  top: 100%;
}

.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt,
.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt-ph,
.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-txt-more {
  font-size: 0.75em;
  height: 1.5em;
  line-height: 1.5em;
  padding: 0 0.333334em;
  margin: 0 0.333334em 0.166667em 0.333334em;
}

/* Scrollbar */

.mbsc-cal-events-i:hover .mbsc-sc-bar-c {
  opacity: 1;
}

/* Event calendar */

.mbsc-bootstrap .mbsc-cal-events {
  padding: 5px;
  position: relative;
  max-width: none;
  width: 400px;
}

.mbsc-bootstrap .mbsc-cal-event-color {
  background: #fff;
}

.mbsc-ios.mbsc-lv-cont {
  margin-top: -1px;
}

.mbsc-ios .mbsc-lv-item {
  margin-top: -1px;
  padding: 1em;
  font-weight: normal;
  text-shadow: none;
}

.mbsc-ios .mbsc-lv-item:before,
.mbsc-ios .mbsc-lv-item:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}

.mbsc-ios.mbsc-ltr .mbsc-lv-item:before, .mbsc-ios.mbsc-ltr .mbsc-lv-item:after {
  left: 1em;
}

.mbsc-ios.mbsc-rtl .mbsc-lv-item:before, .mbsc-ios.mbsc-rtl .mbsc-lv-item:after {
  right: 1em;
}

.mbsc-ios .mbsc-lv-item:before {
  top: 0;
}

.mbsc-ios .mbsc-lv-item:after {
  bottom: 0;
}

.mbsc-ios .mbsc-lv-gr-title {
  z-index: 4;
  margin-top: -1px;
  padding: 2.333334em 1.333334em 0.5em 1.333334em;
  font-size: 0.75em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.mbsc-ios .mbsc-lv-gr-title:first-child {
  margin-top: 0;
  border-top: 0;
}

.mbsc-ios .mbsc-lv-item-actionable:before {
  transition: none;
}

.mbsc-ios.mbsc-no-touch .mbsc-lv-item-actionable:hover,
.mbsc-ios .mbsc-lv-item-actionable.mbsc-focus,
.mbsc-ios .mbsc-lv-item.mbsc-selected {
  z-index: 3;
}

.mbsc-ios.mbsc-no-touch .mbsc-lv-item-actionable:hover:before, .mbsc-ios.mbsc-no-touch .mbsc-lv-item-actionable:hover:after,
.mbsc-ios .mbsc-lv-item-actionable.mbsc-focus:before,
.mbsc-ios .mbsc-lv-item-actionable.mbsc-focus:after,
.mbsc-ios .mbsc-lv .mbsc-lv-item-actionable.mbsc-lv-item-active:before,
.mbsc-ios .mbsc-lv .mbsc-lv-item-actionable.mbsc-lv-item-active:after,
.mbsc-ios .mbsc-lv .mbsc-lv-item.mbsc-selected:before,
.mbsc-ios .mbsc-lv .mbsc-lv-item.mbsc-selected:after,
.mbsc-ios .mbsc-lv .mbsc-lv-item:first-child:before,
.mbsc-ios .mbsc-lv .mbsc-lv-item:last-child:after,
.mbsc-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-back:after {
  left: 0;
  right: 0;
}

.mbsc-ios .mbsc-lv {
  background: #cccccc;
}

.mbsc-ios .mbsc-lv-item {
  background: white;
  border-color: #cccccc;
  color: #000000;
}

.mbsc-ios .mbsc-lv-item:before,
.mbsc-ios .mbsc-lv-item:after {
  border-top: 1px solid #cccccc;
}

.mbsc-ios .mbsc-lv-gr-title {
  background: #efeff4;
  color: #6e6e72;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-ios .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-ios .mbsc-lv-item-actionable.mbsc-lv-item-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-ios {
  /* Event listing */
  /* Empty view */
  /* Desktop grid mode */
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-hdr {
  padding: 0.5em 0;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker {
  padding-top: 1.875em;
  padding-bottom: 0;
}

.mbsc-ios.mbsc-cal-events-popup .mbsc-fr-arr-w {
  margin: -1px 0;
}

.mbsc-ios .mbsc-cal-events {
  width: 36.833334em;
}

.mbsc-ios .mbsc-cal-event {
  font-weight: bold;
  line-height: 1.833334em;
  margin-top: -1px;
  padding: 1.166667em;
}

.mbsc-ios .mbsc-cal-event:last-child:after {
  border: 0;
}

.mbsc-ios .mbsc-cal-event-color {
  top: 50%;
  margin-top: -0.25em;
  width: 0.5em;
  height: 0.5em;
  border-radius: 0.5em;
}

.mbsc-ios .mbsc-ltr .mbsc-cal-event-color {
  left: 6.833334em;
}

.mbsc-ios .mbsc-rtl .mbsc-cal-event-color {
  right: 6.833334em;
}

.mbsc-ios .mbsc-cal-event-dur,
.mbsc-ios .mbsc-cal-event-time {
  font-weight: normal;
}

.mbsc-ios .mbsc-ltr .mbsc-cal-event-time {
  margin-right: 1.916667em;
}

.mbsc-ios .mbsc-rtl .mbsc-cal-event-time {
  margin-left: 1.916667em;
}

.mbsc-ios .mbsc-event-list {
  margin: 0;
  padding: 0 0 2em 0;
  background: #efeff4;
}

.mbsc-ios .mbsc-event-list .mbsc-event-day {
  font-weight: bold;
}

.mbsc-ios .mbsc-event-empty {
  border-bottom: 0;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days > div {
  padding: 0 0.571428em;
  font-size: 0.875em;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-slide {
  padding: 0;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
  margin: 0.1875em;
  margin-bottom: 0.375em;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-labels .mbsc-cal-day-i {
  min-height: 5em;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
  margin: -0.5em 0.875em 0 0.875em;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
  text-align: right;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
  text-align: left;
}

.mbsc-ios .mbsc-empty {
  color: #6e6e6e;
}

.mbsc-ios {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-ios.mbsc-ev-cal .mbsc-fr-w {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker {
  background: #f7f7f7;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c {
  background: white;
}

.mbsc-ios.mbsc-cal-events-popup .mbsc-fr-w {
  border: 1px solid #cccccc;
}

.mbsc-ios.mbsc-cal-events-popup .mbsc-fr-arr {
  background: white;
  border: 1px solid #cccccc;
}

.mbsc-ios .mbsc-cal-events-i {
  background: white;
}

.mbsc-ios .mbsc-cal-event-color {
  background: #94b8dd;
}

.mbsc-ios .mbsc-cal-event-dur,
.mbsc-ios .mbsc-cal-event-time {
  color: #8e8e8e;
}

.mbsc-ios .mbsc-event-list {
  background: #efeff4;
}

.mbsc-ios.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #cccccc;
}

.mbsc-material .mbsc-lv-item {
  overflow: hidden;
  padding: 1.1875em 1em;
  font-weight: normal;
}

.mbsc-material .mbsc-lv-gr-title {
  margin-top: -1px;
  font-size: 0.875em;
  font-weight: bold;
  padding: 0.5714em 1.14285em;
}

.mbsc-material .mbsc-lv {
  background: #c4c4c4;
}

.mbsc-material .mbsc-lv-item {
  background: #fff;
  color: #303030;
}

.mbsc-material .mbsc-lv-gr-title {
  background: #fff;
  color: #1a73e8;
}

.mbsc-material.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-material .mbsc-lv-item-actionable.mbsc-lv-item-active:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-material .mbsc-cal-events {
  width: 30em;
}

.mbsc-material .mbsc-cal-event {
  margin: 0.5em;
  padding: 0.5em;
}

.mbsc-material .mbsc-cal-event-color {
  z-index: -2;
  width: 100%;
  border-radius: 0.214286em;
}

.mbsc-material .mbsc-cal-event-time,
.mbsc-material .mbsc-cal-event-text {
  position: relative;
  z-index: 1;
}

.mbsc-material .mbsc-event-list .mbsc-lv {
  background: none;
}

.mbsc-material .mbsc-event-list .mbsc-lv-item {
  margin: 0.5em;
  padding: 0.5em;
}

.mbsc-material .mbsc-ltr .mbsc-event-time {
  text-align: left;
}

.mbsc-material .mbsc-rtl .mbsc-event-time {
  text-align: right;
}

.mbsc-material .mbsc-event-color {
  position: absolute;
  width: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -2;
  margin: 0;
  border-radius: 0.214286em;
}

.mbsc-material .mbsc-event-txt {
  padding: 0 1em;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
  padding: 0;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days > div {
  padding: 0 0.714286em;
  font-size: 0.875em;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
  padding-top: 1.875em;
  padding-bottom: 0;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
  margin: 0.230769em;
  margin-bottom: 0.461538em;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-labels .mbsc-cal-day-i {
  min-height: 5.375em;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal .mbsc-cal-day .mbsc-cal-marks {
  margin: -0.5em 1.125em 0 1.125em;
  transform: none;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
  text-align: left;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
  text-align: right;
}

.mbsc-material {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-material .mbsc-cal-events .mbsc-cal-event {
  color: #fff;
}

.mbsc-material .mbsc-cal-event-color {
  background: #1a73e8;
}

.mbsc-material .mbsc-cal-event.mbsc-focus,
.mbsc-material .mbsc-event-list .mbsc-lv-item.mbsc-focus {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material .mbsc-event-list .mbsc-lv-item {
  color: white;
}

.mbsc-material .mbsc-event-color {
  background: #1a73e8;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #c4c4c4;
}

.mbsc-material.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.mbsc-mobiscroll.mbsc-lv-cont {
  font-family: arial, verdana, sans-serif;
  padding-top: 1px;
}

.mbsc-mobiscroll .mbsc-lv-item {
  padding: 1.25em;
  font-weight: normal;
}

.mbsc-mobiscroll .mbsc-lv-gr-title {
  padding: 0 1.25em;
  font-size: 0.75em;
  text-transform: uppercase;
  line-height: 2em;
  margin-top: -1px;
}

.mbsc-mobiscroll .mbsc-lv {
  background: #cfcfcf;
}

.mbsc-mobiscroll .mbsc-lv-item {
  background: #ffffff;
  color: #454545;
}

.mbsc-mobiscroll .mbsc-lv-gr-title {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-mobiscroll .mbsc-lv-item-active.mbsc-lv-item-actionable:before,
.mbsc-mobiscroll .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(43, 147, 230, 0.15);
}

.mbsc-mobiscroll {
  /* Desktop grid mode */
}

.mbsc-mobiscroll.mbsc-cal-events-popup .mbsc-fr-w {
  border-radius: 0;
}

.mbsc-mobiscroll.mbsc-cal-events-popup .mbsc-fr-bubble-top .mbsc-fr-arr {
  border-bottom-color: transparent;
}

.mbsc-mobiscroll .mbsc-cal-events {
  width: 32em;
}

.mbsc-mobiscroll .mbsc-cal-event {
  padding: 1em 1em 1em 1.25em;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
  padding: 0;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days > div {
  border: 0;
  padding: 0 0.785714em;
  font-size: 0.875em;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
  padding-top: 1.875em;
  padding-bottom: 0;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
  margin: 0.230769em;
  margin-bottom: 0.461538em;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-labels .mbsc-cal-day-i {
  min-height: 5.125em;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
  margin: -0.5em 1em 0 1em;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day {
  text-align: left;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day {
  text-align: right;
}

.mbsc-mobiscroll {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-mobiscroll.mbsc-cal-events-popup .mbsc-fr-w {
  border: 0.375em solid #858585;
}

.mbsc-mobiscroll.mbsc-cal-events-popup .mbsc-fr-arr {
  background: #858585;
}

.mbsc-mobiscroll .mbsc-cal-event-color {
  background: #2b93e6;
}

.mbsc-mobiscroll .mbsc-cal-event-time,
.mbsc-mobiscroll .mbsc-cal-event-dur {
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-event-list .mbsc-lv-gr-title {
  background: #ffffff;
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-event-color {
  background: rgba(69, 69, 69, 0.3);
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #e6e6e6;
}

.mbsc-mobiscroll.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.mbsc-windows .mbsc-lv-item {
  padding: 1.25em;
  font-family: Segoe UI, arial, verdana, sans-serif;
  font-weight: normal;
  text-shadow: none;
}

.mbsc-windows .mbsc-lv-gr-title {
  font-size: 1.3125em;
  padding: 1em 0.625em 0 0.625em;
  line-height: 2em;
}

.mbsc-windows .mbsc-lv {
  background: #a8a8a8;
}

.mbsc-windows .mbsc-lv-item,
.mbsc-windows .mbsc-lv-gr-title {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-windows .mbsc-lv-item-actionable.mbsc-lv-item-active:before,
.mbsc-windows .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-windows {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-windows .mbsc-cal-events {
  width: 31.5em;
}

.mbsc-windows .mbsc-cal-event {
  padding: 1em;
}

.mbsc-windows .mbsc-event-list .mbsc-lv-gr-title {
  font-size: 0.9375em;
  font-weight: bold;
}

.mbsc-windows .mbsc-event-color {
  width: 0.5em;
  order: -1;
}

.mbsc-windows .mbsc-ltr .mbsc-event-color {
  margin-left: -1em;
  margin-right: 0;
}

.mbsc-windows .mbsc-rtl .mbsc-event-color {
  margin-left: 0;
  margin-right: -1em;
}

.mbsc-windows .mbsc-event-time {
  margin: 0 1em;
}

.mbsc-windows .mbsc-ltr .mbsc-event-time {
  text-align: left;
}

.mbsc-windows .mbsc-rtl .mbsc-event-time {
  text-align: right;
}

.mbsc-windows.mbsc-cal-events-popup .mbsc-fr-arr-w {
  margin: 0;
}

.mbsc-windows.mbsc-cal-events-popup .mbsc-fr-arr {
  border: 0;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-c {
  padding: 0;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-days > div {
  padding: 0 0.6em;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-picker {
  padding: 0;
  padding-top: 1.875em;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-date {
  padding: 0 0.5em;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-has-labels .mbsc-cal-day-i {
  min-height: 4.75em;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-marks {
  margin: -0.875em 0.625em 0 0.625em;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-days,
.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day,
.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-ltr .mbsc-cal-day-date {
  text-align: left;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-days,
.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day,
.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-rtl .mbsc-cal-day-date {
  text-align: right;
}

.mbsc-windows {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-windows.mbsc-cal-events-popup .mbsc-fr-w {
  border: 0.375em solid rgba(51, 51, 51, 0.8);
}

.mbsc-windows.mbsc-cal-events-popup .mbsc-fr-arr {
  background: rgba(51, 51, 51, 0.8);
}

.mbsc-windows .mbsc-cal-events {
  background: rgba(51, 51, 51, 0.8);
}

.mbsc-windows .mbsc-cal-event-color {
  background: #333333;
}

.mbsc-windows .mbsc-event-list .mbsc-lv-item {
  background: white;
}

.mbsc-windows .mbsc-event-list .mbsc-lv-item:last-child {
  border-bottom: 1px solid #f2f2f2;
}

.mbsc-windows .mbsc-event-list .mbsc-lv-gr-title {
  background: white;
}

.mbsc-windows .mbsc-event-color {
  background: #0078d7;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #d9d9d9;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  background: white;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.mbsc-windows.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-diff .mbsc-cal-day-i {
  background: #ffffff;
}

.mbsc-grid,
.mbsc-grid-unresp,
.mbsc-grid-fixed {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.mbsc-grid *,
.mbsc-grid-unresp *,
.mbsc-grid-fixed * {
  box-sizing: border-box;
}

.mbsc-no-padding .mbsc-col,
.mbsc-no-padding [class*=mbsc-col-],
.mbsc-form-grid .mbsc-col,
.mbsc-form-grid [class*=mbsc-col-] {
  padding-right: 0;
  padding-left: 0;
}

.mbsc-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1em;
  margin-left: -1em;
}

.mbsc-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-col-1,
.mbsc-col-2,
.mbsc-col-3,
.mbsc-col-4,
.mbsc-col-5,
.mbsc-col-6,
.mbsc-col-7,
.mbsc-col-8,
.mbsc-col-9,
.mbsc-col-10,
.mbsc-col-11,
.mbsc-col-12,
.mbsc-col,
.mbsc-col-auto,
.mbsc-col-sm-1,
.mbsc-col-sm-2,
.mbsc-col-sm-3,
.mbsc-col-sm-4,
.mbsc-col-sm-5,
.mbsc-col-sm-6,
.mbsc-col-sm-7,
.mbsc-col-sm-8,
.mbsc-col-sm-9,
.mbsc-col-sm-10,
.mbsc-col-sm-11,
.mbsc-col-sm-12,
.mbsc-col-sm,
.mbsc-col-sm-auto,
.mbsc-col-md-1,
.mbsc-col-md-2,
.mbsc-col-md-3,
.mbsc-col-md-4,
.mbsc-col-md-5,
.mbsc-col-md-6,
.mbsc-col-md-7,
.mbsc-col-md-8,
.mbsc-col-md-9,
.mbsc-col-md-10,
.mbsc-col-md-11,
.mbsc-col-md-12,
.mbsc-col-md,
.mbsc-col-md-auto,
.mbsc-col-lg-1,
.mbsc-col-lg-2,
.mbsc-col-lg-3,
.mbsc-col-lg-4,
.mbsc-col-lg-5,
.mbsc-col-lg-6,
.mbsc-col-lg-7,
.mbsc-col-lg-8,
.mbsc-col-lg-9,
.mbsc-col-lg-10,
.mbsc-col-lg-11,
.mbsc-col-lg-12,
.mbsc-col-lg,
.mbsc-col-lg-auto,
.mbsc-col-xl-1,
.mbsc-col-xl-2,
.mbsc-col-xl-3,
.mbsc-col-xl-4,
.mbsc-col-xl-5,
.mbsc-col-xl-6,
.mbsc-col-xl-7,
.mbsc-col-xl-8,
.mbsc-col-xl-9,
.mbsc-col-xl-10,
.mbsc-col-xl-11,
.mbsc-col-xl-12,
.mbsc-col-xl,
.mbsc-col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1em;
  padding-left: 1em;
}

.mbsc-col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-offset-1 {
  margin-left: 8.333333%;
}

.mbsc-offset-2 {
  margin-left: 16.666667%;
}

.mbsc-offset-3 {
  margin-left: 25%;
}

.mbsc-offset-4 {
  margin-left: 33.333333%;
}

.mbsc-offset-5 {
  margin-left: 41.666667%;
}

.mbsc-offset-6 {
  margin-left: 50%;
}

.mbsc-offset-7 {
  margin-left: 58.333333%;
}

.mbsc-offset-8 {
  margin-left: 66.666667%;
}

.mbsc-offset-9 {
  margin-left: 75%;
}

.mbsc-offset-10 {
  margin-left: 83.333333%;
}

.mbsc-offset-11 {
  margin-left: 91.666667%;
}

.mbsc-grid-sm.mbsc-grid-fixed {
  max-width: 540px;
}

.mbsc-grid-sm .mbsc-col-sm {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-grid-sm .mbsc-col-sm-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-grid-sm .mbsc-col-sm-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-grid-sm .mbsc-col-sm-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-grid-sm .mbsc-col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-grid-sm .mbsc-col-sm-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-grid-sm .mbsc-col-sm-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-grid-sm .mbsc-col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-grid-sm .mbsc-col-sm-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-grid-sm .mbsc-col-sm-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-grid-sm .mbsc-col-sm-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-grid-sm .mbsc-col-sm-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-grid-sm .mbsc-col-sm-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-grid-sm .mbsc-col-sm-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-grid-sm .mbsc-offset-sm-0 {
  margin-left: 0;
}

.mbsc-grid-sm .mbsc-offset-sm-1 {
  margin-left: 8.333333%;
}

.mbsc-grid-sm .mbsc-offset-sm-2 {
  margin-left: 16.666667%;
}

.mbsc-grid-sm .mbsc-offset-sm-3 {
  margin-left: 25%;
}

.mbsc-grid-sm .mbsc-offset-sm-4 {
  margin-left: 33.333333%;
}

.mbsc-grid-sm .mbsc-offset-sm-5 {
  margin-left: 41.666667%;
}

.mbsc-grid-sm .mbsc-offset-sm-6 {
  margin-left: 50%;
}

.mbsc-grid-sm .mbsc-offset-sm-7 {
  margin-left: 58.333333%;
}

.mbsc-grid-sm .mbsc-offset-sm-8 {
  margin-left: 66.666667%;
}

.mbsc-grid-sm .mbsc-offset-sm-9 {
  margin-left: 75%;
}

.mbsc-grid-sm .mbsc-offset-sm-10 {
  margin-left: 83.333333%;
}

.mbsc-grid-sm .mbsc-offset-sm-11 {
  margin-left: 91.666667%;
}

.mbsc-grid-sm .mbsc-push-sm-0 {
  left: auto;
}

.mbsc-grid-sm .mbsc-push-sm-1 {
  left: 8.33333333%;
}

.mbsc-grid-sm .mbsc-push-sm-2 {
  left: 16.66666667%;
}

.mbsc-grid-sm .mbsc-push-sm-3 {
  left: 25%;
}

.mbsc-grid-sm .mbsc-push-sm-4 {
  left: 33.33333333%;
}

.mbsc-grid-sm .mbsc-push-sm-5 {
  left: 41.66666667%;
}

.mbsc-grid-sm .mbsc-push-sm-6 {
  left: 50%;
}

.mbsc-grid-sm .mbsc-push-sm-7 {
  left: 58.33333333%;
}

.mbsc-grid-sm .mbsc-push-sm-8 {
  left: 66.66666667%;
}

.mbsc-grid-sm .mbsc-push-sm-9 {
  left: 75%;
}

.mbsc-grid-sm .mbsc-push-sm-10 {
  left: 83.33333333%;
}

.mbsc-grid-sm .mbsc-push-sm-11 {
  left: 91.66666667%;
}

.mbsc-grid-sm .mbsc-push-sm-12 {
  left: 100%;
}

.mbsc-grid-sm .mbsc-pull-sm-0 {
  right: auto;
}

.mbsc-grid-sm .mbsc-pull-sm-1 {
  right: 8.33333333%;
}

.mbsc-grid-sm .mbsc-pull-sm-2 {
  right: 16.66666667%;
}

.mbsc-grid-sm .mbsc-pull-sm-3 {
  right: 25%;
}

.mbsc-grid-sm .mbsc-pull-sm-4 {
  right: 33.33333333%;
}

.mbsc-grid-sm .mbsc-pull-sm-5 {
  right: 41.66666667%;
}

.mbsc-grid-sm .mbsc-pull-sm-6 {
  right: 50%;
}

.mbsc-grid-sm .mbsc-pull-sm-7 {
  right: 58.33333333%;
}

.mbsc-grid-sm .mbsc-pull-sm-8 {
  right: 66.66666667%;
}

.mbsc-grid-sm .mbsc-pull-sm-9 {
  right: 75%;
}

.mbsc-grid-sm .mbsc-pull-sm-10 {
  right: 83.33333333%;
}

.mbsc-grid-sm .mbsc-pull-sm-11 {
  right: 91.66666667%;
}

.mbsc-grid-sm .mbsc-pull-sm-12 {
  right: 100%;
}

@media (min-width: 576px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 540px;
  }
  .mbsc-grid .mbsc-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-sm-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-sm-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-sm-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-sm-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-sm-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-sm-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-sm-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-sm-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-sm-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-sm-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-sm-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-sm-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-sm-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-sm-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-sm-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-sm-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-sm-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-sm-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-sm-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-sm-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-sm-12 {
    right: 100%;
  }
}

.mbsc-grid-md.mbsc-grid-fixed {
  max-width: 720px;
}

.mbsc-grid-md .mbsc-col-md {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-grid-md .mbsc-col-md-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-grid-md .mbsc-col-md-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-grid-md .mbsc-col-md-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-grid-md .mbsc-col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-grid-md .mbsc-col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-grid-md .mbsc-col-md-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-grid-md .mbsc-col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-grid-md .mbsc-col-md-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-grid-md .mbsc-col-md-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-grid-md .mbsc-col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-grid-md .mbsc-col-md-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-grid-md .mbsc-col-md-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-grid-md .mbsc-col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-grid-md .mbsc-offset-md-0 {
  margin-left: 0;
}

.mbsc-grid-md .mbsc-offset-md-1 {
  margin-left: 8.333333%;
}

.mbsc-grid-md .mbsc-offset-md-2 {
  margin-left: 16.666667%;
}

.mbsc-grid-md .mbsc-offset-md-3 {
  margin-left: 25%;
}

.mbsc-grid-md .mbsc-offset-md-4 {
  margin-left: 33.333333%;
}

.mbsc-grid-md .mbsc-offset-md-5 {
  margin-left: 41.666667%;
}

.mbsc-grid-md .mbsc-offset-md-6 {
  margin-left: 50%;
}

.mbsc-grid-md .mbsc-offset-md-7 {
  margin-left: 58.333333%;
}

.mbsc-grid-md .mbsc-offset-md-8 {
  margin-left: 66.666667%;
}

.mbsc-grid-md .mbsc-offset-md-9 {
  margin-left: 75%;
}

.mbsc-grid-md .mbsc-offset-md-10 {
  margin-left: 83.333333%;
}

.mbsc-grid-md .mbsc-offset-md-11 {
  margin-left: 91.666667%;
}

.mbsc-grid-md .mbsc-push-md-0 {
  left: auto;
}

.mbsc-grid-md .mbsc-push-md-1 {
  left: 8.33333333%;
}

.mbsc-grid-md .mbsc-push-md-2 {
  left: 16.66666667%;
}

.mbsc-grid-md .mbsc-push-md-3 {
  left: 25%;
}

.mbsc-grid-md .mbsc-push-md-4 {
  left: 33.33333333%;
}

.mbsc-grid-md .mbsc-push-md-5 {
  left: 41.66666667%;
}

.mbsc-grid-md .mbsc-push-md-6 {
  left: 50%;
}

.mbsc-grid-md .mbsc-push-md-7 {
  left: 58.33333333%;
}

.mbsc-grid-md .mbsc-push-md-8 {
  left: 66.66666667%;
}

.mbsc-grid-md .mbsc-push-md-9 {
  left: 75%;
}

.mbsc-grid-md .mbsc-push-md-10 {
  left: 83.33333333%;
}

.mbsc-grid-md .mbsc-push-md-11 {
  left: 91.66666667%;
}

.mbsc-grid-md .mbsc-push-md-12 {
  left: 100%;
}

.mbsc-grid-md .mbsc-pull-md-0 {
  right: auto;
}

.mbsc-grid-md .mbsc-pull-md-1 {
  right: 8.33333333%;
}

.mbsc-grid-md .mbsc-pull-md-2 {
  right: 16.66666667%;
}

.mbsc-grid-md .mbsc-pull-md-3 {
  right: 25%;
}

.mbsc-grid-md .mbsc-pull-md-4 {
  right: 33.33333333%;
}

.mbsc-grid-md .mbsc-pull-md-5 {
  right: 41.66666667%;
}

.mbsc-grid-md .mbsc-pull-md-6 {
  right: 50%;
}

.mbsc-grid-md .mbsc-pull-md-7 {
  right: 58.33333333%;
}

.mbsc-grid-md .mbsc-pull-md-8 {
  right: 66.66666667%;
}

.mbsc-grid-md .mbsc-pull-md-9 {
  right: 75%;
}

.mbsc-grid-md .mbsc-pull-md-10 {
  right: 83.33333333%;
}

.mbsc-grid-md .mbsc-pull-md-11 {
  right: 91.66666667%;
}

.mbsc-grid-md .mbsc-pull-md-12 {
  right: 100%;
}

@media (min-width: 768px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 720px;
  }
  .mbsc-grid .mbsc-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-md-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-md-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-md-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-md-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-md-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-md-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-md-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-md-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-md-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-md-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-md-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-md-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-md-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-md-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-md-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-md-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-md-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-md-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-md-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-md-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-md-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-md-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-md-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-md-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-md-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-md-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-md-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-md-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-md-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-md-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-md-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-md-12 {
    right: 100%;
  }
}

.mbsc-grid-lg.mbsc-grid-fixed {
  max-width: 960px;
}

.mbsc-grid-lg .mbsc-col-lg {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-grid-lg .mbsc-col-lg-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-grid-lg .mbsc-col-lg-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-grid-lg .mbsc-col-lg-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-grid-lg .mbsc-col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-grid-lg .mbsc-col-lg-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-grid-lg .mbsc-col-lg-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-grid-lg .mbsc-col-lg-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-grid-lg .mbsc-col-lg-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-grid-lg .mbsc-col-lg-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-grid-lg .mbsc-col-lg-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-grid-lg .mbsc-col-lg-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-grid-lg .mbsc-col-lg-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-grid-lg .mbsc-col-lg-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-grid-lg .mbsc-offset-lg-0 {
  margin-left: 0;
}

.mbsc-grid-lg .mbsc-offset-lg-1 {
  margin-left: 8.333333%;
}

.mbsc-grid-lg .mbsc-offset-lg-2 {
  margin-left: 16.666667%;
}

.mbsc-grid-lg .mbsc-offset-lg-3 {
  margin-left: 25%;
}

.mbsc-grid-lg .mbsc-offset-lg-4 {
  margin-left: 33.333333%;
}

.mbsc-grid-lg .mbsc-offset-lg-5 {
  margin-left: 41.666667%;
}

.mbsc-grid-lg .mbsc-offset-lg-6 {
  margin-left: 50%;
}

.mbsc-grid-lg .mbsc-offset-lg-7 {
  margin-left: 58.333333%;
}

.mbsc-grid-lg .mbsc-offset-lg-8 {
  margin-left: 66.666667%;
}

.mbsc-grid-lg .mbsc-offset-lg-9 {
  margin-left: 75%;
}

.mbsc-grid-lg .mbsc-offset-lg-10 {
  margin-left: 83.333333%;
}

.mbsc-grid-lg .mbsc-offset-lg-11 {
  margin-left: 91.666667%;
}

.mbsc-grid-lg .mbsc-push-lg-0 {
  left: auto;
}

.mbsc-grid-lg .mbsc-push-lg-1 {
  left: 8.33333333%;
}

.mbsc-grid-lg .mbsc-push-lg-2 {
  left: 16.66666667%;
}

.mbsc-grid-lg .mbsc-push-lg-3 {
  left: 25%;
}

.mbsc-grid-lg .mbsc-push-lg-4 {
  left: 33.33333333%;
}

.mbsc-grid-lg .mbsc-push-lg-5 {
  left: 41.66666667%;
}

.mbsc-grid-lg .mbsc-push-lg-6 {
  left: 50%;
}

.mbsc-grid-lg .mbsc-push-lg-7 {
  left: 58.33333333%;
}

.mbsc-grid-lg .mbsc-push-lg-8 {
  left: 66.66666667%;
}

.mbsc-grid-lg .mbsc-push-lg-9 {
  left: 75%;
}

.mbsc-grid-lg .mbsc-push-lg-10 {
  left: 83.33333333%;
}

.mbsc-grid-lg .mbsc-push-lg-11 {
  left: 91.66666667%;
}

.mbsc-grid-lg .mbsc-push-lg-12 {
  left: 100%;
}

.mbsc-grid-lg .mbsc-pull-lg-0 {
  right: auto;
}

.mbsc-grid-lg .mbsc-pull-lg-1 {
  right: 8.33333333%;
}

.mbsc-grid-lg .mbsc-pull-lg-2 {
  right: 16.66666667%;
}

.mbsc-grid-lg .mbsc-pull-lg-3 {
  right: 25%;
}

.mbsc-grid-lg .mbsc-pull-lg-4 {
  right: 33.33333333%;
}

.mbsc-grid-lg .mbsc-pull-lg-5 {
  right: 41.66666667%;
}

.mbsc-grid-lg .mbsc-pull-lg-6 {
  right: 50%;
}

.mbsc-grid-lg .mbsc-pull-lg-7 {
  right: 58.33333333%;
}

.mbsc-grid-lg .mbsc-pull-lg-8 {
  right: 66.66666667%;
}

.mbsc-grid-lg .mbsc-pull-lg-9 {
  right: 75%;
}

.mbsc-grid-lg .mbsc-pull-lg-10 {
  right: 83.33333333%;
}

.mbsc-grid-lg .mbsc-pull-lg-11 {
  right: 91.66666667%;
}

.mbsc-grid-lg .mbsc-pull-lg-12 {
  right: 100%;
}

@media (min-width: 992px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 960px;
  }
  .mbsc-grid .mbsc-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-lg-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-lg-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-lg-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-lg-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-lg-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-lg-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-lg-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-lg-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-lg-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-lg-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-lg-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-lg-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-lg-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-lg-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-lg-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-lg-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-lg-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-lg-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-lg-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-lg-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-lg-12 {
    right: 100%;
  }
}

.mbsc-grid-xl.mbsc-grid-fixed {
  max-width: 1140px;
}

.mbsc-grid-xl .mbsc-col-xl {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.mbsc-grid-xl .mbsc-col-xl-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.mbsc-grid-xl .mbsc-col-xl-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.mbsc-grid-xl .mbsc-col-xl-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.mbsc-grid-xl .mbsc-col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.mbsc-grid-xl .mbsc-col-xl-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.mbsc-grid-xl .mbsc-col-xl-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.mbsc-grid-xl .mbsc-col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.mbsc-grid-xl .mbsc-col-xl-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.mbsc-grid-xl .mbsc-col-xl-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.mbsc-grid-xl .mbsc-col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.mbsc-grid-xl .mbsc-col-xl-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.mbsc-grid-xl .mbsc-col-xl-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.mbsc-grid-xl .mbsc-col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.mbsc-grid-xl .mbsc-offset-xl-0 {
  margin-left: 0;
}

.mbsc-grid-xl .mbsc-offset-xl-1 {
  margin-left: 8.333333%;
}

.mbsc-grid-xl .mbsc-offset-xl-2 {
  margin-left: 16.666667%;
}

.mbsc-grid-xl .mbsc-offset-xl-3 {
  margin-left: 25%;
}

.mbsc-grid-xl .mbsc-offset-xl-4 {
  margin-left: 33.333333%;
}

.mbsc-grid-xl .mbsc-offset-xl-5 {
  margin-left: 41.666667%;
}

.mbsc-grid-xl .mbsc-offset-xl-6 {
  margin-left: 50%;
}

.mbsc-grid-xl .mbsc-offset-xl-7 {
  margin-left: 58.333333%;
}

.mbsc-grid-xl .mbsc-offset-xl-8 {
  margin-left: 66.666667%;
}

.mbsc-grid-xl .mbsc-offset-xl-9 {
  margin-left: 75%;
}

.mbsc-grid-xl .mbsc-offset-xl-10 {
  margin-left: 83.333333%;
}

.mbsc-grid-xl .mbsc-offset-xl-11 {
  margin-left: 91.666667%;
}

.mbsc-grid-xl .mbsc-push-xl-0 {
  left: auto;
}

.mbsc-grid-xl .mbsc-push-xl-1 {
  left: 8.33333333%;
}

.mbsc-grid-xl .mbsc-push-xl-2 {
  left: 16.66666667%;
}

.mbsc-grid-xl .mbsc-push-xl-3 {
  left: 25%;
}

.mbsc-grid-xl .mbsc-push-xl-4 {
  left: 33.33333333%;
}

.mbsc-grid-xl .mbsc-push-xl-5 {
  left: 41.66666667%;
}

.mbsc-grid-xl .mbsc-push-xl-6 {
  left: 50%;
}

.mbsc-grid-xl .mbsc-push-xl-7 {
  left: 58.33333333%;
}

.mbsc-grid-xl .mbsc-push-xl-8 {
  left: 66.66666667%;
}

.mbsc-grid-xl .mbsc-push-xl-9 {
  left: 75%;
}

.mbsc-grid-xl .mbsc-push-xl-10 {
  left: 83.33333333%;
}

.mbsc-grid-xl .mbsc-push-xl-11 {
  left: 91.66666667%;
}

.mbsc-grid-xl .mbsc-push-xl-12 {
  left: 100%;
}

.mbsc-grid-xl .mbsc-pull-xl-0 {
  right: auto;
}

.mbsc-grid-xl .mbsc-pull-xl-1 {
  right: 8.33333333%;
}

.mbsc-grid-xl .mbsc-pull-xl-2 {
  right: 16.66666667%;
}

.mbsc-grid-xl .mbsc-pull-xl-3 {
  right: 25%;
}

.mbsc-grid-xl .mbsc-pull-xl-4 {
  right: 33.33333333%;
}

.mbsc-grid-xl .mbsc-pull-xl-5 {
  right: 41.66666667%;
}

.mbsc-grid-xl .mbsc-pull-xl-6 {
  right: 50%;
}

.mbsc-grid-xl .mbsc-pull-xl-7 {
  right: 58.33333333%;
}

.mbsc-grid-xl .mbsc-pull-xl-8 {
  right: 66.66666667%;
}

.mbsc-grid-xl .mbsc-pull-xl-9 {
  right: 75%;
}

.mbsc-grid-xl .mbsc-pull-xl-10 {
  right: 83.33333333%;
}

.mbsc-grid-xl .mbsc-pull-xl-11 {
  right: 91.66666667%;
}

.mbsc-grid-xl .mbsc-pull-xl-12 {
  right: 100%;
}

@media (min-width: 1200px) {
  .mbsc-grid.mbsc-grid-fixed {
    max-width: 1140px;
  }
  .mbsc-grid .mbsc-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .mbsc-grid .mbsc-col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .mbsc-grid .mbsc-col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .mbsc-grid .mbsc-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .mbsc-grid .mbsc-col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .mbsc-grid .mbsc-col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .mbsc-grid .mbsc-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mbsc-grid .mbsc-col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .mbsc-grid .mbsc-col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .mbsc-grid .mbsc-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .mbsc-grid .mbsc-col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .mbsc-grid .mbsc-col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .mbsc-grid .mbsc-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .mbsc-grid .mbsc-offset-xl-0 {
    margin-left: 0;
  }
  .mbsc-grid .mbsc-offset-xl-1 {
    margin-left: 8.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-2 {
    margin-left: 16.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-3 {
    margin-left: 25%;
  }
  .mbsc-grid .mbsc-offset-xl-4 {
    margin-left: 33.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-5 {
    margin-left: 41.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-6 {
    margin-left: 50%;
  }
  .mbsc-grid .mbsc-offset-xl-7 {
    margin-left: 58.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-8 {
    margin-left: 66.666667%;
  }
  .mbsc-grid .mbsc-offset-xl-9 {
    margin-left: 75%;
  }
  .mbsc-grid .mbsc-offset-xl-10 {
    margin-left: 83.333333%;
  }
  .mbsc-grid .mbsc-offset-xl-11 {
    margin-left: 91.666667%;
  }
  .mbsc-grid .mbsc-push-xl-0 {
    left: auto;
  }
  .mbsc-grid .mbsc-push-xl-1 {
    left: 8.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-2 {
    left: 16.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-3 {
    left: 25%;
  }
  .mbsc-grid .mbsc-push-xl-4 {
    left: 33.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-5 {
    left: 41.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-6 {
    left: 50%;
  }
  .mbsc-grid .mbsc-push-xl-7 {
    left: 58.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-8 {
    left: 66.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-9 {
    left: 75%;
  }
  .mbsc-grid .mbsc-push-xl-10 {
    left: 83.33333333%;
  }
  .mbsc-grid .mbsc-push-xl-11 {
    left: 91.66666667%;
  }
  .mbsc-grid .mbsc-push-xl-12 {
    left: 100%;
  }
  .mbsc-grid .mbsc-pull-xl-0 {
    right: auto;
  }
  .mbsc-grid .mbsc-pull-xl-1 {
    right: 8.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-2 {
    right: 16.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-3 {
    right: 25%;
  }
  .mbsc-grid .mbsc-pull-xl-4 {
    right: 33.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-5 {
    right: 41.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-6 {
    right: 50%;
  }
  .mbsc-grid .mbsc-pull-xl-7 {
    right: 58.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-8 {
    right: 66.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-9 {
    right: 75%;
  }
  .mbsc-grid .mbsc-pull-xl-10 {
    right: 83.33333333%;
  }
  .mbsc-grid .mbsc-pull-xl-11 {
    right: 91.66666667%;
  }
  .mbsc-grid .mbsc-pull-xl-12 {
    right: 100%;
  }
}

.mbsc-align-items-start {
  align-items: flex-start !important;
}

.mbsc-align-items-center {
  align-items: center !important;
}

.mbsc-align-items-end {
  align-items: flex-end !important;
}

.mbsc-justify-content-start {
  justify-content: flex-start !important;
}

.mbsc-justify-content-center {
  justify-content: center !important;
}

.mbsc-justify-content-end {
  justify-content: flex-end !important;
}

.mbsc-justify-content-around {
  justify-content: space-around !important;
}

.mbsc-justify-content-between {
  justify-content: space-between !important;
}

.mbsc-ltr .mbsc-img-w {
  text-align: left;
}

.mbsc-ltr .mbsc-img-txt {
  margin: 0 0 0 0.5em;
}

.mbsc-rtl .mbsc-img-w {
  text-align: right;
}

.mbsc-rtl .mbsc-img-txt {
  margin: 0 0.5em 0 0;
}

.mbsc-img-w .mbsc-ic {
  display: inline-block;
  margin: 0 0.5em;
}

.mbsc-img-txt {
  display: inline-block;
}

.mbsc-img-c {
  min-width: 50px;
  height: 28px;
  margin-top: -2px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: normal;
}

.mbsc-img {
  max-height: 28px;
}

/* Animations */

@keyframes mbsc-lv-spin {
  from {
    transform: rotate(180deg);
    opacity: 0;
  }
  to {
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes mbsc-lv-remove-right {
  to {
    transform: translateX(100%);
  }
}

@keyframes mbsc-lv-remove-left {
  to {
    transform: translateX(-100%);
  }
}

@keyframes mbsc-lv-add-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes mbsc-lv-add-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes mbsc-lv-pop-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
  }
}

@keyframes mbsc-lv-pop-out {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}

@keyframes mbsc-lv-collapse {
  from {
    padding: 0;
    border: 0;
  }
  to {
    padding: 0;
    border: 0;
    height: 0;
  }
}

@keyframes mbsc-lv-expand {
  from {
    padding: 0;
    border: 0;
    height: 0;
  }
  to {
    padding: 0;
    border: 0;
  }
}

@keyframes mbsc-lv-fill {
  from {
    transform: scale(1, 0);
  }
  to {
    transform: scale(1, 1);
  }
}

/* Loading animation */

@keyframes mbsc-lv-rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Backface visibility */

.mbsc-lv-stage-c-v,
.mbsc-lv-item,
.mbsc-lv-gr-title,
.mbsc-lv-ic-text {
  -webkit-transform: translateZ(0);
}

.mbsc-lv,
.mbsc-lv-fill-item {
  -webkit-backface-visibility: hidden;
}

.mbsc-rtl {
  direction: rtl;
}

/* List */

.mbsc-lv.mbsc-lv-dummy {
  display: block;
  margin-top: -1px;
  -webkit-backface-visibility: visible;
}

/* Fixed header */

.mbsc-lv-fixed-header {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  list-style: none;
  width: 100%;
  z-index: 10;
}

.mbsc-lv-fixed-header-ctx {
  position: absolute;
}

/* Items */

.mbsc-lv .mbsc-lv-item.mbsc-lv-item-swiping {
  z-index: 1;
  overflow: visible;
}

.mbsc-lv-stage-c {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
}

.mbsc-lv-stage-c-v {
  display: block;
}

.mbsc-lv-item-new-left {
  -webkit-transform: translateX(-100%);
}

.mbsc-lv-item-new-right {
  -webkit-transform: translateX(100%);
}

.mbsc-lv-item-remove-right {
  -webkit-animation: mbsc-lv-remove-right 125ms;
  -webkit-animation-delay: 1ms;
  /* Needed for iOS8 to prevent flicker */
  animation: mbsc-lv-remove-right 125ms;
}

.mbsc-lv-item-remove-left {
  -webkit-animation: mbsc-lv-remove-left 125ms;
  -webkit-animation-delay: 1ms;
  /* Needed for iOS8 to prevent flicker */
  animation: mbsc-lv-remove-left 125ms;
}

.mbsc-lv-item-add-right {
  animation: mbsc-lv-add-right 125ms;
}

.mbsc-lv-item-add-left {
  animation: mbsc-lv-add-left 125ms;
}

.mbsc-lv-item-pop-in {
  animation: mbsc-lv-pop-in 200ms;
}

.mbsc-lv-item-pop-out {
  animation: mbsc-lv-pop-out 200ms;
}

.mbsc-lv-item-collapse {
  visibility: hidden;
  animation: mbsc-lv-collapse 125ms;
}

.mbsc-lv-item-expand {
  visibility: hidden;
  animation: mbsc-lv-expand 125ms;
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-item-undo {
  position: absolute;
  left: 0;
  right: 0;
}

/* Reorder */

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-item-dragging {
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.9;
  box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.5);
  cursor: pointer;
  cursor: grabbing;
}

.mbsc-lv-item-dragging .mbsc-lv-handle-c {
  cursor: grabbing;
}

.mbsc-lv .mbsc-lv-item.mbsc-lv-ph {
  padding: 0;
  border: 0;
  visibility: hidden;
}

.mbsc-lv-fill-item {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
}

/* Sort handle */

.mbsc-lv-handle-c {
  position: absolute;
  z-index: 4;
  top: 0;
  height: 100%;
  width: 2.5em;
  touch-action: none;
  cursor: pointer;
  cursor: grab;
}

.mbsc-lv-item-h-right {
  right: 0;
}

.mbsc-lv-item-h-left {
  left: 0;
}

.mbsc-lv-cont.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
  padding-left: 2.5em;
}

.mbsc-lv-cont.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
  padding-right: 2.5em;
}

.mbsc-lv-handle-bar-c {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -7px;
}

.mbsc-lv-handle-bar {
  position: relative;
  height: 2px;
  margin: 2px 0.625em;
  background: #888;
}

/* Icon and text */

.mbsc-lv-ic,
.mbsc-lv-ic-m {
  top: 0;
  text-align: center;
  text-shadow: none;
  font-size: 0.75em;
}

/* Stage icon */

.mbsc-lv-ic-s {
  position: absolute;
  top: 50%;
  margin-top: -0.9375em;
  width: 2.8em;
  height: 1.875em;
  line-height: 1.875em;
  font-size: 1.25em;
}

/* Stage icon container */

.mbsc-lv-ic-c {
  position: absolute;
  top: 0;
  height: 100%;
  line-height: 1.875em;
  color: #fff;
  cursor: pointer;
}

/* Stage text */

.mbsc-lv-ic-text {
  text-shadow: none;
  font-size: 1em;
}

/* Empty icon */

.mbsc-ic-none {
  border: 0;
}

.mbsc-ic-none:before {
  content: "0";
  font-size: 0;
  color: rgba(0, 0, 0, 0);
}

/* Stage icon animation */

.mbsc-lv-ic-anim .mbsc-lv-ic-s {
  opacity: 0;
  transform: rotate(180deg);
}

.mbsc-lv-ic-anim .mbsc-lv-ic-a {
  opacity: 1;
  -webkit-animation: mbsc-lv-spin 200ms;
  -webkit-transform: rotate(0);
  animation: mbsc-lv-spin 200ms;
  transform: rotate(0);
}

.mbsc-lv-ic-anim .mbsc-lv-ic-v {
  opacity: 1;
  -webkit-animation: none;
  -webkit-transform: rotate(0);
  animation: none;
  transform: rotate(0);
}

/* Stage icon and text left and right positioning */

.mbsc-lv-ic-left {
  left: 0;
}

.mbsc-lv-ic-move-left {
  left: 0;
  transform: translateX(-100%);
}

.mbsc-lv-ic-right .mbsc-lv-ic,
.mbsc-lv-ic-move-left .mbsc-lv-ic {
  right: 0;
}

.mbsc-lv-ic-right .mbsc-lv-ic-text,
.mbsc-lv-ic-move-left .mbsc-lv-ic-text {
  padding: 0 3.5em 0 0.625em;
}

.mbsc-lv-ic-right {
  right: 0;
}

.mbsc-lv-ic-move-right {
  right: 0;
  transform: translateX(100%);
}

.mbsc-lv-ic-left .mbsc-lv-ic,
.mbsc-lv-ic-move-right .mbsc-lv-ic {
  left: 0;
}

.mbsc-lv-ic-left .mbsc-lv-ic-text,
.mbsc-lv-ic-move-right .mbsc-lv-ic-text {
  padding: 0 0.625em 0 3.5em;
}

.mbsc-lv-ic-c .mbsc-lv-ic-only {
  width: 0;
  padding: 0 0 0 3.5em;
}

.mbsc-lv-ic-c .mbsc-lv-ic-text-only {
  padding: 0 0.625em;
}

/* Multiple icons */

.mbsc-lv-multi-c {
  height: 100%;
}

.mbsc-lv-multi {
  display: none;
  width: 90%;
  height: 100%;
  table-layout: fixed;
}

.mbsc-lv-multi-ic-right {
  float: right;
}

.mbsc-lv-multi-ic-left {
  float: left;
}

.mbsc-lv-right .mbsc-lv-multi-ic-right {
  display: table;
}

.mbsc-lv-left .mbsc-lv-multi-ic-left {
  display: table;
}

.mbsc-lv-ic-m {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.25em;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbsc-lv-ic-m:before {
  display: block;
  padding: 0.25em 0;
  font-size: 1.333334em;
}

.mbsc-lv-ic-disabled {
  opacity: 0.5;
}

/* Hierarchy slide containers */

.mbsc-lv-sl-c {
  position: relative;
  -webkit-animation-fill-mode: forwards;
  transform: translateX(0);
}

.mbsc-lv-sl-r {
  animation: mbsc-lv-remove-left 300ms;
}

.mbsc-lv-sl-l {
  animation: mbsc-lv-remove-right 300ms;
}

.mbsc-lv-sl-l .mbsc-lv-sl-curr,
.mbsc-lv-sl-r .mbsc-lv-sl-curr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.mbsc-lv-sl-r .mbsc-lv-sl-new {
  transform: translateX(100%);
}

.mbsc-lv-sl-l .mbsc-lv-sl-new {
  transform: translateX(-100%);
}

/* Hierarchy arrows */

.mbsc-lv-arr {
  position: absolute;
  top: 50%;
  width: 2em;
  height: 2em;
  font-size: 1em;
  line-height: 2em;
  margin-top: -1em;
}

.mbsc-lv .mbsc-lv-back {
  z-index: 3;
}

.mbsc-ltr .mbsc-lv-item.mbsc-lv-parent {
  padding-right: 2.25em;
}

.mbsc-ltr .mbsc-lv-item.mbsc-lv-back {
  padding-left: 2.25em;
}

.mbsc-ltr .mbsc-lv-parent .mbsc-lv-arr {
  right: 0;
}

.mbsc-ltr.mbsc-lv-handle-right .mbsc-lv-parent .mbsc-lv-arr {
  right: 40px;
}

.mbsc-ltr .mbsc-lv-back .mbsc-lv-arr {
  left: 0;
}

.mbsc-rtl .mbsc-lv-arr {
  transform: scale(-1, 1);
}

.mbsc-rtl .mbsc-lv-item.mbsc-lv-parent {
  padding-left: 2.25em;
}

.mbsc-rtl .mbsc-lv-item.mbsc-lv-back {
  padding-right: 2.25em;
}

.mbsc-rtl .mbsc-lv-parent .mbsc-lv-arr {
  left: 0;
}

.mbsc-rtl.mbsc-lv-handle-left .mbsc-lv-parent .mbsc-lv-arr {
  left: 40px;
}

.mbsc-rtl .mbsc-lv-back .mbsc-lv-arr {
  right: 0;
}

/* Text enhance */

.mbsc-lv .mbsc-lv-txt {
  margin: 0;
  font-weight: normal;
}

.mbsc-lv h1.mbsc-lv-txt {
  font-size: 2em;
}

.mbsc-lv h2.mbsc-lv-txt {
  font-size: 1.5em;
}

.mbsc-lv h3.mbsc-lv-txt {
  font-size: 1.125em;
}

.mbsc-lv h4.mbsc-lv-txt {
  font-size: 1em;
}

.mbsc-lv h5.mbsc-lv-txt {
  font-size: 0.875em;
}

.mbsc-lv h6.mbsc-lv-txt {
  font-size: 0.625em;
}

.mbsc-lv p.mbsc-lv-txt {
  font-size: 0.75em;
}

/* Image and text enhance */

.mbsc-lv-img {
  position: absolute;
  max-height: 2.5em;
  max-width: 2.5em;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-left {
  padding-left: 5em;
}

.mbsc-lv-cont .mbsc-lv-item.mbsc-lv-img-right {
  padding-right: 5em;
}

.mbsc-lv-img-left .mbsc-lv-img {
  left: 2.5em;
}

.mbsc-lv-img-right .mbsc-lv-img {
  right: 0;
}

.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
  padding-left: 6.25em;
}

.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
  left: 3.75em;
}

.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
  padding-right: 6.25em;
}

.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
  right: 1.25em;
}

/* Icon and text enhance */

.mbsc-lv-item-ic {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}

.mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left {
  padding-left: 4em;
}

.mbsc-lv-cont .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-right {
  padding-right: 4em;
}

.mbsc-lv-item-ic-left .mbsc-lv-item-ic {
  left: 1em;
}

.mbsc-lv-item-ic-right .mbsc-lv-item-ic {
  right: 1em;
}

.mbsc-lv-handle-left.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-left {
  padding-left: 5.5em;
}

.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
  left: 2.5em;
}

.mbsc-lv-handle-right.mbsc-lv-cont .mbsc-lv .mbsc-lv-item-ic-right {
  padding-right: 5.5em;
}

.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
  right: 2.5em;
}

/* Loading animation */

.mbsc-lv-loading {
  text-align: center;
  opacity: 0;
  height: 0;
}

.mbsc-lv-loading .mbsc-ic {
  font-size: 1.375em;
}

.mbsc-lv-loading .mbsc-ic:before {
  display: inline-block;
  animation: mbsc-lv-rotating 0.6s linear infinite;
}

.mbsc-show-lv-loading.mbsc-lv-loading {
  opacity: 1;
  height: auto;
  padding: 1em;
}

.mbsc-ios {
  /* Item borders */
}

.mbsc-ios .mbsc-lv-item.mbsc-lv-item-dragging {
  margin: 0;
}

.mbsc-ios .mbsc-lv-handle-c {
  width: 4em;
}

.mbsc-ios .mbsc-lv-handle-bar {
  margin: 0.125em 1em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
  padding-left: 4em;
}

.mbsc-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
  padding-right: 4em;
}

.mbsc-ios.mbsc-lv-handle-right.mbsc-ltr .mbsc-lv-parent .mbsc-lv-arr {
  right: 2.380952em;
}

.mbsc-ios.mbsc-lv-handle-left.mbsc-rtl .mbsc-lv-parent .mbsc-lv-arr {
  left: 2.380952em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl {
  padding-left: 5.75em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl .mbsc-checkbox-box {
  left: 3.5em;
}

.mbsc-ios.mbsc-lv-has-fixed-header .mbsc-lv-gr-title, .mbsc-ios.mbsc-lv-fixed-header .mbsc-lv-gr-title {
  line-height: 1.125em;
  font-size: 1em;
  padding: 0.4em 1em;
  border: 0;
  font-weight: bold;
}

.mbsc-ios .mbsc-lv-item.mbsc-lv-img-left {
  padding-left: 4.5em;
}

.mbsc-ios .mbsc-lv-item.mbsc-lv-img-right {
  padding-right: 4.5em;
}

.mbsc-ios .mbsc-lv-img-left .mbsc-lv-img {
  left: 2.25em;
}

.mbsc-ios .mbsc-lv-img-right .mbsc-lv-img {
  right: -0.25em;
}

.mbsc-ios.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
  right: 2.75em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
  left: 5.25em;
}

.mbsc-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
  right: 4em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
  left: 4em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
  padding-left: 7.5em;
}

.mbsc-ios.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
  padding-right: 7.5em;
}

.mbsc-ios.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
  padding-left: 7em;
}

.mbsc-ios.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
  padding-right: 7em;
}

.mbsc-ios .mbsc-lv-arr {
  font-size: 1.3125em;
}

.mbsc-ios.mbsc-ltr .mbsc-lv-item-ic-left:before, .mbsc-ios.mbsc-ltr .mbsc-lv-item-ic-left:after {
  left: 4em;
}

.mbsc-ios.mbsc-ltr .mbsc-lv-img-left:before, .mbsc-ios.mbsc-ltr .mbsc-lv-img-left:after {
  left: 4.5em;
}

.mbsc-ios.mbsc-rtl .mbsc-lv-item-ic-right:before, .mbsc-ios.mbsc-rtl .mbsc-lv-item-ic-right:after {
  right: 4em;
}

.mbsc-ios.mbsc-rtl .mbsc-lv-img-right:before, .mbsc-ios.mbsc-rtl .mbsc-lv-img-right:after {
  right: 4.5em;
}

.mbsc-ios {
  /* Item borders */
}

.mbsc-ios.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: #f4f4f4;
}

.mbsc-ios .mbsc-lv-item-hl,
.mbsc-ios .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
  background: #d8d8d8;
}

.mbsc-ios .mbsc-lv-handle-bar {
  background: #cccccc;
}

.mbsc-ios .mbsc-lv-arr {
  color: #cccccc;
}

.mbsc-ios.mbsc-lv-has-fixed-header .mbsc-lv-gr-title, .mbsc-ios.mbsc-lv-fixed-header .mbsc-lv-gr-title {
  color: #000000;
}

.mbsc-ios .mbsc-lv-ic-m {
  color: #787878;
}

.mbsc-ios .mbsc-lv-loading .mbsc-ic {
  color: #000000;
}

.mbsc-ios.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(0, 122, 255, 0.1);
}

.mbsc-material .mbsc-lv-item-dragging {
  margin: 0;
}

.mbsc-material .mbsc-lv-item-swiping {
  overflow: visible;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item {
  padding-left: 3.125em;
}

.mbsc-material.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item {
  padding-right: 3.125em;
}

.mbsc-material .mbsc-lv-arr:before {
  font-size: 1.5em;
}

.mbsc-material .mbsc-lv-handle-c {
  width: 3.125em;
}

.mbsc-material .mbsc-lv-handle-bar {
  margin: 0.125em 1em;
}

.mbsc-material .mbsc-lv-img-left .mbsc-lv-img {
  left: 2.25em;
}

.mbsc-material .mbsc-lv-img-right .mbsc-lv-img {
  right: -0.25em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv-img-left .mbsc-lv-img {
  left: 4.375em;
}

.mbsc-material.mbsc-lv-handle-right .mbsc-lv-img-right .mbsc-lv-img {
  right: 1.875em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv .mbsc-lv-item.mbsc-lv-img-left {
  padding-left: 6.625em;
}

.mbsc-material.mbsc-lv-handle-right .mbsc-lv .mbsc-lv-item.mbsc-lv-img-right {
  padding-right: 6.625em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv-item-ic-left .mbsc-lv-item-ic {
  left: 3.125em;
}

.mbsc-material.mbsc-lv-handle-right .mbsc-lv-item-ic-right .mbsc-lv-item-ic {
  right: 3.125em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv-item-ic-left {
  padding-left: 6.125em;
}

.mbsc-material.mbsc-lv-handle-right .mbsc-lv-item-ic-right {
  padding-right: 6.125em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl {
  padding-left: 5.25em;
}

.mbsc-material.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl .mbsc-checkbox-box {
  left: 3.125em;
}

.mbsc-material .mbsc-lv-item-hl:before,
.mbsc-material .mbsc-lv-item-dragging:before {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: white;
}

.mbsc-material .mbsc-lv-ic-m {
  color: #fff;
}

.mbsc-material .mbsc-lv-arr {
  color: #1a73e8;
}

.mbsc-material .mbsc-lv-handle-bar {
  background: #1a73e8;
}

.mbsc-material p.mbsc-lv-txt {
  color: #4a4a4a;
}

.mbsc-material .mbsc-lv-loading .mbsc-ic {
  color: #303030;
}

.mbsc-material.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging {
  margin: 0;
  box-shadow: none;
}

.mbsc-mobiscroll.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl {
  padding-left: 4.25em;
}

.mbsc-mobiscroll.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-rtl .mbsc-checkbox-box {
  left: 2.5em;
}

.mbsc-mobiscroll.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: whitesmoke;
}

.mbsc-mobiscroll .mbsc-lv-item-hl:before {
  background: rgba(43, 147, 230, 0.15);
}

.mbsc-mobiscroll .mbsc-lv-ic-m {
  color: #ffffff;
}

.mbsc-mobiscroll .mbsc-lv-arr {
  color: #2b93e6;
}

.mbsc-mobiscroll .mbsc-lv-handle-bar {
  background: #2b93e6;
}

.mbsc-mobiscroll .mbsc-lv-item.mbsc-lv-item-dragging {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
  background: #ffffff;
}

.mbsc-mobiscroll .mbsc-lv-item-dragging .mbsc-lv-arr {
  color: #ffffff;
}

.mbsc-mobiscroll .mbsc-lv-loading .mbsc-ic {
  color: #454545;
}

.mbsc-mobiscroll.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-windows .mbsc-lv-fixed-header {
  font-size: 16px;
}

.mbsc-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-dragging {
  margin: 0;
  opacity: 0.7;
  box-shadow: none;
}

.mbsc-windows.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-ltr {
  padding-left: 4.375em;
}

.mbsc-windows.mbsc-lv-handle-left .mbsc-lv-item.mbsc-checkbox.mbsc-ltr .mbsc-checkbox-box {
  left: 2.5em;
}

.mbsc-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left.mbsc-checkbox {
  padding-left: 5.625em;
}

.mbsc-windows .mbsc-lv .mbsc-lv-item.mbsc-lv-item-ic-left.mbsc-checkbox .mbsc-checkbox-box {
  left: 3.25em;
}

.mbsc-windows .mbsc-lv-handle-bar {
  background: #888;
}

.mbsc-windows .mbsc-lv-ic-m {
  color: #ffffff;
}

.mbsc-windows.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: #f2f2f2;
}

.mbsc-windows .mbsc-lv-item.mbsc-lv-item-hl {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-lv-loading .mbsc-ic {
  color: #333333;
}

.mbsc-windows.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(0, 120, 215, 0.2);
}

.mbsc-msr .mbsc-sc-whl-gr {
  direction: ltr;
}

.mbsc-msr .mbsc-rtl .mbsc-sc-whl-w {
  order: 2;
}

.mbsc-msr .mbsc-rtl .mbsc-msr-whl-unit {
  order: 1;
}

.mbsc-scv-c {
  overflow: hidden;
  position: relative;
  font-size: 16px;
  font-family: arial, verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -ms-touch-action: pan-y;
  user-select: none;
  touch-action: pan-y;
  /*height: 100%;*/
}

.mbsc-scv,
.mbsc-scv-sc {
  position: relative;
}

.mbsc-rtl {
  direction: rtl;
}

/* Flex */

.mbsc-scv,
.mbsc-scv-sc,
.mbsc-scv-item {
  display: flex;
  height: 100%;
}

.mbsc-scv,
.mbsc-scv-item {
  flex: 0 0 auto;
}

.mbsc-scv.mbsc-comp {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  line-height: normal;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.mbsc-scv-item {
  height: auto;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  flex-direction: column;
  -ms-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
}

/* Liquid layout */

.mbsc-scv-liq,
.mbsc-scv-liq .mbsc-scv-item {
  flex: 1 0 auto;
}

.mbsc-ms-c {
  text-align: center;
}

.mbsc-ms-top.mbsc-ms-c,
.mbsc-ms-bottom.mbsc-ms-c {
  z-index: 9999;
  position: fixed;
  left: 0;
  right: 0;
  height: auto;
}

.mbsc-ms-top.mbsc-ms-c .mbsc-ms,
.mbsc-ms-bottom.mbsc-ms-c .mbsc-ms {
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}

.mbsc-ms-top.mbsc-ms-c {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.mbsc-ms-bottom.mbsc-ms-c {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.mbsc-ms-top.mbsc-scv-ctx,
.mbsc-ms-bottom.mbsc-scv-ctx {
  position: absolute;
}

.mbsc-ms-top {
  top: 0;
}

.mbsc-ms-bottom {
  bottom: 0;
}

.mbsc-ms {
  text-align: center;
  white-space: nowrap;
}

.mbsc-ms-item {
  position: relative;
  margin: 0;
  font-size: 1em;
  line-height: 1.25;
  min-width: 4em;
  padding: 0.75em 0.5em;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition-property: color, background, border-color, text-shadow;
  transition-duration: 200ms;
}

.mbsc-ms-item:focus {
  outline: 0;
}

.mbsc-scv-hasw .mbsc-ms-item {
  white-space: normal;
  min-width: 0;
}

.mbsc-ms.mbsc-comp a.mbsc-ms-item {
  font-weight: normal;
  text-decoration: none;
}

.mbsc-ms .mbsc-ms-item.mbsc-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Icon styling */

.mbsc-ms-icons .mbsc-ms-item {
  min-width: 6em;
  padding: 1.666667em 0.5em;
  font-size: 0.75em;
}

/* Icon + text styling */

.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item {
  padding-top: 3em;
  padding-bottom: 0.5em;
}

.mbsc-ms-ic:before {
  position: absolute;
  top: 0.25em;
  left: 0;
  right: 0;
  display: block;
  text-align: center;
  line-height: 1em;
}

.mbsc-ms-base .mbsc-ms-ic:before {
  font-size: 2em;
}

.mbsc-ms-badge {
  position: absolute;
  top: 0.25em;
  min-width: 1.666667em;
  height: 1.666667em;
  padding: 0 0.25em;
  border-radius: 2em;
  line-height: 1.666667em;
  background: red;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.mbsc-ltr .mbsc-ms-badge {
  left: 50%;
  margin-left: 0.5em;
}

.mbsc-rtl .mbsc-ms-badge {
  right: 50%;
  margin-right: 0.5em;
}

.mbsc-ms-txt:not(.mbsc-ms-icons) .mbsc-ms-badge {
  font-size: 0.75em;
}

.mbsc-ms-txt:not(.mbsc-ms-icons).mbsc-ltr .mbsc-ms-badge {
  left: auto;
  right: 0;
}

.mbsc-ms-txt:not(.mbsc-ms-icons).mbsc-rtl .mbsc-ms-badge {
  left: 0;
  right: auto;
}

/* Show more item */

.mbsc-ms-item.mbsc-menu-item-ic {
  padding: 1.666667em 0.5em;
  font-size: 0.75em;
}

.mbsc-ms-item.mbsc-menu-item-ic:before {
  top: 50%;
  margin-top: -0.5em;
}

.mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before {
  top: 0.25em;
  margin-top: 0;
}

/* Hamburger Menu icon */

.mbsc-ms-hamburger.mbsc-ms-c.mbsc-ms-inline {
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
}

/* Show More bubble */

.mbsc-ms-more {
  /* LTR specific */
  /* RTL specific */
  /* Icons only */
}

.mbsc-ms-more .mbsc-ms {
  display: block;
}

.mbsc-ms-more .mbsc-ms-item {
  min-height: 2.857143em;
}

.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before {
  top: 50%;
  width: 2.333334em;
  margin-top: -0.5em;
  line-height: 1em;
  font-size: 1.714286em;
}

.mbsc-ms-more .mbsc-ms-badge {
  top: 50%;
  font-size: 0.857143em;
  margin-top: -0.833333em;
}

.mbsc-ms-more .mbsc-ltr .mbsc-ms {
  text-align: left;
}

.mbsc-ms-more .mbsc-ltr .mbsc-ms .mbsc-ms-ic {
  padding-left: 4em;
}

.mbsc-ms-more .mbsc-ltr .mbsc-ms-ic:before {
  right: auto;
}

.mbsc-ms-more .mbsc-ltr .mbsc-ms-badge {
  left: auto;
  right: 0.5em;
  margin-left: 0;
}

.mbsc-ms-more .mbsc-rtl .mbsc-ms {
  text-align: right;
}

.mbsc-ms-more .mbsc-rtl .mbsc-ms .mbsc-ms-ic {
  padding-right: 4em;
}

.mbsc-ms-more .mbsc-rtl .mbsc-ms-ic:before {
  left: auto;
}

.mbsc-ms-more .mbsc-rtl .mbsc-ms-badge {
  right: auto;
  left: 0.5em;
  margin-right: 0;
}

.mbsc-ms-more.mbsc-ms-more-icons .mbsc-fr-popup .mbsc-fr-w {
  min-width: 0;
}

.mbsc-ms-more.mbsc-ms-more-icons .mbsc-wdg-c.mbsc-w-p {
  padding: 0;
}

.mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms .mbsc-ms-ic {
  padding-left: 0.714286em;
  padding-right: 0.714286em;
}

.mbsc-ms-more.mbsc-ms-more-icons .mbsc-ms-ic:before {
  position: static;
  width: 1.5em;
  margin: 0;
}

.mbsc-ios .mbsc-form-group-title + .mbsc-ms-c {
  margin-top: -1px;
}

.mbsc-ios.mbsc-ms-top {
  border-top: 0;
}

.mbsc-ios.mbsc-ms-bottom {
  border-bottom: 0;
}

.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item.mbsc-active {
  opacity: 0.5;
}

.mbsc-ios.mbsc-ms-c {
  background: #f7f7f7;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios .mbsc-ms .mbsc-ms-item {
  color: #878787;
}

.mbsc-ios.mbsc-ms-nosel .mbsc-ms-item,
.mbsc-ios .mbsc-ms .mbsc-ms-item-sel {
  color: #007aff;
}

.mbsc-ios .mbsc-ms-item.mbsc-focus, .mbsc-ios.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(0, 122, 255, 0.15);
}

.mbsc-ios {
  /* Icons only */
}

.mbsc-ios.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
  padding: 0;
}

.mbsc-ios.mbsc-ms-more .mbsc-ms-item {
  padding: 1em;
}

.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after {
  content: "";
  position: absolute;
  right: 0;
  left: 1em;
  bottom: 0;
}

.mbsc-ios.mbsc-ms-more .mbsc-ms-item:last-child:after {
  display: none;
}

.mbsc-ios.mbsc-ms-more .mbsc-ms-ic:after {
  left: 4em;
}

.mbsc-ios.mbsc-ms-more-icons .mbsc-ms-ic:after {
  left: 0;
}

.mbsc-ios.mbsc-ms-more .mbsc-ms-item:after {
  border-top: 1px solid #cccccc;
}

.mbsc-material {
  /* Tab styling */
}

.mbsc-material .mbsc-ms .mbsc-ms-item {
  overflow: hidden;
}

.mbsc-material.mbsc-ms-b .mbsc-ms-item {
  border: 2px solid transparent;
  border-width: 2px 0;
}

.mbsc-material {
  /* Menu styling */
  /* Tab styling */
}

.mbsc-material.mbsc-ms-c {
  background: #fff;
}

.mbsc-material .mbsc-ms .mbsc-ms-item {
  color: #303030;
  /* Selected state */
  /* Active state */
}

.mbsc-material .mbsc-ms .mbsc-ms-item.mbsc-ms-item-sel {
  color: #1a73e8;
}

.mbsc-material .mbsc-ms .mbsc-ms-item.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material .mbsc-ms-item.mbsc-focus, .mbsc-material.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material.mbsc-ms-top {
  border-bottom: 1px solid #969696;
}

.mbsc-material.mbsc-ms-bottom {
  border-top: 1px solid #969696;
}

.mbsc-material.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel {
  color: #1a73e8;
}

.mbsc-material.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
  border-bottom-color: #1a73e8;
}

.mbsc-material.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item.mbsc-ms-item-sel {
  border-top-color: #1a73e8;
  border-bottom-color: transparent;
}

.mbsc-material.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
  padding: 0.5em 0;
}

.mbsc-material.mbsc-ms-more .mbsc-ms-item {
  padding: 0.875em 1em;
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item {
  border: 2px solid transparent;
  border-width: 2px 0;
}

.mbsc-mobiscroll.mbsc-ms-c {
  background: #ffffff;
}

.mbsc-mobiscroll .mbsc-ms .mbsc-ms-item {
  color: #454545;
}

.mbsc-mobiscroll.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll .mbsc-ms-item.mbsc-focus, .mbsc-mobiscroll.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(43, 147, 230, 0.1);
}

.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel {
  border-bottom-color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top {
  border-bottom: 1px solid #2b93e6;
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom {
  border-top: 1px solid #2b93e6;
}

.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel {
  border-top-color: #2b93e6;
  border-bottom-color: transparent;
}

.mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-top {
  border-bottom: 1px solid #d4d4d4;
}

.mbsc-mobiscroll.mbsc-ms-a.mbsc-ms-bottom {
  border-top: 1px solid #d4d4d4;
}

.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel {
  color: #2b93e6;
}

.mbsc-windows.mbsc-ms-c {
  font-family: Segoe UI, arial, verdana, sans-serif;
}

.mbsc-windows .mbsc-ms-item {
  padding: 0.4em 0.3em;
  font-size: 1.25em;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.mbsc-windows .mbsc-ms-item.mbsc-ms-ic:before {
  font-size: 22px;
  top: 0.4090909em;
}

.mbsc-windows.mbsc-ms-icons .mbsc-ms-item {
  font-size: 0.875em;
  line-height: 0.875em;
  padding: 1.428571em 0.428571em;
}

.mbsc-windows.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item {
  padding: 2.571428em 0.428571em 0.428571em 0.428571em;
  line-height: 1.428571;
}

.mbsc-windows.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item:before {
  top: 0.4090909em;
}

.mbsc-windows.mbsc-ms-bottom .mbsc-ms-item {
  border: 0;
}

.mbsc-windows.mbsc-ms-c {
  background: #ffffff;
  color: #333333;
}

.mbsc-windows .mbsc-ms-item.mbsc-active,
.mbsc-windows .mbsc-ms-item.mbsc-focus, .mbsc-windows.mbsc-no-touch .mbsc-ms-item.mbsc-active:not(.mbsc-disabled):hover {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-ms-item-sel,
.mbsc-windows .mbsc-ms-item-sel.mbsc-ms-ic:before {
  color: #0078d7;
}

.mbsc-windows.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
  border-bottom-color: #0078d7;
}

.mbsc-windows.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: #e6e6e6;
}

.mbsc-windows {
  /* Show more item */
  /* Show more bubble */
}

.mbsc-windows .mbsc-ms-item.mbsc-menu-item-ic {
  padding: 1em 0.3em;
  min-width: 3em;
}

.mbsc-windows .mbsc-ms-item.mbsc-menu-item-ic:before {
  top: 0.9545454em;
}

.mbsc-windows .mbsc-ms-icons .mbsc-ms-item.mbsc-menu-item-ic:before {
  top: 0.4090909em;
}

.mbsc-windows.mbsc-ms-more .mbsc-fr-w,
.mbsc-windows.mbsc-ms-more .mbsc-wdg-c.mbsc-w-p {
  padding: 0;
}

.mbsc-windows.mbsc-ms-more .mbsc-ms-item {
  padding: 1em;
  font-size: 1em;
}

.mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic {
  background: none;
}

.mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-ic:before {
  top: 0.9545454em;
}

.mbsc-windows.mbsc-ms-more-icons .mbsc-ms-item {
  padding: 0.5em;
}

.mbsc-windows.mbsc-ms-more-icons .mbsc-ms-item.mbsc-ms-ic:before {
  margin: 0;
}

.mbsc-windows .mbsc-ms-badge {
  font-size: 0.857142em;
}

.mbsc-windows {
  /* Show more item */
  /* Show more bubble */
}

.mbsc-windows .mbsc-ms-item.mbsc-menu-item-ic {
  color: #333333;
}

.mbsc-windows.mbsc-ms-more .mbsc-ms-item {
  color: #333333;
}

.mbsc-windows.mbsc-ms-more .mbsc-ms-item.mbsc-ms-item-sel {
  color: #0078d7;
}

.mbsc-np-hdr {
  position: relative;
}

.mbsc-np-dsp {
  direction: ltr;
  padding: 0.3125em 1.75em 0.3125em 0.5em;
  text-align: left;
  font-size: 2em;
  line-height: normal;
}

.mbsc-np-sup {
  display: inline-block;
  font-size: 0.375em;
  vertical-align: top;
}

.mbsc-np-del {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3.5em;
  text-align: center;
}

.mbsc-np-del:before {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  font-size: 2em;
  line-height: 1;
}

.mbsc-np-ph {
  display: inline-block;
  min-width: 0.5625em;
  text-align: center;
  vertical-align: top;
}

.mbsc-np-tbl-c {
  min-width: 15em;
  /*display: inline-block;*/
}

.mbsc-fr-top .mbsc-np-tbl-c,
.mbsc-fr-bottom .mbsc-np-tbl-c {
  display: block;
}

.mbsc-np-tbl {
  direction: ltr;
  display: table;
  width: 100%;
  font-size: 1.375em;
}

.mbsc-np-row {
  display: table-row;
}

.mbsc-np-btn {
  position: relative;
  z-index: 0;
  width: 33.3333333333%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 3em;
  -webkit-user-select: none;
}

.mbsc-np-btn.mbsc-active {
  opacity: 1;
}

/* Timespan */

.mbsc-np-time {
  text-transform: uppercase;
}

.mbsc-np-ts-h,
.mbsc-np-ts-m {
  font-weight: bold;
}

/* Numpad */

.mbsc-bootstrap.mbsc-np .mbsc-fr-w {
  font-size: 16px;
}

.mbsc-bootstrap.mbsc-np .mbsc-fr-btn-cont {
  padding: 4px 2px;
}

.mbsc-bootstrap .mbsc-np-del.mbsc-active {
  opacity: 0.5;
}

.mbsc-bootstrap .mbsc-np-btn {
  border-top-width: 0;
  border-right-width: 0;
  font-size: inherit;
  border-radius: 0;
}

.mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn {
  border-top-width: 1px;
}

.mbsc-bootstrap .mbsc-np-btn:first-child {
  border-left-width: 0;
}

.mbsc-bootstrap.mbsc-inline .mbsc-np-row:last-child .mbsc-np-btn {
  border-bottom-width: 0;
}

.mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty {
  background: none;
}

.mbsc-ios.mbsc-np .mbsc-fr-c {
  font-size: 1.333334em;
}

.mbsc-ios .mbsc-np-btn {
  font-size: 1.363637em;
  height: 2.2em;
}

.mbsc-ios .mbsc-np-btn:first-child {
  border-left: 0;
}

.mbsc-ios .mbsc-np-ts-h,
.mbsc-ios .mbsc-np-ts-m {
  font-weight: normal;
}

.mbsc-ios .mbsc-np-del:before {
  font-size: 1.125em;
}

.mbsc-ios .mbsc-np-btn {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.mbsc-ios .mbsc-np-btn.mbsc-active,
.mbsc-ios .mbsc-np-btn-empty {
  background: #d1d5db;
}

.mbsc-ios .mbsc-np-btn.mbsc-disabled {
  color: #d6d6d6;
}

.mbsc-material .mbsc-np-del,
.mbsc-material .mbsc-np-btn {
  overflow: hidden;
}

.mbsc-material .mbsc-np-btn {
  font-size: 1.4545em;
  height: 2.0625em;
}

.mbsc-material .mbsc-np-del {
  font-size: 0.875em;
}

.mbsc-material .mbsc-np-tbl-c {
  padding: 0.5em;
}

.mbsc-material .mbsc-np-btn.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-material .mbsc-np-del {
  color: #1a73e8;
}

.mbsc-mobiscroll .mbsc-np-tbl-c {
  padding: 0.5em;
}

.mbsc-mobiscroll .mbsc-np-btn.mbsc-disabled {
  opacity: 0.5;
}

.mbsc-mobiscroll .mbsc-np-del {
  color: #2b93e6;
}

.mbsc-windows.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active {
  top: 0;
}

.mbsc-windows .mbsc-np-del.mbsc-active:before {
  background: none;
}

.mbsc-windows.mbsc-no-touch .mbsc-fr-c .mbsc-np-del:hover:before {
  background: transparent;
}

.mbsc-windows .mbsc-np-btn {
  top: 0;
}

.mbsc-windows .mbsc-np-btn-empty {
  background: none;
}

.mbsc-windows.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active {
  background: #d9d9d9;
}

.mbsc-windows .mbsc-np-del.mbsc-active:before {
  color: #333333;
}

.mbsc-windows.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-active {
  background: #d9d9d9;
  color: #000;
}

.mbsc-windows .mbsc-np-btn.mbsc-disabled {
  color: #a6a6a6;
}

/* Navigation Base */

.mbsc-bootstrap.mbsc-ms-c {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border-width: 1px 0;
  max-width: none;
  box-shadow: none;
}

.mbsc-bootstrap.mbsc-ms-inline {
  z-index: 0;
}

.mbsc-bootstrap.mbsc-ms-top {
  bottom: auto;
  border-top-width: 0;
}

.mbsc-bootstrap.mbsc-ms-bottom {
  top: auto;
  border-bottom-width: 0;
}

.mbsc-bootstrap.mbsc-ms-c .mbsc-ms-item {
  float: none;
  margin: 0;
  font-size: 0.75em;
  border-width: 0 0 0 1px;
  border-radius: 0;
}

.mbsc-bootstrap.mbsc-ms-ltr .mbsc-ms-item:first-child, .mbsc-bootstrap.mbsc-ms-rtl .mbsc-ms-item:last-child {
  border: 0;
}

.mbsc-range-btn,
.mbsc-range-btn-t,
.mbsc-range-btn-c {
  box-sizing: border-box;
}

.mbsc-range-btn-t {
  display: table;
  width: 100%;
}

.mbsc-range-btn-c {
  display: table-cell;
  width: 50%;
}

.mbsc-range-btn {
  text-decoration: none;
  text-align: center;
  display: block;
  cursor: pointer;
}

.mbsc-cal-hide-diff .mbsc-cal-day-diff:after {
  display: none;
}

/* Range */

.mbsc-bootstrap .mbsc-range-btn-t {
  padding: 4px 2px 0 2px;
}

.mbsc-bootstrap .mbsc-range-btn {
  margin: 0 2px;
  line-height: 20px;
}

.mbsc-bootstrap.mbsc-range .mbsc-cal-day-hl .mbsc-cal-day-i {
  background: rgba(0, 0, 0, 0.3);
}

.mbsc-ios .mbsc-range-btn-t,
.mbsc-ios .mbsc-range-btn-c {
  width: auto;
  display: block;
}

.mbsc-ios .mbsc-range-btn {
  position: relative;
  min-height: 2.75em;
  padding: 0.75em 1em;
  font-size: 1.333333em;
}

.mbsc-ios .mbsc-range-btn-v {
  position: absolute;
  top: 0.75em;
  font-weight: normal;
}

.mbsc-ios .mbsc-ltr .mbsc-range-btn {
  text-align: left;
}

.mbsc-ios .mbsc-ltr .mbsc-range-btn-v {
  right: 1em;
}

.mbsc-ios .mbsc-rtl .mbsc-range-btn {
  text-align: right;
}

.mbsc-ios .mbsc-rtl .mbsc-range-btn-v {
  left: 1em;
  right: auto;
}

.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before {
  content: "";
  position: absolute;
  right: 0;
  left: 1em;
  top: 0;
}

.mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
}

.mbsc-ios.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0.3125em;
  left: 0;
  right: 0;
  height: 1.875em;
}

.mbsc-ios.mbsc-range .mbsc-cal-has-marks .mbsc-cal-day.mbsc-selected:after {
  top: 0.1875em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after {
  left: 0.25em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after {
  right: 0.25em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-start:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-end:after {
  left: 50%;
  margin-left: -0.9375em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day.mbsc-cal-sel-end:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day.mbsc-cal-sel-start:after {
  right: 50%;
  margin-right: -0.9375em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}

.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
.mbsc-ios.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
.mbsc-ios.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.mbsc-ios .mbsc-range-btn-end {
  border-bottom: 1px solid #cccccc;
}

.mbsc-ios .mbsc-range-btn-end .mbsc-range-btn:before {
  border-top: 1px solid #cccccc;
}

.mbsc-ios .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v {
  color: #007aff;
}

.mbsc-ios.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date, .mbsc-ios.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: #007aff;
}

.mbsc-material .mbsc-range-btn {
  padding: 0.571428em 0.285714em;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  font-size: 0.875em;
  line-height: 1.428571em;
}

.mbsc-material.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0.125em;
  left: 0;
  right: 0;
  height: 2.25em;
}

.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after {
  left: 50%;
  margin-left: -1.125em;
}

.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after {
  right: 50%;
  margin-right: -1.125em;
}

.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}

.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
.mbsc-material.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
.mbsc-material.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.mbsc-material .mbsc-range-btn-t {
  border-bottom: 1px solid #969696;
}

.mbsc-material .mbsc-range-btn.mbsc-selected {
  border-color: #1a73e8;
  color: #1a73e8;
}

.mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
  border-color: transparent;
}

.mbsc-material.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #1a73e8;
  border-color: #1a73e8;
  color: #fff;
}

.mbsc-material.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: rgba(26, 115, 232, 0.1);
}

.mbsc-mobiscroll .mbsc-range-btn-t {
  padding: 0.5em 0.25em 0 0.25em;
}

.mbsc-mobiscroll .mbsc-range-btn {
  margin: 0 0.3333em;
  padding: 0.3333em;
  font-size: 0.75em;
  line-height: 1.666667em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-fr-w {
  padding: 0;
}

.mbsc-mobiscroll.mbsc-range .mbsc-fr-hdr {
  padding-top: 0.6666em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
  border-color: transparent;
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0.25em;
  left: 0;
  right: 0;
  height: 2em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after {
  left: 50%;
  margin-left: -1em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after {
  right: 50%;
  margin-right: -1em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-start:after,
.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:first-child:after,
.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-first:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-end:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:last-child:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-last:after {
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
}

.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-sel-end:after,
.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-day:last-child:after,
.mbsc-mobiscroll.mbsc-range .mbsc-ltr .mbsc-cal-hide-diff .mbsc-cal-day-last:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-sel-start:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-day:first-child:after,
.mbsc-mobiscroll.mbsc-range .mbsc-rtl .mbsc-cal-hide-diff .mbsc-cal-day-first:after {
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
}

.mbsc-mobiscroll .mbsc-range-btn {
  border: 1px solid #2b93e6;
}

.mbsc-mobiscroll.mbsc-range .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected {
  background: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
  border-color: transparent;
  color: #454545;
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #2b93e6;
  border-color: #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-windows .mbsc-range-btn-t {
  padding: 0.5em 0.25em;
}

.mbsc-windows .mbsc-range-btn {
  margin: 0 0.3333em;
  font-size: 0.75em;
  line-height: 1.666667em;
  border-width: 1px;
  color: #333333;
  background: #d9d9d9;
  border: 2px solid #d9d9d9;
}

.mbsc-windows.mbsc-no-touch .mbsc-range-btn.mbsc-fr-btn-e:not(.mbsc-disabled):hover {
  border-color: #8c8c8c;
  background: #d9d9d9;
}

.mbsc-windows .mbsc-range-btn.mbsc-selected, .mbsc-windows.mbsc-no-touch .mbsc-range-btn.mbsc-selected:not(.mbsc-disabled):hover {
  background: #0078d7;
  border-color: #0078d7;
  color: #fff;
}

.mbsc-windows.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-i, .mbsc-windows.mbsc-range .mbsc-cal .mbsc-cal-today.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #0078d7;
  color: #ffffff;
}

.mbsc-sel-hdn {
  position: absolute;
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  left: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.mbsc-sel .mbsc-sel-gr {
  padding: 0 0.25em;
  opacity: 1;
  font-weight: bold;
  text-align: left;
}

.mbsc-sel .mbsc-fr-c {
  position: relative;
}

.mbsc-sel-multi .mbsc-sc-whl-w .mbsc-sc-whl-l {
  display: none;
}

.mbsc-sel-empty {
  display: none;
  opacity: 0.6;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2em;
  margin-top: -1em;
  font-size: 1.5em;
  line-height: 2em;
}

.mbsc-sel-empty-v {
  display: block;
}

.mbsc-sel-filter-clear {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1.5em;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.125em;
}

.mbsc-sel-filter-show-clear {
  display: flex;
}

.mbsc-sel-input-wrap {
  position: relative;
}

.mbsc-sel .mbsc-ltr .mbsc-sel-filter-cont .mbsc-sel-filter-input {
  padding-right: 1.5em;
}

.mbsc-sel .mbsc-rtl .mbsc-sel-filter-cont .mbsc-sel-filter-input {
  padding-left: 1.5em;
}

.mbsc-ltr .mbsc-sel-filter-clear {
  right: 0;
}

.mbsc-rtl .mbsc-sel-filter-clear {
  left: 0;
}

.mbsc-sel.mbsc-fr-pointer.mbsc-no-touch .mbsc-sc-whl .mbsc-sc-itm.mbsc-sel-gr:hover {
  background: none;
}

/* Group headers */

.mbsc-bootstrap .mbsc-sc-whl .mbsc-sel-gr {
  padding: 0 5px;
  font-size: 20px;
}

.mbsc-bootstrap .mbsc-sel-filter-cont {
  padding: 4px;
}

.mbsc-ios {
  /* Group select */
  /* Filter */
  /* Desktop view */
}

.mbsc-ios .mbsc-sc-whl .mbsc-sel-gr {
  padding-left: 0.277777em;
  font-weight: normal;
  font-size: 1.222222em;
}

.mbsc-ios .mbsc-sel-filter-cont.mbsc-input {
  font-size: 1.333334em;
  padding: 0.5em;
  position: relative;
}

.mbsc-ios .mbsc-sel-filter-cont.mbsc-input input {
  height: 2em;
  border-radius: 0.325em;
}

.mbsc-ios .mbsc-sel-filter-clear {
  width: 1.75em;
  right: 0.5em;
  font-size: 1em;
}

.mbsc-ios.mbsc-sel .mbsc-rtl .mbsc-sel-filter-clear {
  left: 0.5em;
}

.mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:before,
.mbsc-ios .mbsc-sel-filter-cont.mbsc-control-w:after {
  border: none;
}

.mbsc-ios .mbsc-sel-gr-whl .mbsc-sc-itm {
  padding: 0 0.5em;
}

.mbsc-ios .mbsc-sel-gr-whl .mbsc-sc-itm::before {
  display: none;
}

.mbsc-ios.mbsc-fr-pointer {
  /* Group headers */
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
  font-weight: 700;
  font-size: 1em;
  padding: 0 1.666667em;
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sel-gr-whl .mbsc-sc-itm {
  padding: 0 1.25em;
}

.mbsc-ios {
  /* Group select */
  /* Filter */
  /* Desktop view */
}

.mbsc-ios .mbsc-sc-whl .mbsc-sel-gr {
  color: #9d9d9d;
}

.mbsc-ios .mbsc-sel-filter-cont.mbsc-input {
  background: #c4c4c4;
}

.mbsc-ios.mbsc-fr-center .mbsc-sel-filter-cont {
  background: #eaeaea;
}

.mbsc-ios .mbsc-sel-filter-cont.mbsc-input input {
  background: white;
}

.mbsc-ios .mbsc-sel-filter-clear {
  color: #8c8c8c;
}

.mbsc-ios.mbsc-fr-pointer {
  /* Group headers */
}

.mbsc-ios.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
  color: #000000;
}

.mbsc-ios.mbsc-fr-pointer.mbsc-sel .mbsc-ltr .mbsc-sc-whl-w + .mbsc-sc-whl-w {
  border-left: 1px solid #cccccc;
}

.mbsc-ios.mbsc-fr-pointer.mbsc-sel .mbsc-rtl .mbsc-sc-whl-w + .mbsc-sc-whl-w {
  border-right: 1px solid #cccccc;
}

.mbsc-material {
  /* Group headers */
  /* Filter style */
  /* Desktop styling */
}

.mbsc-material .mbsc-sc-whl .mbsc-sel-gr {
  padding: 0 0.333333em;
  font-size: 1.125em;
}

.mbsc-material .mbsc-sel-filter-cont {
  margin: 0.25em 1em;
}

.mbsc-material .mbsc-input .mbsc-sel-filter-input:focus,
.mbsc-material .mbsc-input .mbsc-sel-filter-input {
  border-bottom: 0;
  padding: inherit;
}

.mbsc-material .mbsc-rtl .mbsc-sel-filter-clear {
  left: -0.5em;
}

.mbsc-material .mbsc-ltr .mbsc-sel-filter-clear {
  right: -0.5em;
}

.mbsc-material .mbsc-sel-gr-whl .mbsc-sc-itm {
  padding: 0 0.272727em;
}

.mbsc-material .mbsc-sel-gr-whl .mbsc-sc-itm::before {
  display: none;
}

.mbsc-material.mbsc-fr-pointer {
  /* Single select */
  /* Group headers */
}

.mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
  padding: 0 1.25em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
  display: none;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
  padding: 0 1.25em;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
  padding: 0 2.5em;
}

.mbsc-material {
  /* Filter style */
  /* Desktop styling */
}

.mbsc-material .mbsc-sel-filter-cont {
  border-bottom: 1px solid #c4c4c4;
}

.mbsc-material.mbsc-fr-pointer {
  /* Single select */
}

.mbsc-material.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel {
  color: #1a73e8;
}

.mbsc-material.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material.mbsc-fr-pointer .mbsc-sel-one.mbsc-no-touch.mbsc-sc-whl-multi .mbsc-sc-itm-sel:hover {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-mobiscroll {
  /* Filter style */
}

.mbsc-mobiscroll .mbsc-sc-whl .mbsc-sel-gr {
  padding: 0 0.25em;
  font-size: 1.125em;
}

.mbsc-mobiscroll .mbsc-sel-gr-whl .mbsc-sc-itm {
  padding: 0 0.25em;
}

.mbsc-mobiscroll .mbsc-sel-gr-whl .mbsc-sc-itm::before {
  display: none;
}

.mbsc-mobiscroll .mbsc-sel-filter-cont {
  margin: 0.25em 1em;
}

.mbsc-mobiscroll.mbsc-fr-pointer {
  /* Single select */
  /* Group headers */
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
  padding: 0 1.25em;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
  display: none;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
  padding: 0 2.5em;
}

.mbsc-mobiscroll .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
  color: #2b93e6;
}

.mbsc-mobiscroll.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #454545;
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-windows {
  /* Group select */
  /* Filter */
  /* Desktop styling */
}

.mbsc-windows .mbsc-sc-whl .mbsc-sel-gr {
  opacity: 1;
  font-size: 1.375em;
  font-weight: normal;
}

.mbsc-windows .mbsc-sc-whl .mbsc-sel-gr:after {
  display: none;
}

.mbsc-windows .mbsc-sel-gr-whl .mbsc-sc-itm {
  padding: 0 0.5em;
}

.mbsc-windows .mbsc-sel-gr-whl .mbsc-sc-itm::before {
  display: none;
}

.mbsc-windows .mbsc-input.mbsc-sel-filter-cont {
  padding: 0.5em;
}

.mbsc-windows.mbsc-fr-pointer {
  /* Single select */
  /* Group headers */
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm {
  padding: 0 1.25em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel:before {
  display: none;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
  padding: 0 0.90909em;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sc-itm.mbsc-sel-gr-itm {
  padding: 0 2.5em;
}

.mbsc-windows {
  /* Group select */
  /* Desktop styling */
}

.mbsc-windows .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
  color: #0078d7;
}

.mbsc-windows .mbsc-sel-filter-clear {
  color: #333333;
}

.mbsc-windows.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #333333;
  background: rgba(0, 120, 215, 0.2);
}

.mbsc-timer .mbsc-timer-lbl {
  display: none;
}

.mbsc-ios {
  /* Desktop view */
}

.mbsc-ios.mbsc-timer .mbsc-sc-whl-gr {
  padding: 0.833333em;
}

.mbsc-ios.mbsc-timer .mbsc-sc-lbl {
  z-index: 3;
  top: 50%;
  bottom: auto;
  right: 0;
  left: auto;
  width: auto;
  margin-top: -0.75em;
  padding: 0 0.55em;
  font-size: 1.666667em;
  line-height: 1.5em;
  text-transform: lowercase;
}

.mbsc-ios.mbsc-timer .mbsc-rtl .mbsc-sc-lbl {
  left: 0;
  right: auto;
}

.mbsc-ios.mbsc-timer .mbsc-sc-whl-gr-3d .mbsc-sc-lbl {
  -webklit-transform: translateZ(88px);
  transform: translateZ(88px);
}

.mbsc-ios.mbsc-timer .mbsc-sc-itm {
  text-overflow: clip;
}

.mbsc-ios.mbsc-timer .mbsc-sc-lbl-v {
  margin: 0;
}

.mbsc-ios .mbsc-sc-lbl-v .mbsc-timer-lbl {
  display: inline;
  visibility: hidden;
  padding-left: 0.5em;
  font-size: 0.90909em;
  text-transform: lowercase;
}

.mbsc-ios.mbsc-timer.mbsc-fr-pointer .mbsc-sc-whl-gr {
  padding: 0;
}

.mbsc-ios.mbsc-timer.mbsc-fr-pointer .mbsc-sc-lbl {
  font-size: 1.333334em;
  padding: 0 0.6875em;
}

.mbsc-ios.mbsc-timer .mbsc-sc-lbl {
  color: #007aff;
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-cont {
  display: table;
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-w {
  width: 1px;
  text-align: left;
  display: table-cell;
  float: none;
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-w:first-child {
  width: auto;
  text-align: left;
}

.mbsc-material.mbsc-timer .mbsc-fr-btn-w .mbsc-fr-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont {
  display: table;
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont .mbsc-fr-btn-w {
  width: 1px;
  text-align: left;
  display: table-cell;
  float: none;
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont .mbsc-fr-btn-w:first-child {
  width: auto;
  text-align: left;
}

.mbsc-mobiscroll.mbsc-timer .mbsc-fr-btn-cont .mbsc-fr-btn-w .mbsc-fr-btn {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

.mbsc-windows.mbsc-timer .mbsc-sc-whl-gr {
  padding: 0;
}

.mbsc-windows.mbsc-timer .mbsc-sc-lbl {
  line-height: 1.5em;
  z-index: 3;
  top: 50%;
  bottom: auto;
  right: 0;
  left: auto;
  width: auto;
  margin-top: -0.75em;
  padding: 0 0.5em;
  font-size: 1em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-timer .mbsc-timer-lbl {
  display: inline;
  visibility: hidden;
  padding-left: 0.5em;
  font-size: 1em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-timer .mbsc-sc-lbl-v {
  margin-bottom: 0;
}

.mbsc-windows.mbsc-timer .mbsc-sc-lbl {
  color: #333333;
}

.mbsc-ts .mbsc-ts-lbl {
  display: none;
}

.mbsc-ios {
  /* Desktop view */
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl-v {
  margin: 0;
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl-v .mbsc-ts-lbl {
  display: inline;
  visibility: hidden;
  padding-left: 0.5em;
  font-size: 0.90909em;
  text-transform: lowercase;
}

.mbsc-ios.mbsc-ts .mbsc-sc-whl-gr {
  padding: 0.833333em;
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl {
  padding: 0 0.55em;
  margin-top: -0.75em;
  left: auto;
  top: 50%;
  right: 0;
  width: auto;
  z-index: 3;
  font-size: 1.666667em;
  line-height: 1.5em;
  text-transform: lowercase;
}

.mbsc-ios.mbsc-ts .mbsc-rtl .mbsc-sc-lbl {
  left: 0;
  right: auto;
}

.mbsc-ios.mbsc-ts .mbsc-sc-whl-gr-3d .mbsc-sc-lbl {
  -webklit-transform: translateZ(88px);
  transform: translateZ(88px);
}

.mbsc-ios.mbsc-ts.mbsc-fr-pointer .mbsc-sc-whl-gr {
  padding: 0;
}

.mbsc-ios.mbsc-ts.mbsc-fr-pointer .mbsc-sc-lbl {
  font-size: 1.333334em;
  padding: 0 0.6875em;
}

.mbsc-ios.mbsc-ts .mbsc-sc-lbl {
  color: #007aff;
}

.mbsc-windows.mbsc-ts .mbsc-sc-whl-gr {
  padding: 0;
}

.mbsc-windows.mbsc-ts .mbsc-sc-lbl {
  line-height: 1.5em;
  z-index: 3;
  top: 50%;
  bottom: auto;
  right: 0;
  left: auto;
  width: auto;
  margin-top: -0.75em;
  padding: 0 0.5em;
  font-size: 1em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-ts .mbsc-ts-lbl {
  display: inline;
  visibility: hidden;
  padding-left: 0.5em;
  font-size: 1em;
  text-transform: lowercase;
}

.mbsc-windows.mbsc-ts .mbsc-sc-lbl-v {
  margin-bottom: 0;
}

.mbsc-windows.mbsc-ts .mbsc-sc-lbl {
  color: #333333;
}

.mbsc-ios-dark {
  /* Bubble arrow */
  /* Top and bottom display */
  /* Center display button  */
  /* Inline display */
  /* Desktop view */
}

.mbsc-ios-dark.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-btn-cont {
  background: #1c1c1c;
}

.mbsc-ios-dark .mbsc-fr-overlay {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-ios-dark .mbsc-fr-w {
  background: hsl(0deg, 0%, 3%);
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-fr-hdr {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-fr-nobtn .mbsc-fr-hdr, .mbsc-ios-dark.mbsc-fr-center:not(.mbsc-cal-liq) .mbsc-fr-hdr,
.mbsc-ios-dark .mbsc-fr-btn-cont {
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-fr-btn {
  color: #ff9f0a;
}

.mbsc-ios-dark .mbsc-fr-arr {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark.mbsc-fr-bottom .mbsc-fr-popup {
  border-top: 1px solid #363636;
}

.mbsc-ios-dark.mbsc-fr-top .mbsc-fr-popup {
  border-bottom: 1px solid #363636;
}

.mbsc-ios-dark.mbsc-fr-center .mbsc-fr-btn-w {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-center .mbsc-rtl .mbsc-fr-btn-w {
  border-right: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-center.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover, .mbsc-ios-dark.mbsc-fr-center .mbsc-fr-btn.mbsc-active {
  background: #1f1f1f;
}

.mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-w {
  background: #0f0f0f;
  border-top: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-inline .mbsc-fr-c {
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-no-overlay .mbsc-fr-arr {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.8);
}

.mbsc-ios-dark.mbsc-fr-no-overlay .mbsc-fr-w {
  box-shadow: 0 0.125em 1em rgba(0, 0, 0, 0.8);
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-persp .mbsc-fr-popup .mbsc-fr-w,
.mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-persp .mbsc-cal-picker {
  background: #333333;
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-fr-hdr {
  border-color: #545454;
}

.mbsc-ios-dark {
  /* Scroller */
  /* Top / bottom color theme */
  /* Inline color theme */
  /* Wheel label */
  /* 3D */
  /* Clickpick mode */
  /* Multiple select */
  /* Desktop view */
}

.mbsc-ios-dark.mbsc-sc.mbsc-fr-top .mbsc-fr-w, .mbsc-ios-dark.mbsc-sc.mbsc-fr-bottom .mbsc-fr-w {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark.mbsc-calendar .mbsc-fr-persp .mbsc-fr-w {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark.mbsc-calendar.mbsc-fr-top .mbsc-fr-btn-cont, .mbsc-ios-dark.mbsc-calendar.mbsc-fr-bottom .mbsc-fr-btn-cont {
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-l, .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-l {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-sc-whl-l, .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-l {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-o, .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-o {
  background: linear-gradient(hsl(0deg, 0%, 3%), rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, hsl(0deg, 0%, 3%));
}

.mbsc-ios-dark .mbsc-sc-whl-o, .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-o {
  background: linear-gradient(hsl(0deg, 0%, 3%), rgba(8, 8, 8, 0) 52%, rgba(8, 8, 8, 0) 48%, hsl(0deg, 0%, 3%));
}

.mbsc-ios-dark.mbsc-fr-top .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios-dark.mbsc-fr-bottom .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-o {
  background: linear-gradient(#0f0f0f, rgba(15, 15, 15, 0) 52%, rgba(15, 15, 15, 0) 48%, #0f0f0f);
}

.mbsc-ios-dark.mbsc-fr.mbsc-fr-inline .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-sc-lbl {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-sc-itm {
  color: hsl(0deg, 0%, 62%);
}

.mbsc-ios-dark.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-ios-dark .mbsc-sc-itm:focus {
  background: rgba(255, 159, 10, 0.15);
}

.mbsc-ios-dark.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(255, 159, 10, 0.2);
}

.mbsc-ios-dark .mbsc-sc-itm-sel,
.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c, .mbsc-ios-dark.mbsc-calendar .mbsc-sc-whl-gr-3d .mbsc-sc-whl-c {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark .mbsc-sc-whl-gr-3d .mbsc-sc-itm-3d {
  color: #6e6e6e;
}

.mbsc-ios-dark .mbsc-sc-btn {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-sel-multi .mbsc-sc-itm {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-whl-l {
  border-color: #545454;
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-itm {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-itm-sel {
  color: #ff9f0a;
}

.mbsc-ios-dark {
  /* Hover, focus */
  /* Selected */
  /* Marks */
  /* Inline */
  /* Re-position buttons to top */
}

.mbsc-ios-dark .mbsc-cal-picker {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark .mbsc-cal-cell {
  border-top: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-cal-today {
  color: #ff9f0a;
}

.mbsc-ios-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt, .mbsc-ios-dark.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-ios-dark.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover {
  background: rgba(255, 159, 10, 0.3);
}

.mbsc-ios-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  border-color: #ff9f0a;
  background: #ff9f0a;
  color: #000;
}

.mbsc-ios-dark .mbsc-cal-tab {
  border: 1px solid #ff9f0a;
  color: #ff9f0a;
}

.mbsc-ios-dark .mbsc-fr-popup .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
  background: #ff9f0a;
  color: #000;
}

.mbsc-ios-dark .mbsc-cal-mark {
  background: #333333;
}

.mbsc-ios-dark .mbsc-cal-txt {
  background: #fff3e0;
  color: #000;
}

.mbsc-ios-dark.mbsc-fr-inline .mbsc-cal-picker {
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-fr-btn-cont {
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-page {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-ios-dark a {
  color: #ff9f0a;
}

.mbsc-ios-dark {
  /* Box Input and Outline */
  /* Outline */
}

.mbsc-ios-dark.mbsc-input {
  background: #0f0f0f;
}

.mbsc-ios-dark.mbsc-input .mbsc-control::-webkit-input-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios-dark.mbsc-input .mbsc-control::-ms-input-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios-dark.mbsc-input .mbsc-control::-moz-placeholder {
  color: hsl(0deg, 0%, 80%);
}

.mbsc-ios-dark .mbsc-input-wrap input:-webkit-autofill ~ .mbsc-input-fill {
  background: #e8f0fe;
}

.mbsc-ios-dark .mbsc-input-wrap input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #e8f0fe inset;
}

.mbsc-ios-dark.mbsc-input .mbsc-label, .mbsc-ios-dark.mbsc-progress .mbsc-label, .mbsc-ios-dark.mbsc-input input, .mbsc-ios-dark.mbsc-input textarea {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-err-msg {
  color: #d8332a;
}

.mbsc-ios-dark.mbsc-input:before, .mbsc-ios-dark.mbsc-input:after, .mbsc-ios-dark.mbsc-form .mbsc-control-w:before, .mbsc-ios-dark.mbsc-form .mbsc-control-w:after {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-control-w.mbsc-err:after, .mbsc-ios-dark.mbsc-control-w.mbsc-err + .mbsc-err:before, .mbsc-ios-dark.mbsc-control-w.mbsc-err + .mbsc-divider, mbsc-input.mbsc-err + mbsc-input .mbsc-ios-dark.mbsc-err:before {
  border-top-color: #d8332a;
}

.mbsc-ios-dark.mbsc-input-box.mbsc-err, .mbsc-ios-dark.mbsc-input-outline.mbsc-err {
  border-color: #d8332a;
}

.mbsc-ios-dark.mbsc-input-box .mbsc-err-msg, .mbsc-ios-dark.mbsc-input-outline .mbsc-err-msg {
  color: #d8332a;
}

.mbsc-ios-dark.mbsc-input-outline {
  /* Row separator */
}

.mbsc-ios-dark.mbsc-input-outline.mbsc-control-w {
  border: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-input-outline.mbsc-err.mbsc-control-w {
  border-color: #d8332a;
}

.mbsc-ios-dark.mbsc-form .mbsc-progress, .mbsc-ios-dark.mbsc-input-box.mbsc-progress, .mbsc-ios-dark.mbsc-input-outline.mbsc-progress {
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-progress-track {
  background: #454545;
}

.mbsc-ios-dark .mbsc-progress-bar {
  background: #ff9f0a;
}

.mbsc-ios-dark .mbsc-progress-value,
.mbsc-ios-dark .mbsc-progress-step-label {
  color: #b3b3b3;
}

.mbsc-ios-dark .mbsc-slider-handle {
  background: #fff;
}

.mbsc-ios-dark .mbsc-slider-tooltip {
  color: #b3b3b3;
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-slider-step {
  background: #454545;
}

.mbsc-ios-dark.mbsc-rating .mbsc-progress-track {
  color: #ff9f0a;
}

.mbsc-ios-dark {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-ios-dark.mbsc-alert .mbsc-input {
  border: 1px solid #ccc;
}

.mbsc-ios-dark.mbsc-snackbar .mbsc-fr-w {
  background: #646464;
  color: #fff;
}

.mbsc-ios-dark.mbsc-snackbar .mbsc-snackbar-btn {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-toast .mbsc-toast-msg {
  background: #646464;
  color: #fff;
}

.mbsc-ios-dark {
  /* Backgrounds */
  /* Checkbox */
  /* Radio */
  /* Buttons */
  /* Button color presets */
  /* Flat buttons */
  /* Outline buttons */
  /* Switch */
  /* Segmented & Stepper */
}

.mbsc-ios-dark.mbsc-form {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-form *::-moz-selection, .mbsc-ios-dark.mbsc-control-w *::-moz-selection {
  color: hsl(0deg, 0%, 80%);
  background: #ffa519;
}

.mbsc-ios-dark.mbsc-form *::-moz-selection, .mbsc-ios-dark.mbsc-control-w *::-moz-selection, .mbsc-ios-dark.mbsc-form *::selection, .mbsc-ios-dark.mbsc-control-w *::selection {
  color: hsl(0deg, 0%, 80%);
  background: #ffa519;
}

.mbsc-ios-dark .mbsc-input-ic {
  color: white;
}

.mbsc-ios-dark .mbsc-divider,
.mbsc-ios-dark .mbsc-form-group-title {
  border-bottom: 1px solid #4d4d4d;
  color: #8f8f8f;
}

.mbsc-ios-dark .mbsc-divider {
  border-top: 1px solid #4d4d4d;
}

.mbsc-ios-dark.mbsc-form .mbsc-checkbox, .mbsc-ios-dark.mbsc-form .mbsc-radio, .mbsc-ios-dark.mbsc-form .mbsc-switch, .mbsc-ios-dark.mbsc-form .mbsc-segmented, .mbsc-ios-dark.mbsc-form .mbsc-stepper-cont, .mbsc-ios-dark.mbsc-input-box.mbsc-checkbox, .mbsc-ios-dark.mbsc-input-box.mbsc-radio, .mbsc-ios-dark.mbsc-input-box.mbsc-switch, .mbsc-ios-dark.mbsc-input-box.mbsc-stepper-cont, .mbsc-ios-dark.mbsc-input-outline.mbsc-checkbox, .mbsc-ios-dark.mbsc-input-outline.mbsc-radio, .mbsc-ios-dark.mbsc-input-outline.mbsc-switch, .mbsc-ios-dark.mbsc-input-outline.mbsc-stepper-cont {
  background: #292929;
}

.mbsc-ios-dark.mbsc-form .mbsc-input-box.mbsc-segmented, .mbsc-ios-dark.mbsc-form .mbsc-input-box.mbsc-segmented {
  background: transparent;
}

.mbsc-ios-dark .mbsc-checkbox-box {
  border: 0.125em solid #ffa519;
}

.mbsc-ios-dark .mbsc-checkbox-box:after {
  border: 0.125em solid #ffa519;
  border-top: 0;
  border-right: 0;
}

.mbsc-ios-dark .mbsc-radio-box:after {
  border: 0.125em solid #ffa519;
  border-top: 0;
  border-right: 0;
}

.mbsc-ios-dark.mbsc-radio input:disabled ~ .mbsc-radio-label {
  color: #545454;
}

.mbsc-ios-dark.mbsc-btn {
  background: #545454;
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-btn:not(.mbsc-btn-flat):disabled {
  background: #3b3b3b;
  color: #545454;
}

.mbsc-ios-dark.mbsc-btn.mbsc-btn-flat {
  background: transparent;
  border-color: transparent;
}

.mbsc-ios-dark.mbsc-btn-flat:disabled {
  background: transparent;
  color: #545454;
}

.mbsc-ios-dark.mbsc-btn-primary.mbsc-btn, .mbsc-ios-dark.mbsc-btn-secondary.mbsc-btn, .mbsc-ios-dark.mbsc-btn-success.mbsc-btn, .mbsc-ios-dark.mbsc-btn-danger.mbsc-btn, .mbsc-ios-dark.mbsc-btn-warning.mbsc-btn, .mbsc-ios-dark.mbsc-btn-info.mbsc-btn, .mbsc-ios-dark.mbsc-btn-dark.mbsc-btn {
  color: #fff;
}

.mbsc-ios-dark.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-ios-dark.mbsc-btn-flat.mbsc-btn {
  background: transparent;
}

.mbsc-ios-dark.mbsc-btn-outline.mbsc-btn {
  background: transparent;
  border: 1px solid #ff9f0a;
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-btn-outline.mbsc-btn.mbsc-active {
  background: #ff9f0a;
  color: #545454;
}

.mbsc-ios-dark.mbsc-btn.mbsc-btn-outline:disabled {
  color: #545454;
  border-color: #545454;
  background: transparent;
}

.mbsc-ios-dark .mbsc-switch-track {
  background: #fff;
  border: 0.0625em solid #454545;
}

.mbsc-ios-dark .mbsc-switch-track:after {
  background: #292929;
}

.mbsc-ios-dark .mbsc-switch-handle {
  background: #fff;
}

.mbsc-ios-dark.mbsc-switch input:checked + .mbsc-switch-track {
  background: #ff9f0a;
  border-color: #ff9f0a;
}

.mbsc-ios-dark .mbsc-segmented-content {
  color: #ffa519;
  border: 0.07142857em solid #ffa519;
  background: #292929;
}

.mbsc-ios-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-ios-dark.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #ffa519;
  color: #292929;
}

.mbsc-ios-dark.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(255, 159, 10, 0.3);
  color: #ffa519;
}

.mbsc-ios-dark.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-ios-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-ios-dark.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #545454;
  border-color: #545454;
}

.mbsc-ios-dark .mbsc-stepper input:disabled {
  color: #545454;
  -webkit-text-fill-color: #545454;
}

.mbsc-ios-dark.mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
  background: #3b3b3b;
}

.mbsc-ios-dark .mbsc-stepper input {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(255, 159, 10, 0.15);
}

.mbsc-ios-dark.mbsc-card.mbsc-form {
  color: #ffffff;
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-card-subtitle {
  color: rgba(255, 255, 255, 0.51);
}

.mbsc-ios-dark.mbsc-card.mbsc-form {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.mbsc-ios-dark.mbsc-card .mbsc-lv-item {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-card-footer {
  border-color: #333333;
}

.mbsc-ios-dark.mbsc-card .mbsc-input-box.mbsc-control-w, .mbsc-ios-dark.mbsc-card .mbsc-input-box.mbsc-control-w {
  border: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-color-active, .mbsc-ios-dark.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #ff9f0a;
}

.mbsc-ios-dark .mbsc-lv {
  background: #333333;
}

.mbsc-ios-dark .mbsc-lv-item {
  background: #0f0f0f;
  border-color: #333333;
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-lv-item:before,
.mbsc-ios-dark .mbsc-lv-item:after {
  border-top: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-lv-gr-title {
  background: #1a1a1a;
  color: #8f8f8f;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-ios-dark .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(255, 255, 255, 0.05);
}

.mbsc-ios-dark .mbsc-lv-item-actionable.mbsc-lv-item-active:before {
  background: rgba(0, 0, 0, 0.15);
}

.mbsc-ios-dark .mbsc-empty {
  color: #ffffff;
}

.mbsc-ios-dark {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-ios-dark.mbsc-ev-cal .mbsc-fr-w {
  background: #000000;
}

.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-picker {
  background: #000000;
}

.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-inline .mbsc-cal-scroll-c {
  background: #0f0f0f;
}

.mbsc-ios-dark.mbsc-cal-events-popup .mbsc-fr-w {
  border: 1px solid #545454;
}

.mbsc-ios-dark.mbsc-cal-events-popup .mbsc-fr-arr {
  background: #0f0f0f;
  border: 1px solid #545454;
}

.mbsc-ios-dark .mbsc-cal-events-i {
  background: #333333;
}

.mbsc-ios-dark .mbsc-cal-event-color {
  background: #94b8dd;
}

.mbsc-ios-dark .mbsc-cal-event-dur,
.mbsc-ios-dark .mbsc-cal-event-time {
  color: #8e8e8e;
}

.mbsc-ios-dark .mbsc-event-list {
  background: #1a1a1a;
}

.mbsc-ios-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #333333;
}

.mbsc-ios-dark {
  /* Item borders */
}

.mbsc-ios-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: #212121;
}

.mbsc-ios-dark .mbsc-lv-item-hl,
.mbsc-ios-dark .mbsc-lv .mbsc-lv-item.mbsc-lv-item-active {
  background: #1f1f1f;
}

.mbsc-ios-dark .mbsc-lv-handle-bar {
  background: #6e6e6e;
}

.mbsc-ios-dark .mbsc-lv-arr {
  color: #6e6e6e;
}

.mbsc-ios-dark.mbsc-lv-has-fixed-header .mbsc-lv-gr-title, .mbsc-ios-dark.mbsc-lv-fixed-header .mbsc-lv-gr-title {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-lv-ic-m {
  color: #ffffff;
}

.mbsc-ios-dark .mbsc-lv-loading .mbsc-ic {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(255, 159, 10, 0.3);
}

.mbsc-ios-dark.mbsc-ms-c {
  background: #000000;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-ms .mbsc-ms-item {
  color: #ababab;
}

.mbsc-ios-dark.mbsc-ms-nosel .mbsc-ms-item,
.mbsc-ios-dark .mbsc-ms .mbsc-ms-item-sel {
  color: #ff9f0a;
}

.mbsc-ios-dark .mbsc-ms-item.mbsc-focus, .mbsc-ios-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(255, 159, 10, 0.15);
}

.mbsc-ios-dark.mbsc-ms-more .mbsc-ms-item:after {
  border-top: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-np-btn {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-np-btn.mbsc-active,
.mbsc-ios-dark .mbsc-np-btn-empty {
  background: hsl(0deg, 0%, 3%);
}

.mbsc-ios-dark .mbsc-np-btn.mbsc-disabled {
  color: #212121;
}

.mbsc-ios-dark .mbsc-range-btn-end {
  border-bottom: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-range-btn-end .mbsc-range-btn:before {
  border-top: 1px solid #333333;
}

.mbsc-ios-dark .mbsc-range-btn.mbsc-selected .mbsc-range-btn-v {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-range .mbsc-cal .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date, .mbsc-ios-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: #ff9f0a;
}

.mbsc-ios-dark {
  /* Group select */
  /* Filter */
  /* Desktop view */
}

.mbsc-ios-dark .mbsc-sc-whl .mbsc-sel-gr {
  color: #9d9d9d;
}

.mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input {
  background: #3b3b3b;
}

.mbsc-ios-dark.mbsc-fr-center .mbsc-sel-filter-cont {
  background: #1f1f1f;
}

.mbsc-ios-dark .mbsc-sel-filter-cont.mbsc-input input {
  background: #0f0f0f;
}

.mbsc-ios-dark .mbsc-sel-filter-clear {
  color: #8c8c8c;
}

.mbsc-ios-dark.mbsc-fr-pointer {
  /* Group headers */
}

.mbsc-ios-dark.mbsc-fr-pointer .mbsc-sc-whl .mbsc-sel-gr {
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-fr-pointer.mbsc-sel .mbsc-ltr .mbsc-sc-whl-w + .mbsc-sc-whl-w {
  border-left: 1px solid #545454;
}

.mbsc-ios-dark.mbsc-fr-pointer.mbsc-sel .mbsc-rtl .mbsc-sc-whl-w + .mbsc-sc-whl-w {
  border-right: 1px solid #545454;
}

.mbsc-ios-dark.mbsc-timer .mbsc-sc-lbl {
  color: #ff9f0a;
}

.mbsc-ios-dark.mbsc-ts .mbsc-sc-lbl {
  color: #ff9f0a;
}

.mbsc-material-dark .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.mbsc-material-dark .mbsc-fr-w {
  background: #000;
  color: #fff;
  box-shadow: 0 0.25em 1.5em rgba(0, 0, 0, 0.3);
}

.mbsc-material-dark .mbsc-fr-hdr {
  color: #87b0f3;
}

.mbsc-material-dark .mbsc-fr-btn {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
.mbsc-material-dark .mbsc-fr-btn.mbsc-active {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark .mbsc-fr-arr {
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
  background: #000;
}

.mbsc-material-dark {
  /* Clickpick mode */
  /* Multiple select */
}

.mbsc-material-dark .mbsc-sc-lbl {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-material-dark .mbsc-sc-itm:focus {
  background: rgba(0, 0, 0, 0.05);
}

.mbsc-material-dark.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark .mbsc-sc-whl-l {
  border-top: 2px solid #87b0f3;
  border-bottom: 2px solid #87b0f3;
}

.mbsc-material-dark .mbsc-sc-btn {
  color: #87b0f3;
  background: #000;
}

.mbsc-material-dark.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-material-dark .mbsc-sc-btn.mbsc-active {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  color: #87b0f3;
}

.mbsc-material-dark {
  /* Hover, focus */
  /* Selected */
}

.mbsc-material-dark .mbsc-cal-picker {
  background: #000;
}

.mbsc-material-dark .mbsc-cal-today,
.mbsc-material-dark .mbsc-cal-tab.mbsc-selected {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-material-dark.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover,
.mbsc-material-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  background: rgba(135, 176, 243, 0.3);
}

.mbsc-material-dark .mbsc-cal-c .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
  border-color: #87b0f3;
}

.mbsc-material-dark .mbsc-cal-mark {
  background: #87b0f3;
}

.mbsc-material-dark .mbsc-cal-txt {
  color: #000;
  background: white;
}

.mbsc-material-dark .mbsc-cal-icons {
  color: #fff;
}

.mbsc-material-dark .mbsc-ripple {
  background: #fff;
}

.mbsc-material-dark .mbsc-empty {
  color: #fff;
}

.mbsc-material-dark.mbsc-page {
  background-color: #000;
  color: white;
}

.mbsc-material-dark a {
  color: #87b0f3;
}

.mbsc-material-dark {
  /* Textbox */
  /* Textbox, textarea, select */
  /* Input */
  /* Select */
  /* Box Input color */
  /* Outline Input */
}

.mbsc-material-dark.mbsc-input .mbsc-control {
  border-bottom: 1px solid white;
  color: #c2c2c2;
}

.mbsc-material-dark.mbsc-input .mbsc-control:focus, .mbsc-material-dark.mbsc-input select:focus ~ input {
  border-bottom: 2px solid #87b0f3;
}

.mbsc-material-dark.mbsc-input.mbsc-err input, .mbsc-material-dark.mbsc-input.mbsc-err textarea {
  border-bottom: 1px solid #de3226;
}

.mbsc-material-dark.mbsc-select .mbsc-input-wrap:after {
  border: 5px solid white;
  border-color: white transparent transparent transparent;
}

.mbsc-material-dark.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  background: #121212;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-input .mbsc-control {
  border: 1px solid white;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-input .mbsc-label {
  background: #000;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-label-inline.mbsc-input .mbsc-label, .mbsc-material-dark.mbsc-input-outline.mbsc-label-floating:not(.mbsc-label-floating-active).mbsc-input .mbsc-label {
  background: none;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-input input:focus, .mbsc-material-dark.mbsc-input-outline.mbsc-input select:focus ~ input {
  border: 2px solid #87b0f3;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-err input {
  border: 1px solid #de3226;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-err input:focus {
  border: 2px solid #de3226;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-input textarea:focus {
  border: 2px solid #87b0f3;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-err textarea {
  border: 1px solid #de3226;
}

.mbsc-material-dark.mbsc-input-outline.mbsc-err textarea:focus {
  border: 2px solid #de3226;
}

.mbsc-material-dark .mbsc-progress-track {
  background: #2b2b2b;
}

.mbsc-material-dark .mbsc-progress-bar {
  background: #87b0f3;
}

.mbsc-material-dark .mbsc-slider-step {
  background: #fff;
}

.mbsc-material-dark .mbsc-slider-handle {
  border: 2px solid #87b0f3;
  background: #87b0f3;
}

.mbsc-material-dark .mbsc-slider-handle:before {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark .mbsc-slider-start .mbsc-slider-handle {
  border-color: #2b2b2b;
  background: #000;
}

.mbsc-material-dark .mbsc-slider-tooltip {
  color: #000;
  background-color: #87b0f3;
}

.mbsc-material-dark .mbsc-slider-tooltip:before {
  border-top: 1em solid #87b0f3;
}

.mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip, .mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-progress-bar {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-slider-has-tooltip .mbsc-slider-start .mbsc-slider-tooltip:before {
  border-top-color: #2b2b2b;
}

.mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-handle {
  background: #2b2b2b;
  border-color: #2b2b2b;
  box-shadow: 0 0 0 0.3125em #000;
}

.mbsc-material-dark.mbsc-slider input:disabled ~ .mbsc-progress-cont .mbsc-slider-start .mbsc-slider-handle {
  border-color: #2b2b2b;
  background: #000;
}

.mbsc-material-dark.mbsc-rating .mbsc-progress-track {
  color: #87b0f3;
}

.mbsc-material-dark {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-material-dark.mbsc-snackbar .mbsc-fr-w {
  background: #5b5b5b;
  color: #fff;
}

.mbsc-material-dark.mbsc-snackbar .mbsc-snackbar-btn {
  color: hsl(217.2222222222deg, 81.8181818182%, 74.1176470588%);
}

.mbsc-material-dark.mbsc-toast .mbsc-toast-msg {
  background: #505050;
  color: #fff;
}

.mbsc-material-dark.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-material-dark.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-material-dark.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-material-dark.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-material-dark.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-material-dark.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-material-dark.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, .mbsc-material-dark.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #eee;
}

.mbsc-material-dark {
  /* Checkbox, radio */
  /* Checkbox */
  /* Radio */
  /* Button */
  /* Flat buttons */
  /* Outline buttons */
  /* Switch */
  /* Segmented control and Stepper */
  /* Segmented color presets */
}

.mbsc-material-dark.mbsc-form {
  background-color: #000;
  color: white;
}

.mbsc-material-dark.mbsc-control-w {
  color: white;
}

.mbsc-material-dark.mbsc-form *::-moz-selection, .mbsc-material-dark.mbsc-control-w *::-moz-selection {
  color: #fff;
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-form *::-moz-selection, .mbsc-material-dark.mbsc-control-w *::-moz-selection, .mbsc-material-dark.mbsc-form *::selection, .mbsc-material-dark.mbsc-control-w *::selection {
  color: #fff;
  background: #87b0f3;
}

.mbsc-material-dark .mbsc-divider,
.mbsc-material-dark .mbsc-form-group-title {
  color: #87b0f3;
}

.mbsc-material-dark .mbsc-err-msg,
.mbsc-material-dark .mbsc-err .mbsc-label {
  color: #de3226;
}

.mbsc-material-dark .mbsc-checkbox-box,
.mbsc-material-dark .mbsc-radio-box {
  border: 0.125em solid white;
}

.mbsc-material-dark .mbsc-checkbox-box:before,
.mbsc-material-dark .mbsc-radio-box:before {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark .mbsc-checkbox-box:after {
  border: 0.125em solid #000;
  border-top: 0;
  border-right: 0;
}

.mbsc-material-dark.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #87b0f3;
  border-color: #87b0f3;
}

.mbsc-material-dark .mbsc-radio-box:after {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #87b0f3;
}

.mbsc-material-dark.mbsc-btn {
  background: #2b2b2b;
  color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.mbsc-material-dark.mbsc-no-touch.mbsc-btn:not(:disabled):hover,
.mbsc-material-dark .mbsc-btn.mbsc-active {
  background: #212121;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material-dark.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover,
.mbsc-material-dark .mbsc-btn-flat.mbsc-active {
  background-color: #2b2b2b;
}

.mbsc-material-dark.mbsc-btn:disabled {
  color: #cfcfcf;
}

.mbsc-material-dark.mbsc-btn.mbsc-btn-outline:disabled {
  color: #cfcfcf;
  border-color: #cfcfcf;
}

.mbsc-material-dark.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-material-dark.mbsc-btn-dark.mbsc-btn {
  color: #eee;
}

.mbsc-material-dark.mbsc-btn-flat.mbsc-btn {
  background: transparent;
  box-shadow: none;
}

.mbsc-material-dark.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover,
.mbsc-material-dark .mbsc-btn-flat.mbsc-active {
  box-shadow: none;
}

.mbsc-material-dark.mbsc-btn-outline.mbsc-btn {
  background: transparent;
  border: 1px solid white;
  color: white;
  box-shadow: none;
}

.mbsc-material-dark.mbsc-btn-outline.mbsc-btn.mbsc-active.mbsc-control {
  background: white;
  color: #000;
  opacity: 1;
}

.mbsc-material-dark .mbsc-switch-track {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-switch .mbsc-switch-handle {
  background: #878787;
  box-shadow: 0 3px 1px -2px rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.12);
}

.mbsc-material-dark.mbsc-switch input:checked + .mbsc-switch-track {
  background-color: rgba(135, 176, 243, 0.3);
}

.mbsc-material-dark.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-switch input:disabled + .mbsc-switch-track {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
  background: #292929;
}

.mbsc-material-dark .mbsc-segmented-content {
  border: 0.142858em solid #87b0f3;
  color: white;
}

.mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, .mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input:checked ~ .mbsc-segmented-content {
  background: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content, .mbsc-material-dark.mbsc-segmented .mbsc-segmented-item .mbsc-active .mbsc-segmented-content {
  background: #212121;
  color: white;
}

.mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #cfcfcf;
  border-color: #2b2b2b;
  background: transparent;
}

.mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content {
  background: #2b2b2b;
  color: #cfcfcf;
  border-color: #2b2b2b;
}

.mbsc-material-dark .mbsc-stepper .mbsc-segmented-content {
  border-color: #2b2b2b;
}

.mbsc-material-dark .mbsc-stepper-control .mbsc-segmented-content {
  background: #2b2b2b;
}

.mbsc-material-dark.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-material-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-material-dark.mbsc-segmented .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content {
  background: #2b2b2b;
  color: #cfcfcf;
}

.mbsc-material-dark.mbsc-segmented .mbsc-segmented-item input:disabled ~ .mbsc-segmented-item .mbsc-stepper-val {
  background: #000;
}

.mbsc-material-dark .mbsc-stepper input {
  color: #fff;
}

.mbsc-material-dark .mbsc-stepper input:disabled {
  color: #cfcfcf;
  -webkit-text-fill-color: #cfcfcf;
}

.mbsc-material-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: #212121;
  color: white;
}

.mbsc-material-dark.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-primary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-secondary.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-success.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-danger.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-warning.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-segmented-content {
  color: #000;
}

.mbsc-material-dark.mbsc-stepper-info.mbsc-stepper-cont .mbsc-stepper .mbsc-stepper-val {
  background: transparent;
}

.mbsc-material-dark.mbsc-card.mbsc-form {
  background: #0c0c0c;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: white;
}

.mbsc-material-dark .mbsc-card-subtitle {
  color: rgba(255, 255, 255, 0.6);
}

.mbsc-material-dark.mbsc-card .mbsc-control-w {
  color: white;
}

.mbsc-material-dark.mbsc-card .mbsc-lv-item,
.mbsc-material-dark .mbsc-card-list .mbsc-card {
  background: #0c0c0c;
  color: white;
}

.mbsc-material-dark .mbsc-card-footer {
  border-color: #999999;
}

.mbsc-material-dark.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
  background: #0c0c0c;
}

.mbsc-material-dark .mbsc-color-item:before {
  color: #000;
}

.mbsc-material-dark.mbsc-input .mbsc-color-input {
  background-color: transparent;
  border-bottom: 1px solid white;
  color: #c2c2c2;
}

.mbsc-material-dark .mbsc-lv {
  background: #2b2b2b;
}

.mbsc-material-dark .mbsc-lv-item {
  background: #000;
  color: #fff;
}

.mbsc-material-dark .mbsc-lv-gr-title {
  background: #000;
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-material-dark .mbsc-lv-item-actionable.mbsc-lv-item-active:before {
  background: rgba(255, 255, 255, 0.05);
}

.mbsc-material-dark {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-material-dark .mbsc-cal-events .mbsc-cal-event {
  color: #fff;
}

.mbsc-material-dark .mbsc-cal-event-color {
  background: #87b0f3;
}

.mbsc-material-dark .mbsc-cal-event.mbsc-focus,
.mbsc-material-dark .mbsc-event-list .mbsc-lv-item.mbsc-focus {
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.4);
}

.mbsc-material-dark .mbsc-event-list .mbsc-lv-item {
  color: #0c0c0c;
}

.mbsc-material-dark .mbsc-event-color {
  background: #87b0f3;
}

.mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #2b2b2b;
}

.mbsc-material-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #2b2b2b;
  border-bottom: 1px solid #2b2b2b;
}

.mbsc-material-dark .mbsc-lv-item-hl:before,
.mbsc-material-dark .mbsc-lv-item-dragging:before {
  background: rgba(255, 255, 255, 0.05);
}

.mbsc-material-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: #080808;
}

.mbsc-material-dark .mbsc-lv-ic-m {
  color: #fff;
}

.mbsc-material-dark .mbsc-lv-arr {
  color: #87b0f3;
}

.mbsc-material-dark .mbsc-lv-handle-bar {
  background: #87b0f3;
}

.mbsc-material-dark p.mbsc-lv-txt {
  color: white;
}

.mbsc-material-dark .mbsc-lv-loading .mbsc-ic {
  color: #fff;
}

.mbsc-material-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark {
  /* Menu styling */
  /* Tab styling */
}

.mbsc-material-dark.mbsc-ms-c {
  background: #000;
}

.mbsc-material-dark .mbsc-ms .mbsc-ms-item {
  color: #fff;
  /* Selected state */
  /* Active state */
}

.mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-ms-item-sel {
  color: #87b0f3;
}

.mbsc-material-dark .mbsc-ms .mbsc-ms-item.mbsc-active {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark .mbsc-ms-item.mbsc-focus, .mbsc-material-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-material-dark.mbsc-ms-top {
  border-bottom: 1px solid #999999;
}

.mbsc-material-dark.mbsc-ms-bottom {
  border-top: 1px solid #999999;
}

.mbsc-material-dark.mbsc-ms-a .mbsc-ms-item.mbsc-ms-item-sel {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
  border-bottom-color: #87b0f3;
}

.mbsc-material-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item.mbsc-ms-item-sel {
  border-top-color: #87b0f3;
  border-bottom-color: transparent;
}

.mbsc-material-dark .mbsc-np-del {
  color: #87b0f3;
}

.mbsc-material-dark .mbsc-range-btn-t {
  border-bottom: 1px solid #999999;
}

.mbsc-material-dark .mbsc-range-btn.mbsc-selected {
  border-color: #87b0f3;
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
  border-color: transparent;
}

.mbsc-material-dark.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #87b0f3;
  border-color: #87b0f3;
  color: #000;
}

.mbsc-material-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: rgba(135, 176, 243, 0.1);
}

.mbsc-material-dark {
  /* Filter style */
  /* Desktop styling */
}

.mbsc-material-dark .mbsc-sel-filter-cont {
  border-bottom: 1px solid #2b2b2b;
}

.mbsc-material-dark.mbsc-fr-pointer {
  /* Single select */
}

.mbsc-material-dark.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-itm-sel {
  color: #87b0f3;
}

.mbsc-material-dark.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-material-dark.mbsc-fr-pointer .mbsc-sel-one.mbsc-no-touch.mbsc-sc-whl-multi .mbsc-sc-itm-sel:hover {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-mobiscroll-dark .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.mbsc-mobiscroll-dark .mbsc-fr-w {
  background: #000;
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-fr-hdr,
.mbsc-mobiscroll-dark .mbsc-fr-btn {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-fr-btn.mbsc-active, .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark .mbsc-fr-arr {
  background: #000;
}

.mbsc-mobiscroll-dark {
  /* Multiple select */
}

.mbsc-mobiscroll-dark .mbsc-sc-lbl {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-sc-whl-l {
  border-top: 1px solid #2b93e6;
  border-bottom: 1px solid #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-sc-btn {
  color: #2b93e6;
  background: #000;
}

.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-mobiscroll-dark .mbsc-sc-itm:focus {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-sc-btn:hover:before, .mbsc-mobiscroll-dark.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active,
.mbsc-mobiscroll-dark .mbsc-sc-btn.mbsc-active:before {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel:before {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark {
  /* Hover, focus */
  /* Selected */
  /* Week numbers */
  /* Marks */
}

.mbsc-mobiscroll-dark .mbsc-cal-picker {
  background: #000;
}

.mbsc-mobiscroll-dark .mbsc-cal-days > div {
  border-bottom: 1px solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-cal-today {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-cell:not(.mbsc-disabled):hover .mbsc-cal-cell-txt, .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-cal-day:not(.mbsc-disabled) .mbsc-cal-day-date:hover,
.mbsc-mobiscroll-dark .mbsc-cal-cell:focus .mbsc-cal-cell-txt {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark .mbsc-cal-c .mbsc-cal .mbsc-cal-body .mbsc-cal-row .mbsc-selected .mbsc-cal-cell-txt {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark .mbsc-cal-day-colored.mbsc-selected .mbsc-cal-day-date {
  border-color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-cal-week-nr {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-cal-tab {
  border: 1px solid #2b93e6;
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-fr-w .mbsc-cal-tabs-c .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark .mbsc-cal-mark {
  background: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-cal-txt {
  color: #000;
  background: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-cal-icons {
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-empty {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-page {
  background: #000;
  color: #ffffff;
}

.mbsc-mobiscroll-dark a {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark {
  /* Textbox */
  /* Box Input */
  /* Outline Input */
}

.mbsc-mobiscroll-dark.mbsc-input .mbsc-control {
  border-bottom: 1px solid white;
  color: #d9d9d9;
}

.mbsc-mobiscroll-dark.mbsc-input .mbsc-control:focus, .mbsc-mobiscroll-dark.mbsc-input select:focus ~ input .mbsc-input textarea:focus {
  border-color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-input-ic {
  color: white;
}

.mbsc-mobiscroll-dark.mbsc-input-box.mbsc-input .mbsc-input-wrap {
  background: #1a1a1a;
}

.mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-input .mbsc-control {
  border: 1px solid white;
}

.mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-input .mbsc-label {
  background: #000;
}

.mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-label-inline.mbsc-input .mbsc-label, .mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-label-floating:not(.mbsc-label-floating-active).mbsc-input .mbsc-label {
  background: none;
}

.mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-input .mbsc-control:focus, .mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-input select:focus ~ input, .mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-err input {
  border-color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-input-outline.mbsc-input textarea:focus {
  border-color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-input.mbsc-err input, .mbsc-mobiscroll-dark.mbsc-input.mbsc-err textarea {
  border-color: #de3226;
}

.mbsc-mobiscroll-dark.mbsc-progress .mbsc-input-ic {
  color: white;
}

.mbsc-mobiscroll-dark .mbsc-progress-track {
  background: #141414;
}

.mbsc-mobiscroll-dark .mbsc-progress-bar {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-slider-step {
  background: #000;
}

.mbsc-mobiscroll-dark .mbsc-slider-handle {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-slider-tooltip {
  color: #000;
  background-color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-rating .mbsc-progress-track {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark {
  /* Snackbar and Toast color presets */
}

.mbsc-mobiscroll-dark.mbsc-snackbar .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast .mbsc-toast-msg {
  background: #787878;
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-mobiscroll-dark.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn, .mbsc-mobiscroll-dark.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #000;
}

.mbsc-mobiscroll-dark {
  /* Form grid */
  /* Radio */
  /* Buttons */
  /* Outline buttons */
  /* Switch */
  /* Stepper and Segmented */
}

.mbsc-mobiscroll-dark.mbsc-form {
  background: #000;
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-control-w {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-form *::-moz-selection, .mbsc-mobiscroll-dark.mbsc-control-w *::-moz-selection {
  color: #ffffff;
  background: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-form *::-moz-selection, .mbsc-mobiscroll-dark.mbsc-control-w *::-moz-selection, .mbsc-mobiscroll-dark.mbsc-form *::selection, .mbsc-mobiscroll-dark.mbsc-control-w *::selection {
  color: #ffffff;
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-divider,
.mbsc-mobiscroll-dark .mbsc-form-group-title {
  background: #000;
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-err-msg,
.mbsc-mobiscroll-dark .mbsc-err .mbsc-label {
  color: #de3226;
}

.mbsc-mobiscroll-dark .mbsc-checkbox-box {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-checkbox-box:after {
  border-bottom: 0.125em solid #000;
  border-left: 0.125em solid #000;
}

.mbsc-mobiscroll-dark.mbsc-checkbox input:disabled + .mbsc-checkbox-box {
  background: #2b2b2b;
}

.mbsc-mobiscroll-dark .mbsc-radio-box {
  border: 0.125em solid #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-radio-box:after {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-radio input:checked + .mbsc-radio-box {
  background: transparent;
}

.mbsc-mobiscroll-dark.mbsc-radio input:disabled + .mbsc-radio-box {
  border-color: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-radio input:disabled + .mbsc-radio-box:after {
  background: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-btn {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-btn:disabled {
  background: #141414;
}

.mbsc-mobiscroll-dark.mbsc-no-touch.mbsc-btn-flat:not(:disabled):not(.mbsc-active):hover {
  background: rgba(0, 0, 0, 0.1);
}

.mbsc-mobiscroll-dark.mbsc-btn-flat {
  background: transparent;
  color: #2b93e6;
  border-color: transparent;
}

.mbsc-mobiscroll-dark.mbsc-btn-flat.mbsc-btn.mbsc-active {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark.mbsc-btn-flat:disabled {
  color: #242424;
  background: transparent;
}

.mbsc-mobiscroll-dark.mbsc-btn-light.mbsc-btn {
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn {
  border: 1px solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-active {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-primary.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-secondary.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-success.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-danger.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-warning.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-info.mbsc-active, .mbsc-mobiscroll-dark.mbsc-btn-outline.mbsc-btn.mbsc-btn-dark.mbsc-active {
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-btn.mbsc-btn-outline:disabled {
  color: #141414;
  border-color: #141414;
  background: transparent;
}

.mbsc-mobiscroll-dark .mbsc-switch-track {
  background: #141414;
}

.mbsc-mobiscroll-dark .mbsc-switch-handle {
  background: #242424;
}

.mbsc-mobiscroll-dark.mbsc-switch input:checked + .mbsc-switch-track {
  background: #a0cdf0;
}

.mbsc-mobiscroll-dark.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-switch input:disabled + .mbsc-switch-track {
  background: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-switch input:disabled + .mbsc-switch-track .mbsc-switch-handle {
  background: #121212;
}

.mbsc-mobiscroll-dark .mbsc-segmented-content {
  border: 0.142858em solid #2b93e6;
  color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-stepper input {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-mobiscroll-dark.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-mobiscroll-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content, .mbsc-mobiscroll-dark.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  color: #2b2b2b;
  border-color: #2b2b2b;
}

.mbsc-mobiscroll-dark .mbsc-stepper input:disabled {
  color: #2b2b2b;
  -webkit-text-fill-color: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-segmented input:disabled:checked + .mbsc-segmented-content {
  border-color: #141414;
  background: #141414;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
  background: transparent;
  color: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: rgba(43, 147, 230, 0.1);
}

.mbsc-mobiscroll-dark.mbsc-card.mbsc-form {
  background: #0a0a0a;
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-card-subtitle {
  color: rgba(255, 255, 255, 0.6);
}

.mbsc-mobiscroll-dark.mbsc-card .mbsc-control-w {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-card .mbsc-lv-item {
  background: #0a0a0a;
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-card-footer {
  border-color: #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-card .mbsc-input.mbsc-input-outline .mbsc-label {
  background: #0a0a0a;
}

.mbsc-mobiscroll-dark .mbsc-color-active, .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-input .mbsc-color-input {
  border-bottom: 1px solid white;
  color: #d9d9d9;
}

.mbsc-mobiscroll-dark .mbsc-lv {
  background: #242424;
}

.mbsc-mobiscroll-dark .mbsc-lv-item {
  background: #000;
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-lv-gr-title {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-mobiscroll-dark .mbsc-lv-item-active.mbsc-lv-item-actionable:before,
.mbsc-mobiscroll-dark .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(43, 147, 230, 0.15);
}

.mbsc-mobiscroll-dark {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-mobiscroll-dark.mbsc-cal-events-popup .mbsc-fr-w {
  border: 0.375em solid white;
}

.mbsc-mobiscroll-dark.mbsc-cal-events-popup .mbsc-fr-arr {
  background: white;
}

.mbsc-mobiscroll-dark .mbsc-cal-event-color {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-cal-event-time,
.mbsc-mobiscroll-dark .mbsc-cal-event-dur {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-event-list .mbsc-lv-gr-title {
  background: #000;
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-event-color {
  background: rgba(255, 255, 255, 0.3);
}

.mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #141414;
}

.mbsc-mobiscroll-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  border-left: 1px solid #141414;
  border-bottom: 1px solid #141414;
}

.mbsc-mobiscroll-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: black;
}

.mbsc-mobiscroll-dark .mbsc-lv-item-hl:before {
  background: rgba(43, 147, 230, 0.15);
}

.mbsc-mobiscroll-dark .mbsc-lv-ic-m {
  color: #ffffff;
}

.mbsc-mobiscroll-dark .mbsc-lv-arr {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-lv-handle-bar {
  background: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-lv-item.mbsc-lv-item-dragging {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-handle-bar {
  background: #000;
}

.mbsc-mobiscroll-dark .mbsc-lv-item-dragging .mbsc-lv-arr {
  color: #000;
}

.mbsc-mobiscroll-dark .mbsc-lv-loading .mbsc-ic {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark.mbsc-ms-c {
  background: #000;
}

.mbsc-mobiscroll-dark .mbsc-ms .mbsc-ms-item {
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-ms-c .mbsc-scv-sc .mbsc-ms .mbsc-ms-item.mbsc-active {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark .mbsc-ms-item.mbsc-focus, .mbsc-mobiscroll-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: rgba(43, 147, 230, 0.1);
}

.mbsc-mobiscroll-dark.mbsc-ms-b .mbsc-ms-item-sel {
  border-bottom-color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-top {
  border-bottom: 1px solid #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom {
  border-top: 1px solid #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel {
  border-top-color: #2b93e6;
  border-bottom-color: transparent;
}

.mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-top {
  border-bottom: 1px solid #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-ms-a.mbsc-ms-bottom {
  border-top: 1px solid #2b2b2b;
}

.mbsc-mobiscroll-dark.mbsc-ms-a .mbsc-ms-item-sel {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-np-del {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark .mbsc-range-btn {
  border: 1px solid #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-range-btn-t .mbsc-range-btn.mbsc-selected {
  background: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-selected .mbsc-cal-day-date {
  background: none;
  border-color: transparent;
  color: #ffffff;
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #2b93e6;
  border-color: #2b93e6;
  color: #000;
}

.mbsc-mobiscroll-dark.mbsc-range .mbsc-cal-day.mbsc-selected:after {
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-mobiscroll-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
  color: #2b93e6;
}

.mbsc-mobiscroll-dark.mbsc-fr-pointer .mbsc-sel-one.mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #ffffff;
  background: rgba(43, 147, 230, 0.3);
}

.mbsc-windows-dark .mbsc-fr-overlay {
  background: rgba(0, 0, 0, 0.7);
}

.mbsc-windows-dark .mbsc-fr-w {
  background: #1a1a1a;
  color: #ffffff;
  border: 1px solid #404040;
}

.mbsc-windows-dark .mbsc-fr-hdr {
  border-bottom: 2px solid #404040;
}

.mbsc-windows-dark .mbsc-fr-btn-cont {
  border-top: 2px solid #404040;
}

.mbsc-windows-dark .mbsc-fr-btn-w {
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-fr-btn {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover,
.mbsc-windows-dark .mbsc-fr-btn.mbsc-active {
  background: #343434;
}

.mbsc-windows-dark .mbsc-fr-arr {
  background: #1a1a1a;
  border: 1px solid #404040;
}

.mbsc-windows-dark {
  /* Clickpick mode */
}

.mbsc-windows-dark .mbsc-sc-whl-gr-c {
  border-bottom: 2px solid #404040;
}

.mbsc-windows-dark .mbsc-sc-whl-w {
  border-right: 2px solid #404040;
}

.mbsc-windows-dark .mbsc-sc-lbl-v .mbsc-sc-whl-w {
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-sc-lbl-v {
  background: #404040;
}

.mbsc-windows-dark .mbsc-sc-whl-l {
  background: rgba(0, 120, 215, 0.4);
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover,
.mbsc-windows-dark .mbsc-sc-itm:focus {
  background: rgba(255, 255, 255, 0.1);
}

.mbsc-windows-dark.mbsc-sc .mbsc-sc-whl .mbsc-sc-itm.mbsc-active {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-windows-dark .mbsc-sc-btn {
  background: #272727;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-sc-btn:hover,
.mbsc-windows-dark .mbsc-sc-btn.mbsc-active {
  background: #343434;
}

.mbsc-windows-dark .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #0078d7;
}

.mbsc-windows-dark {
  /* Focus */
  /* Hover style */
  /* Selected style */
  /* Tab style */
  /* Tabs */
  /* Marks */
}

.mbsc-windows-dark .mbsc-cal-picker {
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-cal-days > div {
  color: #b3b3b3;
}

.mbsc-windows-dark .mbsc-cal-today .mbsc-cal-day-date {
  color: #0078d7;
}

.mbsc-windows-dark .mbsc-cal-day-diff .mbsc-cal-day-i {
  background: #272727;
}

.mbsc-windows-dark .mbsc-cal-cell:focus .mbsc-cal-day-i {
  background: #343434;
}

.mbsc-windows-dark.mbsc-no-touch:not(.mbsc-ev-cal) .mbsc-cal-day:not(.mbsc-disabled):hover .mbsc-cal-day-i, .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell:not(.mbsc-disabled):hover {
  background: #343434;
}

.mbsc-windows-dark .mbsc-cal .mbsc-cal-day.mbsc-selected:not(.mbsc-disabled) .mbsc-cal-cell-i.mbsc-cal-day-i,
.mbsc-windows-dark .mbsc-cal .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected, .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-picker .mbsc-cal-cell.mbsc-selected:hover {
  background: rgba(0, 120, 215, 0.25);
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-cal-tab:hover {
  background: #343434;
  border-color: #343434;
}

.mbsc-windows-dark .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected, .mbsc-windows-dark.mbsc-no-touch .mbsc-cal-tabs .mbsc-cal-tab.mbsc-selected:hover {
  border-bottom-color: #0078d7;
  border-top-color: transparent;
  color: #0078d7;
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-cal-tabs-c {
  border-bottom: 1px solid #404040;
}

.mbsc-windows-dark .mbsc-cal-mark {
  background: #ffffff;
}

.mbsc-windows-dark .mbsc-cal-txt {
  color: #fff;
  background: #484848;
}

.mbsc-windows-dark .mbsc-empty {
  color: #b3b3b3;
}

.mbsc-windows-dark.mbsc-page {
  background-color: black;
  color: #ffffff;
}

.mbsc-windows-dark a {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-input input, .mbsc-windows-dark.mbsc-input textarea, .mbsc-windows-dark.mbsc-select input {
  border: 0.125em solid #737373;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-input input:hover, .mbsc-windows-dark.mbsc-no-touch .mbsc-input textarea:hover, .mbsc-windows-dark.mbsc-no-touch .mbsc-select:hover input {
  border-color: #a6a6a6;
}

.mbsc-windows-dark.mbsc-input input::-webkit-input-placeholder {
  color: #5c5c5c;
}

.mbsc-windows-dark.mbsc-input input::-ms-input-placeholder {
  color: #5c5c5c;
}

.mbsc-windows-dark.mbsc-input input::-moz-placeholder {
  color: #5c5c5c;
}

.mbsc-windows-dark.mbsc-input .mbsc-input-wrap input:focus, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap select:focus + input, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap textarea:focus, .mbsc-windows-dark.mbsc-alert.mbsc-input input:focus {
  background: #fff;
  border-color: #0078d7;
  color: #262626;
}

.mbsc-windows-dark.mbsc-input .mbsc-input-wrap input:focus ~ .mbsc-input-ic, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap select:focus + input ~ .mbsc-input-ic, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap textarea:focus ~ .mbsc-input-ic, .mbsc-windows-dark.mbsc-alert.mbsc-input input:focus ~ .mbsc-input-ic {
  color: #262626;
}

.mbsc-windows-dark.mbsc-input .mbsc-input-wrap .mbsc-control:disabled + input, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap textarea:disabled, .mbsc-windows-dark.mbsc-input .mbsc-input-wrap input:disabled {
  border-color: #404040;
}

.mbsc-windows-dark.mbsc-input.mbsc-err input, .mbsc-windows-dark.mbsc-input.mbsc-err textarea {
  border-color: #d30101;
}

.mbsc-windows-dark .mbsc-input-ic, .mbsc-windows-dark.mbsc-input .mbsc-label, .mbsc-windows-dark.mbsc-select .mbsc-input-wrap .mbsc-ic {
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-err-msg {
  color: #d30101;
}

.mbsc-windows-dark.mbsc-progress .mbsc-label, .mbsc-windows-dark.mbsc-progress .mbsc-input-ic {
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-progress-track {
  background: hsl(0deg, 0%, 12%);
}

.mbsc-windows-dark .mbsc-progress-bar {
  background: #0078d7;
}

.mbsc-windows-dark.mbsc-slider .mbsc-progress-track {
  background: #737373;
  border-top: 2px solid #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
  border-top-color: black;
  border-bottom-color: black;
}

.mbsc-windows-dark.mbsc-slider:hover .mbsc-progress-track {
  background: #a6a6a6;
}

.mbsc-windows-dark.mbsc-slider:hover .mbsc-progress-track .mbsc-slider-handle {
  background: #ffffff;
}

.mbsc-windows-dark.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track {
  background: #737373;
}

.mbsc-windows-dark.mbsc-slider .mbsc-active ~ .mbsc-progress-cont .mbsc-progress-track .mbsc-slider-handle {
  background: #404040;
}

.mbsc-windows-dark .mbsc-slider-handle {
  background: #0078d7;
}

.mbsc-windows-dark .mbsc-slider-tooltip {
  border: 1px solid #404040;
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-slider-step {
  background: #737373;
}

.mbsc-windows-dark.mbsc-rating .mbsc-progress-track {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-wdg.mbsc-fr-btn {
  background: #404040;
}

.mbsc-windows-dark {
  /* Snackbar */
  /* Toast */
  /* Snackbar and Toast color presets */
}

.mbsc-windows-dark.mbsc-snackbar .mbsc-snackbar-btn {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-toast .mbsc-toast-msg {
  background: #a6a6a6;
  color: #000;
}

.mbsc-windows-dark.mbsc-snackbar.mbsc-primary .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-primary .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-secondary .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-secondary .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-success .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-success .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-danger .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-danger .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-warning .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-warning .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-info .mbsc-fr-w, .mbsc-windows-dark.mbsc-toast.mbsc-info .mbsc-toast-msg, .mbsc-windows-dark.mbsc-snackbar.mbsc-primary .mbsc-snackbar-btn, .mbsc-windows-dark.mbsc-snackbar.mbsc-secondary .mbsc-snackbar-btn, .mbsc-windows-dark.mbsc-snackbar.mbsc-success .mbsc-snackbar-btn, .mbsc-windows-dark.mbsc-snackbar.mbsc-danger .mbsc-snackbar-btn, .mbsc-windows-dark.mbsc-snackbar.mbsc-info .mbsc-snackbar-btn {
  color: #efeff4;
}

.mbsc-windows-dark.mbsc-snackbar.mbsc-warning .mbsc-snackbar-btn {
  color: black;
}

.mbsc-windows-dark {
  /* Checkbox, radio */
  /* Radio */
  /* Buttons */
  /* Outline buttons */
  /* button hover style */
  /* Segmented & Stepper */
}

.mbsc-windows-dark.mbsc-form {
  background-color: black;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-control-w {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-form *::-moz-selection, .mbsc-windows-dark.mbsc-control-w *::-moz-selection {
  color: #fff;
  background: rgba(0, 120, 215, 0.9);
}

.mbsc-windows-dark.mbsc-form *::-moz-selection, .mbsc-windows-dark.mbsc-control-w *::-moz-selection, .mbsc-windows-dark.mbsc-form *::selection, .mbsc-windows-dark.mbsc-control-w *::selection {
  color: #fff;
  background: rgba(0, 120, 215, 0.9);
}

.mbsc-windows-dark .mbsc-form-group-title {
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-checkbox-box,
.mbsc-windows-dark .mbsc-radio-box {
  border: 0.125em solid #ffffff;
}

.mbsc-windows-dark .mbsc-checkbox-box:after {
  border: 0.125em solid black;
  border-top: 0;
  border-right: 0;
}

.mbsc-windows-dark.mbsc-checkbox input:checked + .mbsc-checkbox-box {
  background: #0078d7;
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-checkbox input.mbsc-active + .mbsc-checkbox-box {
  border-color: #a6a6a6;
  background: #a6a6a6;
}

.mbsc-windows-dark .mbsc-radio-box:after {
  background: #ffffff;
}

.mbsc-windows-dark.mbsc-radio input:checked + .mbsc-radio-box {
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-radio input.mbsc-active + .mbsc-radio-box {
  border-color: rgba(255, 255, 255, 0.6);
}

.mbsc-windows-dark.mbsc-radio input.mbsc-active + .mbsc-radio-box:after {
  background: rgba(255, 255, 255, 0.6);
}

.mbsc-windows-dark.mbsc-btn {
  background: #404040;
  border: 0.125em solid #404040;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch.mbsc-btn:not(.mbsc-btn-flat):not(:disabled):hover {
  border-color: #ababab;
}

.mbsc-windows-dark.mbsc-btn.mbsc-active {
  border-color: #ababab;
  background: #ababab;
}

.mbsc-windows-dark.mbsc-no-touch.mbsc-btn-flat:not(:disabled):hover {
  background: transparent;
  border-color: transparent;
}

.mbsc-windows-dark.mbsc-btn.mbsc-btn-flat.mbsc-active:not(:disabled) {
  background: rgba(64, 64, 64, 0.25);
}

.mbsc-windows-dark.mbsc-btn.mbsc-btn-outline {
  background: transparent;
  border: 0.125em solid #737373;
  color: #737373;
}

.mbsc-windows-dark.mbsc-btn.mbsc-btn-outline.mbsc-active {
  background: #8d8d8d;
  border-color: #8d8d8d;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch.mbsc-btn.mbsc-btn-outline:not(:disabled):hover {
  border-color: #8d8d8d;
}

.mbsc-windows-dark .mbsc-switch-track {
  border: 2px solid #ffffff;
}

.mbsc-windows-dark .mbsc-switch-track .mbsc-switch-handle {
  background: #ffffff;
}

.mbsc-windows-dark.mbsc-switch input:checked + .mbsc-switch-track {
  background: #0078d7;
  border-color: #0078d7;
}

.mbsc-windows-dark.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #1a1a1a;
}

.mbsc-windows-dark.mbsc-switch input:checked:disabled + .mbsc-switch-track {
  background: #ffffff;
  border-color: #ffffff;
}

.mbsc-windows-dark.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track {
  background: #a6a6a6;
  border-color: #a6a6a6;
}

.mbsc-windows-dark.mbsc-form .mbsc-switch input.mbsc-active + .mbsc-switch-track .mbsc-switch-handle {
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-segmented-content {
  color: #ffffff;
  background: #404040;
}

.mbsc-windows-dark .mbsc-segmented-content.mbsc-stepper-val {
  background: transparent;
  border-top: 2px solid #404040;
  border-bottom: 2px solid #404040;
}

.mbsc-windows-dark.mbsc-ltr.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
  border-right: 1px solid #4a4a4a;
}

.mbsc-windows-dark.mbsc-rtl.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item {
  border-left: 1px solid #4a4a4a;
}

.mbsc-windows-dark.mbsc-segmented:not(.mbsc-stepper) .mbsc-segmented-item:last-child, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-plus, .mbsc-windows-dark.mbsc-stepper-val-left .mbsc-segmented input + .mbsc-segmented-item, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control {
  border: 0;
}

.mbsc-windows-dark.mbsc-ltr.mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control {
  border-left: 1px solid #4a4a4a;
}

.mbsc-windows-dark.mbsc-rtl.mbsc-segmented .mbsc-stepper-control + .mbsc-stepper-control {
  border-right: 1px solid #4a4a4a;
}

.mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content {
  background: #ffffff;
  color: black;
}

.mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-active .mbsc-segmented-content, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item input:checked + .mbsc-segmented-content, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item input.mbsc-active + .mbsc-segmented-content {
  background: #ababab;
}

.mbsc-windows-dark .mbsc-stepper .mbsc-segmented-item.mbsc-active .mbsc-segmented-content {
  background: #ababab;
}

.mbsc-windows-dark.mbsc-segmented input:disabled ~ .mbsc-segmented-item .mbsc-segmented-content, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item.mbsc-stepper-control.mbsc-disabled .mbsc-segmented-content,
.mbsc-windows-dark .mbsc-stepper .mbsc-segmented-item.mbsc-disabled .mbsc-segmented-content, .mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item input:disabled + .mbsc-segmented-content {
  background: #404040;
}

.mbsc-windows-dark .mbsc-stepper input:disabled {
  color: #4a4a4a;
  -webkit-text-fill-color: #4a4a4a;
}

.mbsc-windows-dark.mbsc-segmented .mbsc-segmented-item input:disabled:checked + .mbsc-segmented-content {
  color: black;
  background: #4a4a4a;
}

.mbsc-windows-dark .mbsc-stepper .mbsc-active.mbsc-disabled .mbsc-segmented-content {
  background: transparent;
}

.mbsc-windows-dark .mbsc-stepper input {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-segmented-item:hover .mbsc-segmented-content {
  background: #343434;
}

.mbsc-windows-dark.mbsc-card.mbsc-form {
  background: #202020;
  color: #ffffff;
  box-shadow: 0 0 1px 1px #393939;
}

.mbsc-windows-dark.mbsc-card .mbsc-control-w {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-card .mbsc-lv-item {
  background: #202020;
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-card-footer {
  border-color: #393939;
}

.mbsc-windows-dark .mbsc-color-active, .mbsc-windows-dark.mbsc-no-touch .mbsc-color-item-c:hover {
  box-shadow: inset 0 0 0 0.1875em #0078d7;
}

.mbsc-windows-dark .mbsc-color-clear-item {
  background: fade(#dfdede, 30%);
}

.mbsc-windows-dark.mbsc-color .mbsc-color-slider-cont .mbsc-progress-track {
  background: #4a4a4a;
}

.mbsc-windows-dark .mbsc-color-preview-item-empty,
.mbsc-windows-dark .mbsc-color-preview-cont {
  border-color: #b3b3b3;
}

.mbsc-windows-dark.mbsc-input .mbsc-color-input {
  border: 0.125em solid #737373;
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-lv {
  background: black;
}

.mbsc-windows-dark .mbsc-lv-item,
.mbsc-windows-dark .mbsc-lv-gr-title {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-lv-item-actionable:hover:before,
.mbsc-windows-dark .mbsc-lv-item-actionable.mbsc-lv-item-active:before,
.mbsc-windows-dark .mbsc-lv-item-actionable.mbsc-focus:before {
  background: rgba(255, 255, 255, 0.2);
}

.mbsc-windows-dark {
  /* Event listing */
  /* Desktop grid mode */
}

.mbsc-windows-dark.mbsc-cal-events-popup .mbsc-fr-w {
  border: 0.375em solid rgba(255, 255, 255, 0.8);
}

.mbsc-windows-dark.mbsc-cal-events-popup .mbsc-fr-arr {
  background: rgba(255, 255, 255, 0.8);
}

.mbsc-windows-dark .mbsc-cal-events {
  background: rgba(255, 255, 255, 0.8);
}

.mbsc-windows-dark .mbsc-cal-event-color {
  background: #ffffff;
}

.mbsc-windows-dark .mbsc-event-list .mbsc-lv-item {
  background: black;
}

.mbsc-windows-dark .mbsc-event-list .mbsc-lv-item:last-child {
  border-bottom: 1px solid #272727;
}

.mbsc-windows-dark .mbsc-event-list .mbsc-lv-gr-title {
  background: black;
}

.mbsc-windows-dark .mbsc-event-color {
  background: #0078d7;
}

.mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-table {
  border-top: 1px solid #404040;
}

.mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-cell {
  background: black;
  border-left: 1px solid #404040;
  border-bottom: 1px solid #404040;
}

.mbsc-windows-dark.mbsc-ev-cal.mbsc-fr-md .mbsc-cal-day-diff .mbsc-cal-day-i {
  background: #1a1a1a;
}

.mbsc-windows-dark .mbsc-lv-handle-bar {
  background: #888;
}

.mbsc-windows-dark .mbsc-lv-ic-m {
  color: #1a1a1a;
}

.mbsc-windows-dark.mbsc-lv-alt-row .mbsc-lv-item:nth-child(even) {
  background: #393939;
}

.mbsc-windows-dark .mbsc-lv-item.mbsc-lv-item-hl {
  background: #404040;
}

.mbsc-windows-dark .mbsc-lv-loading .mbsc-ic {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-lv-cont .mbsc-lv-item.mbsc-selected:before {
  background: rgba(0, 120, 215, 0.2);
}

.mbsc-windows-dark.mbsc-ms-c {
  background: #1a1a1a;
  color: #ffffff;
}

.mbsc-windows-dark .mbsc-ms-item.mbsc-active,
.mbsc-windows-dark .mbsc-ms-item.mbsc-focus, .mbsc-windows-dark.mbsc-no-touch .mbsc-ms-item.mbsc-active:not(.mbsc-disabled):hover {
  background: #404040;
}

.mbsc-windows-dark .mbsc-ms-item-sel,
.mbsc-windows-dark .mbsc-ms-item-sel.mbsc-ms-ic:before {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-ms-b .mbsc-ms-item.mbsc-ms-item-sel {
  border-bottom-color: #0078d7;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-ms-item:not(.mbsc-disabled):hover {
  background: #343434;
}

.mbsc-windows-dark {
  /* Show more item */
  /* Show more bubble */
}

.mbsc-windows-dark .mbsc-ms-item.mbsc-menu-item-ic {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-ms-more .mbsc-ms-item {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-ms-more .mbsc-ms-item.mbsc-ms-item-sel {
  color: #0078d7;
}

.mbsc-windows-dark.mbsc-fr .mbsc-fr-w .mbsc-np-del.mbsc-active {
  background: #404040;
}

.mbsc-windows-dark .mbsc-np-del.mbsc-active:before {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-fr .mbsc-fr-w .mbsc-np-btn.mbsc-active {
  background: #404040;
  color: #fff;
}

.mbsc-windows-dark .mbsc-np-btn.mbsc-disabled {
  color: #737373;
}

.mbsc-windows-dark .mbsc-range-btn {
  color: #ffffff;
  background: #404040;
  border: 2px solid #404040;
}

.mbsc-windows-dark.mbsc-no-touch .mbsc-range-btn.mbsc-fr-btn-e:not(.mbsc-disabled):hover {
  border-color: black;
  background: #404040;
}

.mbsc-windows-dark .mbsc-range-btn.mbsc-selected, .mbsc-windows-dark.mbsc-no-touch .mbsc-range-btn.mbsc-selected:not(.mbsc-disabled):hover {
  background: #0078d7;
  border-color: #0078d7;
  color: #fff;
}

.mbsc-windows-dark.mbsc-range .mbsc-cal .mbsc-cal-row .mbsc-cal-day.mbsc-cal-day-hl .mbsc-cal-day-i, .mbsc-windows-dark.mbsc-range .mbsc-cal .mbsc-cal-today.mbsc-cal-day-hl .mbsc-cal-day-date {
  background: #0078d7;
  color: #1a1a1a;
}

.mbsc-windows-dark {
  /* Group select */
  /* Desktop styling */
}

.mbsc-windows-dark .mbsc-sel-gr-whl.mbsc-sel-one .mbsc-sc-itm-sel {
  color: #0078d7;
}

.mbsc-windows-dark .mbsc-sel-filter-clear {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-fr-pointer .mbsc-sel-one .mbsc-sc-whl-multi .mbsc-sc-itm-sel {
  color: #ffffff;
  background: rgba(0, 120, 215, 0.2);
}

.mbsc-windows-dark.mbsc-timer .mbsc-sc-lbl {
  color: #ffffff;
}

.mbsc-windows-dark.mbsc-ts .mbsc-sc-lbl {
  color: #ffffff;
}

:root .pt-6 {
  padding: 0.755rem !important;
}

.mat-tab-label {
  padding: 0 12px !important;
  min-width: 90px !important;
}

.sidebar-inner-padding {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.mat-expansion-panel.mat-expansion-panel.ng-tns-c350-37.ng-tns-c356-7.mat-expanded.mat-expansion-panel-spacing.ng-star-inserted {
  box-shadow: none !important;
}

.mat-expansion-panel-body {
  padding: 0 5px 5px !important;
}

.sidebar .position-right .open {
  background: #d8d8f7 !important;
}

.sidebar-access .mat-tab-body {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 10px !important;
}

.card-icon-color {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.card-btn .mat-button {
  min-width: 10.5rem !important;
}

.card-btn .mat-focus-indicator {
  min-width: 10.5rem !important;
}

.sidebar .card-btn.btn-width .mat-focus-indicator {
  min-width: 10.5rem !important;
}

.card-btn.btn-width .mat-focus-indicator {
  min-width: 15.5rem !important;
}

.mat-expansion-panel-body {
  padding-bottom: 10px !important;
}

.mat-expansion-panel-header.mat-expanded {
  height: 48px !important;
}

.mat-expanded .header-size {
  font-weight: 500 !important;
}

th.mat-header-cell:first-of-type,
td.mat-cell:first-of-type,
td.mat-footer-cell:first-of-type {
  top: 0px !important;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  top: 0px !important;
}

.mat-tab-body {
  border-radius: 0.5rem;
}

@media (max-width: 400px) {
  .sidebar.position-right.open {
    width: -webkit-fill-available !important;
  }
}

.bg-sidebar {
  background: rgba(99, 102, 241, 0.1);
  background: rgba(var(--color-primary), 0.1);
  height: calc(100vh + 500px);
}

.sidebar-table-height {
  height: calc(100vh - 135px);
}

.sidebar-table-height .header {
  position: relative !important;
  top: 0px !important;
  z-index: 2;
}

.sidebar-table-height .mat-table-sticky {
  position: relative !important;
}

.first-mat-card.mat-accordion .mat-expansion-panel:first-of-type {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
  overflow: hidden;
}

.mat-step-text-label {
  font-size: 16px !important;
}

.mat-step-label-selected .mat-step-text-label {
  font-weight: 500 !important;
}

.footer-button {
  display: flex;
  justify-content: space-between;
}

.scroll {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mat-vertical-content {
  padding: 0 0px 15px 15px !important;
}

.get-started-bottom .mat-vertical-content {
  padding: 0 15px 15px 15px !important;
}

.dialog-container .mat-vertical-content {
  padding: 0 0px 15px 15px !important;
}

.mat-dialog-container {
  padding-bottom: 0px !important;
}

:root .p-gutter {
  padding-top: 0 !important;
}

.mat-tab-body-content {
  overflow: overlay !important;
}

:root .overflow-auto {
  overflow: hidden !important;
  overflow-x: overlay !important;
  overflow-y: clip !important;
}

:root .overflow-scroll {
  overflow: overlay !important;
}

.image-Square-round {
  border-radius: 0.5rem !important;
}

.mat-tab-list {
  background-color: white !important;
}

.mat-tab-labels {
  background-color: white;
  background-color: var(--background-foreground);
}

.cdk-overlay-pane {
  max-width: 90vw !important;
}

.mat-expansion-indicator::after {
  border-color: rgb(99, 102, 241) !important;
  border-color: rgb(var(--color-primary)) !important;
}

.mat-expansion-panel-header-title,
.mat-expansion-panel-header-description {
  margin-right: 0px !important;
}

.round-button {
  height: 50px !important;
  border-radius: 0.5rem !important;
}

.datePicker {
  width: -webkit-fill-available !important;
}

.primary-background {
  background-color: rgb(99, 102, 241, 0.1);
  background-color: rgb(var(--color-primary), 0.1);
}

.primary-color {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.current-background {
  background-color: rgb(99, 102, 241);
  background-color: rgb(var(--color-primary));
}

.current-color {
  color: #fff;
}

.w-100 {
  width: 100% !important;
}

.app-contact .w-55 {
  width: 40% !important;
}

.mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 0.25rem !important;
  border-top-right-radius: var(--border-radius) !important;
  border-top-left-radius: 0.25rem !important;
  border-top-left-radius: var(--border-radius) !important;
}

.mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--border-radius) !important;
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--border-radius) !important;
  margin-bottom: 10px !important;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75 0.5rem;
}

.width-webkit-fill {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
}

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

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.pr-pl-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pr-pl-08 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.justify-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between !important;
}

.align-center {
  align-items: center;
}

.my-button.mbsc-btn {
  background: #430095;
  color: #fff;
  text-transform: uppercase;
}

.mat-error {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.9166666667em);
}

.mat-dialog-container {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.font-weight-600 {
  font-weight: 550;
}

.font-weight-500 {
  font-weight: 500;
}

.table-header-radius {
  border-top-left-radius: 0.25rem;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: 0.25rem;
  border-top-right-radius: var(--border-radius);
}

.h-20 {
  height: 5rem !important;
}

.w-20 {
  width: 5rem !important;
}

.image-dropdown {
  width: 35px;
  height: 35px;
}

.vex-scrollblock .page-container {
  position: relative !important;
  display: block !important;
}

.vex-scrollblock .page-container .sidenav-content {
  overflow-y: hidden !important;
}

.fixed-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

::ng-deep.mat-fixed-header .mat-tab-header {
  position: sticky !important;
  top: 64px !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99 !important;
}

.img-width {
  min-width: 3.5rem !important;
  padding-left: 0px;
  padding-right: 0px;
}

.h-35 {
  height: 3.5rem !important;
}

.w-35 {
  width: 3.5rem !important;
}

.md-custom-event .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-header {
  background: #ebebee !important;
  background: var(--background-app-bar) !important;
}

.md-custom-event .mbsc-ios.mbsc-schedule-date-header {
  background-color: #ebebee !important;
  background-color: var(--background-app-bar) !important;
  height: 40px !important;
}

.md-custom-event .mbsc-material.mbsc-schedule-date-header {
  background-color: #e2e2e2;
}

.md-custom-event {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.md-custom-event .mbsc-ios.mbsc-eventcalendar .mbsc-calendar-wrapper {
  background: #ebebee !important;
  background: var(--background-app-bar) !important;
  height: 52px !important;
  align-items: center;
  display: block;
  align-self: center;
}

.md-custom-event .mbsc-calendar-header .mbsc-ios {
  margin-top: 2px;
}

.md-custom-event .mbsc-calendar-header .mbsc-material {
  margin-top: 2px;
}

.md-custom-event .mbsc-ios.mbsc-schedule-date-header-text {
  padding: 0.9em;
}

.md-custom-event .mbsc-event {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.content-sidebar .mat-tab-body-content {
  padding: 10px !important;
  background: white;
  border-radius: 0.25rem;
  border-radius: var(--border-radius);
}

.position-relative {
  position: relative;
}

.mbsc-calendar-controls {
  background-color: #ebebee !important;
  background-color: var(--background-app-bar) !important;
  padding-right: 10px !important;
}

.mbsc-event-day {
  background-color: #ebebee !important;
  background-color: var(--background-app-bar) !important;
}

.mbsc-ios .mbsc-event-list {
  padding: 0 !important;
}

.flex-end {
  justify-content: flex-end;
  display: flex;
}

.cycle .mbsc-calendar-controls {
  display: none;
}

.statments .mat-tab-body-content {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.text-bar {
  color: #b6b6c3 !important;
}

.mat-bottom-sheet-container {
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  margin: 24px;
  max-width: 33vw;
  min-width: 344px;
  padding: 14px 16px;
  min-height: 48px;
  transform-origin: center;
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.bottom-sheet .mat-button-base {
  color: rgba(255, 64, 129, 1) !important;
  color: rgba(var(--color-accent), 1) !important;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.d-flex-align-center {
  display: flex;
  align-items: center;
}

.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w,
.mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w {
  border-radius: 0.25em;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow) !important;
}

.mat-dialog-actions.mail {
  padding: 26px 0 !important;
}

select option {
  background: #fff;
}

.mbsc-calendar-controls {
  display: flex !important;
  justify-content: space-between !important;
}

.mbsc-search .mbsc-calendar-controls {
  display: block !important;
  padding-right: 0px !important;
}

.brand-setting .mat-tab-header {
  position: sticky;
  top: 0px;
  z-index: 9999;
}

.brand-setting .sidebar-access .mat-tab-body {
  padding: 0px !important;
}

.cdk-global-scrollblock {
  overflow-y: hidden !important;
}

.title,
h3 {
  font: 600 18px/26px "Poppins", sans-serif !important;
  font: 600 18px/26px var(--font) !important;
}

.circlesNewActive {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(76, 175, 80, 0.1);
  --tw-text-opacity: 1;
  color: rgb(76 175 80/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesNewInActive {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(244 67 54/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesNewAttention {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(242 147 84/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesNewCompleted {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(242, 147, 84, 0.1);
  --tw-text-opacity: 1;
  color: rgb(255 152 0/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesNewFailed {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(244 67 54/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesOrderPending {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailFuture {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailForLater {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(99, 102, 241, 0.1);
  background-color: rgba(var(--color-primary), 0.1);
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, 1);
  color: rgba(var(--color-primary), 1);
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailPending {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(242, 147, 84, 0.1);
  --tw-text-opacity: 1;
  color: rgb(242 147 84/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailActive {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(242, 147, 84, 0.1);
  --tw-text-opacity: 1;
  color: rgb(242 147 84/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailCompleted {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(76, 175, 80, 0.1);
  --tw-text-opacity: 1;
  color: rgb(76 175 80/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailCanceled {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(76, 175, 80, 0.1);
  --tw-text-opacity: 1;
  color: rgb(76 175 80/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.circlesDetailFailed {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(244 67 54/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

:root .hover\:bg-hover:hover .circlesOrderPending {
  border: 2px solid rgb(0 0 0/var(--tw-text-opacity));
}

.circlesOrderActive {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(242 147 84/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

:root .hover\:bg-hover:hover .circlesOrderActive {
  border: 2px solid rgb(242 147 84/var(--tw-text-opacity));
}

.circlesOrderCompleted {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(76 175 80/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

:root .hover\:bg-hover:hover .circlesOrderCompleted {
  border: 2px solid rgb(76 175 80/var(--tw-text-opacity));
}

.circlesOrderFailed {
  height: 40px;
  width: 40px;
  border-radius: 0.5rem;
  text-align: center;
  line-height: 40px;
  background-color: rgba(244, 67, 54, 0.1);
  --tw-text-opacity: 1;
  color: rgb(244 67 54/var(--tw-text-opacity));
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

:root .hover\:bg-hover:hover .circlesOrderFailed {
  border: 2px solid rgb(244 67 54/var(--tw-text-opacity));
}

.vex-scrollblock .content.content-padding {
  height: 100vh !important;
}

.app-calender .app-calender-right .mbsc-textfield-inner-box {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-calender .app-calender-left .mbsc-textfield-inner-box {
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.app-calender .app-calender-right .mbsc-ios.mbsc-textfield {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-calender .app-calender-left .mbsc-ios.mbsc-textfield {
  border-radius: 8px 0px 0 0 !important;
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.app-contact .app-contact-right .mbsc-textfield-inner-box {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-contact .app-contact-left .mbsc-textfield-inner-box {
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.app-contact .app-contact-right .mbsc-ios.mbsc-textfield {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-contact .app-contact-left .mbsc-ios.mbsc-textfield {
  border-radius: 8px 0px 0 0 !important;
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.h-chat-custom .h-channel .h-header {
  border: 0.1px solid #000 !important;
}

.app-calender .mbsc-icon {
  height: 40px;
  width: 60px;
  z-index: 99999999999999;
}

.app-calender .mbsc-material.mbsc-textfield-icon-box-right {
  right: 0px !important;
}

.app-calender .mbsc-ios.mbsc-textfield-icon-right {
  right: 0px !important;
}

.get-started-bottom {
  padding-bottom: 0.8rem;
  padding-bottom: var(--padding-gutter-table);
  padding-left: 0.8rem;
  padding-left: var(--padding-gutter-table);
  padding-right: 0.8rem;
  padding-right: var(--padding-gutter-table);
}

.special-hours-calender .mbsc-ios .mbsc-label {
  position: absolute;
}

.special-hours-calender .mbsc-material .mbsc-label {
  position: absolute;
}

.special-hours-calender .mbsc-ios .mbsc-ltr .mbsc-textfield {
  height: 3.5em;
  padding-top: 1.25em;
}

.position-absolute {
  position: absolute;
}

.mbsc-mobiscroll-dark .mbsc-fr-hdr,
.mbsc-mobiscroll-dark .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-mobiscroll .mbsc-fr-hdr,
.mbsc-mobiscroll .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-mobiscroll-dark .mbsc-fr-arr {
  background: #1a202e !important;
}

@media only screen and (max-width: 767px) {
  .header-size.custom-col-img.ng-tns-c541-118 {
    margin-bottom: 15px;
  }
}

.mbsc-ios .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-ios.mbsc-button-flat {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-ios.mbsc-scroller-wheel-item.mbsc-hover {
  background: rgb(99, 102, 241, 15%) !important;
  background: rgb(var(--color-primary), 15%) !important;
}

.mbsc-material.mbsc-scroller-wheel-item.mbsc-hover {
  background: rgb(99, 102, 241, 15%) !important;
  background: rgb(var(--color-primary), 15%) !important;
}

.mbsc-ios-dark.mbsc-button-flat {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-ios-dark.mbsc-button-standard {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-ios.mbsc-ltr.mbsc-switch {
  border: none !important;
}

.mbsc-ios-dark.mbsc-switch input:checked + .mbsc-switch-track {
  border-color: none !important;
  background: rgb(99, 102, 241) !important;
  background: rgb(var(--color-primary)) !important;
}

.mbsc-ios-dark .mbsc-switch-track {
  border-color: inherit !important;
}

.mbsc-ios-dark.mbsc-scroller-wheel-item.mbsc-hover {
  background: rgb(99, 102, 241, 15%) !important;
  background: rgb(var(--color-primary), 15%) !important;
}

.mbsc-material-dark.mbsc-scroller-wheel-item.mbsc-hover {
  background: rgb(99, 102, 241, 15%) !important;
  background: rgb(var(--color-primary), 15%) !important;
}

.mbsc-ios-dark.mbsc-textfield-outline.mbsc-error,
.mbsc-ios-dark.mbsc-textfield-box.mbsc-error {
  border-color: transparent !important;
  border-bottom-color: red !important;
}

mbsc-switch.ng-tns-c521-51.mbsc-font.mbsc-form-control-wrapper.mbsc-hb.mbsc-ios.mbsc-ios-dark.mbsc-ltr.mbsc-switch.mbsc-switch-right.ng-star-inserted {
  border: none !important;
}

mbsc-switch.toggle-position.mbsc-font.mbsc-form-control-wrapper.mbsc-hb.mbsc-ios.mbsc-ios-dark.mbsc-ltr.mbsc-switch.mbsc-switch-right.ng-dirty.ng-invalid.ng-touched {
  border: none;
}

mat-tab-header.mat-tab-header.mat-tab-header-pagination-controls-enabled {
  background-color: #ebebee !important;
  background-color: var(--background-app-bar) !important;
}

mbsc-switch.toggle-position.mbsc-font.mbsc-form-control-wrapper.mbsc-hb.mbsc-ios.mbsc-ios-dark.mbsc-ltr.mbsc-switch.mbsc-switch-right.ng-untouched.ng-pristine.ng-valid {
  border: none;
}

.mbsc-ios-dark.mbsc-selected .mbsc-calendar-cell-text {
  background: rgb(99, 102, 241) !important;
  background: rgb(var(--color-primary)) !important;
  border-color: rgb(99, 102, 241) !important;
  border-color: rgb(var(--color-primary)) !important;
}

.mbsc-ios-dark.mbsc-button-standard {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-mobiscroll-dark .mbsc-fr-hdr,
.mbsc-mobiscroll-dark .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-ios .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.mbsc-mobiscroll .mbsc-fr-hdr,
.mbsc-mobiscroll .mbsc-fr-btn {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

mbsc-switch.ng-tns-c521-51.mbsc-font.mbsc-form-control-wrapper.mbsc-hb.mbsc-ios.mbsc-ios-dark.mbsc-ltr.mbsc-switch.mbsc-switch-right.ng-star-inserted {
  border: none !important;
}

@media only screen and (max-width: 767px) {
  .header-size.custom-col-img.ng-tns-c541-118 {
    margin-bottom: 15px;
  }
}

.material-icons-brandImage {
  font-size: 53px !important;
  padding-left: 5px !important;
  height: 57px !important;
  min-width: 65px !important;
  border-radius: 0.5rem !important;
  border: 1px solid lightgray !important;
  align-items: center;
  justify-content: center;
}

.brandImage-light-color {
  color: lightgray;
}

.brandImage-dark-color {
  color: #626771;
}

.z-index-9 {
  z-index: 9 !important;
}

.d-flex-justify {
  display: flex;
  justify-content: space-between;
}

.mbsc-eventcalendar {
  height: auto !important;
  overflow: hidden;
}

.timezone .mbsc-material.mbsc-textfield-box.mbsc-select {
  background: rgba(99, 102, 241, 0.1);
  background: rgba(var(--color-primary), 0.1);
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.timezone .mbsc-material.mbsc-textfield-box.mbsc-select,
.timezone .mbsc-material.mbsc-textfield-inner-box {
  width: 232px;
}

.timezone .mbsc-ios.mbsc-textfield-box.mbsc-select {
  background: rgb(158, 158, 158) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.timezone .mbsc-ios.mbsc-textfield-box.mbsc-select,
.timezone .mbsc-material.mbsc-textfield-inner-box {
  width: 232px;
}

.timezone .mbsc-focus .mbsc-material.mbsc-select-icon.mbsc-ltr {
  color: transparent !important;
}

.timezone .mbsc-select-icon-box {
  display: none;
}

.timezone .mbsc-material.mbsc-textfield {
  border-bottom-color: transparent !important;
}

.setting .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.config-sidebar .sidebar {
  width: 280px !important;
}

@media (max-width: 400px) {
  .config-sidebar .sidebar {
    max-width: 80vw !important;
  }
}

.horizontal-icon .mat-icon {
  height: 2.8rem;
  width: 2.8rem;
}

.margin-right-0 {
  margin-right: 0px !important;
}

.preference-text-color {
  color: #000;
}

.vex-style-dark .preference-text-color {
  color: #fff;
}

.selected-preference {
  --tw-bg-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-bg-opacity)) !important;
  color: rgba(var(--color-primary), var(--tw-bg-opacity)) !important;
}

.bg-color-primary {
  --tw-bg-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-bg-opacity));
  color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

.border-primary {
  --tw-bg-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-bg-opacity));
  color: rgba(var(--color-primary), var(--tw-bg-opacity));
}

.background-transparent {
  background: transparent !important;
}

:root .rounded-full {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.avatar-radius {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.vex-style-dark .text-contrast-black {
  color: #fff !important;
}

.Preference-border {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.mat-vertical-stepper-header .mat-step-icon {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mat-dialog-content {
  overflow: overlay !important;
}

.vex-style-dark .readOnly .mbsc-textfield {
  color: #ffffff !important;
}

.readOnly .mbsc-textfield {
  color: #000000 !important;
}

.event-calendar .mbsc-eventcalendar {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.active_status {
  background-color: rgb(76, 175, 80) !important;
}

.failed_status,
.InActive_status {
  background: rgb(244, 67, 54) !important;
}

.completed_status,
.Attention_status {
  background: rgb(242, 147, 84) !important;
}

.future_status {
  background: rgb(235, 235, 238) !important;
}

.vex-style-dark .active_status {
  background-color: rgb(76, 175, 80) !important;
}

.vex-style-dark .failed_status,
.vex-style-dark .InActive {
  background: rgb(244, 67, 54) !important;
}

.vex-style-dark .completed_status,
.vex-style-dark .Attention {
  background: rgb(242, 147, 84) !important;
}

.vex-style-dark .future_status {
  background: #11151e !important;
}

.delete:hover {
  color: red;
}

.vex-darkmode {
  background: white;
}

.vex-style-dark .vex-darkmode {
  background: rgb(245, 245, 248) !important;
  background: var(--background-base) !important;
}

.vex-style-dark .vex-header-darkmode {
  background-color: #000000 !important;
}

.vex-style-dark .vex--dark-header-color {
  color: rgba(255, 255, 255, 0.7) !important;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-5 {
  z-index: 5 !important;
}

.get-started-hours .flex-end {
  justify-content: start !important;
}

.vex-style-dark .p-PaymentMethodSelector {
  background: rgba(255, 255, 255, 0.1019607843) !important;
}

.padding-0 {
  padding: 0px !important;
}

.mbsc-mobiscroll.mbsc-fr-center .mbsc-fr-w,
.mbsc-mobiscroll.mbsc-fr-bubble .mbsc-fr-w {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

.mbsc-fr-popup {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.td-width {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.d-flex {
  display: flex !important;
}

.Tab--selected {
  border-color: var(--p-colorPrimary);
  color: #7e2b2b !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px rgb(99, 102, 241, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02), 0 0 0 1px rgb(var(--color-primary), 0.1);
}

.mbsc-material .mbsc-selected .mbsc-calendar-cell-text {
  background: rgba(99, 102, 241, 1) !important;
  background: rgba(var(--color-primary), 1) !important;
  border-color: rgba(99, 102, 241, 1) !important;
  border-color: rgba(var(--color-primary), 1) !important;
}

.mbsc-material.mbsc-range-day::after {
  background-color: rgba(99, 102, 241, 0.25) !important;
  background-color: rgba(var(--color-primary), 0.25) !important;
}

.mbsc-material.mbsc-popup-button.mbsc-font {
  color: rgba(99, 102, 241) !important;
  color: rgba(var(--color-primary)) !important;
}

.mbsc-ios .mbsc-selected .mbsc-calendar-cell-text {
  background: rgba(99, 102, 241, 1) !important;
  background: rgba(var(--color-primary), 1) !important;
  border-color: rgba(99, 102, 241, 1) !important;
  border-color: rgba(var(--color-primary), 1) !important;
}

.mbsc-ios.mbsc-range-day::after {
  background-color: rgba(99, 102, 241, 0.25) !important;
  background-color: rgba(var(--color-primary), 0.25) !important;
}

.mbsc-ios.mbsc-popup-button.mbsc-font {
  color: rgba(99, 102, 241) !important;
  color: rgba(var(--color-primary)) !important;
}

.mbsc-mobiscroll.mbsc-no-touch .mbsc-fr-btn-e:not(.mbsc-disabled):hover {
  background: rgba(99, 102, 241, 0.3) !important;
  background: rgba(var(--color-primary), 0.3) !important;
}

.repeat .mbsc-switch-primary {
  right: 2.25em;
}

.general-status .mbsc-icon {
  display: none;
}

.empty-w-full {
  max-width: 50% !important;
  max-height: 95% !important;
}

.empty-data .empty-data-box {
  height: calc(100vh - 155px) !important;
}

.empty-data {
  background: linear-gradient(135deg, white 22px, rgba(0, 0, 0, 0.04) 22px, rgba(0, 0, 0, 0.04) 24px, transparent 24px, transparent 67px, rgba(0, 0, 0, 0.04) 67px, rgba(0, 0, 0, 0.04) 69px, transparent 69px), linear-gradient(225deg, white 22px, rgba(0, 0, 0, 0.04) 22px, rgba(0, 0, 0, 0.04) 24px, transparent 24px, transparent 67px, rgba(0, 0, 0, 0.04) 67px, rgba(0, 0, 0, 0.04) 69px, transparent 69px) 0 64px;
  background: linear-gradient(135deg, var(--background-foreground) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px), linear-gradient(225deg, var(--background-foreground) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px) 0 64px;
  background-color: white;
  background-color: var(--background-foreground);
  background-size: 64px 128px;
}

@media only screen and (max-width: 500px) {
  .empty-w-full {
    max-width: 95% !important;
    max-height: 95% !important;
  }
}

.hover-cursor {
  cursor: pointer;
}

.mbsc-material.mbsc-popup-buttons {
  padding-right: 1em !important;
  padding-left: 1em !important;
}

.mat-form-field-flex {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

input.mat-input-element {
  color: grey;
}

.image-text-5 {
  padding-right: 1.5rem;
}

@media only screen and (min-width: 600px) {
  .image-text-5 {
    padding-right: 0rem;
  }
}

.mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
  z-index: 1 !important;
}

.tab-fixed .mat-tab-header {
  position: sticky !important;
  top: 60px !important;
  z-index: 99;
}

:root .sm\:gap-08rem {
  gap: 0.8rem;
}

.mbsc-np-btn .mbsc-np-btn-custom .mbsc-np-btn-custom-right .mbsc-fr-btn-e {
  font-size: 1.2rem !important;
}

.text-area-box .mbsc-textarea {
  min-height: 36px !important;
}

.text-area-box .mbsc-material.mbsc-textarea.mbsc-textfield-stacked,
.mbsc-material.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 7px !important;
}

.text-area-box .mbsc-ios.mbsc-textarea.mbsc-textfield {
  background: transparent !important;
}

.text-area-box .mbsc-ios.mbsc-textarea-wrapper.mbsc-textfield-wrapper {
  margin-bottom: 1.5rem;
}

.text-area-box .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 0.625em !important;
  padding-bottom: 0 !important;
  border-radius: 0.25rem 0.25rem 0 0 !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.text-area-box .mbsc-ios.mbsc-form-control-wrapper:before,
.mbsc-ios.mbsc-form-control-wrapper:after {
  border-color: transparent !important;
}

.text-area-box .mbsc-ios.mbsc-textarea.mbsc-textfield-floating {
  padding-top: 14px !important;
  padding-bottom: 8px;
}

.text-area-box .mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.25em;
}

.text-area-box .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.25em;
}

.category-class .mat-icon {
  cursor: pointer !important;
}

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

.alertCustomPopop .mbsc-padding {
  padding: 0px !important;
}

.mbsc-ios-dark .mbsc-fr-w {
  background: #1a202e !important;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-popup-body {
  background: #1a202e !important;
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-select,
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-wrapper-underline,
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-box,
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textfield-outline,
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-box,
.mbsc-ios-dark.mbsc-popup .mbsc-ios-dark.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: none;
}

.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-ios-dark.mbsc-datepicker .mbsc-calendar-cell {
  background: #1a202e !important;
}

.inputBox-border-radius .mbsc-textfield-inner-box {
  border-radius: 0px !important;
}

.inputBox-border-radius .border-radius-0 {
  border-radius: 0px !important;
}

.inputBox-border-radius .mbsc-ios.mbsc-textfield {
  border-radius: 0px !important;
}

.center-box-shadow .mbsc-fr-popup {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.32) !important;
}

.center-box-shadow .mbsc-fr-scroll {
  background: rgba(0, 0, 0, 0.32) !important;
}

.vex-style-dark .categorymode {
  background: transparent !important;
  color: #fff !important;
}

.position-absolute {
  position: absolute;
}

.vex-style-dark .mbsc-material-dark .mbsc-fr-w {
  background: #1a202e !important;
  color: #fff;
}

.vex-style-dark .mbsc-ios-dark .mbsc-fr-w {
  background: #1a202e !important;
  color: #fff;
}

.vex-style-dark .content-sidebar .mat-tab-body-content {
  background: #1a202e !important;
  color: #fff;
}

.nubpad-phone .mbsc-fr-w {
  min-width: 320px !important;
}

.mbsc-ios.mbsc-select.mbsc-textfield-outline.mbsc-error,
.mbsc-ios.mbsc-textfield-box.mbsc-error {
  border-color: transparent !important;
}

.section-bottom {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.ios-section-bottom {
  padding-bottom: 10px !important;
}

.pd-top-6 {
  padding-top: 25px !important;
}

.mbsc-ios.mbsc-popup-top,
.mbsc-ios.mbsc-popup-bottom {
  border-color: transparent;
}

.mbsc-platform-ios .mbsc-fr-w {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.mbsc-ios .mbsc-popup-body.mbsc-popup-body-bottom {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.warning-text {
  --tw-text-opacity: 1;
  color: rgb(242 147 84/var(--tw-text-opacity));
}

.mbsc-icon-remove {
  color: rgb(244, 67, 54);
}

.gotoTop.mat-fab .mat-button-wrapper {
  padding: 11px 0 !important;
}

.vex-style-dark .menus .mat-menu-item {
  background: transparent !important;
  color: white !important;
}

.vex-style-dark .menus .mat-menu-item .mat-icon-no-color,
.vex-style-dark .menus .mat-menu-submenu-icon {
  color: white !important;
}

:root .menus .mat-menu-item:hover:not([disabled]) .mat-icon {
  --tw-text-opacity: 1;
  color: rgba(99, 102, 241, var(--tw-text-opacity));
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}

:root .-mt-20 {
  margin-top: -5rem !important;
}

.secondary-toolbar {
  background: white;
  background: var(--secondary-toolbar-background);
  height: 54px;
  height: var(--secondary-toolbar-height);
}

.borderListActive:hover {
  box-shadow: inset 5px 0px rgb(76, 175, 80);
  border: 2px solid rgb(76 175 80/var(--tw-text-opacity));
}

.borderListInActive:hover {
  box-shadow: inset 5px 0px rgb(244, 67, 54);
}

.borderListAttention:hover {
  box-shadow: inset 5px 0px rgb(242, 147, 84);
}

.borderListCompleted:hover {
  box-shadow: inset 5px 0px rgb(255, 152, 0);
}

.borderListFailed:hover {
  box-shadow: inset 5px 0px rgb(244, 67, 54);
}

.listview-popup-padding .mbsc-popup-padding {
  padding: 0px !important;
}

.mbsc-material-dark .mbsc-lv-item {
  background: #1a202e !important;
}

.mbsc-material-dark .mbsc-lv-gr-title {
  background: #1a202e !important;
}

.mat-scroll .mat-drawer-content {
  overflow: overlay !important;
}

.mat-scroll .mat-drawer-content.empty-data-scroll {
  overflow: hidden !important;
}

.app-calenders .app-calender-right .mbsc-textfield-inner-box {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-calenders .app-calender-left .mbsc-textfield-inner-box {
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.app-calenders .app-calender-right .mbsc-ios.mbsc-textfield {
  border-radius: 0 0.25rem 0 0 !important;
  border-radius: 0 var(--border-radius) 0 0 !important;
}

.app-calenders .app-calender-left .mbsc-ios.mbsc-textfield {
  border-radius: 8px 0px 0 0 !important;
  border-radius: 0.25rem 0 0 0 !important;
  border-radius: var(--border-radius) 0 0 0 !important;
}

.label_text .mbsc-label {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 82% !important;
}

.mat-icon:hover {
  cursor: pointer;
}

@media only screen and (max-width: 605px) {
  .flex-100 {
    flex: 1 1 100%;
  }
}

@media only screen and (min-width: 605px) {
  .flex-100 {
    flex: 1 1 0%;
  }
}

@media only screen and (max-width: 1200px) {
  .mail-image table {
    width: 100%;
  }
}

.vex-style-dark .mat-menu-item {
  background: transparent !important;
  color: white !important;
}

.vex-style-dark .mat-menu-item .mat-icon-no-color,
.vex-style-dark .mat-menu-submenu-icon {
  color: white !important;
}

.vex-style-dark .mat-menu-panel {
  background: #1a202e !important;
}

.mbsc-material-dark.mbsc-popup-arrow {
  background: #303030;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
}

.mbsc-material-dark .mbsc-fr-arr {
  background: #303030 !important;
}

.is-mobile .top-height {
  height: 3rem !important;
  width: 3rem !important;
  top: 0.5rem !important;
}

.is-mobile .headline-text,
.is-mobile h2 {
  font: 500 18px/26px "Poppins", sans-serif;
  padding-left: 60px !important;
}

.vex-style-dark .mat-tab-links {
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
}

.vex-style-dark .mat-tab-link {
  color: white !important;
}

.input-hours .mbsc-material.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-hours .mbsc-ios.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-day-hours {
  margin-bottom: 20px !important;
}

.input-box-bottom .margin-bottom-0.mbsc-material.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-box-bottom .margin-bottom-0.mbsc-ios.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-box-bottom .margin-bottom-0.mbsc-ios.mbsc-material.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-box-bottom .margin-bottom-0.mbsc-ios.mbsc-ios.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-box-bottom .margin-bottom-0 .mbsc-material.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.input-box-bottom .margin-bottom-0 .mbsc-ios.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.level-style .mat-step-header {
  padding-left: 0px;
}

.level-style .mat-vertical-content {
  padding-left: 0px;
}

.sub-wizard .mat-step-header {
  padding-left: 0px;
}

.sub-wizard .mat-vertical-content {
  padding-left: 0px;
}

.sub-wizard .mat-vertical-content-container {
  margin-left: 12px;
}

.input-day-hours .mbsc-material.mbsc-textfield-wrapper {
  margin: 0em 0em !important;
  margin-bottom: 0 !important;
}

.input-day-hours .mbsc-ios.mbsc-textfield-wrapper {
  margin: 0em 0em !important;
  margin-bottom: 0 !important;
}

.event-calendar {
  /* width */
}

.event-calendar tr.mat-header-row {
  height: 40px;
  background-color: #e2e2e2;
}

.event-calendar .hide_element {
  visibility: hidden;
}

.event-calendar .bg-color {
  background-color: green;
}

.event-calendar .calender-height {
  height: calc(100vh - 135px);
  overflow: overlay;
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.event-calendar ::ng-deep.mat-tab-body:nth-child(2) {
  padding-bottom: 0 !important;
}

.event-calendar ::ng-deeep body.is-blinkbody.is-blink .calender-height::-webkit-scrollbar-thumb {
  border: none !important;
  box-shadow: none !important;
}

.event-calendar .mbsc-event-list {
  overflow-y: overlay !important;
}

.event-calendar .mbsc-eventcalendar {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.billing .mbsc-event-start {
  visibility: hidden !important;
}

.billing .mbsc-event-all-day {
  visibility: hidden !important;
}

.mbsc-calendar-wrapper.mbsc-calendar-wrapper-fixed {
  width: 100% !important;
}

.profile .calender-height {
  height: auto;
}

.calender-popup .mbsc-popup-padding {
  padding-bottom: 0 !important;
  padding: 0;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-textfield-wrapper-box {
  margin-bottom: 0px !important;
}

.calender-margin-bottom-0 .mbsc-material.mbsc-textfield-wrapper-box {
  margin-bottom: 0px !important;
}

.calender-margin-bottom-0 .mbsc-material.mbsc-textfield-inner-box {
  background: transparent !important;
}

.calender-margin-bottom-0 .mbsc-material.mbsc-textfield-box.mbsc-select {
  background: transparent !important;
}

.calender-margin-bottom-0 .mbsc-material.mbsc-textfield {
  border-bottom: 0px !important;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-textfield-inner-box {
  background: transparent !important;
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-textfield-box.mbsc-select {
  background: transparent !important;
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-textfield {
  border-bottom: 0px !important;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-label,
.mbsc-ios.mbsc-textfield {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

.calender-margin-bottom-0 .mbsc-ios.mbsc-textfield-icon, .mbsc-ios.mbsc-select-icon {
  color: rgb(99, 102, 241) !important;
  color: rgb(var(--color-primary)) !important;
}

@media (max-width: 1280px) {
  .mat-header-row .mat-table-sticky {
    top: 62px !important;
  }
  .header {
    position: sticky !important;
    top: -1px !important;
    z-index: 2;
  }
}

@media (min-width: 1280px) {
  .header {
    position: sticky !important;
    top: 0px !important;
    z-index: 2;
  }
}

.font-small {
  font-size: smaller !important;
}

.mat-mini-fab-round {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

tr.mat-header-row {
  height: 40px !important;
  background-color: #e2e2e2;
}

.vex-style-dark tr.mat-header-row {
  height: 40px !important;
  background-color: #000000;
}

tr.mat-row,
tr.mat-footer-row {
  height: 60px !important;
}

.imgSquer {
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 0.5rem !important;
}

.vex-page-layout-header {
  background-color: transparent !important;
}

th.mat-header-cell:first-of-type,
td.mat-cell:first-of-type,
td.mat-footer-cell:first-of-type {
  padding-left: 15px;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: 15px;
}

.mat-tab-body.mat-tab-body-active {
  position: relative;
  overflow-x: overlay !important;
  overflow-y: overlay !important;
  z-index: 1;
  flex-grow: 1;
}

.mat-sort-header.mat-header-cell {
  top: 0px !important;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding: 0px !important;
}

.mat-footer-cell {
  padding-left: 12px !important;
}

table tfoot {
  position: sticky;
}

.table-bottom-rounder.mat-table {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--border-radius) !important;
  overflow: hidden !important;
}

.table-bottom-rounder .mat-table {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-right-radius: var(--border-radius) !important;
  overflow: hidden !important;
}

.mbsc-material.mbsc-textfield-wrapper {
  margin: 0em 0em !important;
  margin-bottom: 1.5em !important;
  box-sizing: border-box;
  width: -webkit-fill-available;
  width: -moz-available !important;
}

.mbsc-focus .mbsc-label {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.mbsc-focus .mbsc-material.mbsc-select-icon.mbsc-ltr {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.mbsc-focus .mbsc-textfield {
  border-color: rgb(99, 102, 241);
  border-color: rgb(var(--color-primary));
  border-width: 2px;
}

.mbsc-focus .mbsc-material.mbsc-textfield-icon,
.mbsc-focus .mbsc-material.mbsc-select-icon {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.mbsc-textfield-inner-box {
  border-radius: 0.25rem 0.25rem 0 0 !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.mbsc-ios.mbsc-textfield-box,
.mbsc-ios.mbsc-textfield-outline {
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid lightgray;
}

.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box,
.mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: rgba(0, 0, 0, 0.0392156863) !important;
}

.mbsc-ios.mbsc-textarea-inner {
  background: rgba(0, 0, 0, 0.0392156863);
}

.mbsc-ios.mbsc-textfield {
  background: rgba(0, 0, 0, 0.0392156863);
  border-radius: 0.25rem 0.25rem 0 0 !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.mbsc-ios.mbsc-textfield-wrapper-outline,
.mbsc-ios.mbsc-textfield-wrapper-box {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.mbsc-ios .mbsc-textfield-ripple-active {
  border-bottom: 1px rgba(99, 102, 241, 1) !important;
  border-bottom: 1px rgba(var(--color-primary), 1) !important;
}

.mbsc-ios.mbsc-focus .mbsc-label {
  color: rgba(99, 102, 241, 1) !important;
  color: rgba(var(--color-primary), 1) !important;
}

.mbsc-ios.mbsc-focus.mbsc-ios.mbsc-textfield-box,
.mbsc-ios.mbsc-focus .mbsc-ios.mbsc-textfield-outline {
  border-bottom: 2px solid rgba(99, 102, 241, 1) !important;
  border-bottom: 2px solid rgba(var(--color-primary), 1) !important;
}

.mbsc-ios .mbsc-hover .mbsc-textfield {
  border-bottom: 2px solid rgba(82, 63, 105, 0.8705882353) !important;
}

input {
  caret-color: rgba(99, 102, 241, 1) !important;
  caret-color: rgba(var(--color-primary), 1) !important;
}

.mbsc-material .mbsc-select {
  border-radius: 0.25rem 0.25rem 0 0 !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
}

.mbsc-ios.mbsc-label.mbsc-error {
  color: #de3226;
}

.go-fillter-box .mbsc-material .mbsc-select {
  background: transparent !important;
}

.go-fillter-box .mbsc-ios .mbsc-select {
  background: transparent !important;
}

.mbsc-ios.mbsc-textfield-wrapper-outline,
.mbsc-ios.mbsc-textfield-wrapper-box {
  margin: 0em 0em;
  margin-bottom: 1.5em;
  width: -webkit-fill-available;
  width: -moz-available !important;
}

.mbsc-ios.mbsc-label,
.mbsc-ios.mbsc-textfield {
  color: rgba(0, 0, 0, 0.6);
}

.mbsc-material.mbsc-label,
.mbsc-material.mbsc-textfield {
  color: rgba(0, 0, 0, 0.6);
}

.vex-style-dark .mat-form-field-label,
.vex-style-dark .mat-hint {
  color: rgba(255, 255, 255, 0.7019607843);
}

.vex-style-dark .mbsc-select {
  background: transparent !important;
}

.vex-style-dark .mbsc-textfield-inner {
  background: rgba(255, 255, 255, 0.1019607843) !important;
}

.vex-style-dark .mbsc-label {
  color: rgba(255, 255, 255, 0.7019607843);
}

.vex-style-dark .mbsc-textfield {
  color: #ffffff;
}

.vex-style-dark select option {
  background-color: #1a202e;
  color: #fff;
}

.mbsc-select-filter {
  margin-bottom: 0px !important;
}

.mbsc-select-group {
  width: -webkit-fill-available;
  width: -moz-available !important;
}

.mbsc-material.mbsc-switch .mbsc-switch-handle {
  margin: -10px !important;
}

.mbsc-checked.mbsc-ios .mbsc-switch-handle {
  left: 70% !important;
}

.mbsc-ios .mbsc-switch-track {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
  background: #fff;
}

.mbsc-ios .mbsc-switch-handle {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
  left: 30% !important;
}

.mbsc-material .mbsc-switch-track {
  border-radius: 0.5rem !important;
}

.mbsc-material .mbsc-ios .mbsc-switch-handle {
  border-radius: 0.5rem !important;
}

.mbsc-material.mbsc-switch input:checked + .mbsc-switch-track {
  background-color: #4caf50 !important;
}

.mbsc-material.mbsc-switch-track.mbsc-switch-primary.mbsc-checked {
  background: #4caf50 !important;
}

.mbsc-material.mbsc-switch input:checked + .mbsc-switch-track .mbsc-switch-handle {
  background: #fff !important;
}

.mbsc-material-dark .mbsc-switch-track {
  background: #c4c4c4 !important;
}

.mbsc-material-dark.mbsc-switch .mbsc-switch-handle {
  background: #fff !important;
}

.active .mbsc-material.mbsc-switch-track.mbsc-switch-primary.mbsc-checked {
  background: #4caf50 !important;
}

.mbsc-ios .mbsc-switch-handle {
  top: 15px !important;
  width: 1.5em !important;
  height: 1.4em !important;
}

.mbsc-checked.mbsc-ios .mbsc-switch-handle {
  left: 75% !important;
}

.hint {
  margin-bottom: 0.5rem;
  font-size: smaller;
}

.toggle-position {
  position: absolute !important;
  right: 0px;
  z-index: 9 !important;
}

.toggle-position-dropdown {
  right: 10px !important;
}

.incomplete .mbsc-material.mbsc-switch .mbsc-switch-handle {
  background: #fff !important;
}

.incomplete .mbsc-material.mbsc-switch-track.mbsc-switch-primary {
  background: rgb(242, 147, 84) !important;
}

.inactive .mbsc-material.mbsc-switch .mbsc-switch-handle {
  background: #fff !important;
}

.inactive .mbsc-material.mbsc-switch-track.mbsc-switch-primary {
  background: rgb(244, 67, 54) !important;
}

.incomplete .mbsc-material.mbsc-switch input:checked + .mbsc-switch-track {
  /* background-color: #4caf50 !important; */
  background: rgb(242, 147, 84) !important;
}

.mbsc-ios .mbsc-switch-track {
  right: -0.5em !important;
  height: 1.55em !important;
  padding: 0;
  margin-top: -13px !important;
  box-sizing: content-box;
}

.inactive .mbsc-ios.mbsc-switch .mbsc-switch-handle {
  background: #fff !important;
}

.inactive .mbsc-ios .mbsc-switch-track:after {
  background: rgb(244, 67, 54) !important;
}

.inactive .mbsc-ios .mbsc-switch-track {
  background: rgb(244, 67, 54) !important;
}

.incomplete .mbsc-ios.mbsc-switch .mbsc-switch-handle {
  background: #fff !important;
}

.incomplete .mbsc-ios .mbsc-switch-track:after {
  background: rgb(242, 147, 84) !important;
}

.incomplete .mbsc-ios .mbsc-switch-track {
  background: rgb(242, 147, 84) !important;
}

.mbsc-ios.mbsc-switch input:checked + .mbsc-switch-track {
  background: #4cd764 !important;
  border-color: #4cd764 !important;
}

.integration .mbsc-material.mbsc-ltr.mbsc-switch {
  padding: 0.9em 4em 0.9375em 1em !important;
}

.integration .mbsc-ios.mbsc-ltr.mbsc-switch {
  padding: 0.9em 4em 0.9375em 1em !important;
}

.mbsc-material.mbsc-switch-right {
  padding: 2.5em 4em 0.9375em 1em !important;
}

.mbsc-ios.mbsc-switch-right {
  padding: 2.7em 4em 0.9375em 1em !important;
}

.mbsc-ios.mbsc-form-control-wrapper {
  background: transparent !important;
  border: 0px !important;
  width: 100% !important;
}

.mbsc-material.mbsc-form-control-wrapper {
  width: 100% !important;
}

.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:after,
.mbsc-ios.mbsc-form-control-wrapper.mbsc-ltr:before {
  right: auto !important;
  right: initial !important;
  left: auto !important;
  left: initial !important;
}

.mbsc-select-filter.mbsc-material.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.mbsc-select-filter.mbsc-ios.mbsc-textfield-wrapper {
  margin-bottom: 0px !important;
}

.mbsc-material.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.mbsc-ios.mbsc-select-scroller.mbsc-scroller-pointer .mbsc-scroller-wheel-item.mbsc-selected {
  color: rgb(99, 102, 241);
  color: rgb(var(--color-primary));
}

.mbsc-material.mbsc-wheel-checkmark::after {
  border-color: rgb(99, 102, 241);
  border-color: rgb(var(--color-primary));
}

.mbsc-ios.mbsc-wheel-checkmark::after {
  border-color: rgb(99, 102, 241);
  border-color: rgb(var(--color-primary));
}

.go-fillter-box .mbsc-ios .mbsc-select {
  background-color: transparent !important;
}

.mbsc-datepicker-tab {
  display: block !important;
}

.vex-style-dark .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-box,
.vex-style-dark .mbsc-ios.mbsc-textarea-inner.mbsc-textfield-inner-outline {
  background: rgba(255, 255, 255, 0.1019607843) !important;
}

.mbsc-mobiscroll-dark .mbsc-fr-w {
  background: #1a202e !important;
  color: #ffffff;
}

.mbsc-fr-w {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-material-dark.mbsc-popup-body {
  background: #1a202e !important;
}

.mbsc-IOS-dark.mbsc-popup-body {
  background: #1a202e !important;
}

.mbsc-ios-dark.mbsc-picker .mbsc-popup-arrow,
.mbsc-ios-dark.mbsc-picker .mbsc-popup-body {
  background: #1a202e !important;
}

.mbsc-ios-dark.mbsc-scroller {
  background: #1a202e !important;
}

.mbsc-textfield.mbsc-textfield-tags.mbsc-textarea {
  background: transparent !important;
}

.mbsc-ios-dark.mbsc-event-day.mbsc-list-header {
  background: #000000 !important;
}

.mbsc-ios-dark.mbsc-event.mbsc-list-item {
  background: #1a202e !important;
}

.mbsc-ios-dark .mbsc-event-list {
  background: #000000 !important;
}

.mbsc-material.mbsc-popup-button.mbsc-font {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-stacked,
.mbsc-material.mbsc-textarea-inner.mbsc-textfield-inner-floating {
  padding-top: 1.4em;
}

.mbsc-material.mbsc-popup-body {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-ios.mbsc-popup-body {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

.mbsc-mobiscroll .mbsc-fr-btn-cont {
  padding: 0 1em 0.5em 1em !important;
}

.endIconRemove .mbsc-material.mbsc-select-icon-right.mbsc-ltr {
  display: none;
}

.endIconRemove .mbsc-ios.mbsc-select-icon-right.mbsc-ltr {
  display: none;
}

.mbsc-material .mbsc-fr-btn-cont {
  padding: 0 1em 0.5em 0.5em !important;
}

@media (max-width: 1280px) {
  .mat-header-row .mat-table-sticky {
    top: 62px !important;
  }
  .header {
    position: sticky !important;
    top: -1px !important;
    z-index: 2;
  }
}

@media (min-width: 1280px) {
  .header {
    position: sticky !important;
    top: 0px !important;
    z-index: 2;
  }
}

.font-small {
  font-size: smaller !important;
}

tr.mat-header-row {
  height: 40px !important;
  background-color: #e2e2e2;
}

.vex-style-dark tr.mat-header-row {
  height: 40px !important;
  background-color: #000000;
}

tr.mat-row {
  height: 60px !important;
}

.imgSquer {
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 0.5rem !important;
}

.vex-page-layout-header {
  background-color: transparent !important;
}

th.mat-header-cell:first-of-type,
td.mat-cell:first-of-type,
td.mat-footer-cell:first-of-type {
  padding-left: 15px;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding-right: 15px;
}

.mat-tab-body.mat-tab-body-active {
  position: relative;
  overflow-x: overlay !important;
  overflow-y: overlay !important;
  z-index: 1;
  flex-grow: 1;
}

.mat-sort-header.mat-header-cell {
  top: 0px !important;
}

th.mat-header-cell:last-of-type,
td.mat-cell:last-of-type,
td.mat-footer-cell:last-of-type {
  padding: 0px !important;
  padding-left: 10px !important;
}

.mat-footer-cell {
  padding-left: 12px !important;
}

table tfoot {
  position: sticky;
}

@media only screen and (min-width: 1280px) {
  .table-container {
    max-height: calc(100vh - 208px);
    max-width: 100%;
    overflow: overlay;
    border-radius: 0px 0px 0.25rem 0.25rem;
    border-radius: 0px 0px var(--border-radius) var(--border-radius);
  }
  .table-container-disable-footer {
    max-height: calc(100vh - 150px);
    max-width: 100%;
    overflow: overlay;
    border-radius: 0px 0px 0.25rem 0.25rem;
    border-radius: 0px 0px var(--border-radius) var(--border-radius);
  }
}

@media only screen and (max-width: 1280px) {
  .table-container-disable-footer {
    max-height: calc(100vh - 150px);
    max-width: 100%;
    overflow: overlay;
    border-radius: 0px 0px 0.25rem 0.25rem;
    border-radius: 0px 0px var(--border-radius) var(--border-radius);
  }
}

.scroll-y {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  height: calc(100vh - 206px);
  max-width: 100%;
}

.scroll-x {
  overflow-y: hidden;
  overflow-x: auto;
  width: auto;
  min-width: 100%;
  min-height: 100%;
  height: calc(100vh - 206px);
  max-width: 100%;
}

tr.mat-footer-row {
  height: 40px !important;
  background-color: #e2e2e2;
  font-weight: 550;
}

.table-scroll {
  max-width: 100% !important;
  overflow: overlay !important;
}

.is-mobile .dashboard h2 {
  font: 400 45px/48px Inter var, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto ColorDef Emoji";
  font: 400 45px/48px "Poppins", sans-serif;
  font: 400 45px/48px var(--font);
  letter-spacing: -0.005em;
  padding-left: 0px !important;
}

.display-flex-center {
  display: flex;
  justify-content: center;
}

.align-item-center {
  align-items: center !important;
}

.justify-end {
  width: 100%;
  justify-content: end;
}

.graphs-grid-main .demo-chart div:not(.class) {
  width: auto !important;
}

.graphs-grid-main {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  padding: 0px 0px 0px 0px;
}

.graphs-grid-main .demo-chart {
  background: #fff;
  border-radius: 15px;
}

.vex-style-dark .graphs-grid-main .demo-chart {
  background: transparent !important;
  border-radius: 15px;
}

@media (max-width: 767px) {
  .graphs-grid-main {
    grid-template-columns: repeat(1, 1fr);
  }
}

.chartTable tr.mat-row {
  height: 57px !important;
}

.mat-scroll .header {
  z-index: 111 !important;
}

.mat-column-groupHeader {
  background-color: #e2e2e2;
  font-weight: 550;
}

.mat-row.group_container {
  height: 40px !important;
  background-color: #e2e2e2;
  font-weight: 550;
}

.groupBy .mat-drawer-container {
  background-color: transparent !important;
}

.groupBy .card {
  background-color: transparent !important;
}

.groupBy .bg-foreground {
  background-color: transparent !important;
}

.groupBy .bg-base {
  background-color: transparent !important;
}

.groupBy .mat-elevation-z8 {
  box-shadow: none !important;
}

.bg-foreground .searchtxt {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity)) !important;
}

.vex-layout-apollo .has-fixed-footer .content {
  --toolbar-height: 57px;
  min-height: calc(100% - 64px) !important;
  min-height: calc(100% - var(--toolbar-height)) !important;
  margin-bottom: 56px;
  margin-bottom: var(--footer-height);
}

.mbsc-fr-btn {
  border-radius: 0.25rem !important;
  border-radius: var(--border-radius) !important;
}

::ng-deep .specific-class > .mat-expansion-indicator:after {
  color: white;
}

.popover {
  z-index: 999 !important;
}

.img-height {
  min-height: 3.5rem !important;
}

.input-width {
  width: 20% !important;
}

.calender-height::-webkit-scrollbar {
  width: 0px !important;
}

body.is-blinkbody.is-blink .calender-height::-webkit-scrollbar-thumb {
  border: none !important;
  box-shadow: none !important;
}

.calender-height .mbsc-event-list {
  padding: 0 !important;
}

.fixed-name {
  position: sticky !important;
  top: 0px !important;
  z-index: 999 !important;
  background: white;
}

.center-item {
  display: flex !important;
  align-items: center !important;
}

.mbsc-fr-overlay {
  background: none !important;
}

.fixed-table-header {
  position: fixed !important;
  top: 0 !important;
  left: 13px !important;
  right: 13px !important;
  z-index: 999 !important;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.fixed-row {
  position: fixed !important;
  top: 60px !important;
  left: 13px !important;
  right: 13px !important;
  z-index: 999 !important;
  width: 100% !important;
  animation: slide-top-1 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.fixed-row-top {
  position: fixed !important;
  top: 0 !important;
  left: 13px !important;
  right: 13px !important;
  z-index: 999 !important;
  width: 100% !important;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-11-8 17:54:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

/* ----------------------------------------------
 * Generated by Animista on 2022-11-8 18:15:43
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */

@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-4px);
  }
}

@keyframes slide-top-1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-4px);
  }
}

.integrationPopop .mat-tab-body-content {
  overflow-x: hidden !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.integration-textbox .mbsc-material.mbsc-switch-right {
  padding: 1.5em 4em 0.9375em 1em !important;
}

.integrationPopop .mat-tab-body-wrapper {
  margin-top: 1rem;
}

.integrationPopop .mat-accordion > .mat-expansion-panel-spacing:first-child, .mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
  margin-top: 2px;
}

.vex-style-dark {
  /*Change text in autofill textbox*/
}

.vex-style-dark .mat-tree-node[_ngcontent-ppr-c720],
.vex-style-dark .mat-nested-tree-node[_ngcontent-ppr-c720] {
  color: #ebebee !important;
  color: var(--background-app-bar) !important;
  background-color: #ebebee !important;
  background-color: var(--background-app-bar) !important;
}

.vex-style-dark .mat-tree {
  background: #1a202e !important;
}

.vex-style-dark .mat-tree-node {
  background: transparent !important;
  color: #fff !important;
}

.vex-style-dark .mbsc-textfield-ripple {
  background-color: inherit !important;
}

.vex-style-dark input:-webkit-autofill,
.vex-style-dark input:-webkit-autofill:hover,
.vex-style-dark input:-webkit-autofill:focus,
.vex-style-dark input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #313743 inset !important;
}

.vex-style-dark input:-webkit-autofill {
  -webkit-text-fill-color: #ffffff !important;
}

.mbsc-material.mbsc-textfield-ripple {
  background-color: inherit !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/@vex/styles/tailwind.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: var(--foreground-divider); /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "Inter var", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple ColorDef Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto ColorDef Emoji"; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
input, textarea {
  box-sizing: content-box;
  line-height: 1.5;
}
button:focus {
  outline: medium none invert !important;
  outline: initial !important;
}
code {
  background: var(--background-app-bar);
  border-radius: var(--border-radius);
  color: var(--text-color);
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 85%;
  padding: 0.2em 0.4em;
}
blockquote {
  background: rgba(var(--color-primary), 0.1);
  border-left: 3px solid rgb(var(--color-primary));
  color: rgba(0, 0, 0, 0.87);
  font-style: normal;
  margin: 1em 0 1.5em;
  padding: 1em 1.5em;
}
blockquote > * {
  margin: 0;
}
:root .visible {
  visibility: visible;
}
:root .\!visible {
  visibility: visible !important;
}
:root .invisible {
  visibility: hidden;
}
:root .static {
  position: static;
}
:root .fixed {
  position: fixed;
}
:root .absolute {
  position: absolute;
}
:root .relative {
  position: relative;
}
:root .sticky {
  position: sticky;
}
:root .left-0 {
  left: 0px;
}
:root .top-0 {
  top: 0px;
}
:root .right-0 {
  right: 0px;
}
:root .bottom-0 {
  bottom: 0px;
}
:root .top-6 {
  top: 1.5rem;
}
:root .top-12 {
  top: 3rem;
}
:root .-top-3 {
  top: -0.75rem;
}
:root .-right-3 {
  right: -0.75rem;
}
:root .-top-2 {
  top: -0.5rem;
}
:root .z-0 {
  z-index: 0;
}
:root .z-10 {
  z-index: 10;
}
:root .z-40 {
  z-index: 40;
}
:root .m-0 {
  margin: 0px;
}
:root .m-2 {
  margin: 0.5rem;
}
:root .-m-6 {
  margin: -1.5rem;
}
:root .my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
:root .mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
:root .-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
:root .-mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
:root .mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
:root .-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
:root .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
:root .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
:root .ml-2 {
  margin-left: 0.5rem;
}
:root .mt-4 {
  margin-top: 1rem;
}
:root .mt-6 {
  margin-top: 1.5rem;
}
:root .mb-4 {
  margin-bottom: 1rem;
}
:root .mr-3 {
  margin-right: 0.75rem;
}
:root .mb-3 {
  margin-bottom: 0.75rem;
}
:root .mb-5 {
  margin-bottom: 1.25rem;
}
:root .-mt-16 {
  margin-top: -4rem;
}
:root .mr-4 {
  margin-right: 1rem;
}
:root .ml-4 {
  margin-left: 1rem;
}
:root .mr-2 {
  margin-right: 0.5rem;
}
:root .mb-1 {
  margin-bottom: 0.25rem;
}
:root .mt-2 {
  margin-top: 0.5rem;
}
:root .ml-1 {
  margin-left: 0.25rem;
}
:root .ml-5 {
  margin-left: 1.25rem;
}
:root .mb-2 {
  margin-bottom: 0.5rem;
}
:root .-mr-2 {
  margin-right: -0.5rem;
}
:root .-mt-20 {
  margin-top: -5rem;
}
:root .mb-0 {
  margin-bottom: 0px;
}
:root .mt-5 {
  margin-top: 1.25rem;
}
:root .ml-10 {
  margin-left: 2.5rem;
}
:root .mt-3 {
  margin-top: 0.75rem;
}
:root .mb-gutter {
  margin-bottom: var(--padding-gutter);
}
:root .ml-gutter {
  margin-left: var(--padding-gutter);
}
:root .ml-3 {
  margin-left: 0.75rem;
}
:root .mt-1 {
  margin-top: 0.25rem;
}
:root .mt-8 {
  margin-top: 2rem;
}
:root .block {
  display: block;
}
:root .inline-block {
  display: inline-block;
}
:root .inline {
  display: inline;
}
:root .flex {
  display: flex;
}
:root .table {
  display: table;
}
:root .grid {
  display: grid;
}
:root .list-item {
  display: list-item;
}
:root .hidden {
  display: none;
}
:root .h-10 {
  height: 2.5rem;
}
:root .h-16 {
  height: 4rem;
}
:root .h-8 {
  height: 2rem;
}
:root .h-full {
  height: 100%;
}
:root .h-24 {
  height: 6rem;
}
:root .h-1 {
  height: 0.25rem;
}
:root .h-12 {
  height: 3rem;
}
:root .h-6 {
  height: 1.5rem;
}
:root .h-\[0\.875rem\] {
  height: 0.875rem;
}
:root .h-3 {
  height: 0.75rem;
}
:root .h-0 {
  height: 0px;
}
:root .h-40 {
  height: 10rem;
}
:root .h-9 {
  height: 2.25rem;
}
:root .w-full {
  width: 100%;
}
:root .w-10 {
  width: 2.5rem;
}
:root .w-8 {
  width: 2rem;
}
:root .w-4 {
  width: 1rem;
}
:root .w-24 {
  width: 6rem;
}
:root .w-1 {
  width: 0.25rem;
}
:root .w-12 {
  width: 3rem;
}
:root .w-6 {
  width: 1.5rem;
}
:root .w-\[0\.875rem\] {
  width: 0.875rem;
}
:root .w-32 {
  width: 8rem;
}
:root .w-64 {
  width: 16rem;
}
:root .w-auto {
  width: auto;
}
:root .w-0 {
  width: 0px;
}
:root .w-3 {
  width: 0.75rem;
}
:root .w-9 {
  width: 2.25rem;
}
:root .max-w-\[300px\] {
  max-width: 300px;
}
:root .max-w-full {
  max-width: 100%;
}
:root .max-w-\[400px\] {
  max-width: 400px;
}
:root .max-w-\[350px\] {
  max-width: 350px;
}
:root .max-w-3xs {
  max-width: 16rem;
}
:root .max-w-xs {
  max-width: 20rem;
}
:root .flex-auto {
  flex: 1 1 auto;
}
:root .flex-none {
  flex: none;
}
:root .flex-1 {
  flex: 1 1 0%;
}
:root .shrink {
  flex-shrink: 1;
}
:root .table-fixed {
  table-layout: fixed;
}
:root .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
:root .cursor-pointer {
  cursor: pointer;
}
:root .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
:root .resize {
  resize: both;
}
:root .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
:root .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:root .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:root .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:root .flex-col {
  flex-direction: column;
}
:root .items-start {
  align-items: flex-start;
}
:root .items-end {
  align-items: flex-end;
}
:root .items-center {
  align-items: center;
}
:root .justify-end {
  justify-content: flex-end;
}
:root .justify-center {
  justify-content: center;
}
:root .justify-between {
  justify-content: space-between;
}
:root .gap-4 {
  gap: 1rem;
}
:root .gap-2 {
  gap: 0.5rem;
}
:root .gap-1 {
  gap: 0.25rem;
}
:root .gap-6 {
  gap: 1.5rem;
}
:root .gap-12 {
  gap: 3rem;
}
:root .gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
:root .gap-y-4 {
  row-gap: 1rem;
}
:root .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
:root .self-end {
  align-self: flex-end;
}
:root .self-center {
  align-self: center;
}
:root .overflow-auto {
  overflow: auto;
}
:root .overflow-hidden {
  overflow: hidden;
}
:root .overflow-scroll {
  overflow: scroll;
}
:root .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
:root .rounded-full {
  border-radius: 9999px;
}
:root .rounded {
  border-radius: var(--border-radius);
}
:root .border {
  border-width: 1px;
}
:root .border-0 {
  border-width: 0px;
}
:root .border-2 {
  border-width: 2px;
}
:root .border-b {
  border-bottom-width: 1px;
}
:root .border-r {
  border-right-width: 1px;
}
:root .border-l {
  border-left-width: 1px;
}
:root .border-t {
  border-top-width: 1px;
}
:root .border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
:root .border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
:root .border-gray-500 {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
:root .border-primary {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
}
:root .border-transparent {
  border-color: transparent;
}
:root .border-divider {
  border-color: var(--foreground-divider);
}
:root .bg-green-light {
  background-color: rgba(76, 175, 80, 0.1);
}
:root .bg-green {
  --tw-bg-opacity: 1;
  background-color: rgb(76 175 80 / var(--tw-bg-opacity));
}
:root .bg-red-light {
  background-color: rgba(244, 67, 54, 0.1);
}
:root .bg-cyan {
  --tw-bg-opacity: 1;
  background-color: rgb(0 188 212 / var(--tw-bg-opacity));
}
:root .bg-teal-light {
  background-color: rgba(0, 150, 136, 0.1);
}
:root .bg-teal {
  --tw-bg-opacity: 1;
  background-color: rgb(0 150 136 / var(--tw-bg-opacity));
}
:root .bg-purple-light {
  background-color: rgba(156, 39, 176, 0.1);
}
:root .bg-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(156 39 176 / var(--tw-bg-opacity));
}
:root .bg-orange-light {
  background-color: rgba(242, 147, 84, 0.1);
}
:root .bg-app-bar {
  background-color: var(--background-app-bar);
}
:root .bg-red {
  --tw-bg-opacity: 1;
  background-color: rgb(244 67 54 / var(--tw-bg-opacity));
}
:root .bg-amber {
  --tw-bg-opacity: 1;
  background-color: rgb(255 193 7 / var(--tw-bg-opacity));
}
:root .bg-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(242 147 84 / var(--tw-bg-opacity));
}
:root .bg-deep-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(255 87 34 / var(--tw-bg-opacity));
}
:root .bg-deep-purple {
  --tw-bg-opacity: 1;
  background-color: rgb(103 58 183 / var(--tw-bg-opacity));
}
:root .bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(158 158 158 / var(--tw-bg-opacity));
}
:root .bg-cyan-light {
  background-color: rgba(0, 188, 212, 0.1);
}
:root .bg-primary\/10 {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .bg-deep-orange-light {
  background-color: rgba(255, 87, 34, 0.1);
}
:root .bg-foreground {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
}
:root .bg-transparent {
  background-color: transparent;
}
:root .bg-contrast-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
:root .bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--color-primary), var(--tw-bg-opacity));
}
:root .bg-foreground\/20 {
  background-color: rgba(var(--background-foreground-rgb), 0.2);
}
:root .bg-base {
  background-color: var(--background-base);
}
:root .bg-hover {
  background-color: var(--background-hover);
}
:root .fill-current {
  fill: currentColor;
}
:root .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
:root .p-gutter {
  padding: var(--padding-gutter);
}
:root .p-3 {
  padding: 0.75rem;
}
:root .p-4 {
  padding: 1rem;
}
:root .p-6 {
  padding: 1.5rem;
}
:root .p-2 {
  padding: 0.5rem;
}
:root .p-1 {
  padding: 0.25rem;
}
:root .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
:root .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
:root .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
:root .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
:root .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
:root .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
:root .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
:root .py-gutter {
  padding-top: var(--padding-gutter);
  padding-bottom: var(--padding-gutter);
}
:root .px-gutter {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
:root .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
:root .py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
:root .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:root .pb-1 {
  padding-bottom: 0.25rem;
}
:root .pt-4 {
  padding-top: 1rem;
}
:root .pl-2 {
  padding-left: 0.5rem;
}
:root .pb-2 {
  padding-bottom: 0.5rem;
}
:root .pb-0 {
  padding-bottom: 0px;
}
:root .pr-4 {
  padding-right: 1rem;
}
:root .pr-0 {
  padding-right: 0px;
}
:root .pl-3 {
  padding-left: 0.75rem;
}
:root .pl-8 {
  padding-left: 2rem;
}
:root .pt-2 {
  padding-top: 0.5rem;
}
:root .pt-6 {
  padding-top: 1.5rem;
}
:root .pr-8 {
  padding-right: 2rem;
}
:root .pr-2 {
  padding-right: 0.5rem;
}
:root .pl-0 {
  padding-left: 0px;
}
:root .pl-6 {
  padding-left: 1.5rem;
}
:root .pl-4 {
  padding-left: 1rem;
}
:root .pb-3 {
  padding-bottom: 0.75rem;
}
:root .pl-1 {
  padding-left: 0.25rem;
}
:root .pt-1 {
  padding-top: 0.25rem;
}
:root .pt-3 {
  padding-top: 0.75rem;
}
:root .pb-6 {
  padding-bottom: 1.5rem;
}
:root .pr-1 {
  padding-right: 0.25rem;
}
:root .text-center {
  text-align: center;
}
:root .align-middle {
  vertical-align: middle;
}
:root .text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
:root .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
:root .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
:root .text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
:root .text-\[0\.875rem\] {
  font-size: 0.875rem;
}
:root .text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
:root .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
:root .text-2xs {
  font-size: 0.625rem;
}
:root .font-medium {
  font-weight: 500;
}
:root .font-semibold {
  font-weight: 600;
}
:root .font-bold {
  font-weight: 700;
}
:root .font-normal {
  font-weight: 400;
}
:root .uppercase {
  text-transform: uppercase;
}
:root .italic {
  font-style: italic;
}
:root .leading-none {
  line-height: 1;
}
:root .leading-normal {
  line-height: 1.5;
}
:root .leading-snug {
  line-height: 1.375;
}
:root .leading-tight {
  line-height: 1.25;
}
:root .text-green {
  --tw-text-opacity: 1;
  color: rgb(76 175 80 / var(--tw-text-opacity));
}
:root .text-red {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity));
}
:root .text-teal {
  --tw-text-opacity: 1;
  color: rgb(0 150 136 / var(--tw-text-opacity));
}
:root .text-purple {
  --tw-text-opacity: 1;
  color: rgb(156 39 176 / var(--tw-text-opacity));
}
:root .text-orange {
  --tw-text-opacity: 1;
  color: rgb(242 147 84 / var(--tw-text-opacity));
}
:root .text-contrast-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
:root .text-contrast-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-amber {
  --tw-text-opacity: 1;
  color: rgb(255 193 7 / var(--tw-text-opacity));
}
:root .text-deep-orange {
  --tw-text-opacity: 1;
  color: rgb(255 87 34 / var(--tw-text-opacity));
}
:root .text-deep-purple {
  --tw-text-opacity: 1;
  color: rgb(103 58 183 / var(--tw-text-opacity));
}
:root .text-cyan {
  --tw-text-opacity: 1;
  color: rgb(0 188 212 / var(--tw-text-opacity));
}
:root .text-gray {
  --tw-text-opacity: 1;
  color: rgb(158 158 158 / var(--tw-text-opacity));
}
:root .text-primary {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}
:root .text-warn {
  --tw-text-opacity: 1;
  color: rgba(var(--color-warn), var(--tw-text-opacity));
}
:root .text-amber-contrast {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
:root .text-red-contrast {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-green-contrast {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-cyan-contrast {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-purple-contrast {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
:root .text-secondary {
  color: var(--text-secondary);
}
:root .text-black {
  color: var(--text-color);
}
:root .text-primary-contrast {
  color: rgb(var(--color-primary-contrast));
}
:root .text-current {
  color: currentColor;
}
:root .text-hint {
  color: var(--text-hint);
}
:root .underline {
  text-decoration-line: underline;
}
:root .no-underline {
  text-decoration-line: none;
}
:root .placeholder-secondary::-moz-placeholder {
  color: var(--text-secondary);
}
:root .placeholder-secondary::placeholder {
  color: var(--text-secondary);
}
:root .placeholder-black::-moz-placeholder {
  color: var(--text-color);
}
:root .placeholder-black::placeholder {
  color: var(--text-color);
}
:root .opacity-25 {
  opacity: 0.25;
}
:root .opacity-20 {
  opacity: 0.2;
}
:root .opacity-50 {
  opacity: 0.5;
}
:root .shadow-b {
  --tw-shadow: 0 10px 30px 0 rgba(82,63,104,.06);
  --tw-shadow-colored: 0 10px 30px 0 var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
:root .outline {
  outline-style: solid;
}
:root .blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
:root .duration-200 {
  transition-duration: 200ms;
}
:root .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
:root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
:root .icon-xs {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
  line-height: 1rem;
}
:root .icon-sm {
  font-size: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  line-height: 1.25rem;
}
:root .icon-xl {
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
  line-height: 2rem;
}
:root .icon-2xl {
  font-size: 2.25rem;
  height: 2.25rem;
  width: 2.25rem;
  line-height: 2.25rem;
}
.container {
  padding-left: var(--padding-gutter);
  padding-right: var(--padding-gutter);
}
@media (min-width: 1280px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    width: 100%;
  }
}
.card {
  border-radius: var(--border-radius);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--background-foreground-rgb), var(--tw-bg-opacity));
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.avatar {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  background-color: var(--background-hover);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius) !important;
}
.hidden-input {
  border-radius: var(--border-radius);
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.hidden-input:focus {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.hidden-input.empty {
  --tw-border-opacity: 1;
  border-color: rgba(var(--color-primary), var(--tw-border-opacity));
}
.bg-pattern {
  background: linear-gradient(135deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px), linear-gradient(225deg, var(--background-base) 22px, var(--background-hover) 22px, var(--background-hover) 24px, transparent 24px, transparent 67px, var(--background-hover) 67px, var(--background-hover) 69px, transparent 69px) 0 64px;
  background-color: var(--background-base);
  background-size: 64px 128px;
}
.trans-ease-out {
  transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.trans-shadow {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
:root .hover\:bg-hover:hover {
  background-color: var(--background-hover);
}
:root .hover\:bg-primary\/10:hover {
  background-color: rgba(var(--color-primary), 0.1);
}
:root .hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgba(var(--color-primary), var(--tw-text-opacity));
}
:root .hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
:root .group:hover .group-hover\:bg-app-bar {
  background-color: var(--background-app-bar);
}
:root [dir="ltr"] .ltr\:left-4 {
  left: 1rem;
}
:root [dir="ltr"] .ltr\:right-12 {
  right: 3rem;
}
:root [dir="ltr"] .ltr\:-ml-1 {
  margin-left: -0.25rem;
}
:root [dir="ltr"] .ltr\:mr-2 {
  margin-right: 0.5rem;
}
:root [dir="ltr"] .ltr\:-mr-2 {
  margin-right: -0.5rem;
}
:root [dir="ltr"] .ltr\:mr-3 {
  margin-right: 0.75rem;
}
:root [dir="ltr"] .ltr\:ml-4 {
  margin-left: 1rem;
}
:root [dir="ltr"] .ltr\:mr-gutter {
  margin-right: var(--padding-gutter);
}
:root [dir="ltr"] .ltr\:mr-4 {
  margin-right: 1rem;
}
:root [dir="ltr"] .ltr\:rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
:root [dir="ltr"] .ltr\:border-r {
  border-right-width: 1px;
}
:root [dir="ltr"] .ltr\:border-l {
  border-left-width: 1px;
}
:root [dir="ltr"] .ltr\:pr-3 {
  padding-right: 0.75rem;
}
:root [dir="ltr"] .ltr\:pr-4 {
  padding-right: 1rem;
}
:root [dir="rtl"] .rtl\:right-4 {
  right: 1rem;
}
:root [dir="rtl"] .rtl\:left-12 {
  left: 3rem;
}
:root [dir="rtl"] .rtl\:-mr-1 {
  margin-right: -0.25rem;
}
:root [dir="rtl"] .rtl\:ml-2 {
  margin-left: 0.5rem;
}
:root [dir="rtl"] .rtl\:-ml-2 {
  margin-left: -0.5rem;
}
:root [dir="rtl"] .rtl\:ml-3 {
  margin-left: 0.75rem;
}
:root [dir="rtl"] .rtl\:mr-4 {
  margin-right: 1rem;
}
:root [dir="rtl"] .rtl\:ml-gutter {
  margin-left: var(--padding-gutter);
}
:root [dir="rtl"] .rtl\:ml-4 {
  margin-left: 1rem;
}
:root [dir="rtl"] .rtl\:rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
:root [dir="rtl"] .rtl\:border-l {
  border-left-width: 1px;
}
:root [dir="rtl"] .rtl\:border-r {
  border-right-width: 1px;
}
:root [dir="rtl"] .rtl\:pl-3 {
  padding-left: 0.75rem;
}
:root [dir="rtl"] .rtl\:pl-4 {
  padding-left: 1rem;
}
@media (min-width: 600px) {

  :root .sm\:col-span-full {
    grid-column: 1 / -1;
  }

  :root .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  :root .sm\:mr-6 {
    margin-right: 1.5rem;
  }

  :root .sm\:block {
    display: block;
  }

  :root .sm\:hidden {
    display: none;
  }

  :root .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  :root .sm\:flex-row {
    flex-direction: row;
  }

  :root .sm\:gap-6 {
    gap: 1.5rem;
  }

  :root [dir="ltr"] .sm\:ltr\:ml-6 {
    margin-left: 1.5rem;
  }

  :root [dir="rtl"] .sm\:rtl\:mr-6 {
    margin-right: 1.5rem;
  }
}
@media (min-width: 960px) {

  :root .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  :root .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :root .md\:flex-row {
    flex-direction: row;
  }

  :root .md\:items-start {
    align-items: flex-start;
  }
}
@media (min-width: 1280px) {

  :root .lg\:block {
    display: block;
  }
}

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