/*
    ioBroker.vis vis-materialdesign Widget-Set
    
    Copyright 2019 Scrounger scrounger@gmx.net
*/

:root{
  --materialdesign-color-primary: #44739e;
  --materialdesign-color-secondary: #fff;

  --materialdesign-color-button-pressed: initial;

  --materialdesign-color-top-app-bar-background: #44739e;
  --materialdesign-font-top-app-bar-title: inherit;
  --materialdesign-font-size-top-app-bar-title: 20px;
  --materialdesign-font-top-app-bar-item: inherit;
  --materialdesign-color-top-app-bar-title: #fff;
  --materialdesign-font-top-app-bar-item-disabled: inherit;
  --materialdesign-font-top-app-bar-sub-item: inherit;
  --materialdesign-font-top-app-bar-sub-item-disabled: inherit;
  --materialdesign-color-top-app-bar-header-background: #44739e;
  --materialdesign-top-app-bar-color-burger-icon: #fff;

  --materialdesign-color-checkbox: #44739e;
  --materialdesign-color-checkbox-border: rgba(0, 0, 0, 0.54);
  --materialdesign-color-checkbox-hover:#000;


  --materialdesign-font-button: inherit;
  --materialdesign-font-size-button: 14px;
  --materialdesign-font-button-vertical-text-distance-image: 2px;

  --materialdesign-button-lockicon-color: #B22222;

  --material-progress-circular-color: #44739e;

  --materialdesign-color-drawer-background: #fff;
  --materialdesign-color-drawer-sub-background: #fff;
  --materialdesign-color-list-item-background: #fff;
  --materialdesign-color-sub-list-item-background: #fff;
  --materialdesign-color-list-background: transparent;
  
  --materialdesign-color-icon-button-hover: #44739e;

  --materialdesign-color-list-item-hover: #000;
  --materialdesign-color-sub-list-item-hover: #000;
  --materialdesign-color-list-item-selected: #000;
  --materialdesign-color-sub-list-item-selected: #000;
  
  --materialdesign-color-list-item-text: #000;
  --materialdesign-font-list-item-text: initial;

  --materialdesign-color-list-item-text-disabled: rgba(0, 0, 0, 0.38);
  --materialdesign-color-list-item-icon-disabled: rgba(0, 0, 0, 0.38);
  --materialdesign-color-sub-list-item-text: #000;
  --materialdesign-color-list-item-text-activated: #44739e;
  --materialdesign-color-sub-list-item-text-activated: #44739e;

  --materialdesign-font-list-item-text-secondary: initial;
  --materialdesign-color-list-item-text-secondary: rgba(0, 0, 0, 0.54);

  --materialdesign-color-list-item-text-right: #000;
  --materialdesign-font-list-item-text-right: initial;
  --materialdesign-color-list-item-text-secondary-right: rgba(0, 0, 0, 0.54);
  --materialdesign-font-list-item-text-secondary-right: initial;

  --materialdesign-color-list-item-header: #000;
  --materialdesign-font-list-item-header: initial
  --materialdesign-color-list-item-divider: rgba(0, 0, 0, 0.12);
  --materialdesign-color-sub-list-item-divider: rgba(0, 0, 0, 0.12);

  --materialdesign-color-list-item-backdrop: rgba(0,0,0,0.5);
  --materialdesign-color-sub-list-item-backdrop: rgba(0,0,0,0.5);
  --materialdesign-color-list-item-backdrop-activated: #1e88e566;
  --materialdesign-color-sub-list-item-backdrop-activated: #1e88e566;

  --materialdesign-color-card-background: #fff;
  --materialdesign-color-card-title-section-background: transparent;
  --materialdesign-color-card-text-section-background: transparent;
  --materialdesign-color-card-title: #44739e;
  --materialdesign-font-card-title: inherit;
  --materialdesign-color-card-sub-title: #a1a1a1;
  --materialdesign-font-card-sub-title: inherit;
  --materialdesign-color-card--text-section-text: #44739e;
  --materialdesign-font-card--text-section-text: inherit;
 
  --materialdesign-color-table-background: #fff;
  --materialdesign-color-table-border: rgba(0,0,0,.12);
  --materialdesign-color-table-header-row-background: inherit;
  --materialdesign-color-table-header-row-text-color: #44739e;
  --materialdesign-color-table-row-background: inherit;
  --materialdesign-color-table-row-background-hover: rgba(0, 0, 0, 0.04);
  --materialdesign-color-table-row-text-color: #44739e;
  --materialdesign-color-table-row-divider: rgba(0, 0, 0, 0.12);

  --materialdesign-color-switch-on: #44739e;
  --materialdesign-color-switch-on-hover: #44739e;
  --materialdesign-color-switch-off: #fff;
  --materialdesign-color-switch-track: #000;
  --materialdesign-color-switch-off-hover: #44739e;

  --materialdesign-masonry-gaps: 20px;

  --materialdesign-grid-gaps: 0px;

  --materialdesign-icon-list-background: transparent;

  --materialdesign-icon-list-items-per-row: 3;
  --materialdesign-icon-list-items-min-width: 50px;
  --materialdesign-icon-list-items-min-height: 0px;
  --materialdesign-icon-list-items-gaps: 4px;


  --materialdesign-icon-list-items-text-font-size: 14px;
  --materialdesign-icon-list-items-text-font-family: inherit;
  --materialdesign-icon-list-items-text-font-color: #44739e;

  --materialdesign-icon-list-items-subText-font-size: 12px;
  --materialdesign-icon-list-items-subText-font-family: inherit;
  --materialdesign-icon-list-items-subText-font-color: rgba(0, 0, 0, 0.54);

  --materialdesign-icon-list-items-value-font-size: 12px;
  --materialdesign-icon-list-items-value-font-family: inherit;
  --materialdesign-icon-list-items-value-font-color: #44739e;

  --materialdesign-icon-list-item-layout-horizontal-image-container-width: auto;
  --materialdesign-icon-list-item-layout-vertical-image-container-height: auto;

  /* Vuetify custom */

  --vue-slider-thumb-label-font-color: #fff;
  --vue-slider-thumb-label-font-family: ;
  --vue-slider-thumb-label-font-size: 12px;
  --vue-slider-tick-before-color: #44739e;
  --vue-slider-tick-after-color: #44739e;
  --vue-slider-tick-font-family: inherit;
  --vue-slider-tick-color: #808080;
  --vue-slider-tick-font-size: 14px;
  --vue-slider-thumb-before: initial;

  --vue-text-field-before-color: rgba(0, 0, 0, 0.2);
  --vue-text-field-hover-color: #44739e;
  --vue-text-field-after-color: #44739e;  

  --vue-text-field-label-before-color: rgba(0, 0, 0, 0.6);
  --vue-text-field-label-after-color: #44739e;
  --vue-text-field-label-font-family: inherit;
  --vue-text-field-label-font-size: 16px;
  --vue-text-field-label-width: inherit;

  --vue-text-field-background-color: rgba(0, 0, 0, 0.06);
  --vue-text-field-background-hover-color:rgba(0, 0, 0, 0.12);
  --vue-text-field-background-after-color: rgba(0, 0, 0, 0.06);

  --vue-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --vue-text-field-input-text-font-size: inherit;
  --vue-text-field-input-text-font-family: inherit;

  --vue-text-field-message-color: rgba(0, 0, 0, 0.6);
  --vue-text-field-message-font-size: 12px;
  --vue-text-field-message-font-family: inherit;

  --vue-text-field-alignment: left;
  --vue-text-field-counter-color: rgba(0,0,0,.6);
  --vue-text-field-counter-font-size: 12px;
  --vue-text-field-counter-font-family: inherit;

  --vue-text-field-appendix-color: rgba(0,0,0,.6);
  --vue-text-field-appendix-font-size: inherit;
  --vue-text-field-appendix-font-family: inherit;

  --vue-text-field-translate-x: 0px;
  --vue-text-field-translate-y: -18px;

  --vue-text-icon-clear-color: #44739e;
  --vue-text-icon-clear-size: inherit;

  --vue-text-icon-append-color: #44739e;
  --vue-text-icon-append-size: inherit;
  --vue-text-icon-append-cursor: inherit;

  --vue-text-icon-append-outer-color: #44739e;
  --vue-text-icon-append-outer-size: inherit;

  --vue-text-icon-prepand-color: #44739e;
  --vue-text-icon-prepand-size: inherit;

  --vue-text-icon-prepand-inner-color: #44739e;
  --vue-text-icon-prepand-inner-size: inherit;

  --vue-list-item-height: auto;

  --vue-list-item-background-color: inherit;
  --vue-list-item-background-hover-color: black;
  --vue-list-item-background-selected-color: black;
  
  --vue-ripple-effect-color: #44739e;

  --vue-list-item-font-size: inherit;
  --vue-list-item-font-family: inherit;
  --vue-list-item-font-color: inherit;
  --vue-list-item-font-color-hover: inherit;
  --vue-list-item-font-color-selected: inherit;

  --vue-list-item-subtitle-font-size: inherit;
  --vue-list-item-subtitle-font-family: inherit;
  --vue-list-item-subtitle-font-color: rgba(0, 0, 0, 0.6);
  --vue-list-item-subtitle-font-color-hover: rgba(0, 0, 0, 0.6);
  --vue-list-item-subtitle-font-color-selected: rgba(0, 0, 0, 0.6);

  --vue-list-item-value-font-size: inherit;
  --vue-list-item-value-font-family: inherit;
  --vue-list-item-value-font-color: rgba(0, 0, 0, 0.6);
  --vue-list-item-value-font-color-hover: rgba(0, 0, 0, 0.6);
  --vue-list-item-value-font-color-selected: rgba(0, 0, 0, 0.6);

  --vue-list-item-icon-size: 20px;
  --vue-list-item-icon-color: #44739e;
  --vue-list-item-icon-color-hover: #44739e;
  --vue-list-item-icon-color-selected: #44739e;

  --vue-alerts-background-color: #fff;
  --vue-alerts-border-color: #44739e;
  --vue-alerts-border-outlined-color: #44739e;
  --vue-alerts-button-close-color: #44739e;

  --vue-alerts-text-size: 16px;
  --vue-alerts-text-font-family: inherit;
  --vue-alerts-text-font-color: inherit;

  --vue-alerts-icon-color: black;
  --vue-alerts-icon-size: 24px;

  --vue-alerts-bottom-margin: 16px;

  --vue-btn-background-color-before: transparent;

  --vue-calendar-day-button-today-color: #44739e;

  --vue-calendar-border-color: #e0e0e0;
  --vue-calendar-background-color: transparent;
  --vue-calender-background-outside-color: #f7f7f7;

  --vue-calender-header-background-color: transparent;

  --vue-calender-weeknumber-background-color: #f7f7f7;
  --vue-calender-weeknumber-font-size: 14px;
  --vue-calender-weeknumber-font: inherit;
  --vue-calendar-weeknumber-font-color: black;

  --vue-calendar-time-axis-background-color: transparent;
  --vue-calendar-time-axis-header-background-color: transparent;

  --vue-calendar-time-axis-text-size: 12px;
  --vue-calendar-time-axis-text-font: inherit;
  --vue-calendar-time-axis-text-color: black;

  --vue-calendar-day-button-font-size: inherit;
  --vue-calendar-day-button-font-family: inherit;
  --vue-calendar-day-button-font-color: black;

  --vue-calendar-day-button-today-font-size: inherit;
  --vue-calendar-day-button-today-font-family: inherit;
  --vue-calendar-day-button-today-font-color: #fff;

  --vue-calendar-day-label-font-size: 12px;
  --vue-calendar-day-label-font-family: inherit;
  --vue-calendar-day-label-font-color: #000000;

  --vue-calendar-day-label-previous-font-color: rgba(0, 0, 0, 0.38);

  --vue-calendar-day-label-today-font-size: 12px;
  --vue-calendar-day-label-today-font-family: inherit;
  --vue-calendar-day-label-today-font-color: #44739e;

  

  --vue-calendar-control-container-height: 10px

  --vue-calendar-control-button-icon-size: 24px;
  --vue-calendar-control-button-icon-color: #44739e;

  --vue-calendar-control-button-text-size: 12px;
  --vue-calendar-control-button-text-color: black;
  --vue-calendar-control-button-text-font: inherit;

  --vue-aclendar-event-font-size: inherit;
  --vue-aclendar-event-font: inherit;

  --vue-calendar-control-button-container-flex: 1;
  --vue-calendar-control-button-container-min-width: initial;


  --vue-dialog-title-font-size: 20px;
  --vue-dialog-title-font-family: inherit;

  --vue-dialog-footer-background-color: initial;

  --vue-dialog-view-container-distance-to-border: 24px;

  --vue-toolbar-background-color: #44739e;

  --dialog-footer-button-text-color: #44739e;
  --dialog-footer-button-text-font: inherit;
  --dialog-footer-button-text-font-size: 20px;

  --vue-progress-progress-color: #44739e;
  --vue-progress-progress-color-background: #e6e6e6;
  --vue-progress-progress-color-striped: rgba(255,255,255,0.25);
  --vue-progress-progress-color-text: #44739e;
  --vue-progress-progress-color-text-size: initial;
  --vue-progress-progress-color-text-font-family: inherit;
  --vue-progress-progress-color-text-align: end;

  --vue-progress-progress-striped-angle: 135deg;
  --vue-progress-progress-striped-width1: 25%;
  --vue-progress-progress-striped-width2: 50%; 
  --vue-progress-progress-striped-width3: 75%;

  --vue-progress-circular-progress-color: #44739e;
  --vue-progress-circular-progress-color-background: #e6e6e6;
  --vue-progress-circular-progress-color-text: #44739e;
  --vue-progress-circular-progress-color-text-size: initial;
  --vue-progress-circular-progress-color-text-font-family: inherit;

  --value-color-text: #44739e;
  --value-font-text: inherit;
  --value-font-size-text: 14px;

  --value-color-prepand: #44739e;
  --value-font-prepand: inherit;
  --value-font-size-prepand: 14px;

  --value-color-append: #44739e;
  --value-font-append: inherit;
  --value-font-size-append: 14px;
  
  --vue-dialog-fullscreen-color-icon: #fff;
}

/* remove clock symbol on chrome */
.materialdesign-widget .materialdesign-vuetify-textField input[type="time"]::-webkit-calendar-picker-indicator,
.materialdesign-widget .materialdesign-vuetify-autoComplete input[type="time"]::-webkit-calendar-picker-indicator,
.materialdesign-widget .materialdesign-vuetify-select input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}


/* Value */
.materialdesign-widget.materialdesign-value .value-text {
  color: var(--value-color-text);
  font-family: var(--value-font-text);
  font-size: var(--value-font-size-text);
}

.materialdesign-widget.materialdesign-value .prepand-text {
  color: var(--value-color-prepand);
  font-family: var(--value-font-prepand);
  font-size: var(--value-font-size-prepand);
}

.materialdesign-widget.materialdesign-value .append-text {
  color: var(--value-color-append);
  font-family: var(--value-font-append);
  font-size: var(--value-font-size-append);
}


/* MaterialDesignIcons */
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.materialdesign-widget.materialdesign-button.vertical .materialdesign-button__label,
.materialdesign-widget .materialdesign-button.vertical .materialdesign-button__label {
  margin-top: var(--materialdesign-font-button-vertical-text-distance-image);
  margin-bottom: var(--materialdesign-font-button-vertical-text-distance-image);
}

.materialdesign-widget.materialdesign-button .materialdesign-lock-icon{
  color: var(--materialdesign-button-lockicon-color);
}

/* Button style -> must defined here because of position bug in vis editor */
.materialdesign-widget.materialdesign-button,
.materialdesign-widget .materialdesign-button {
  font-family: var(--materialdesign-font-button);
  font-size: var(--materialdesign-font-size-button);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 2.25rem;
  font-weight: 500;
  text-decoration: none;
  padding: 0 8px 0 8px;
  /* display: inline-flex; */
  /* position: relative;  --> caused position bug in vis editor */ 
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 36px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
}
.materialdesign-widget.materialdesign-button::-moz-focus-inner,
.materialdesign-widget .materialdesign-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.materialdesign-widget.materialdesign-button:active,
.materialdesign-widget .materialdesign-button:active {
  outline: none;
}
.materialdesign-widget.materialdesign-button:hover,
.materialdesign-widget .materialdesign-button:hover {
  cursor: pointer;
}
.materialdesign-widget.materialdesign-button:disabled,
.materialdesign-widget .materialdesign-button:disabled  {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.37);
  cursor: default;
  pointer-events: none;
}
.materialdesign-widget.materialdesign-button.materialdesign-widget.materialdesign-button--dense,
.materialdesign-widget .materialdesign-button.materialdesign-widget.materialdesign-button--dense {
  border-radius: 4px;
}
.materialdesign-widget.materialdesign-button:not(:disabled),
.materialdesign-widget .materialdesign-button:not(:disabled) {
  background-color: transparent;
}
.materialdesign-widget.materialdesign-button .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button .materialdesign-widget.materialdesign-button__icon {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: top;
}
[dir=rtl] .materialdesign-widget.materialdesign-button .materialdesign-widget.materialdesign-button__icon, 
[dir=rtl] .materialdesign-widget .materialdesign-button .materialdesign-widget.materialdesign-button__icon, 
.materialdesign-widget.materialdesign-button .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button .materialdesign-widget.materialdesign-button__icon[dir=rtl]  {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.materialdesign-widget.materialdesign-button .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button .materialdesign-button-body:not(:disabled) {
  color: var(--materialdesign-color-primary);
}

.materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon, 
[dir=rtl] .materialdesign-widget .materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon, 
.materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

svg.materialdesign-widget.materialdesign-button__icon,
svg.materialdesign-widget .materialdesign-button__icon {
  fill: currentColor;
}

.materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}
[dir=rtl] .materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon, 
[dir=rtl] .materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__icon[dir=rtl],
[dir=rtl] .materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon,
[dir=rtl] .materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__icon[dir=rtl],
[dir=rtl] .materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon,
[dir=rtl] .materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
.materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
[dir=rtl] .materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon, 
[dir=rtl] .materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button--raised .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl],
[dir=rtl] .materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
[dir=rtl] .materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl],
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl],
[dir=rtl] .materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
[dir=rtl] .materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon,
.materialdesign-widget.materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl], 
.materialdesign-widget .materialdesign-button--outlined .materialdesign-widget.materialdesign-button__label + .materialdesign-widget.materialdesign-button__icon[dir=rtl]{
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}

.materialdesign-widget.materialdesign-button--raised,
.materialdesign-widget .materialdesign-button--raised,
.materialdesign-widget.materialdesign-button--unelevated,
.materialdesign-widget .materialdesign-button--unelevated {
  padding: 0;
}
.materialdesign-widget.materialdesign-button--raised:disabled,
.materialdesign-widget .materialdesign-button--raised:disabled,
.materialdesign-widget.materialdesign-button--unelevated:disabled,
.materialdesign-widget .materialdesign-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.37);
}
.materialdesign-widget.materialdesign-button--raised .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button--raised .materialdesign-button-body:not(:disabled),
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-button-body:not(:disabled) {
  background-color: var(--materialdesign-color-primary);
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget.materialdesign-button--raised .materialdesign-button-body:not(:disabled),
  .materialdesign-widget .materialdesign-button--raised .materialdesign-button-body:not(:disabled),
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-button-body:not(:disabled) {
    /* @alternate */
    background-color: var(--materialdesign-color-primary);
  }
}
.materialdesign-widget.materialdesign-button--raised .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button--raised .materialdesign-button-body:not(:disabled),
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-button-body:not(:disabled),
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-button-body:not(:disabled) {
  color: var(--materialdesign-color-secondary);
}

.materialdesign-widget.materialdesign-button--raised,
.materialdesign-widget .materialdesign-button--raised {
  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);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.materialdesign-widget.materialdesign-button--raised:hover, 
.materialdesign-widget .materialdesign-button--raised:hover, 
.materialdesign-widget.materialdesign-button--raised:focus,
.materialdesign-widget .materialdesign-button--raised:focus {
  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);
}
.materialdesign-widget.materialdesign-button--raised:active,
.materialdesign-widget .materialdesign-button--raised:active {
  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);
}
.materialdesign-widget.materialdesign-button--raised:disabled,
.materialdesign-widget .materialdesign-button--raised:disabled {
  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);
}

.materialdesign-widget.materialdesign-button--outlined,
.materialdesign-widget .materialdesign-button--outlined {
  border-style: solid;
  padding: 0 15px 0 15px;
  border-width: 1px;
}
.materialdesign-widget.materialdesign-button--outlined:disabled,
.materialdesign-widget .materialdesign-button--outlined:disabled {
  border-color: rgba(0, 0, 0, 0.37);
}
.materialdesign-widget.materialdesign-button--outlined:not(:disabled),
.materialdesign-widget .materialdesign-button--outlined:not(:disabled) {
  border-color: var(--materialdesign-color-primary);
}

.materialdesign-widget.materialdesign-button--dense,
.materialdesign-widget .materialdesign-button--dense {
  height: 32px;
  font-size: 0.8125rem;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.materialdesign-widget.materialdesign-button,
.materialdesign-widget .materialdesign-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.materialdesign-widget.materialdesign-button::before, 
.materialdesign-widget .materialdesign-button::before, 
.materialdesign-widget.materialdesign-button::after,
.materialdesign-widget .materialdesign-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.materialdesign-widget.materialdesign-button::before,
.materialdesign-widget .materialdesign-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded::before,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded::after,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded--unbounded::after,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded--foreground-activation::after,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded--foreground-deactivation::after,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.materialdesign-widget.materialdesign-button::before, 
.materialdesign-widget .materialdesign-button::before, 
.materialdesign-widget.materialdesign-button::after,
.materialdesign-widget .materialdesign-button::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded::after,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.materialdesign-widget.materialdesign-button::before, 
.materialdesign-widget .materialdesign-button::before, 
.materialdesign-widget.materialdesign-button::after,
.materialdesign-widget .materialdesign-button::after {
  background-color: var(--materialdesign-color-button-pressed, var(--materialdesign-color-primary));
}

.materialdesign-widget .materialdesign-icon-list-container .materialdesign-iconList-button::before, 
.materialdesign-widget .materialdesign-icon-list-container .materialdesign-iconList-button::after {
  background-color: var(--materialdesign-color-icon-button-hover);
}

@supports not (-ms-ime-align: auto) {
  .materialdesign-widget.materialdesign-button::before, 
  .materialdesign-widget .materialdesign-button::before,
  .materialdesign-widget.materialdesign-button::after,
  .materialdesign-widget .materialdesign-button::after {
    /* @alternate */
    background-color: var(--materialdesign-color-button-pressed, var(--materialdesign-color-primary));
  }

  .materialdesign-widget .materialdesign-icon-list-container .materialdesign-iconList-button::before, 
  .materialdesign-widget .materialdesign-icon-list-container .materialdesign-iconList-button::after {
    background-color: var(--materialdesign-color-icon-button-hover);
  }
}
.materialdesign-widget.materialdesign-button:hover::before,
.materialdesign-widget .materialdesign-button:hover::before {
  opacity: 0.04;
}
.materialdesign-widget.materialdesign-button:not(.mdc-ripple-upgraded):focus::before, 
.materialdesign-widget .materialdesign-button:not(.mdc-ripple-upgraded):focus::before,
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded--background-focused::before,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget.materialdesign-button:not(.mdc-ripple-upgraded)::after,
.materialdesign-widget .materialdesign-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.materialdesign-widget.materialdesign-button:not(.mdc-ripple-upgraded):active::after,
.materialdesign-widget .materialdesign-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget.materialdesign-button.mdc-ripple-upgraded,
.materialdesign-widget .materialdesign-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.materialdesign-widget.materialdesign-button--raised::before, 
.materialdesign-widget .materialdesign-button--raised::before, 
.materialdesign-widget.materialdesign-button--raised::after,
.materialdesign-widget .materialdesign-button--raised::after,
.materialdesign-widget.materialdesign-button--unelevated::before,
.materialdesign-widget .materialdesign-button--unelevated::before,
.materialdesign-widget.materialdesign-button--unelevated::after,
.materialdesign-widget .materialdesign-button--unelevated::after {
  background-color: #fff;
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget.materialdesign-button--raised .materialdesign-button-body::before, 
  .materialdesign-widget .materialdesign-button--raised .materialdesign-button-body::before, 
  .materialdesign-widget.materialdesign-button--raised .materialdesign-button-body::after,
  .materialdesign-widget .materialdesign-button--raised .materialdesign-button-body::after,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-button-body::before,
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-button-body::before,
.materialdesign-widget.materialdesign-button--unelevated .materialdesign-button-body::after,
.materialdesign-widget .materialdesign-button--unelevated .materialdesign-button-body::after {
    /* @alternate */
    /* background-color: var(--mdc-theme-on-primary, #fff); */
    background-color: var(--materialdesign-color-button-pressed, var(--materialdesign-color-secondary));
  }
}
.materialdesign-widget.materialdesign-button--raised:hover::before,
.materialdesign-widget .materialdesign-button--raised:hover::before,
.materialdesign-widget.materialdesign-button--unelevated:hover::before,
.materialdesign-widget .materialdesign-button--unelevated:hover::before {
  opacity: 0.08;
}
.materialdesign-widget.materialdesign-button--raised:not(.mdc-ripple-upgraded):focus::before, 
.materialdesign-widget .materialdesign-button--raised:not(.mdc-ripple-upgraded):focus::before, 
.materialdesign-widget.materialdesign-button--raised.mdc-ripple-upgraded--background-focused::before,
.materialdesign-widget .materialdesign-button--raised.mdc-ripple-upgraded--background-focused::before,
.materialdesign-widget.materialdesign-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.materialdesign-widget .materialdesign-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.materialdesign-widget.materialdesign-button--unelevated.mdc-ripple-upgraded--background-focused::before,
.materialdesign-widget .materialdesign-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.materialdesign-widget.materialdesign-button--raised:not(.mdc-ripple-upgraded)::after,
.materialdesign-widget .materialdesign-button--raised:not(.mdc-ripple-upgraded)::after,
.materialdesign-widget.materialdesign-button--unelevated:not(.mdc-ripple-upgraded)::after,
.materialdesign-widget .materialdesign-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.materialdesign-widget.materialdesign-button--raised:not(.mdc-ripple-upgraded):active::after,
.materialdesign-widget .materialdesign-button--raised:not(.mdc-ripple-upgraded):active::after,
.materialdesign-widget.materialdesign-button--unelevated:not(.mdc-ripple-upgraded):active::after,
.materialdesign-widget .materialdesign-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.materialdesign-widget.materialdesign-button--raised.mdc-ripple-upgraded,
.materialdesign-widget .materialdesign-button--raised.mdc-ripple-upgraded,
.materialdesign-widget.materialdesign-button--unelevated.mdc-ripple-upgraded,
.materialdesign-widget .materialdesign-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}


/* Icon Button */
.materialdesign-widget.materialdesign-icon-button,
.materialdesign-widget .materialdesign-icon-button {
  border-radius:  100%;
  width: 48px;
  height: 48px;
  padding: 12px;
  font-size: 24px;
  display: inline-block;
  /* position: relative;  --> caused position bug in vis editor */ 
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.materialdesign-widget.materialdesign-icon-button svg,
.materialdesign-widget .materialdesign-icon-button svg,
.materialdesign-widget.materialdesign-icon-button img,
.materialdesign-widget .materialdesign-icon-button img {
  width: 24px;
  height: 24px;
}
.materialdesign-widget.materialdesign-icon-button:disabled,
.materialdesign-widget .materialdesign-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  cursor: default;
  pointer-events: none;
}

.materialdesign-widget.materialdesign-icon-button__icon,
.materialdesign-widget .materialdesign-icon-button__icon {
  display: inline-block;
}
.materialdesign-widget.materialdesign-icon-button__icon.materialdesign-widget.materialdesign-icon-button__icon--on,
.materialdesign-widget .materialdesign-icon-button__icon.materialdesign-widget.materialdesign-icon-button__icon--on {
  display: none;
}

.materialdesign-widget.materialdesign-icon-button--on .materialdesign-widget.materialdesign-icon-button__icon,
.materialdesign-widget .materialdesign-icon-button--on .materialdesign-widget.materialdesign-icon-button__icon {
  display: none;
}
.materialdesign-widget.materialdesign-icon-button--on .materialdesign-widget.materialdesign-icon-button__icon.materialdesign-widget.materialdesign-icon-button__icon--on,
.materialdesign-widget .materialdesign-icon-button--on .materialdesign-widget.materialdesign-icon-button__icon.materialdesign-widget.materialdesign-icon-button__icon--on {
  display: inline-block;
}

.materialdesign-widget.materialdesign-icon-button,
.materialdesign-widget .materialdesign-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.materialdesign-widget.materialdesign-icon-button::before, 
.materialdesign-widget .materialdesign-icon-button::before, 
.materialdesign-widget.materialdesign-icon-button::after,
.materialdesign-widget .materialdesign-icon-button::after  {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.materialdesign-widget.materialdesign-icon-button::before,
.materialdesign-widget .materialdesign-icon-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded::before,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded::after,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded--unbounded::after,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded--foreground-activation::after,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded--foreground-deactivation::after,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.materialdesign-widget.materialdesign-icon-button::before, .materialdesign-widget.materialdesign-icon-button::after,
.materialdesign-widget .materialdesign-icon-button::before, .materialdesign-widget.materialdesign-icon-button::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded::before, 
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded::before, 
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded::after,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.materialdesign-widget.materialdesign-icon-button::before, 
.materialdesign-widget .materialdesign-icon-button::before, 
.materialdesign-widget.materialdesign-icon-button::after,
.materialdesign-widget .materialdesign-icon-button::after {
  background-color: var(--materialdesign-color-icon-button-hover, #44739e);
}
.materialdesign-widget.materialdesign-icon-button:hover::before,
.materialdesign-widget .materialdesign-icon-button:hover::before {
  opacity: 0.04;
}
.materialdesign-widget.materialdesign-icon-button:not(.mdc-ripple-upgraded):focus::before, 
.materialdesign-widget .materialdesign-icon-button:not(.mdc-ripple-upgraded):focus::before, 
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded--background-focused::before,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget.materialdesign-icon-button:not(.mdc-ripple-upgraded)::after,
.materialdesign-widget .materialdesign-icon-button:not(.mdc-ripple-upgraded)::after  {
  transition: opacity 150ms linear;
}
.materialdesign-widget.materialdesign-icon-button:not(.mdc-ripple-upgraded):active::after,
.materialdesign-widget .materialdesign-icon-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget.materialdesign-icon-button.mdc-ripple-upgraded,
.materialdesign-widget .materialdesign-icon-button.mdc-ripple-upgraded  {
  --mdc-ripple-fg-opacity: 0.12;
}

/* Card Layout */
.materialdesign-widget.materialdesign-html-card .mdc-card {
  border-radius: 4px;
  background-color: var(--materialdesign-color-card-background);
  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);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  color: black;
}

.materialdesign-widget .materialdesign-html-card.mdc-card {
  border-radius: 4px;
  background-color: var(--materialdesign-color-card-background);
  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);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  color: black;
}

.materialdesign-widget .materialdesign-html-card.card-title-section{
  visibility: visible;
  box-sizing: border-box;
  width: 100%;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: var(--materialdesign-color-card-title-section-background);
}

.materialdesign-widget .materialdesign-html-card.card-text-section{
  visibility: visible;
  box-sizing: border-box;
  padding: 16px;
  background-color: var(--materialdesign-color-card-text-section-background);
  color: var(--materialdesign-color-card--text-section-text);
  font-family: var(--materialdesign-font-card--text-section-text);
}

.materialdesign-widget .materialdesign-html-card.card-text-section.iconlist{
  visibility: visible;
  box-sizing: border-box;
  padding: 1px;
  background-color: var(--materialdesign-color-card-text-section-background);
  color: var(--materialdesign-color-card--text-section-text);
  font-family: var(--materialdesign-font-card--text-section-text);
}


.materialdesign-widget .materialdesign-html-card.card-title {
  color: var(--materialdesign-color-card-title);
  font-family: var(--materialdesign-font-card-title);
}

.materialdesign-widget .materialdesign-html-card.card-subtitle {
  color: var(--materialdesign-color-card-sub-title);
  font-family: var(--materialdesign-font-card-sub-title);
}

.materialdesign-widget .materialdesign-html-card.card-custom-body {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
}

.materialdesign-widget .materialdesign-html-card.mdc-card__media-content{
  display: flex;
  align-items: flex-end;
  padding-bottom: 16px
}

.materialdesign-widget .materialdesign-html-card.horizontal-container{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;  
}

.materialdesign-widget .materialdesign-html-card.mdc-card__media--square{
  width: 100%;
}

/* Checkbox */
.materialdesign-widget .mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  padding: 11px;
}
.materialdesign-widget .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.materialdesign-widget .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: var(--materialdesign-color-checkbox, #44739e);
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
  .materialdesign-widget .mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
}
.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .materialdesign-widget .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: var(--materialdesign-color-checkbox, #44739e);
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .materialdesign-widget .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
    /* @alternate */
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
}

.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before {
  opacity: 0.04;
}
.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .materialdesign-widget .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  transition: opacity 150ms linear;
}
.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.materialdesign-widget .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.materialdesign-widget .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
.materialdesign-widget .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  background-color: var(--materialdesign-color-checkbox, #44739e);
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  .materialdesign-widget .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
    /* @alternate */
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
}

.materialdesign-widget .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
  background-color: var(--materialdesign-color-checkbox-hover, #000);
}
@supports not (-ms-ime-align: auto) {
  .materialdesign-widget .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
    /* @alternate */
    background-color: var(--materialdesign-color-checkbox-hover, #000);
}

.materialdesign-widget .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate="true"]) ~ .mdc-checkbox__background {
  border-color: var(--materialdesign-color-checkbox-border, rgba(0, 0, 0, 0.54));
  background-color: transparent;
}

.materialdesign-widget .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.materialdesign-widget .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--materialdesign-color-checkbox, #44739e);
  background-color: var(--materialdesign-color-checkbox, #44739e);
}

@-webkit-keyframes materialdesign-widget-mdc-checkbox-fade-in-background-u5n97oh {
  0% {
    border-color: var(--materialdesign-color-checkbox-border, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: var(--materialdesign-color-checkbox, #44739e);
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
}

@keyframes materialdesign-widget-mdc-checkbox-fade-in-background-u5n97oh {
  0% {
    border-color: var(--materialdesign-color-checkbox-border, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
  50% {
    border-color: var(--materialdesign-color-checkbox, #44739e);
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
}
@-webkit-keyframes materialdesign-widget-mdc-checkbox-fade-out-background-u5n97oh {
  0%, 80% {
    border-color: var(--materialdesign-color-checkbox, #44739e);
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
  100% {
    border-color: var(--materialdesign-color-checkbox-border, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
@keyframes materialdesign-widget-mdc-checkbox-fade-out-background-u5n97oh {
  0%, 80% {
    border-color: var(--materialdesign-color-checkbox, #44739e);
    background-color: var(--materialdesign-color-checkbox, #44739e);
  }
  100% {
    border-color: var(--materialdesign-color-checkbox-border, rgba(0, 0, 0, 0.54));
    background-color: transparent;
  }
}
.materialdesign-widget .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: materialdesign-widget-mdc-checkbox-fade-in-background-u5n97oh;
          animation-name: materialdesign-widget-mdc-checkbox-fade-in-background-u5n97oh;
}
.materialdesign-widget .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: materialdesign-widget-mdc-checkbox-fade-out-background-u5n97oh;
          animation-name: materialdesign-widget-mdc-checkbox-fade-out-background-u5n97oh;
}

/* mdc-form-field  */
.materialdesign-widget .mdc-form-field {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.materialdesign-widget .mdc-form-field > label {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px;
  /* @noflip */
  padding-right: 0;
  order: 0;
}
[dir=rtl] .materialdesign-widget .mdc-form-field > label, .materialdesign-widget .mdc-form-field > label[dir=rtl] {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .materialdesign-widget .mdc-form-field > label, .materialdesign-widget .mdc-form-field > label[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 4px;
}

.materialdesign-widget .mdc-form-field--align-end > label {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 4px;
  order: -1;
}
[dir=rtl] .materialdesign-widget .mdc-form-field--align-end > label, .materialdesign-widget .mdc-form-field--align-end > label[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}
[dir=rtl] .materialdesign-widget .mdc-form-field--align-end > label, .materialdesign-widget .mdc-form-field--align-end > label[dir=rtl] {
  /* @noflip */
  padding-left: 4px;
  /* @noflip */
  padding-right: 0;
}



/* Drawer container */
.materialdesign-widget .drawer-frame-root {
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
}

/* Drawer container */
.materialdesign-widget .drawer-app-content {
    -ms-flex: auto;
    flex: auto;
    overflow: auto
}

/* Drawer container */
.materialdesign-widget .drawer-main-content {
    overflow: auto;
    height: 100%;
}

/* Drawer container */
.materialdesign-widget .drawer-frame-app-content {
  position: relative;
}

.materialdesign-widget .mdc-top-app-bar {
  background-color: var(--materialdesign-color-top-app-bar-background, #44739e);
  color: white;
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
}

.materialdesign-widget .mdc-top-app-bar__title {
  display: flex;
  align-items: center;
  height: 100%;
  font-family: var(--materialdesign-font-top-app-bar-title);
  font-size:  var(--materialdesign-font-size-top-app-bar-title);
  color: var(--materialdesign-color-top-app-bar-title);
  margin-right: 12px;
}

.materialdesign-widget .mdc-drawer__content .mdc-list-item__text {
  font-family: var(--materialdesign-font-top-app-bar-item);
}

.materialdesign-widget .mdc-drawer__content .mdc-sub-list-item .mdc-list-item__text {
  font-family: var(--materialdesign-font-top-app-bar-sub-item);
}

/* App Top Bar Short */
.materialdesign-widget .mdc-top-app-bar--short-fixed-adjust {
  padding-top: 0px;
}

.materialdesign-widget .mdc-icon-button.material-icons.mdc-top-app-bar__navigation-icon{
  color: var(--materialdesign-top-app-bar-color-burger-icon);
}

.materialdesign-widget .materialdesign-list-item-backdrop-container {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  width: 100%; 
  height: auto; 
  background-color: var(--materialdesign-color-list-item-backdrop);
  padding-left: 8px;
  padding-right: 8px;
}

.materialdesign-widget .materialdesign-list-item-backdrop-container.isSubItem {
  background-color: var(--materialdesign-color-sub-list-item-backdrop);
}

.materialdesign-widget .mdc-drawer {
  background-color: var(--materialdesign-color-drawer-background);
}


/* Drawer Header default Color */
.materialdesign-widget .mdc-drawer__header {
  background-color: var(--materialdesign-color-top-app-bar-header-background);
}

.materialdesign-widget .mdc-drawer .mdc-drawer__title {
  color: white;
}

.materialdesign-widget .mdc-drawer .mdc-drawer__subtitle {
  color: white;
}


/* Default list color */
.materialdesign-widget .mdc-list {
  padding: 0;
  background-color: var(--materialdesign-color-list-background);  
}

.materialdesign-widget .mdc-sub-list {
  display: none;
  background-color: var(--materialdesign-color-drawer-sub-background);
}

.materialdesign-widget .mdc-list-item {
  min-height: 40px !important; 
  height: auto !important;
  background-color: var(--materialdesign-color-list-item-background);
}

.materialdesign-widget .mdc-sub-list-item {
  background-color: var(--materialdesign-color-sub-list-item-background);
}


.materialdesign-widget .mdc-sub-list .mdc-list-item {
  padding: 0 16px;
}


.materialdesign-widget .mdc-list-item--disabled .mdc-list-item__text {
  opacity: 1;
}

.materialdesign-widget .mdc-list-item--disabled .mdc-list-item__text {
  color: var(--materialdesign-color-list-item-text-disabled);
  font-family: var(--materialdesign-font-top-app-bar-item-disabled);
  /* font-style: italic; */
}

.materialdesign-widget .mdc-sub-list-item.mdc-list-item--disabled .mdc-list-item__text {
  font-family: var(--materialdesign-font-top-app-bar-sub-item-disabled);
}


.materialdesign-widget .mdc-list-item--disabled .mdc-list-item__graphic {
  color: var(--materialdesign-color-list-item-icon-disabled) !important;
}

.materialdesign-widget :not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.materialdesign-widget :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, 
.materialdesign-widget :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  background-color: transparent;
}

/* hover item -> use var*/
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  background-color: var(--materialdesign-color-list-item-hover);
  opacity: 0.1;
}
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item:hover::before {
  background-color: var(--materialdesign-color-sub-list-item-hover);
  opacity: 0.1;
}

/* hover item -> use var*/
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::after {
  background-color: var(--materialdesign-color-list-item-hover);
}
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item:hover::after {
  background-color: var(--materialdesign-color-sub-list-item-hover);
}

/* selected color */
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, 
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after{
  background-color: var(--materialdesign-color-list-item-selected);
}
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item::before, 
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item::after{
  background-color: var(--materialdesign-color-sub-list-item-selected);
}

.materialdesign-widget :not(.mdc-list-item--disabled).mdc-list-item{
  color: var(--materialdesign-color-list-item-text);
  font-family: var(--materialdesign-font-list-item-text);
}
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item{
  color: var(--materialdesign-color-sub-list-item-text);
}

.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated {
  color: var(--materialdesign-color-list-item-text-activated);
}

.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-sub-list-item.mdc-list-item--activated {
  color: var(--materialdesign-color-sub-list-item-text-activated);
}

/* backdrop container */
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated .materialdesign-list-item-backdrop-container {
  background-color: var( --materialdesign-color-list-item-backdrop-activated);
}
.materialdesign-widget :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated .materialdesign-list-item-backdrop-container.isSubItem {
  background-color: var( --materialdesign-color-sub-list-item-backdrop-activated);
}

.materialdesign-widget .mdc-list-item__secondary-text {
  color: var(--materialdesign-color-list-item-text-secondary);
  font-family: var(--materialdesign-font-list-item-text-secondary);
}

.materialdesign-widget .mdc-list-item__text.materialdesign-list-item-text-right {
  color: var(--materialdesign-color-list-item-text-right);
  font-family: var(--materialdesign-font-list-item-text-right);
}

.materialdesign-widget .mdc-list-item__primary-text.materialdesign-list-item-text-right {
  color: var(--materialdesign-color-list-item-text-right);
  font-family: var(--materialdesign-font-list-item-text-right);
}

.materialdesign-widget .mdc-list-item__secondary-text.materialdesign-list-item-text-right {
  color: var(--materialdesign-color-list-item-text-secondary-right);
  font-family: var(--materialdesign-font-list-item-text-secondary-right);
}

.materialdesign-widget .mdc-list-group__subheader {
  color: var(--materialdesign-color-list-item-header);
  font-family: var(--materialdesign-font-list-item-header);
}

.materialdesign-widget .mdc-drawer .mdc-list-group__subheader {
  color: var(--materialdesign-color-list-item-header);
  font-family: var(--materialdesign-font-list-item-header);
}

.materialdesign-widget .mdc-list-divider { 
  border-bottom-color: var(--materialdesign-color-list-item-divider);
}

.materialdesign-widget .mdc-list-divider--padded {
  margin: 0 16px;
}

.materialdesign-widget .mdc-sublist-divider {
  height: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin: 0 16px;
  border-bottom-color: var(--materialdesign-color-sub-list-item-divider);
}

.materialdesign-widget .mdc-sublist-divider.mdc-list-divider--padded {
  margin: 0 32px;
}

.materialdesign-widget .mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}

.materialdesign-widget .mdc-list-item__primary-text {
  display: flex;
}

.materialdesign-widget .materialdesign-list-card, 
.materialdesign-widget .materialdesign-table-card {
  border-radius: 4px;
  background-color: #fff;
  /* @alternate */
  background-color: var(--materialdesign-color-card-background, #fff);
  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);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  color: black;
  margin: 3px; 
  width: calc(100% - 6px); 
  max-height: calc(100% - 6px);
}

.materialdesign-widget .materialdesign-list-card--outlined,
.materialdesign-widget .mdc-data-table.materialdesign-table-card--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}

.materialdesign-widget.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic,
.materialdesign-widget .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  color: initial;
}

.materialdesign-widget.mdc-list-item__graphic,
.materialdesign-widget .mdc-list-item__graphic {
  font-size: 24px;
}

/* Table */
.materialdesign-widget .mdc-data-table {
  background-color: var(--materialdesign-color-table-background);
  border-color: var(--materialdesign-color-table-border)
}

.materialdesign-widget .mdc-data-table.fixed-header {
  height: 100%;
  overflow: auto;
}

.materialdesign-widget .mdc-data-table.fixed-header .mdc-data-table__table {
  overflow: auto;
}

.materialdesign-widget .mdc-data-table.fixed-header thead {
  z-index: 1;
}

.materialdesign-widget .mdc-data-table.fixed-header thead,
.materialdesign-widget .mdc-data-table.fixed-header tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.materialdesign-widget .mdc-data-table__table {
  white-space: unset;
}

.materialdesign-widget .mdc-data-table__header-row {
  background-color: var(--materialdesign-color-table-header-row-background);
}

.materialdesign-widget .mdc-data-table__header-cell {
  color: var(--materialdesign-color-table-header-row-text-color);
  cursor: pointer;
  height: auto;
}

.materialdesign-widget .mdc-data-table__row {
  background-color: var(--materialdesign-color-table-row-background);
  border-top-color: var(--materialdesign-color-table-row-divider); 
}

.materialdesign-widget .mdc-data-table__cell {
  color: var(--materialdesign-color-table-row-text-color);
  height: auto;
}

.materialdesign-widget .mdc-data-table__header-cell:hover .materialdesign-table-header-sort-hidden {
  opacity: 0.5 !important;
}

.materialdesign-widget .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  background-color: var(--materialdesign-color-table-row-background-hover) !important;
}

.materialdesign-table-header-sort {
  vertical-align: middle; 
  font-size: 8px; 
  opacity: 0;
}

.material-progress-circular-container {
  display: flex;
  position: absolute;
  background-color: rgba(0,0,0,0.2);
  width: 3em;
  height: 3em;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  left: calc(50% - 1.5em);
  top: calc(40% - 1.5em);
}

.material-progress-circular {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  border-radius: 50%;
  padding: 0.25em;
  width: 2em;
  height: 2em;
  color: var(--material-progress-circular-color);
  background-color: transparent;
  font-size: 16px;
  overflow: hidden;
  
}

.material-progress-circular::-webkit-progress-bar {
  background-color: transparent;
}

/* Indeterminate */
.material-progress-circular:indeterminate {
  -webkit-mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  mask-image: linear-gradient(transparent 50%, black 50%), linear-gradient(to right, transparent 50%, black 50%);
  animation: material-progress-circular 6s infinite cubic-bezier(0.3, 0.6, 1, 1);
}

:-ms-lang(x), .material-progress-circular:indeterminate {
  animation: none;
}

.material-progress-circular:indeterminate::before,
.material-progress-circular:indeterminate::-webkit-progress-value {
  content: "";
  display: block;
  box-sizing: border-box;
  margin-bottom: 0.25em;
  border: solid 0.25em transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100% !important;
  height: 100%;
  background-color: transparent;
  animation: material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.material-progress-circular:indeterminate::-moz-progress-bar {
  box-sizing: border-box;
  border: solid 0.25em transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background-color: transparent;
  animation: material-progress-circular-pseudo 0.75s infinite linear alternate;
}

.material-progress-circular:indeterminate::-ms-fill {
  animation-name: -ms-ring;
}

@keyframes material-progress-circular {
  0% {
      transform: rotate(0deg);
  }
  12.5% {
      transform: rotate(180deg);
      animation-timing-function: linear;
  }
  25% {
      transform: rotate(630deg);
  }
  37.5% {
      transform: rotate(810deg);
      animation-timing-function: linear;
  }
  50% {
      transform: rotate(1260deg);
  }
  62.5% {
      transform: rotate(1440deg);
      animation-timing-function: linear;
  }
  75% {
      transform: rotate(1890deg);
  }
  87.5% {
      transform: rotate(2070deg);
      animation-timing-function: linear;
  }
  100% {
      transform: rotate(2520deg);
  }
}

@keyframes material-progress-circular-pseudo {
  0% {
      transform: rotate(-30deg);
  }
  29.4% {
      border-left-color: transparent;
  }
  29.41% {
      border-left-color: currentColor;
  }
  64.7% {
      border-bottom-color: transparent;
  }
  64.71% {
      border-bottom-color: currentColor;
  }
  100% {
      border-left-color: currentColor;
      border-bottom-color: currentColor;
      transform: rotate(225deg);
  }
}

/* switch */

.materialdesign-widget .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  /* hover */
  background-color: var(--materialdesign-color-switch-off-hover);
}

.materialdesign-widget .mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: var(--materialdesign-color-switch-on);
  border-color: var(--materialdesign-color-switch-on);
}
.materialdesign-widget .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: var(--materialdesign-color-switch-on);
  border-color: var(--materialdesign-color-switch-on);
}

@supports not (-ms-ime-align: auto) {
  .materialdesign-widget .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
    /* @alternate */
    background-color: var(--materialdesign-color-switch-on-hover);
  }
}

.materialdesign-widget .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  background-color: var(--materialdesign-color-switch-off);
  border-color: var(--materialdesign-color-switch-off);
}

.materialdesign-widget .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  background-color: var(--materialdesign-color-switch-track);
  border-color: var(--materialdesign-color-switch-track);
}

.materialdesign-column-views-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap !important;
}

.materialdesign-column-views-container-column {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: auto !important;
  flex-grow: 1 !important;
}

.materialdesign-column-views-container-column-view {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap !important;
}

.materialdesign-column-views-container-column-item {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  flex-grow: 1 !important;
}

.materialdesign-masonry-container {
  width: 100%;
  -moz-column-gap: var(--materialdesign-masonry-gaps);
  -webkit-column-gap: var(--materialdesign-masonry-gaps);
  column-gap: var(--materialdesign-masonry-gaps);
  text-align: center;
  padding: var(--materialdesign-masonry-gaps);
  orphans: 1 !important;
  widows:1 !important;
  -webkit-column-count: var(--materialdesign-masonry-column-count);
  -moz-column-count: var(--materialdesign-masonry-column-count);
  column-count: var(--materialdesign-masonry-column-count);
  box-sizing: border-box;
}

.materialdesign-masonry-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
  text-align: initial;
  padding-bottom: var(--materialdesign-masonry-gaps);
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
            page-break-inside: avoid; /* Firefox */
                break-inside: avoid; /* IE 10+ */
}

.materialdesign-version-container {
  display: flex;
  justify-content: center;
}

.materialdesign-version-content{
  padding-left: 6px;
  padding-right: 6px;
  color: white;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-family: Arial;
}

.masonry-helper-text, .grid-helper-text {
  width: 180px;
}

.masonry-helper-value, .grid-helper-value {
  left: 186px;
  width: calc(100% - 20px);
  text-align: end;
}

.mdc-list-item__meta:not(.material-icons) {
  font-size: 0.75rem;
  line-height: 1;
}

/* grid views */
.materialdesign-grid {
  flex: 1 1 auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.materialdesign-grid-container {
  padding: var(--materialdesign-grid-gaps);
}

.materialdesign-grid-row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.materialdesign-grid-row > .col,
.materialdesign-grid-row > [class*=col-] {
  padding: var(--materialdesign-grid-gaps);
}

.materialdesign-grid .col-xl,
.materialdesign-grid .col-xl-auto, .materialdesign-grid .col-xl-12, .materialdesign-grid .col-xl-11, .materialdesign-grid .col-xl-10, .materialdesign-grid .col-xl-9, .materialdesign-grid .col-xl-8, .materialdesign-grid .col-xl-7, .materialdesign-grid .col-xl-6, .materialdesign-grid .col-xl-5, .materialdesign-grid .col-xl-4, .materialdesign-grid .col-xl-3, .materialdesign-grid .col-xl-2, .materialdesign-grid .col-xl-1, .materialdesign-grid .col-lg,
.materialdesign-grid .col-lg-auto, .materialdesign-grid .col-lg-12, .materialdesign-grid .col-lg-11, .materialdesign-grid .col-lg-10, .materialdesign-grid .col-lg-9, .materialdesign-grid .col-lg-8, .materialdesign-grid .col-lg-7, .materialdesign-grid .col-lg-6, .materialdesign-grid .col-lg-5, .materialdesign-grid .col-lg-4, .materialdesign-grid .col-lg-3, .materialdesign-grid .col-lg-2, .materialdesign-grid .col-lg-1, .materialdesign-grid .col-md,
.materialdesign-grid .col-md-auto, .materialdesign-grid .col-md-12, .materialdesign-grid .col-md-11, .materialdesign-grid .col-md-10, .materialdesign-grid .col-md-9, .materialdesign-grid .col-md-8, .materialdesign-grid .col-md-7, .materialdesign-grid .col-md-6, .materialdesign-grid .col-md-5, .materialdesign-grid .col-md-4, .materialdesign-grid .col-md-3, .materialdesign-grid .col-md-2, .materialdesign-grid .col-md-1, .materialdesign-grid .col-sm,
.materialdesign-grid .col-sm-auto, .materialdesign-grid .col-sm-12, .materialdesign-grid .col-sm-11, .materialdesign-grid .col-sm-10, .materialdesign-grid .col-sm-9, .materialdesign-grid .col-sm-8, .materialdesign-grid .col-sm-7, .materialdesign-grid .col-sm-6, .materialdesign-grid .col-sm-5, .materialdesign-grid .col-sm-4, .materialdesign-grid .col-sm-3, .materialdesign-grid .col-sm-2, .materialdesign-grid .col-sm-1, .materialdesign-grid .col,
.materialdesign-grid .col-auto, .materialdesign-grid .col-12, .materialdesign-grid .col-11, .materialdesign-grid .col-10, .materialdesign-grid .col-9, .materialdesign-grid .col-8, .materialdesign-grid .col-7, .materialdesign-grid .col-6, .materialdesign-grid .col-5, .materialdesign-grid .col-4, .materialdesign-grid .col-3, .materialdesign-grid .col-2, .materialdesign-grid .col-1 {
  width: 100%;
}

.materialdesign-grid .col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  height: 100%;
}

.materialdesign-grid .col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.materialdesign-grid .col-1 {
  flex: 0 0 calc(8.3333333333% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(8.3333333333% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-2 {
  flex: 0 0 calc(16.6666666667% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(16.6666666667% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-3 {
  flex: 0 0 calc(25% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(25% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-4 {
  flex: 0 0 calc(33.3333333333% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(33.3333333333% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-5 {
  flex: 0 0 calc(41.6666666667% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(41.6666666667% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-6 {
  flex: 0 0 calc(50% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(50% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-7 {
  flex: 0 0 calc(58.3333333333% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(58.3333333333% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-8 {
  flex: 0 0 calc(66.6666666667% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(66.6666666667% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-9 {
  flex: 0 0 calc(75% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(75% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-10 {
  flex: 0 0 calc(83.3333333333% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(83.3333333333% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-11 {
  flex: 0 0 calc(91.6666666667% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(91.6666666667% - 2 * var(--materialdesign-grid-gaps));
}

.materialdesign-grid .col-12 {
  flex: 0 0 calc(100% - 2 * var(--materialdesign-grid-gaps));
  max-width: calc(100% - 2 * var(--materialdesign-grid-gaps));
}

/* iconList */
.materialdesign-icon-list-container {
  display: flex;
  /* justify-content: center; */
  margin: calc(-1 * var(--materialdesign-icon-list-items-gaps) + 3px);
  background: var(--materialdesign-icon-list-background);
}

.materialdesign-icon-list-item {
  flex: 1 1 calc(100% / var(--materialdesign-icon-list-items-per-row));
  min-width: var(--materialdesign-icon-list-items-min-width) !important;
  min-height: var(--materialdesign-icon-list-items-min-height) !important;
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: var(--materialdesign-icon-list-items-gaps);  
}

.materialdesign-icon-list-item-standard {
  background: #fff;
  /* padding: 4px; */
}

.materialdesign-icon-list-item-card {
  border-radius: 4px;
  background: #fff;
  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);
  box-sizing: border-box;
  color: black;
  /* padding: 4px; */
}

.materialdesign-icon-list-item-card-layout-full {
  border-radius: 4px;
  background: #fff;
  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);
  box-sizing: border-box;
  color: black;
  align-items: center;
}

.materialdesign-icon-list-item-card--outlined {
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}

.materialdesign-icon-list-item-layout-vertical-image-container {
  position: relative;
  width: 100%;
  text-align: center;
  height: var(--materialdesign-icon-list-item-layout-vertical-image-container-height);
  display: flex;
  align-items: center;
  justify-content: center;
}

.materialdesign-icon-list-item-text{
  width: calc(100% - 8px);
  font-size: var(--materialdesign-icon-list-items-text-font-size);
  font-family: var(--materialdesign-icon-list-items-text-font-family);
  color: var(--materialdesign-icon-list-items-text-font-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 4px 4px 0 4px;
  white-space: normal;
}

.materialdesign-icon-list-item-subText{
  width: calc(100% - 8px);
  font-size: var(--materialdesign-icon-list-items-subText-font-size);
  font-family: var(--materialdesign-icon-list-items-subText-font-family);
  color: var(--materialdesign-icon-list-items-subText-font-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 2px 4px 0 4px;
  white-space: normal;
}

.materialdesign-icon-list-item-value{
  width: 100%;
  font-size: var(--materialdesign-icon-list-items-value-font-size);
  font-family: var(--materialdesign-icon-list-items-value-font-family);
  color: var(--materialdesign-icon-list-items-value-font-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 2px 4px 0 4px;
}

.materialdesign-icon-list-item-text-vertical {
  text-align: center;
}

.materialdesign-icon-list-item-layout-vertical-status-line {
  background: transparent;
  min-height: 4px; 
  width: 100%; 
  /* margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px; */
  align-self: flex-end;
}

.materialdesign-icon-list-item-layout-vertical-status-line-card {
  background: transparent;
  min-height: 4px; 
  width: 100%; 
  border-radius: 0 0 4px 4px;
  /* margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px; */
  align-self: flex-end;
}

.materialdesign-icon-list-item-layout-horizontal-image-container {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: var(--materialdesign-icon-list-item-layout-horizontal-image-container-width);
}

.materialdesign-icon-list-item-layout-horizontal-text-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1 1;
  margin-left: 4px;
  justify-content: center;
}

.materialdesign-icon-list-item-layout-horizontal-status-line {
  background: transparent;
  min-height: 4px; 
  width: 100%; 
  /* margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px; */
  align-self: flex-end;
}

.materialdesign-icon-list-item-layout-horizontal-status-line-card {
  background: transparent;
  min-height: 4px; 
  width: 100%; 
  border-radius: 0 0 4px 4px;
  /* margin-left: -4px;
  margin-right: -4px;
  margin-bottom: -4px; */
  align-self: flex-end;
}

/* Vuetify custom */
/* custom classes for templates */
.materialdesign-v-list-item-title {
  font-size: var(--vue-list-item-font-size);
  font-family: var(--vue-list-item-font-family);
  color: var(--vue-list-item-font-color);
  line-height: 1.3em;
}

.v-list-item:hover .materialdesign-v-list-item-title {
  color: var(--vue-list-item-font-color-hover);
}

.v-list .v-list-item--active:hover .materialdesign-v-list-item-title {
  color: var(--vue-list-item-font-color-hover);
}

.v-list .v-list-item--active .materialdesign-v-list-item-title {
  color: var(--vue-list-item-font-color-selected);
}

.materialdesign-v-list-item-subtitle {
  font-size: var(--vue-list-item-subtitle-font-size);
  font-family: var(--vue-list-item-subtitle-font-family);
  color: var(--vue-list-item-subtitle-font-color);
  line-height: 1.3em;
}

.v-list-item:hover .materialdesign-v-list-item-subtitle {
  color: var(--vue-list-item-subtitle-font-color-hover);
}

.v-list .v-list-item--active:hover .materialdesign-v-list-item-subtitle {
  color: var(--vue-list-item-subtitle-font-color-hover);
}

.v-list .v-list-item--active .materialdesign-v-list-item-subtitle {
  color: var(--vue-list-item-subtitle-font-color-selected);
}

.materialdesign-v-list-item-value {
  font-size: var(--vue-list-item-value-font-size);
  font-family: var(--vue-list-item-value-font-family);
  color: var(--vue-list-item-value-font-color);
  line-height: 1.3em;
}

.materialdesign-v-alert-text {
  word-wrap: break-word;
}

.v-list-item:hover .materialdesign-v-list-item-value {
  color: var(--vue-list-item-subtitle-font-color-hover);
}

.v-list .v-list-item--active:hover .materialdesign-v-list-item-value {
  color: var(--vue-list-item-subtitle-font-color-hover);
}

.v-list .v-list-item--active .materialdesign-v-list-item-value {
  color: var(--vue-list-item-subtitle-font-color-selected);
}

.materialdesign-v-list-item-image-container {
  padding-right: 12px;
}

.materialdesign-v-list-item-icon {
  font-size: var(--vue-list-item-icon-size);
  color: var(--vue-list-item-icon-color);
}

.v-list-item:hover .v-icon.materialdesign-v-list-item-icon {
  color: var(--vue-list-item-icon-color-hover);
}

.v-list .v-list-item--active:hover .v-icon.materialdesign-v-list-item-icon {
  color: var(--vue-list-item-icon-color-hover);
}

.v-list .v-list-item--active .v-icon.materialdesign-v-list-item-icon {
  color: var(--vue-list-item-icon-color-selected);
}

.materialdesign-v-list-item-image {
  height: var(--vue-list-item-icon-size);
}

.materialdesign-v-alerts-icon-prepand {
  padding-right: 12px;
  font-size: var(--vue-alerts-icon-size);
  color: var(--vue-alerts-icon-color);
}

.materialdesign-v-alerts-image-prepand {
  padding-right: 12px;
  height: var(--vue-alerts-icon-size);
}


/* V-Slider */
.v-input__slider > .v-input__control {
  height: 100%;
}
.v-input__slider > .v-input__control > .v-input__slot {
  height: 100%;
}
.v-row > .v-input {
  height: 100%;
}

.theme--light.v-slider .v-slider__track-background,
.theme--light.v-slider .v-slider__track-fill,
.theme--light.v-slider .v-slider__thumb {
  background: rgba(0, 0, 0, 0.26);
}

.v-slider {
  cursor: default;
  display: flex;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-slider input {
  cursor: default;
  padding: 0;
  width: 100%;
  display: none;
}

.v-slider__track-container {
  position: absolute;
  border-radius: 0;
}

.v-slider__track-background, .v-slider__track-fill {
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-slider__thumb-container {
  outline: none;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  top: 50%;
  height: 0px;
}
.v-slider__thumb-container:hover .v-slider__thumb:before {
  transform: scale(1);
}

.v-slider__thumb {
  position: absolute;
  width: 12px;
  height: 12px;
  left: -6px;
  top: 50%;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transform: translateY(-50%);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.v-slider__thumb.medium-size {
  width: 18px;
  height: 18px;
  left: -9px;
}

.v-slider__thumb.medium-size:before {
  left: -9px;
  top: -9px;
}

.v-slider__thumb.big-size {
  width: 24px;
  height: 24px;
  left: -12px;
}

.v-slider__thumb.big-size:before {
  left: -6px;
  top: -6px;
}

.v-slider__thumb:before {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  content: "";
  color: inherit;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--vue-slider-thumb-before, currentColor);
  opacity: 0.3;
  position: absolute;
  left: -12px;
  top: -12px;
  transform: scale(0.1);
  pointer-events: none;
}

.v-slider__ticks-container {
  position: absolute;
}

.v-slider__tick {
  position: absolute;
  opacity: 0;
  background-color: var(--vue-slider-tick-after-color);
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  border-radius: 0;
}
.v-slider__tick--filled {
  background-color: var(--vue-slider-tick-before-color);
}
.v-application--is-ltr .v-slider__tick:first-child .v-slider__tick-label {
  transform: none;
}
.v-application--is-rtl .v-slider__tick:first-child .v-slider__tick-label {
  transform: translateX(100%);
}
.v-application--is-ltr .v-slider__tick:last-child .v-slider__tick-label {
  transform: translateX(-100%);
}
.v-application--is-rtl .v-slider__tick:last-child .v-slider__tick-label {
  transform: none;
}

.v-slider__tick-label {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  font-family: var(--vue-slider-tick-font-family);
  color: var(--vue-slider-tick-color);
  font-size: var(--vue-slider-tick-font-size);
}

.v-slider__thumb-label-container {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-slider__thumb-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--vue-slider-thumb-label-font-size);
  font-family: var(--vue-slider-thumb-label-font-family);
  color: var(--vue-slider-thumb-label-font-color);
  width: 32px;
  height: 32px;
  border-radius: 50% 50% 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  white-space: nowrap;
}

.v-slider--horizontal {
  width: 100%;
  height: 100%;
  min-height: 32px;
  margin-left: 8px;
  margin-right: 8px;
}
.v-slider--horizontal .v-slider__track-container {
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.v-slider--horizontal .v-slider__track-background, .v-slider--horizontal .v-slider__track-fill {
  height: 100%;
}
.v-slider--horizontal .v-slider__ticks-container {
  left: 0;
  height: 2px;
  width: 100%;
}
.v-application--is-ltr .v-slider--horizontal .v-slider__tick:first-child .v-slider__tick-label {
  transform: translateX(0%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick:first-child .v-slider__tick-label {
  transform: translateX(100%);
}
.v-application--is-ltr .v-slider--horizontal .v-slider__tick:last-child .v-slider__tick-label {
  transform: translateX(-100%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick:last-child .v-slider__tick-label {
  transform: translateX(0%);
}
.v-slider--horizontal .v-slider__tick .v-slider__tick-label {
  top: 8px;
}
.v-application--is-ltr .v-slider--horizontal .v-slider__tick .v-slider__tick-label {
  transform: translateX(-50%);
}
.v-application--is-rtl .v-slider--horizontal .v-slider__tick .v-slider__tick-label {
  transform: translateX(50%);
}
.v-slider--horizontal .v-slider__thumb-label {
  transform: translateY(-20%) translateY(-12px) translateX(-50%) rotate(45deg);
}
.v-slider--horizontal .v-slider__thumb-label > * {
  transform: rotate(-45deg);
}

.v-slider--vertical {
  /* min-height: 150px; */
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
}
.v-slider--vertical .v-slider__track-container {
  height: 100%;
  width: 2px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.v-slider--vertical .v-slider__track-background, .v-slider--vertical .v-slider__track-fill {
  width: 100%;
}
.v-slider--vertical .v-slider__thumb-container {
  left: 50%;
}
.v-slider--vertical .v-slider__ticks-container {
  top: 0;
  width: 2px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.v-application--is-ltr .v-slider--vertical .v-slider__tick .v-slider__tick-label, .v-application--is-ltr .v-slider--vertical .v-slider__tick:first-child .v-slider__tick-label, .v-application--is-ltr .v-slider--vertical .v-slider__tick:last-child .v-slider__tick-label {
  transform: translateY(-50%);
  left: 12px;
}
.v-application--is-rtl .v-slider--vertical .v-slider__tick .v-slider__tick-label, .v-application--is-rtl .v-slider--vertical .v-slider__tick:first-child .v-slider__tick-label, .v-application--is-rtl .v-slider--vertical .v-slider__tick:last-child .v-slider__tick-label {
  transform: translateY(-50%);
  right: 12px;
}
.v-slider--vertical .v-slider__thumb-label > * {
  transform: rotate(-135deg);
}

.v-slider__thumb-container--focused .v-slider__thumb:before {
  transform: scale(1);
}

.v-slider--active .v-slider__tick {
  opacity: 1;
}

.v-slider__thumb-container--active .v-slider__thumb:before {
  transform: scale(1.5) !important;
}

.v-slider--disabled {
  pointer-events: none;
}
.v-slider--disabled .v-slider__thumb {
  width: 8px;
  height: 8px;
  left: -4px;
}
.v-slider--disabled .v-slider__thumb:before {
  display: none;
}

.v-slider__ticks-container--always-show .v-slider__tick {
  opacity: 1;
}

.v-input__slider.v-input--is-readonly .v-input__slot {
  pointer-events: none;
}
.v-application--is-ltr .v-input__slider .v-input__slot .v-label {
  margin-left: 0;
  margin-right: 12px;
}
.v-application--is-rtl .v-input__slider .v-input__slot .v-label {
  margin-right: 0;
  margin-left: 12px;
}

.v-application--is-ltr .v-input__slider--inverse-label .v-input__slot .v-label {
  margin-right: 0;
  margin-left: 12px;
}
.v-application--is-rtl .v-input__slider--inverse-label .v-input__slot .v-label {
  margin-left: 0;
  margin-right: 12px;
}

.v-input__slider--vertical {
  align-items: center;
}
.v-application--is-ltr .v-input__slider--vertical {
  flex-direction: column-reverse;
}
.v-application--is-rtl .v-input__slider--vertical {
  flex-direction: column;
}
.v-input__slider--vertical .v-input__slot, .v-input__slider--vertical .v-input__prepend-outer, .v-input__slider--vertical .v-input__append-outer {
  margin: 0;
}
.v-input__slider--vertical .v-messages {
  display: none;
}

.v-input--has-state .v-slider__track-background {
  opacity: 0.4;
}


/* v-row */
.v-row {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}


/* v-text-field */
.v-text-field__slot > input {
  border-radius: 0;
  font: inherit;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Chrome, Safari, Edge, Opera: Remove Number Spinner of input field */
.v-text-field__slot > input::-webkit-outer-spin-button,
.v-text-field__slot > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox: Remove Number Spinner of input field */
.v-text-field__slot > input[type=number] {
  -moz-appearance: textfield;
}
  
.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
  border-color: var(--vue-text-field-before-color);
}
.theme--light.v-text-field:not(.v-input--has-state) > .v-input__control > .v-input__slot:hover:before {
  border-color: var(--vue-text-field-hover-color);
}

.theme--light.v-text-field.v-input--is-disabled > .v-input__control > .v-input__slot:before {
  border-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.38) 0px, rgba(0, 0, 0, 0.38) 2px, transparent 2px, transparent 4px) 1 repeat;
}
.theme--light.v-text-field.v-input--is-disabled .v-text-field__prefix,
.theme--light.v-text-field.v-input--is-disabled .v-text-field__suffix {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-text-field__prefix, .theme--light.v-text-field__suffix {
  color: rgba(0, 0, 0, 0.6);
}
.theme--light.v-text-field--solo > .v-input__control > .v-input__slot {
  background: #FFFFFF;
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo > .v-input__control > .v-input__slot {
  background: rgba(0, 0, 0, 0.16);
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot {
  background: #424242;
}
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot .v-label,
.theme--light.v-text-field--solo-inverted.v-text-field--solo.v-input--is-focused > .v-input__control > .v-input__slot input {
  color: #FFFFFF;
}

.theme--light.v-text-field:not(.v-text-field--outlined) > .v-input__control > .v-input__slot {
  background: var(--vue-text-field-background-color);
}

.theme--light.v-text-field--outlined > .v-input__control > .v-input__slot > fieldset {
  background: var(--vue-text-field-background-color);
}

.theme--light.v-text-field:not(.v-input--is-focused) > .v-input__control > .v-input__slot:hover {
  background: var(--vue-text-field-background-hover-color);
}

.theme--light.v-text-field--outlined:not(.v-input--is-focused) > .v-input__control > .v-input__slot:hover > fieldset {
  background: var(--vue-text-field-background-hover-color);
}

.theme--light.v-text-field.v-input--is-focused:not(.v-text-field--outlined) > .v-input__control > .v-input__slot {
  background: var(--vue-text-field-background-after-color);
}

.theme--light.v-text-field--outlined.v-input--is-focused > .v-input__control > .v-input__slot > fieldset {
  background: var(--vue-text-field-background-after-color);
}

.theme--light.v-text-field--filled > .v-input__control > .v-input__slot {
  background: var(--vue-text-field-background-color);
}

.theme--light.v-text-field--filled .v-text-field__prefix,
.theme--light.v-text-field--filled .v-text-field__suffix {
  max-height: 32px;
  margin-top: 20px;
}
.theme--light.v-text-field--filled:not(.v-input--is-focused) > .v-input__control > .v-input__slot:hover {
  background: var(--vue-text-field-background-hover-color);
}

.theme--light.v-text-field--outlined fieldset {
  border-color: var(--vue-text-field-before-color);;
}
.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) > .v-input__control > .v-input__slot:hover fieldset {
  border-color: var(--vue-text-field-hover-color);
}

.v-text-field {
  padding-top: 12px;
  margin-top: 4px;
}
.v-text-field input {
  flex: 1 1 auto;
  line-height: 20px;
  padding: 8px 0 8px;
  max-width: 100%;
  min-width: 0px;
  width: 100%;
  font-size: var(--vue-text-field-input-text-font-size);
  font-family: var(--vue-text-field-input-text-font-family);
}
.v-text-field fieldset,
.v-text-field .v-input__control,
.v-text-field .v-input__slot {
  border-radius: inherit;
}
.v-text-field.v-input--dense {
  padding-top: 0;
}
.v-text-field.v-input--dense:not(.v-text-field--outlined):not(.v-text-field--single-line) input {
  padding: 4px 0 8px;
}
.v-text-field.v-input--dense:not(.v-text-field--outlined):not(.v-text-field--filled):not(.v-text-field--solo) input {
  margin-top: 14px;
}
.v-text-field.v-input--dense[type=text]::-ms-clear {
  display: none;
}
.v-text-field .v-input__prepend-inner,
.v-text-field .v-input__append-inner {
  /* align-self: flex-start; */
  display: inline-flex;
  align-items: center;
  z-index: 1;
  /* margin-top: 10px; */
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.v-text-field:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__prepend-inner,
.v-text-field:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__append-inner {
  margin-top: 10px;
}
.v-application--is-ltr .v-text-field .v-input__prepend-inner {
  margin-right: auto;
  padding-right: 4px;
}
.v-application--is-rtl .v-text-field .v-input__prepend-inner {
  margin-left: auto;
  padding-left: 4px;
}
.v-application--is-ltr .v-text-field .v-input__append-inner {
  margin-left: auto;
  padding-left: 4px;
}
.v-application--is-rtl .v-text-field .v-input__append-inner {
  margin-right: auto;
  padding-right: 4px;
}

.theme--light.v-counter {
  color: var(--vue-text-field-counter-color);
}

.v-counter {
  flex: 0 1 auto;
  font-size: 12px;
  min-height: 12px;
  line-height: 1;
  font-size: var(--vue-text-field-counter-font-size);
  font-family: var(--vue-text-field-counter-font-family);
  margin-top: 5px; 
}

.v-text-field .v-counter {
  white-space: nowrap;
}
.v-application--is-ltr .v-text-field .v-counter {
  margin-left: 8px;
}
.v-application--is-rtl .v-text-field .v-counter {
  margin-right: 8px;
}
.v-text-field .v-label {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.v-application--is-ltr .v-text-field .v-label {
  transform-origin: top left;
}
.v-application--is-rtl .v-text-field .v-label {
  transform-origin: top right;
}
.v-text-field .v-label--active {
  max-width: 133%;
  transform: translateX(var(--vue-text-field-translate-x)) translateY(var(--vue-text-field-translate-y)) scale(0.75);
}
.v-text-field > .v-input__control > .v-input__slot {
  cursor: text;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  
}
.v-text-field > .v-input__control > .v-input__slot:before, .v-text-field > .v-input__control > .v-input__slot:after {
  bottom: -1px;
  content: "";
  left: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-text-field > .v-input__control > .v-input__slot:before {
  border-style: solid;
  border-width: thin 0 0 0;
}
.v-text-field > .v-input__control > .v-input__slot:after {
  border-color: var(--vue-text-field-after-color);
  border-style: solid;
  border-width: thin 0 thin 0;
  transform: scaleX(0);
}
.v-text-field__details {
  display: flex;
  flex: 1 0 auto;
  max-width: 100%;
  min-height: 14px;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
}
.v-text-field__prefix {
  align-self: center;
  cursor: default;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  color: var(--vue-text-field-appendix-color);
  font-size: var(--vue-text-field-appendix-font-size);
  font-family: var(--vue-text-field-appendix-font-family);
  padding-right: 10px;
}
.v-text-field__suffix {
  align-self: center;
  cursor: default;
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap;
  color: var(--vue-text-field-appendix-color);
  font-size: var(--vue-text-field-appendix-font-size);
  font-family: var(--vue-text-field-appendix-font-family);
  padding-left: 10px;
}

.v-application--is-ltr .v-text-field__prefix {
  text-align: right;
  padding-right: 4px;
}
.v-application--is-rtl .v-text-field__prefix {
  text-align: left;
  padding-left: 4px;
}
.v-text-field__suffix {
  white-space: nowrap;
}
.v-application--is-ltr .v-text-field__suffix {
  padding-left: 4px;
}
.v-application--is-rtl .v-text-field__suffix {
  padding-right: 4px;
}
.v-application--is-ltr .v-text-field--reverse .v-text-field__prefix {
  text-align: left;
  padding-right: 0;
  padding-left: 4px;
}
.v-application--is-rtl .v-text-field--reverse .v-text-field__prefix {
  text-align: right;
  padding-right: 4px;
  padding-left: 0;
}
.v-application--is-ltr .v-text-field--reverse .v-text-field__suffix {
  padding-left: 0;
  padding-right: 4px;
}
.v-application--is-rtl .v-text-field--reverse .v-text-field__suffix {
  padding-left: 4px;
  padding-right: 0;
}
.v-text-field > .v-input__control > .v-input__slot > .v-text-field__slot {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  align-items: center;
  padding: 0 10px;
}
.v-text-field:not(.v-text-field--is-booted) .v-label,
.v-text-field:not(.v-text-field--is-booted) legend {
  transition: none;
}
.v-text-field--filled, .v-text-field--full-width, .v-text-field--outlined {
  position: relative;
}
.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--full-width > .v-input__control > .v-input__slot, .v-text-field--outlined > .v-input__control > .v-input__slot {
  align-items: stretch;
  min-height: 56px;
}
.v-text-field--filled.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense > .v-input__control > .v-input__slot {
  min-height: 44px;
}
.v-text-field--filled.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--filled.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--full-width.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--single-line > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--outlined > .v-input__control > .v-input__slot, .v-text-field--outlined.v-input--dense.v-text-field--outlined.v-text-field--filled > .v-input__control > .v-input__slot {
  min-height: 40px;
}
.v-text-field--outlined {
  border-radius: 4px;
}
.v-text-field--filled .v-label, .v-text-field--full-width .v-label {
  top: 18px;
}
.v-text-field--filled .v-label--active, .v-text-field--full-width .v-label--active {
  transform: translateY(-6px) scale(0.75);
}
.v-text-field--filled.v-input--dense .v-label, .v-text-field--full-width.v-input--dense .v-label {
  top: 17px;
}
.v-text-field--filled.v-input--dense .v-label--active, .v-text-field--full-width.v-input--dense .v-label--active {
  transform: translateX(var(--vue-text-field-translate-x)) translateY(var(--vue-text-field-translate-y)) scale(0.75);
}

.v-text-field--filled.v-input--dense.v-text-field--single-line .v-label, .v-text-field--full-width.v-input--dense.v-text-field--single-line .v-label {
  top: 11px;
}
.v-text-field--filled {
  border-radius: 4px 4px 0 0;
}
.v-text-field--filled:not(.v-text-field--single-line) input {
  margin-top: 22px;
}
.v-text-field--filled.v-input--dense:not(.v-text-field--single-line).v-text-field--outlined input {
  margin-top: 0;
}
.v-text-field--full-width {
  border-radius: 0;
}
.v-text-field--outlined .v-text-field__slot, .v-text-field--single-line .v-text-field__slot {
  align-items: center;
}
.v-text-field.v-text-field--enclosed {
  margin: 0;
  padding: 0;
}
.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__prefix,
.v-text-field.v-text-field--enclosed.v-text-field--single-line .v-text-field__suffix {
  margin-top: 0;
}
.v-text-field.v-text-field--enclosed:not(.v-text-field--filled) .v-progress-linear__background {
  display: none;
}

/* .v-text-field.v-text-field--enclosed .v-input__prepend-outer,
.v-text-field.v-text-field--enclosed .v-input__prepend-inner,
.v-text-field.v-text-field--enclosed .v-input__append-inner,
.v-text-field.v-text-field--enclosed .v-input__append-outer {
  margin-top: 17px;
}
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__prepend-outer,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__prepend-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo) .v-input__append-outer {
  margin-top: 14px;
}
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-outer,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__prepend-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--single-line .v-input__append-outer {
  margin-top: 9px;
}
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-outer,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__prepend-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-inner,
.v-text-field.v-text-field--enclosed.v-input--dense:not(.v-text-field--solo).v-text-field--outlined .v-input__append-outer {
  margin-top: 0px;
} */

.v-input__prepend-outer, .v-input__append-outer{
  margin-bottom: 22px;
}

.v-input:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__prepend-outer, .v-input:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__append-outer{
  margin-bottom: 8px;
}

.v-input.v-input--hide-details .v-input__prepend-outer, .v-input.v-input--hide-details .v-input__append-outer{
  margin-bottom: 18px;
}

.v-input.v-input--hide-details:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__prepend-outer, .v-input.v-input--hide-details:not(.v-text-field--solo):not(.v-text-field--filled):not(.v-text-field--outlined) .v-input__append-outer{
  margin-bottom: 4px;
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 8px;
}
.v-application--is-ltr .v-text-field--reverse input {
  text-align: right;
}
.v-application--is-rtl .v-text-field--reverse input {
  text-align: left;
}
.v-application--is-ltr .v-text-field--reverse .v-label {
  transform-origin: top right;
}
.v-application--is-rtl .v-text-field--reverse .v-label {
  transform-origin: top left;
}
.v-text-field--reverse > .v-input__control > .v-input__slot,
.v-text-field--reverse .v-text-field__slot {
  flex-direction: row-reverse;
}
.v-text-field--outlined > .v-input__control > .v-input__slot:before, .v-text-field--outlined > .v-input__control > .v-input__slot:after, .v-text-field--solo > .v-input__control > .v-input__slot:before, .v-text-field--solo > .v-input__control > .v-input__slot:after, .v-text-field--rounded > .v-input__control > .v-input__slot:before, .v-text-field--rounded > .v-input__control > .v-input__slot:after {
  display: none;
}
.v-text-field--outlined, .v-text-field--solo {
  border-radius: 4px;
}
.v-text-field--outlined {
  margin-bottom: 16px;
  transition: border 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-text-field--outlined .v-label {
  top: 18px;
}
.v-text-field--outlined .v-label--active {
  transform: translateY(-24px) scale(0.75);
}
.v-text-field--outlined.v-input--dense .v-label {
  top: 10px;
}
.v-text-field--outlined.v-input--dense .v-label--active {
  transform: translateX(var(--vue-text-field-translate-x)) translateY(var(--vue-text-field-translate-y)) scale(0.75);
}

.v-text-field--outlined fieldset {
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -5px;
  transition-duration: 0.3s;
  transition-property: border, border-width;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-application--is-ltr .v-text-field--outlined fieldset {
  padding-left: 8px;
}
.v-application--is-rtl .v-text-field--outlined fieldset {
  padding-right: 8px;
}
.v-text-field--outlined legend {
  line-height: 11px;
  padding: 0;
  transition: width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-application--is-ltr .v-text-field--outlined legend {
  text-align: left;
}
.v-application--is-rtl .v-text-field--outlined legend {
  text-align: right;
}
.v-application--is-ltr .v-text-field--outlined.v-text-field--rounded legend {
  margin-left: 12px;
}
.v-application--is-rtl .v-text-field--outlined.v-text-field--rounded legend {
  margin-right: 12px;
}
.v-text-field--outlined > .v-input__control > .v-input__slot {
  background: transparent;
}
.v-text-field--outlined .v-text-field__prefix {
  max-height: 32px;
}
/* .v-text-field--outlined .v-input__prepend-outer,
.v-text-field--outlined .v-input__append-outer {
  margin-top: 18px;
} */
.v-text-field--outlined.v-input--is-focused fieldset, .v-text-field--outlined.v-input--has-state fieldset {
  border: 2px solid var(--vue-text-field-after-color);
}
.v-text-field--outlined:not(.v-input--is-focused) fieldset{
  border: 1px solid var(--vue-text-field-before-color);
}
.v-text-field--outlined:not(.v-input--is-focused):hover fieldset{
  border: 1px solid var(--vue-text-field-hover-color);
}
.v-text-field--rounded {
  border-radius: 28px;
}

.v-text-field--shaped {
  border-radius: 16px 16px 0 0;
}
.v-text-field.v-text-field--solo .v-label {
  top: calc(50% - 10px);
}
.v-text-field.v-text-field--solo .v-input__control {
  min-height: 48px;
  padding: 0;
}
.v-text-field.v-text-field--solo.v-input--dense > .v-input__control {
  min-height: 38px;
}
.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat) > .v-input__control > .v-input__slot {
  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);
}
.v-text-field.v-text-field--solo .v-input__append-inner,
.v-text-field.v-text-field--solo .v-input__prepend-inner {
  align-self: center;
  margin-top: 0;
}
/* .v-text-field.v-text-field--solo .v-input__prepend-outer,
.v-text-field.v-text-field--solo .v-input__append-outer {
  margin-top: 12px;
}
.v-text-field.v-text-field--solo.v-input--dense .v-input__prepend-outer,
.v-text-field.v-text-field--solo.v-input--dense .v-input__append-outer {
  margin-top: 7px;
} */
.v-text-field.v-input--is-focused > .v-input__control > .v-input__slot:after {
  transform: scaleX(1);
}
.v-text-field.v-input--has-state > .v-input__control > .v-input__slot:before {
  border-color: var(--vue-text-field-before-color);
}

.v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot {
  margin-right: -12px;
}
.v-application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot {
  margin-left: -12px;
}
.v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
  padding-right: 12px;
}
.v-application--is-rtl .v-textarea.v-text-field--enclosed .v-text-field__slot textarea {
  padding-left: 12px;
}


/* v-input */
.theme--light.v-input:not(.v-input--is-disabled) input,
.theme--light.v-input:not(.v-input--is-disabled) textarea {
  color: var(--vue-text-field-input-text-color);
}
.theme--light.v-input input::-webkit-input-placeholder,
.theme--light.v-input textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-input input::-moz-placeholder,
.theme--light.v-input textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-input input:-ms-input-placeholder,
.theme--light.v-input textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-input input::-ms-input-placeholder,
.theme--light.v-input textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-input input::placeholder,
.theme--light.v-input textarea::placeholder {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-input--is-disabled .v-label,
.theme--light.v-input--is-disabled input,
.theme--light.v-input--is-disabled textarea {
  color: rgba(0, 0, 0, 0.38);
}

.v-input {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  font-size: 16px;
  letter-spacing: normal;
  max-width: 100%;
  text-align: left;
}
.v-input .v-progress-linear {
  top: calc(100% - 1px);
  left: 0;
}
.v-input input {
  max-height: 32px;
  text-align: var(--vue-text-field-alignment);
}
.v-input input:invalid,
.v-input textarea:invalid {
  box-shadow: none;
}
.v-input input:focus, .v-input input:active,
.v-input textarea:focus,
.v-input textarea:active {
  outline: none;
}
.v-input .v-label {
  height: 20px;
  line-height: 20px;
}
.v-input__append-outer, .v-input__prepend-outer {
  display: inline-flex;
  line-height: 1;
}

.v-input__append-outer .v-icon, .v-input__prepend-outer .v-icon {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-application--is-ltr .v-input__append-outer {
  margin-left: 9px;
}
.v-application--is-rtl .v-input__append-outer {
  margin-right: 9px;
}
.v-application--is-ltr .v-input__prepend-outer {
  margin-right: 9px;
}
.v-application--is-rtl .v-input__prepend-outer {
  margin-left: 9px;
}
.v-input__control {
  display: flex;
  flex-direction: column;
  height: auto;
  flex-grow: 1;
  flex-wrap: wrap;
  min-width: 0;
  width: 100%;
  min-height: 30px;
}

.v-input__icon {
  align-items: center;
  display: inline-flex;
  height: 24px;
  flex: 1 0 auto;
  justify-content: center;
  width: 24px;
}
.v-input__icon--clear {
  border-radius: 50%;
  cursor: pointer;
  font-size: var(--vue-text-icon-clear-size);
  color: var(--vue-text-icon-clear-color);
}

.v-input__icon--clear > button {
  cursor: pointer;
  font: inherit;
  overflow: visible;
  border-style: 0;
  padding: 0;
  outline: 0;
  border: 0;
  -webkit-appearance: button;
  text-transform: none;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-input__icon--append {
  font-size: var(--vue-text-icon-append-size);
  color: var(--vue-text-icon-append-color);
  cursor: var(--vue-text-icon-append-cursor);
  width: auto;
}

.v-input.v-text-field:not(.v-autocomplete):not(.v-select) .v-input__icon--append {
  padding-right: 10px;
}


.v-input__icon--append > img {
  height: var(--vue-text-icon-append-size);
}

.v-input__icon--append-outer {
  font-size: var(--vue-text-icon-append-outer-size);
  color: var(--vue-text-icon-append-outer-color);
  padding-left: 10px;
  width: auto;
}

.v-input__icon--append-outer > img {
  height: var(--vue-text-icon-append-outer-size);
}

.v-input__icon--prepend-inner {
  font-size: var(--vue-text-icon-prepand-inner-size);
  color: var(--vue-text-icon-prepand-inner-color);
  width: auto;
  padding-left: 10px;
}

.v-input__icon--prepend-inner > img {
  height: var(--vue-text-icon-prepand-inner-size);
}

.v-input__icon--prepend {
  font-size: var(--vue-text-icon-prepand-size);
  color: var(--vue-text-icon-prepand-color);
  padding-right: 10px;
  width: auto;
}

.v-input__icon--prepend > img {
  height: var(--vue-text-icon-prepand-size);
}

.v-input__slot {
  align-items: center;
  color: inherit;
  display: flex;
  margin-bottom: 8px;
  min-height: inherit;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  width: 100%;
}
.v-input--dense > .v-input__control > .v-input__slot {
  margin-bottom: 4px;
}
.v-input--is-disabled:not(.v-input--is-readonly) {
  pointer-events: none;
}
.v-input--is-loading > .v-input__control > .v-input__slot:before, .v-input--is-loading > .v-input__control > .v-input__slot:after {
  display: none;
}
.v-input--hide-details > .v-input__control > .v-input__slot {
  margin-bottom: 0;
}
.v-input--has-state.error--text .v-label {
  -webkit-animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
          animation: v-shake 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.theme--light.v-input--selection-controls.v-input--is-disabled:not(.v-input--indeterminate) .v-icon {
  color: rgba(0, 0, 0, 0.26) !important;
}

.v-input--selection-controls {
  margin-top: 16px;
  padding-top: 4px;
}
.v-input--selection-controls .v-input__append-outer,
.v-input--selection-controls .v-input__prepend-outer {
  margin-top: 0;
  margin-bottom: 0;
}
.v-input--selection-controls:not(.v-input--hide-details) .v-input__slot {
  margin-bottom: 12px;
}
.v-input--selection-controls__input {
  color: inherit;
  display: inline-flex;
  flex: 0 0 auto;
  height: 24px;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: color, transform;
  width: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-application--is-ltr .v-input--selection-controls__input {
  margin-right: 8px;
}
.v-application--is-rtl .v-input--selection-controls__input {
  margin-left: 8px;
}
.v-input--selection-controls__input input[role=checkbox],
.v-input--selection-controls__input input[role=radio],
.v-input--selection-controls__input input[role=switch] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input--selection-controls__input + .v-label {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-input--selection-controls__ripple {
  border-radius: 50%;
  cursor: pointer;
  height: 34px;
  position: absolute;
  transition: inherit;
  width: 34px;
  left: -12px;
  top: calc(50% - 24px);
  margin: 7px;
}
.v-input--selection-controls__ripple:before {
  border-radius: inherit;
  bottom: 0;
  content: "";
  position: absolute;
  opacity: 0.2;
  left: 0;
  right: 0;
  top: 0;
  transform-origin: center center;
  transform: scale(0.2);
  transition: inherit;
}
.v-input--selection-controls__ripple .v-ripple__container {
  transform: scale(1.2);
}
.v-input--selection-controls.v-input--dense .v-input--selection-controls__ripple {
  width: 28px;
  height: 28px;
  left: -11px;
}
.v-input--selection-controls.v-input--dense:not(.v-input--switch) .v-input--selection-controls__ripple {
  top: calc(50% - 21px);
}
.v-input--selection-controls.v-input {
  flex: 0 1 auto;
}
.v-input--selection-controls.v-input .v-label {
  align-items: center;
  display: inline-flex;
  top: 0;
  height: auto;
}
.v-input--selection-controls.v-input--is-focused .v-input--selection-controls__ripple:before,
.v-input--selection-controls .v-radio--is-focused .v-input--selection-controls__ripple:before {
  background: currentColor;
  opacity: 0.4;
  transform: scale(1.2);
}
.v-input--selection-controls .v-input--selection-controls__input:hover .v-input--selection-controls__ripple:before {
  background: currentColor;
  transform: scale(1.2);
  transition: none;
}

.theme--light.v-label {
  color: var(--vue-text-field-label-before-color);

}
.theme--light.v-label--is-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.v-label {
  font-size: var(--vue-text-field-label-font-size);
  line-height: 1;
  min-height: 8px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  font-family: var(--vue-text-field-label-font-family);
  width: var(--vue-text-field-label-width);
  padding-left: 10px;
}

.v-text-field .v-label--active {
  color: var(--vue-text-field-label-before-color);
}

.v-text-field .v-label--active.primary--text{
  color: var(--vue-text-field-label-after-color);
}

/* v-message */
.theme--light.v-messages {
  color: var(--vue-text-field-message-color);
}

.v-messages {
  flex: 1 1 auto;
  font-size: var(--vue-text-field-message-font-size);
  min-height: 14px;
  min-width: 1px;
  position: relative;
  font-family: var(--vue-text-field-message-font-family);
}
.v-application--is-ltr .v-messages {
  text-align: left;
}
.v-application--is-rtl .v-messages {
  text-align: right;
}
.v-messages__message {
  line-height: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/* v-autocomplete */
.v-autocomplete.v-input > .v-input__control > .v-input__slot {
  cursor: text;
}
.v-autocomplete input {
  align-self: center;
}
.v-autocomplete--is-selecting-index input {
  opacity: 0;
}
.v-autocomplete.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__slot > input {
  margin-top: 24px;
}
.v-autocomplete.v-text-field--enclosed:not(.v-text-field--solo):not(.v-text-field--single-line):not(.v-text-field--outlined).v-input--dense .v-select__slot > input {
  margin-top: 20px;
}
.v-autocomplete:not(.v-input--is-disabled).v-select.v-text-field input {
  pointer-events: inherit;
}
.v-autocomplete__content.v-menu__content {
  border-radius: 0;
}
.v-autocomplete__content.v-menu__content .v-card {
  border-radius: 0;
}
.v-autocomplete__content.v-menu__content {
  box-shadow: 0 4px 6px 0 rgba(32, 33, 36, 0.28);
}
.v-autocomplete__content.v-menu__content .v-select-list {
  border-radius: 0 0 4px 4px;
}

/* v-menu */
.v-menu {
  display: none;
}
.v-menu--attached {
  display: inline;
}
.v-menu__content {
  position: absolute;
  display: inline-block;
  border-radius: 4px;
  max-width: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  contain: content;
  will-change: transform;
  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);
}
.v-menu__content--active {
  pointer-events: none;
}
.v-menu__content--auto .v-list-item {
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-menu__content--fixed {
  position: fixed;
}
.v-menu__content > .card {
  contain: content;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.v-menu > .v-menu__content {
  max-width: none;
}
.v-menu-transition-enter .v-list-item {
  min-width: 0;
  pointer-events: none;
}
.v-menu-transition-enter-to .v-list-item {
  pointer-events: auto;
  transition-delay: 0.1s;
}
.v-menu-transition-leave-active, .v-menu-transition-leave-to {
  pointer-events: none;
}
.v-menu-transition-enter, .v-menu-transition-leave-to {
  opacity: 0;
}
.v-menu-transition-enter-active, .v-menu-transition-leave-active {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-menu-transition-enter.v-menu__content--auto {
  transition: none !important;
}
.v-menu-transition-enter.v-menu__content--auto .v-list-item {
  opacity: 0;
  transform: translateY(-15px);
}
.v-menu-transition-enter.v-menu__content--auto .v-list-item--active {
  opacity: 1;
  transform: none !important;
  pointer-events: auto;
}

/* v-card */
.theme--light.v-card {
  background-color: #FFFFFF;
  color: rgba(0, 0, 0, 0.87);
}
.theme--light.v-card > .v-card__text,
.theme--light.v-card .v-card__subtitle {
  color: rgba(0, 0, 0, 0.6);
}
.theme--light.v-card.v-card--outlined {
  border: thin solid rgba(0, 0, 0, 0.12);
}

.v-card {
  display: block;
  max-width: 100%;
  outline: none;
  text-decoration: none;
  transition-property: box-shadow, opacity;
  overflow-wrap: break-word;
  position: relative;
  white-space: normal;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
  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);
}

.v-card__actions > button {
  cursor: pointer;
  font: inherit;
  overflow: visible;
  border-style: 0;
  padding: 0;
  outline: 0;
  border: 0;
  -webkit-appearance: button;
  text-transform: none;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-card:not(.v-sheet--tile):not(.v-card--shaped) {
  border-radius: 4px;
}
.v-card > *:first-child:not(.v-btn):not(.v-chip),
.v-card > .v-card__progress + *:not(.v-btn):not(.v-chip) {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.v-card > *:last-child:not(.v-btn):not(.v-chip) {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.v-card__progress {
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.v-card__subtitle + .v-card__text {
  padding-top: 0;
}

.v-card__subtitle,
.v-card__text {
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0071428571em;
}

.v-card__subtitle,
.v-card__text,
.v-card__title {
  padding: 16px;
}

.v-card__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  word-break: break-all;
}
.v-card__title + .v-card__subtitle,
.v-card__title + .v-card__text {
  padding-top: 0;
}
.v-card__title + .v-card__subtitle {
  margin-top: -16px;
}

.v-card__text {
  width: calc(100% - 48px);
}

.v-card__actions {
  align-items: center;
  display: flex;
  padding: 8px;
}
.v-card__actions .v-btn.v-btn {
  padding: 0 8px;
}
.v-application--is-ltr .v-card__actions .v-btn.v-btn + .v-btn {
  margin-left: 8px;
}
.v-application--is-ltr .v-card__actions .v-btn.v-btn .v-icon--left {
  margin-left: 4px;
}
.v-application--is-ltr .v-card__actions .v-btn.v-btn .v-icon--right {
  margin-right: 4px;
}
.v-application--is-rtl .v-card__actions .v-btn.v-btn + .v-btn {
  margin-right: 8px;
}
.v-application--is-rtl .v-card__actions .v-btn.v-btn .v-icon--left {
  margin-right: 4px;
}
.v-application--is-rtl .v-card__actions .v-btn.v-btn .v-icon--right {
  margin-left: 4px;
}

.v-card--flat {
  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);
}

.v-card--hover {
  cursor: pointer;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.v-card--hover:hover, .v-card--hover:focus {
  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);
}

.v-card--link {
  cursor: pointer;
}
.v-card--link .v-chip {
  cursor: pointer;
}
.v-card--link:focus:before {
  opacity: 0.08;
}
.v-card--link:before {
  background: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.2s opacity;
}

.v-card--disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-card--disabled > *:not(.v-card__progress) {
  opacity: 0.6;
  transition: inherit;
}

.v-card--loading {
  overflow: hidden;
}

.v-card--outlined {
  box-shadow: none;
}

.v-card--raised {
  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);
}

.v-card--shaped {
  border-radius: 24px 4px;
}

/* v-select */
.v-select__slot > input {
  border-radius: 0;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Chrome, Safari, Edge, Opera: Remove Number Spinner of input field */
.v-select__slot > input::-webkit-outer-spin-button,
.v-select__slot > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox: Remove Number Spinner of input field */
.v-select__slot > input[type=number] {
  -moz-appearance: textfield;
}

.v-select__selections > input {
  border-radius: 0;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-select__selection.v-select__selection--comma{
  width: 100%;
  text-align: var(--vue-text-field-alignment);
}

.theme--light.v-select .v-select__selections {
  color: var(--vue-text-field-input-text-color);
}
.theme--light.v-select.v-input--is-disabled .v-select__selections {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-select .v-chip--disabled,
.theme--light.v-select .v-select__selection--disabled {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-select.v-text-field--solo-inverted.v-input--is-focused .v-select__selections {
  color: #FFFFFF;
}

.v-select {
  position: relative;
}
.v-select:not(.v-select--is-multi).v-text-field--single-line .v-select__selections {
  flex-wrap: nowrap;
}
.v-select > .v-input__control > .v-input__slot {
  cursor: pointer;
}
.v-select .v-chip {
  flex: 0 1 auto;
  margin: 4px;
}
.v-select .v-chip--selected:after {
  opacity: 0.22;
}
.v-select .fade-transition-leave-active {
  position: absolute;
  left: 0;
}
.v-select.v-input--is-dirty ::-webkit-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty ::-moz-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty :-ms-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty ::-ms-input-placeholder {
  color: transparent !important;
}
.v-select.v-input--is-dirty ::placeholder {
  color: transparent !important;
}
.v-select:not(.v-input--is-dirty):not(.v-input--is-focused) .v-text-field__prefix {
  line-height: 20px;
  position: absolute;
  top: 7px;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.v-select.v-text-field--enclosed:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__selections {
  padding-top: 20px;
}
.v-select.v-text-field--outlined:not(.v-text-field--single-line) .v-select__selections {
  padding: 8px 0;
}
.v-select.v-text-field--outlined:not(.v-text-field--single-line).v-input--dense .v-select__selections {
  padding: 4px 0;
}
.v-select.v-text-field input {
  flex: 1 1;
  margin-top: 0;
  min-width: 0;
  pointer-events: none;
  position: relative;
}
.v-select.v-select--is-menu-active .v-input__icon--append .v-icon {
  transform: rotate(180deg);
}
.v-select.v-select--chips input {
  margin: 0;
}
.v-select.v-select--chips .v-select__selections {
  min-height: 42px;
}
.v-select.v-select--chips.v-input--dense .v-select__selections {
  min-height: 40px;
}
.v-select.v-select--chips .v-chip--select.v-chip--active::before {
  opacity: 0.2;
}
.v-select.v-select--chips.v-select--chips--small .v-select__selections {
  min-height: 32px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed .v-select__selections {
  min-height: 68px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-input--dense .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-input--dense .v-select__selections {
  min-height: 40px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small .v-select__selections {
  min-height: 32px;
}
.v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--box.v-select--chips--small.v-input--dense .v-select__selections, .v-select.v-select--chips:not(.v-text-field--single-line).v-text-field--enclosed.v-select--chips--small.v-input--dense .v-select__selections {
  min-height: 38px;
}
.v-select.v-text-field--reverse .v-select__slot,
.v-select.v-text-field--reverse .v-select__selections {
  flex-direction: row-reverse;
}
.v-select__selections {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
  font-size: var(--vue-text-field-input-text-font-size);
  font-family: var(--vue-text-field-input-text-font-family);
}
.v-select__selection {
  max-width: 90%;
}
.v-select__selection--comma {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-select.v-input--dense:not(.v-text-field--outlined):not(.v-text-field--filled):not(.v-text-field--solo) .v-select__selection--comma {
  margin-top: 12px;
}

.v-select__slot {
  position: relative;
  align-items: center;
  display: flex;
  max-width: calc(100% - 20px);
  width: calc(100% - 20px);
  padding: 0 10px;
}

.v-select__slot .v-label {
  width: auto;
}

.v-select:not(.v-text-field--single-line):not(.v-text-field--outlined) .v-select__slot > input {
  align-self: flex-end;
}

/* v-list */
.v-list.primary > .v-list-item, .v-list.secondary > .v-list-item, .v-list.accent > .v-list-item, .v-list.success > .v-list-item, .v-list.error > .v-list-item, .v-list.warning > .v-list-item, .v-list.info > .v-list-item {
  color: #FFFFFF;
}

.theme--light.v-list {
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.87);
}
.theme--light.v-list .v-list--disabled {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-list .v-list-group--active:before,
.theme--light.v-list .v-list-group--active:after {
  background: rgba(0, 0, 0, 0.12);
}

.v-list {
  border-radius: 4px;
  display: block;
  position: static;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}

.v-list--disabled {
  pointer-events: none;
}

.v-list--flat .v-list-item:before {
  display: none;
}

.v-list--dense .v-subheader {
  font-size: 0.75rem;
  height: 40px;
  padding: 0 8px;
}

.v-list--nav .v-list-item:not(:last-child):not(:only-child),
.v-list--rounded .v-list-item:not(:last-child):not(:only-child) {
  margin-bottom: 8px;
}
.v-list--nav.v-list--dense .v-list-item:not(:last-child):not(:only-child),
.v-list--nav .v-list-item--dense:not(:last-child):not(:only-child),
.v-list--rounded.v-list--dense .v-list-item:not(:last-child):not(:only-child),
.v-list--rounded .v-list-item--dense:not(:last-child):not(:only-child) {
  margin-bottom: 4px;
}

.v-list--nav {
  padding-left: 8px;
  padding-right: 8px;
}
.v-list--nav .v-list-item {
  padding: 0 8px;
}
.v-list--nav .v-list-item,
.v-list--nav .v-list-item:before {
  border-radius: 4px;
}

.v-application--is-ltr .v-list--shaped .v-list-item, .v-application--is-ltr .v-list--shaped .v-list-item::before,
.v-application--is-ltr .v-list--shaped .v-list-item > .v-ripple__container {
  border-bottom-right-radius: 32px !important;
  border-top-right-radius: 32px !important;
}
.v-application--is-rtl .v-list--shaped .v-list-item, .v-application--is-rtl .v-list--shaped .v-list-item::before,
.v-application--is-rtl .v-list--shaped .v-list-item > .v-ripple__container {
  border-bottom-left-radius: 32px !important;
  border-top-left-radius: 32px !important;
}
.v-application--is-ltr .v-list--shaped.v-list--two-line .v-list-item, .v-application--is-ltr .v-list--shaped.v-list--two-line .v-list-item::before,
.v-application--is-ltr .v-list--shaped.v-list--two-line .v-list-item > .v-ripple__container {
  border-bottom-right-radius: 42.6666666667px !important;
  border-top-right-radius: 42.6666666667px !important;
}
.v-application--is-rtl .v-list--shaped.v-list--two-line .v-list-item, .v-application--is-rtl .v-list--shaped.v-list--two-line .v-list-item::before,
.v-application--is-rtl .v-list--shaped.v-list--two-line .v-list-item > .v-ripple__container {
  border-bottom-left-radius: 42.6666666667px !important;
  border-top-left-radius: 42.6666666667px !important;
}
.v-application--is-ltr .v-list--shaped.v-list--three-line .v-list-item, .v-application--is-ltr .v-list--shaped.v-list--three-line .v-list-item::before,
.v-application--is-ltr .v-list--shaped.v-list--three-line .v-list-item > .v-ripple__container {
  border-bottom-right-radius: 58.6666666667px !important;
  border-top-right-radius: 58.6666666667px !important;
}
.v-application--is-rtl .v-list--shaped.v-list--three-line .v-list-item, .v-application--is-rtl .v-list--shaped.v-list--three-line .v-list-item::before,
.v-application--is-rtl .v-list--shaped.v-list--three-line .v-list-item > .v-ripple__container {
  border-bottom-left-radius: 58.6666666667px !important;
  border-top-left-radius: 58.6666666667px !important;
}
.v-application--is-ltr .v-list--shaped {
  padding-right: 8px;
}
.v-application--is-rtl .v-list--shaped {
  padding-left: 8px;
}

.v-list--rounded {
  padding: 8px;
}
.v-list--rounded .v-list-item, .v-list--rounded .v-list-item::before,
.v-list--rounded .v-list-item > .v-ripple__container {
  border-radius: 32px !important;
}
.v-list--rounded.v-list--two-line .v-list-item, .v-list--rounded.v-list--two-line .v-list-item::before,
.v-list--rounded.v-list--two-line .v-list-item > .v-ripple__container {
  border-radius: 42.6666666667px !important;
}
.v-list--rounded.v-list--three-line .v-list-item, .v-list--rounded.v-list--three-line .v-list-item::before,
.v-list--rounded.v-list--three-line .v-list-item > .v-ripple__container {
  border-radius: 58.6666666667px !important;
}

.v-list--subheader {
  padding-top: 0;
}
.v-list-group .v-list-group__header .v-list-item__icon.v-list-group__header__append-icon {
  align-self: center;
  margin: 0;
  min-width: 48px;
  justify-content: flex-end;
}

.v-list-group--sub-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.v-list-group__header.v-list-item--active:not(:hover):not(:focus):before {
  opacity: 0;
}

.v-list-group__items {
  flex: 1 1 auto;
}

.v-list-group--active > .v-list-group__header > .v-list-group__header__append-icon .v-icon {
  transform: rotate(-180deg);
}
.v-list-group--active > .v-list-group__header.v-list-group__header--sub-group > .v-list-group__header__prepend-icon .v-icon {
  transform: rotate(-180deg);
}
.v-list-group--active > .v-list-group__header .v-list-item,
.v-list-group--active > .v-list-group__header .v-list-item__content,
.v-list-group--active > .v-list-group__header .v-list-group__header__prepend-icon .v-icon {
  color: inherit;
}

.v-application--is-ltr .v-list-group--sub-group .v-list-item__action:first-child,
.v-application--is-ltr .v-list-group--sub-group .v-list-item__avatar:first-child,
.v-application--is-ltr .v-list-group--sub-group .v-list-item__icon:first-child {
  margin-right: 16px;
}
.v-application--is-rtl .v-list-group--sub-group .v-list-item__action:first-child,
.v-application--is-rtl .v-list-group--sub-group .v-list-item__avatar:first-child,
.v-application--is-rtl .v-list-group--sub-group .v-list-item__icon:first-child {
  margin-left: 16px;
}
.v-application--is-ltr .v-list-group--sub-group .v-list-group__header {
  padding-left: 32px;
}
.v-application--is-rtl .v-list-group--sub-group .v-list-group__header {
  padding-right: 32px;
}
.v-application--is-ltr .v-list-group--sub-group .v-list-group__items .v-list-item {
  padding-left: 40px;
}
.v-application--is-rtl .v-list-group--sub-group .v-list-group__items .v-list-item {
  padding-right: 40px;
}
.v-list-group--sub-group.v-list-group--active .v-list-item__icon.v-list-group__header__prepend-icon .v-icon {
  transform: rotate(-180deg);
}

.v-application--is-ltr .v-list-group--no-action > .v-list-group__items > div > .v-list-item {
  padding-left: 72px;
}
.v-application--is-rtl .v-list-group--no-action > .v-list-group__items > div > .v-list-item {
  padding-right: 72px;
}
.v-application--is-ltr .v-list-group--no-action.v-list-group--sub-group > .v-list-group__items > div > .v-list-item {
  padding-left: 88px;
}
.v-application--is-rtl .v-list-group--no-action.v-list-group--sub-group > .v-list-group__items > div > .v-list-item {
  padding-right: 88px;
}

.v-application--is-ltr .v-list--dense .v-list-group--sub-group .v-list-group__header {
  padding-left: 24px;
}
.v-application--is-rtl .v-list--dense .v-list-group--sub-group .v-list-group__header {
  padding-right: 24px;
}
.v-application--is-ltr .v-list--dense.v-list--nav .v-list-group--no-action > .v-list-group__items > div > .v-list-item {
  padding-left: 64px;
}
.v-application--is-rtl .v-list--dense.v-list--nav .v-list-group--no-action > .v-list-group__items > div > .v-list-item {
  padding-right: 64px;
}
.v-application--is-ltr .v-list--dense.v-list--nav .v-list-group--no-action.v-list-group--sub-group > .v-list-group__items > div > .v-list-item {
  padding-left: 80px;
}
.v-application--is-rtl .v-list--dense.v-list--nav .v-list-group--no-action.v-list-group--sub-group > .v-list-group__items > div > .v-list-item {
  padding-right: 80px;
}
.theme--light.v-list-item--disabled {
  color: rgba(0, 0, 0, 0.38);
}
.theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
  color: rgba(0, 0, 0, 0.87) !important;
}
.theme--light.v-list-item .v-list-item__mask {
  color: rgba(0, 0, 0, 0.38);
  background: #eeeeee;
}
.theme--light.v-list-item,
.theme--light.v-list-item .v-list-item__action-text {
  color: rgba(0, 0, 0, 0.6);
}
.theme--light.v-list-item:hover::before {
  opacity: 0.04;
  background: var(--vue-list-item-background-hover-color);
}
.theme--light.v-list-item:focus::before {
  opacity: 0.12;
}
.theme--light.v-list-item--active:hover::before, .theme--light.v-list-item--active::before {
  opacity: 0.12;
  background: var(--vue-list-item-background-selected-color);
}
.theme--light.v-list-item--active:focus::before {
  opacity: 0.16;
}
.theme--light.v-list-item.v-list-item--highlighted::before {
  opacity: 0.16;
}

.v-list-item {
  align-items: center;
  display: flex;
  flex: 1 1 100%;
  letter-spacing: normal;
  outline: none;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  height: var(--vue-list-item-height);
  background: var(--vue-list-item-background-color);
}
.v-list-item--disabled {
  pointer-events: none;
}
.v-list-item--selectable {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.v-list-item__action {
  align-self: center;
  margin: 12px 0;
}
.v-list-item__action .v-input,
.v-list-item__action .v-input__control,
.v-list-item__action .v-input__slot,
.v-list-item__action .v-input--selection-controls__input {
  margin: 0 !important;
}
.v-list-item__action .v-input {
  padding: 0;
}
.v-list-item__action .v-input .v-messages {
  display: none;
}

.v-list-item__action-text {
  font-size: 0.75rem;
}

.v-list-item__avatar {
  align-self: center;
  justify-content: flex-start;
  margin-bottom: 8px;
  margin-top: 8px;
}
.v-list-item__avatar.v-list-item__avatar--horizontal {
  margin-bottom: 8px;
  margin-top: 8px;
}
.v-application--is-ltr .v-list-item__avatar.v-list-item__avatar--horizontal:first-child {
  margin-left: -16px;
}
.v-application--is-rtl .v-list-item__avatar.v-list-item__avatar--horizontal:first-child {
  margin-right: -16px;
}
.v-application--is-ltr .v-list-item__avatar.v-list-item__avatar--horizontal:last-child {
  margin-left: -16px;
}
.v-application--is-rtl .v-list-item__avatar.v-list-item__avatar--horizontal:last-child {
  margin-right: -16px;
}

.v-list-item__content {
  align-items: center;
  align-self: center;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  flex: 1 1;
  overflow: hidden;
}
.v-list-item__content > * {
  line-height: 1.1;
  flex: 1 0 100%;
}
.v-list-item__content > *:not(:last-child) {
  margin-bottom: 2px;
}

.v-list-item__icon {
  align-self: flex-start;
  margin: 16px 0;
}

.v-application--is-ltr .v-list-item__action:last-of-type:not(:only-child),
.v-application--is-ltr .v-list-item__avatar:last-of-type:not(:only-child),
.v-application--is-ltr .v-list-item__icon:last-of-type:not(:only-child) {
  margin-left: 16px;
}
.v-application--is-rtl .v-list-item__action:last-of-type:not(:only-child),
.v-application--is-rtl .v-list-item__avatar:last-of-type:not(:only-child),
.v-application--is-rtl .v-list-item__icon:last-of-type:not(:only-child) {
  margin-right: 16px;
}

.v-application--is-ltr .v-list-item__avatar:first-child {
  margin-right: 24px;
}
.v-application--is-rtl .v-list-item__avatar:first-child {
  margin-left: 24px;
}

.v-application--is-ltr .v-list-item__action:first-child,
.v-application--is-ltr .v-list-item__icon:first-child {
  margin-right: 32px;
}
.v-application--is-rtl .v-list-item__action:first-child,
.v-application--is-rtl .v-list-item__icon:first-child {
  margin-left: 32px;
}

.v-list-item__action,
.v-list-item__avatar,
.v-list-item__icon {
  display: inline-flex;
  min-width: 24px;
}

.v-list-item .v-list-item__title,
.v-list-item .v-list-item__subtitle {
  line-height: 1.2;
}

.v-list-item__title,
.v-list-item__subtitle {
  flex: 1 1 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-list-item__title {
  align-self: center;
}

.v-list-item__title > .v-badge {
  margin-top: 16px;
}

.v-list-item--dense,
.v-list--dense .v-list-item {
  min-height: 40px;
}
.v-list-item--dense .v-list-item__icon,
.v-list--dense .v-list-item .v-list-item__icon {
  height: 24px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.v-list-item--dense .v-list-item__content,
.v-list--dense .v-list-item .v-list-item__content {
  /* padding: 8px 0; */
}
.v-list-item--dense .v-list-item__title,
.v-list-item--dense .v-list-item__subtitle,
.v-list--dense .v-list-item .v-list-item__title,
.v-list--dense .v-list-item .v-list-item__subtitle {
  font-weight: 500;
}
.v-list-item--dense.v-list-item--two-line,
.v-list--dense .v-list-item.v-list-item--two-line {
  min-height: 60px;
}
.v-list-item--dense.v-list-item--three-line,
.v-list--dense .v-list-item.v-list-item--three-line {
  min-height: 76px;
}

.v-list-item--link {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v-list-item--link:before {
  background-color: currentColor;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.v-list .v-list-item--active {
  color: inherit;
}
.v-list .v-list-item--active .v-icon {
  color: inherit;
}

.v-list-item__action--stack {
  align-items: flex-end;
  align-self: stretch;
  justify-content: space-between;
  white-space: nowrap;
  flex-direction: column;
}

.v-list--two-line .v-list-item .v-list-item__avatar:not(.v-list-item__avatar--horizontal),
.v-list--two-line .v-list-item .v-list-item__icon,
.v-list--three-line .v-list-item .v-list-item__avatar:not(.v-list-item__avatar--horizontal),
.v-list--three-line .v-list-item .v-list-item__icon,
.v-list-item--two-line .v-list-item__avatar:not(.v-list-item__avatar--horizontal),
.v-list-item--two-line .v-list-item__icon,
.v-list-item--three-line .v-list-item__avatar:not(.v-list-item__avatar--horizontal),
.v-list-item--three-line .v-list-item__icon {
  margin-bottom: 16px;
  margin-top: 16px;
}

.v-list--two-line .v-list-item,
.v-list-item--two-line {
  min-height: 64px;
}
.v-list--two-line .v-list-item .v-list-item__icon,
.v-list-item--two-line .v-list-item__icon {
  margin-bottom: 32px;
}

.v-list--three-line .v-list-item,
.v-list-item--three-line {
  min-height: 88px;
}
.v-list--three-line .v-list-item .v-list-item__avatar,
.v-list--three-line .v-list-item .v-list-item__action,
.v-list-item--three-line .v-list-item__avatar,
.v-list-item--three-line .v-list-item__action {
  align-self: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
}
.v-list--three-line .v-list-item .v-list-item__content,
.v-list-item--three-line .v-list-item__content {
  align-self: stretch;
}
.v-list--three-line .v-list-item .v-list-item__subtitle,
.v-list-item--three-line .v-list-item__subtitle {
  white-space: initial;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.v-list-item-group .v-list-item--active {
  color: inherit;
}

/* ripple effect */
.v-ripple__container {
  color: inherit;
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  contain: strict;
}
.v-ripple__animation {
  color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: var(--vue-ripple-effect-color);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  will-change: transform, opacity;
}
.v-ripple__animation--enter {
  transition: none;
}
.v-ripple__animation--in {
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.v-ripple__animation--out {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* v-alert */
.theme--light.v-alert .v-alert--prominent .v-alert__icon:after {
  background: rgba(0, 0, 0, 0.12);
}

.theme--dark.v-alert .v-alert--prominent .v-alert__icon:after {
  background: rgba(255, 255, 255, 0.12);
}

.v-alert {
  display: block;
  font-size: 16px;
  margin-bottom: var(--vue-alerts-bottom-margin);
  padding: 16px;
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  background: var(--vue-alerts-background-color);
}
.v-alert:not(.v-sheet--tile) {
  border-radius: 4px;
}
.v-application--is-ltr .v-alert > .v-icon,
.v-application--is-ltr .v-alert > .v-alert__content {
  margin-right: 16px;
}
.v-application--is-rtl .v-alert > .v-icon,
.v-application--is-rtl .v-alert > .v-alert__content {
  margin-left: 16px;
}
.v-application--is-ltr .v-alert > .v-icon + .v-alert__content {
  margin-right: 0;
}
.v-application--is-rtl .v-alert > .v-icon + .v-alert__content {
  margin-left: 0;
}
.v-application--is-ltr .v-alert > .v-alert__content + .v-icon {
  margin-right: 0;
}
.v-application--is-rtl .v-alert > .v-alert__content + .v-icon {
  margin-left: 0;
}

.v-alert__border {
  border-style: solid;
  border-width: 4px;
  content: "";
  position: absolute;
  border-color: var(--vue-alerts-border-color);
  background: var(--vue-alerts-border-color);
}

.v-alert__border--left {
  bottom: 0;
  top: 0;
  left: 0;
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}

.v-alert--dense .v-alert__border--right {
  bottom: 0;
  top: 0;
  left: calc(100% - 4px);
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}

.v-alert__border--right {
  bottom: 0;
  top: 0;
  left: calc(100% - 8px);
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}

.v-alert__border--bottom, .v-alert__border--top {
  left: 0;
  right: 0;
}
.v-alert__border--bottom {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
}
.v-application--is-ltr .v-alert__border--left {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  left: 0;
}
.v-application--is-rtl .v-alert__border--left {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  right: 0;
}
.v-application--is-ltr .v-alert__border--right {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  right: 0;
}
.v-application--is-rtl .v-alert__border--right {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  left: 0;
}
.v-alert__border--top {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  top: 0;
}

.v-alert__content {
  flex: 1 1 auto;
  font-size: var(--vue-alerts-text-size);
  font-family: var(--vue-alerts-text-font-family);
  color: var(--vue-alerts-text-font-color);
}

.v-application--is-ltr .v-alert__dismissible {
  margin: -16px -8px -16px 8px;
}
.v-application--is-rtl .v-alert__dismissible {
  margin: -16px 8px -16px -8px;
}

.v-alert__icon {
  align-self: flex-start;
  border-radius: 50%;
  height: 24px;
  min-width: 24px;
  position: relative;
}
.v-application--is-ltr .v-alert__icon {
  margin-right: 16px;
}
.v-application--is-rtl .v-alert__icon {
  margin-left: 16px;
}
.v-alert__icon.v-icon {
  font-size: 24px;
}

.v-alert__wrapper {
  align-items: center;
  border-radius: inherit;
  display: flex;
}

.v-alert--dense {
  padding-top: 8px;
  padding-bottom: 8px;
}
.v-alert--dense .v-alert__border {
  border-width: medium;
}

.v-alert--outlined {
  background: var(--vue-alerts-background-color);
  border: thin solid var(--vue-alerts-border-outlined-color) !important;
}
.v-alert--outlined .v-alert__icon {
  color: inherit !important;
}

.v-alert--prominent .v-alert__icon {
  align-self: center;
  height: 48px;
  min-width: 48px;
}
.v-alert--prominent .v-alert__icon:after {
  background: currentColor !important;
  border-radius: 50%;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.16;
  position: absolute;
  right: 0;
  top: 0;
}
.v-alert--prominent .v-alert__icon.v-icon {
  font-size: 32px;
}

.v-alert--text {
  background: transparent !important;
}
.v-alert--text:before {
  background-color: currentColor;
  border-radius: inherit;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.12;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
}

/* styles: elevation */
.elevation-24 {
  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) !important;
}

.elevation-23 {
  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) !important;
}

.elevation-22 {
  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) !important;
}

.elevation-21 {
  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) !important;
}

.elevation-20 {
  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) !important;
}

.elevation-19 {
  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) !important;
}

.elevation-18 {
  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) !important;
}

.elevation-17 {
  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) !important;
}

.elevation-16 {
  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) !important;
}

.elevation-15 {
  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) !important;
}

.elevation-14 {
  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) !important;
}

.elevation-13 {
  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) !important;
}

.elevation-12 {
  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) !important;
}

.elevation-11 {
  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) !important;
}

.elevation-10 {
  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) !important;
}

.elevation-9 {
  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) !important;
}

.elevation-8 {
  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) !important;
}

.elevation-7 {
  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) !important;
}

.elevation-6 {
  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) !important;
}

.elevation-5 {
  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) !important;
}

.elevation-4 {
  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;
}

.elevation-3 {
  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) !important;
}

.elevation-2 {
  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) !important;
}

.elevation-1 {
  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) !important;
}

.elevation-0 {
  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) !important;
}

/* transition */
.v-application .carousel-transition-enter {
  transform: translate(100%, 0);
}
.v-application .carousel-transition-leave, .v-application .carousel-transition-leave-to {
  position: absolute;
  top: 0;
  transform: translate(-100%, 0);
}

.carousel-reverse-transition-enter {
  transform: translate(-100%, 0);
}
.carousel-reverse-transition-leave, .carousel-reverse-transition-leave-to {
  position: absolute;
  top: 0;
  transform: translate(100%, 0);
}

.v-dialog__content .dialog-fullscreen-close-icon {
  color: var(--vue-dialog-fullscreen-color-icon) !important;
}

.dialog-transition-enter, .dialog-transition-leave-to {
  transform: scale(0.5);
  opacity: 0;
}
.dialog-transition-enter-to, .dialog-transition-leave {
  opacity: 1;
}

.dialog-bottom-transition-enter, .dialog-bottom-transition-leave-to {
  transform: translateY(100%);
}

.picker-transition-enter-active, .picker-transition-leave-active,
.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.picker-transition-enter, .picker-transition-leave-to,
.picker-reverse-transition-enter,
.picker-reverse-transition-leave-to {
  opacity: 0;
}
.picker-transition-leave, .picker-transition-leave-active, .picker-transition-leave-to,
.picker-reverse-transition-leave,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to {
  position: absolute !important;
}

.picker-transition-enter {
  transform: translate(0, 100%);
}
.picker-transition-leave-to {
  transform: translate(0, -100%);
}

.picker-reverse-transition-enter {
  transform: translate(0, -100%);
}
.picker-reverse-transition-leave-to {
  transform: translate(0, 100%);
}

.picker-title-transition-enter-to, .picker-title-transition-leave {
  transform: translate(0, 0);
}
.picker-title-transition-enter {
  transform: translate(-100%, 0);
}
.picker-title-transition-leave-to {
  opacity: 0;
  transform: translate(100%, 0);
}
.picker-title-transition-leave, .picker-title-transition-leave-to, .picker-title-transition-leave-active {
  position: absolute !important;
}

.tab-transition-enter {
  transform: translate(100%, 0);
}
.tab-transition-leave, .tab-transition-leave-active {
  position: absolute;
  top: 0;
}
.tab-transition-leave-to {
  position: absolute;
  transform: translate(-100%, 0);
}

.tab-reverse-transition-enter {
  transform: translate(-100%, 0);
}
.tab-reverse-transition-leave, .tab-reverse-transition-leave-to {
  top: 0;
  position: absolute;
  transform: translate(100%, 0);
}

.expand-transition-enter-active, .expand-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.expand-transition-move {
  transition: transform 0.6s;
}

.expand-x-transition-enter-active, .expand-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.expand-x-transition-move {
  transition: transform 0.6s;
}

.scale-transition-enter-active, .scale-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scale-transition-move {
  transition: transform 0.6s;
}
.scale-transition-enter, .scale-transition-leave, .scale-transition-leave-to {
  opacity: 0;
  transform: scale(0);
}

.scale-rotate-transition-enter-active, .scale-rotate-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scale-rotate-transition-move {
  transition: transform 0.6s;
}
.scale-rotate-transition-enter, .scale-rotate-transition-leave, .scale-rotate-transition-leave-to {
  opacity: 0;
  transform: scale(0) rotate(-45deg);
}

.scale-rotate-reverse-transition-enter-active, .scale-rotate-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scale-rotate-reverse-transition-move {
  transition: transform 0.6s;
}
.scale-rotate-reverse-transition-enter, .scale-rotate-reverse-transition-leave, .scale-rotate-reverse-transition-leave-to {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

.message-transition-enter-active, .message-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.message-transition-move {
  transition: transform 0.6s;
}
.message-transition-enter, .message-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}
.message-transition-leave, .message-transition-leave-active {
  position: absolute;
}

.slide-y-transition-enter-active, .slide-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-y-transition-move {
  transition: transform 0.6s;
}
.slide-y-transition-enter, .slide-y-transition-leave-to {
  opacity: 0;
  transform: translateY(-15px);
}

.slide-y-reverse-transition-enter-active, .slide-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-y-reverse-transition-move {
  transition: transform 0.6s;
}
.slide-y-reverse-transition-enter, .slide-y-reverse-transition-leave-to {
  opacity: 0;
  transform: translateY(15px);
}

.scroll-y-transition-enter-active, .scroll-y-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-y-transition-move {
  transition: transform 0.6s;
}
.scroll-y-transition-enter, .scroll-y-transition-leave-to {
  opacity: 0;
}
.scroll-y-transition-enter {
  transform: translateY(-15px);
}
.scroll-y-transition-leave-to {
  transform: translateY(15px);
}

.scroll-y-reverse-transition-enter-active, .scroll-y-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-y-reverse-transition-move {
  transition: transform 0.6s;
}
.scroll-y-reverse-transition-enter, .scroll-y-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-y-reverse-transition-enter {
  transform: translateY(15px);
}
.scroll-y-reverse-transition-leave-to {
  transform: translateY(-15px);
}

.scroll-x-transition-enter-active, .scroll-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-x-transition-move {
  transition: transform 0.6s;
}
.scroll-x-transition-enter, .scroll-x-transition-leave-to {
  opacity: 0;
}
.scroll-x-transition-enter {
  transform: translateX(-15px);
}
.scroll-x-transition-leave-to {
  transform: translateX(15px);
}

.scroll-x-reverse-transition-enter-active, .scroll-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.scroll-x-reverse-transition-move {
  transition: transform 0.6s;
}
.scroll-x-reverse-transition-enter, .scroll-x-reverse-transition-leave-to {
  opacity: 0;
}
.scroll-x-reverse-transition-enter {
  transform: translateX(15px);
}
.scroll-x-reverse-transition-leave-to {
  transform: translateX(-15px);
}

.slide-x-transition-enter-active, .slide-x-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-x-transition-move {
  transition: transform 0.6s;
}
.slide-x-transition-enter, .slide-x-transition-leave-to {
  opacity: 0;
  transform: translateX(-15px);
}

.slide-x-reverse-transition-enter-active, .slide-x-reverse-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.slide-x-reverse-transition-move {
  transition: transform 0.6s;
}
.slide-x-reverse-transition-enter, .slide-x-reverse-transition-leave-to {
  opacity: 0;
  transform: translateX(15px);
}

.fade-transition-enter-active, .fade-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.fade-transition-move {
  transition: transform 0.6s;
}
.fade-transition-enter, .fade-transition-leave-to {
  opacity: 0 !important;
}

.fab-transition-enter-active, .fab-transition-leave-active {
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.fab-transition-move {
  transition: transform 0.6s;
}
.fab-transition-enter, .fab-transition-leave-to {
  transform: scale(0) rotate(-45deg);
}

/* button */
.v-btn:not(.v-btn--outlined).primary, .v-btn:not(.v-btn--outlined).secondary, .v-btn:not(.v-btn--outlined).accent, .v-btn:not(.v-btn--outlined).success, .v-btn:not(.v-btn--outlined).error, .v-btn:not(.v-btn--outlined).warning, .v-btn:not(.v-btn--outlined).info {
  color: #FFFFFF;
}

.theme--light.v-btn {
  color: rgba(0, 0, 0, 0.87);
}
.theme--light.v-btn.v-btn--disabled {
  color: rgba(0, 0, 0, 0.26) !important;
}
.theme--light.v-btn.v-btn--disabled .v-icon,
.theme--light.v-btn.v-btn--disabled .v-btn__loading {
  color: rgba(0, 0, 0, 0.26) !important;
}
.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: var(--vue-btn-background-color-before);  
}
.theme--light.v-btn.v-btn--outlined.v-btn--text {
  border-color: rgba(0, 0, 0, 0.12);
}
.theme--light.v-btn.v-btn--icon {
  color: rgba(0, 0, 0, 0.54);
}
.theme--light.v-btn:hover::before {
  opacity: 0.04;
}
.theme--light.v-btn:focus::before {
  opacity: 0.12;
}
.theme--light.v-btn--active:hover::before, .theme--light.v-btn--active::before {
  opacity: 0.12;
}
.theme--light.v-btn--active:focus::before {
  opacity: 0.16;
}

.theme--dark.v-btn {
  color: #FFFFFF;
}
.theme--dark.v-btn.v-btn--disabled {
  color: rgba(255, 255, 255, 0.3) !important;
}
.theme--dark.v-btn.v-btn--disabled .v-icon,
.theme--dark.v-btn.v-btn--disabled .v-btn__loading {
  color: rgba(255, 255, 255, 0.3) !important;
}
.theme--dark.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: rgba(255, 255, 255, 0.12) !important;
}
.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: #212121;
}
.theme--dark.v-btn.v-btn--outlined.v-btn--text {
  border-color: rgba(255, 255, 255, 0.12);
}
.theme--dark.v-btn.v-btn--icon {
  color: #FFFFFF;
}
.theme--dark.v-btn:hover::before {
  opacity: 0.08;
}
.theme--dark.v-btn:focus::before {
  opacity: 0.24;
}
.theme--dark.v-btn--active:hover::before, .theme--dark.v-btn--active::before {
  opacity: 0.24;
}
.theme--dark.v-btn--active:focus::before {
  opacity: 0.32;
}

.v-btn {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  justify-content: center;
  outline: 0;
  position: relative;
  text-decoration: none;
  text-indent: 0.0892857143em;
  text-transform: uppercase;
  transition-duration: 0.28s;
  transition-property: box-shadow, transform, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.v-btn.v-size--x-small {
  font-size: 0.625rem;
}
.v-btn.v-size--small {
  font-size: 0.75rem;
}
.v-btn.v-size--default {
  font-size: 0.875rem;
}
.v-btn.v-size--large {
  font-size: 0.875rem;
}
.v-btn.v-size--x-large {
  font-size: 1rem;
}
.v-btn:before {
  border-radius: inherit;
  bottom: 0;
  color: inherit;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}
.v-btn:before {
  background-color: var(--vue-ripple-effect-color);
}
.v-btn:not(.v-btn--disabled) {
  will-change: box-shadow;
}
.v-btn:not(.v-btn--round).v-size--x-small {
  height: 20px;
  min-width: 36px;
  padding: 0 8.8888888889px;
}
.v-btn:not(.v-btn--round).v-size--small {
  height: 28px;
  min-width: 50px;
  padding: 0 12.4444444444px;
}
.v-btn:not(.v-btn--round).v-size--default {
  height: 36px;
  min-width: 64px;
  padding: 0 16px;
}
.v-btn:not(.v-btn--round).v-size--large {
  height: 44px;
  min-width: 78px;
  padding: 0 19.5555555556px;
}
.v-btn:not(.v-btn--round).v-size--x-large {
  height: 52px;
  min-width: 92px;
  padding: 0 23.1111111111px;
}
.v-btn > .v-btn__content .v-icon {
  color: inherit;
}

.v-btn__content {
  align-items: center;
  color: inherit;
  display: flex;
  flex: 1 0 auto;
  justify-content: inherit;
  line-height: normal;
  position: relative;
}
.v-btn__content .v-icon--left,
.v-btn__content .v-icon--right {
  font-size: 18px;
  height: 18px;
  width: 18px;
}
.v-application--is-ltr .v-btn__content .v-icon--left {
  margin-left: -4px;
  margin-right: 8px;
}
.v-application--is-rtl .v-btn__content .v-icon--left {
  margin-left: 8px;
  margin-right: -4px;
}
.v-application--is-ltr .v-btn__content .v-icon--right {
  margin-left: 8px;
  margin-right: -4px;
}
.v-application--is-rtl .v-btn__content .v-icon--right {
  margin-left: -4px;
  margin-right: 8px;
}

.v-btn__loader {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-btn:not(.v-btn--text):not(.v-btn--outlined).v-btn--active:before {
  opacity: 0.18;
}
.v-btn:not(.v-btn--text):not(.v-btn--outlined):hover:before {
  opacity: 0.08;
}
.v-btn:not(.v-btn--text):not(.v-btn--outlined):focus:before {
  opacity: 0.24;
}

.v-btn--absolute,
.v-btn--fixed {
  position: absolute;
}
.v-btn--absolute.v-btn--right,
.v-btn--fixed.v-btn--right {
  right: 16px;
}
.v-btn--absolute.v-btn--left,
.v-btn--fixed.v-btn--left {
  left: 16px;
}
.v-btn--absolute.v-btn--top,
.v-btn--fixed.v-btn--top {
  top: 16px;
}
.v-btn--absolute.v-btn--bottom,
.v-btn--fixed.v-btn--bottom {
  bottom: 16px;
}

.v-btn--block {
  display: flex;
  flex: 1 0 auto;
  min-width: 100% !important;
  max-width: auto;
}

.v-btn--contained {
  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);
}
.v-btn--contained:after {
  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);
}
.v-btn--contained:active {
  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);
}

.v-btn--depressed {
  box-shadow: none !important;
}

.v-btn--disabled {
  box-shadow: none;
  pointer-events: none;
}

.v-btn--icon,
.v-btn--fab {
  min-height: 0;
  min-width: 0;
  padding: 0;
}
.v-btn--icon.v-size--x-small .v-icon,
.v-btn--fab.v-size--x-small .v-icon {
  height: 18px;
  font-size: 18px;
  width: 18px;
}
.v-btn--icon.v-size--small .v-icon,
.v-btn--fab.v-size--small .v-icon {
  height: 24px;
  font-size: 24px;
  width: 24px;
}
.v-btn--icon.v-size--default .v-icon,
.v-btn--fab.v-size--default .v-icon {
  height: 24px;
  font-size: 24px;
  width: 24px;
}
.v-btn--icon.v-size--large .v-icon,
.v-btn--fab.v-size--large .v-icon {
  height: 28px;
  font-size: 28px;
  width: 28px;
}
.v-btn--icon.v-size--x-large .v-icon,
.v-btn--fab.v-size--x-large .v-icon {
  height: 32px;
  font-size: 32px;
  width: 32px;
}

.v-btn--icon.v-size--x-small {
  height: 20px;
  width: 20px;
}
.v-btn--icon.v-size--small {
  height: 28px;
  width: 28px;
}
.v-btn--icon.v-size--default {
  height: 36px;
  width: 36px;
}
.v-btn--icon.v-size--large {
  height: 44px;
  width: 44px;
}
.v-btn--icon.v-size--x-large {
  height: 52px;
  width: 52px;
}

.v-btn--fab.v-btn--contained {
  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);
}
.v-btn--fab.v-btn--contained:after {
  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);
}
.v-btn--fab.v-btn--contained:active {
  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);
}
.v-btn--fab.v-btn--fixed, .v-btn--fab.v-btn--absolute {
  z-index: 4;
}
.v-btn--fab.v-size--x-small {
  height: 32px;
  width: 32px;
}
.v-btn--fab.v-size--x-small.v-btn--absolute.v-btn--bottom {
  bottom: -16px;
}
.v-btn--fab.v-size--x-small.v-btn--absolute.v-btn--top {
  top: -16px;
}
.v-btn--fab.v-size--small {
  height: 40px;
  width: 40px;
}
.v-btn--fab.v-size--small.v-btn--absolute.v-btn--bottom {
  bottom: -20px;
}
.v-btn--fab.v-size--small.v-btn--absolute.v-btn--top {
  top: -20px;
}
.v-btn--fab.v-size--default {
  height: 56px;
  width: 56px;
}
.v-btn--fab.v-size--default.v-btn--absolute.v-btn--bottom {
  bottom: -28px;
}
.v-btn--fab.v-size--default.v-btn--absolute.v-btn--top {
  top: -28px;
}
.v-btn--fab.v-size--large {
  height: 64px;
  width: 64px;
}
.v-btn--fab.v-size--large.v-btn--absolute.v-btn--bottom {
  bottom: -32px;
}
.v-btn--fab.v-size--large.v-btn--absolute.v-btn--top {
  top: -32px;
}
.v-btn--fab.v-size--x-large {
  height: 72px;
  width: 72px;
}
.v-btn--fab.v-size--x-large.v-btn--absolute.v-btn--bottom {
  bottom: -36px;
}
.v-btn--fab.v-size--x-large.v-btn--absolute.v-btn--top {
  top: -36px;
}

.v-btn--fixed {
  position: fixed;
}

.v-btn--loading {
  pointer-events: none;
  transition: none;
}
.v-btn--loading .v-btn__content {
  opacity: 0;
}

.v-btn--outlined {
  border: thin solid currentColor;
}
.v-btn--outlined:before {
  border-radius: 0;
}

.v-btn--outlined .v-btn__content .v-icon,
.v-btn--round .v-btn__content .v-icon {
  color: currentColor;
}

.v-btn--outlined,
.v-btn--flat,
.v-btn--text {
  background-color: transparent;
}

.v-btn--round:before,
.v-btn--rounded:before {
  border-radius: inherit;
}

.v-btn--round {
  border-radius: 50%;
}

.v-btn--rounded {
  border-radius: 28px;
}

.v-btn--tile {
  border-radius: 0;
}

/* calendar */
.theme--light.v-calendar-events .v-event-more {
  background-color: transparent;
}
.theme--light.v-calendar-events .v-event-more.v-outside {
  background-color: transparent;
}

.theme--dark.v-calendar-events .v-event-timed {
  border: 1px solid !important;
}
.theme--dark.v-calendar-events .v-event-more {
  background-color: #303030;
}
.theme--dark.v-calendar-events .v-event-more.v-outside {
  background-color: #202020;
}

.v-calendar .v-event {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  margin-right: -1px;
  z-index: 1;
  border-radius: 4px;
}
.v-calendar .v-event-more {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  z-index: 1;
  position: relative;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  font-size: var(--vue-aclendar-event-font-size);
  font-family: var(--vue-aclendar-event-font);
}
.v-calendar .v-event-timed-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: 10px;
  pointer-events: none;
}
.v-calendar .v-event-timed {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
  pointer-events: all;
}
.v-calendar .v-event-timed > div {
  padding: 4px;
}

.v-calendar .v-event > div {
  padding: 4px 4px 0 4px;
}

.v-calendar.v-calendar-events .v-calendar-weekly__head-weekday {
  margin-right: -1px;
}
.v-calendar.v-calendar-events .v-calendar-weekly__day {
  overflow: visible;
  margin-right: -1px;
}
.theme--light.v-calendar-weekly {
  background-color: transparent;

  border: solid var(--vue-calendar-border-color);
  border-width: 0 0 1px 0;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday {
  border: solid var(--vue-calendar-border-color);
  border-width: 1px 1px 0 1px;

  font-size: var(--vue-calendar-day-label-font-size);
  font-family: var(--vue-calendar-day-label-font-family);
  color: var(--vue-calendar-day-label-font-color);
  background-color: var(--vue-calender-header-background-color);
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
  color: var(--vue-calendar-day-label-previous-font-color);
}
.theme--light.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
  background-color: var(--vue-calender-header-background-color);
}

.theme--light.v-calendar-weekly .v-calendar-weekly__head-weeknumber {
  background-color: var(--vue-calender-weeknumber-background-color);
  border-left: var(--vue-calendar-border-color) 1px solid;
  border-top: var(--vue-calendar-border-color) 1px solid;
}

.theme--light.v-calendar-weekly .v-calendar-weekly__day {
  border: solid var(--vue-calendar-border-color);
  border-width: 1px 1px 0 1px;

  color: #000000;
}
.theme--light.v-calendar-weekly .v-calendar-weekly__day.v-outside {
  background-color: var(--vue-calender-background-outside-color);  
}

.theme--light.v-calendar-weekly .v-calendar-weekly__weeknumber {
  background-color: var(--vue-calender-weeknumber-background-color);
  border-left: var(--vue-calendar-border-color) 1px solid;
  border-top: var(--vue-calendar-border-color) 1px solid;
  color: var(--vue-calendar-weeknumber-font-color);
  font-family: var(--vue-calender-weeknumber-font);
  font-size: var(--vue-calender-weeknumber-font-size);
}

.theme--dark.v-calendar-weekly {
  background-color: #303030;
  border-top: #9e9e9e 1px solid;
  border-left: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday {
  border-right: #9e9e9e 1px solid;
  color: #FFFFFF;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday.v-past {
  color: rgba(255, 255, 255, 0.5);
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weekday.v-outside {
  background-color: #202020;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__head-weeknumber {
  background-color: #202020;
  border-right: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__day {
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
  color: #FFFFFF;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__day.v-outside {
  background-color: #202020;
}
.theme--dark.v-calendar-weekly .v-calendar-weekly__weeknumber {
  background-color: #202020;
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
  color: #FFFFFF;
}

.v-calendar-weekly {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.v-calendar-weekly__head {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.v-calendar-weekly__head-weekday {
  flex: 1 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 4px;
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.v-calendar-weekly__head-weeknumber {
  position: relative;
  flex: 0 0 24px;
}

.v-calendar-weekly__week {
  display: flex;
  flex: 1;
  height: unset;
  min-height: 0;
}

.v-calendar-weekly__weeknumber {
  display: flex;
  flex: 0 0 24px;
  height: unset;
  min-height: 0;
  padding-top: 14.5px;
  text-align: center;
}
.v-calendar-weekly__weeknumber > small {
  width: 100% !important;
}

.v-calendar-weekly__day {
  flex: 1;
  width: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding: 0px 0px 0px 0px;
  min-width: 0;
  background: var(--vue-calendar-background-color);
}
.v-calendar-weekly__day.v-present .v-calendar-weekly__day-month {
  color: currentColor;
}

.v-calendar-weekly__day-label {
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  box-shadow: none;
  text-align: center;
  margin: 4px 0 4px 0;
}

.v-calendar-weekly__day-label > button {
  cursor: pointer;
  font: inherit;
  overflow: visible;
  border-style: 0;
  padding: 0;
  outline: 0;
  border: 0;
  -webkit-appearance: button;
  text-transform: none;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-calendar-weekly__day-label .v-btn {
  font-size: 12px;
  text-transform: none;
}

.v-calendar-weekly__day-month {
  position: absolute;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  box-shadow: none;
  top: 0;
  left: 36px;
  height: 32px;
  line-height: 32px;
}
.theme--light.v-calendar-daily {
  background-color: transparent;
}
.theme--light.v-calendar-daily .v-calendar-daily__intervals-head {
  border-right: var(--vue-calendar-border-color) 1px solid; 
}
.theme--light.v-calendar-daily .v-calendar-daily_head-day {
  border-right: var(--vue-calendar-border-color) 1px solid; 
  border-top: var(--vue-calendar-border-color) 1px solid; 
  border-bottom: var(--vue-calendar-border-color) 1px solid;
  background-color: var(--vue-calender-header-background-color);
  color: #000000;
}
.theme--light.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
.theme--light.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
  color: var(--vue-calendar-day-label-previous-font-color);
}
.theme--light.v-calendar-daily .v-calendar-daily__intervals-body {
  border-right: var(--vue-calendar-border-color) 1px solid; 
}
.theme--light.v-calendar-daily .v-calendar-daily__day {
  border-right: var(--vue-calendar-border-color) 1px solid; 
  border-bottom: var(--vue-calendar-border-color) 1px solid; 
  box-sizing: border-box;
}
.theme--light.v-calendar-daily .v-calendar-daily__day-interval {
  border-top: var(--vue-calendar-border-color) 1px solid; 
  box-sizing: border-box;
  background: var(--vue-calendar-background-color);  
}
.theme--light.v-calendar-daily .v-calendar-daily__day-interval:first-child {
  border-top: none !important;
}
.theme--light.v-calendar-daily .v-calendar-daily__interval::after {
  border-top: var(--vue-calendar-border-color) 1px solid; 
}

.theme--dark.v-calendar-daily {
  background-color: #303030;
  border-left: #9e9e9e 1px solid;
  border-top: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-head {
  border-right: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-head::after {
  background: #9e9e9e;
  background: linear-gradient(90deg, transparent, #9e9e9e);
}
.theme--dark.v-calendar-daily .v-calendar-daily_head-day {
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
  color: #FFFFFF;
}
.theme--dark.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-weekday,
.theme--dark.v-calendar-daily .v-calendar-daily_head-day.v-past .v-calendar-daily_head-day-label {
  color: rgba(255, 255, 255, 0.5);
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-body {
  border-right: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__intervals-body .v-calendar-daily__interval-text {
  color: #eeeeee;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day {
  border-right: #9e9e9e 1px solid;
  border-bottom: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day-interval {
  border-top: #9e9e9e 1px solid;
}
.theme--dark.v-calendar-daily .v-calendar-daily__day-interval:first-child {
  border-top: none !important;
}
.theme--dark.v-calendar-daily .v-calendar-daily__interval::after {
  border-top: #9e9e9e 1px solid;
}

.v-calendar-daily {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.v-calendar-daily__head {
  flex: none;
  display: flex;
}

.v-calendar-daily__intervals-head {
  flex: none;
  position: relative;
  background: var(--vue-calendar-time-axis-header-background-color);
}
.v-calendar-daily__intervals-head::after {
  position: absolute;
  bottom: 0px;
  height: 1px;
  left: 0;
  right: 0;
  content: "";
}

.v-calendar-daily_head-day {
  flex: 1 1 auto;
  width: 0;
  position: relative;
}

.v-calendar-daily_head-weekday {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 4px;
  text-align: center;
  text-transform: uppercase;
  font-size: var(--vue-calendar-day-label-font-size);
  font-family: var(--vue-calendar-day-label-font-family);
  color: var(--vue-calendar-day-label-font-color);
}

.v-calendar-daily_head-day-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0px 0px 3px 0px;
  text-align: center;
}

.v-calendar-daily_head-day-label > button {
  cursor: pointer;
  font: inherit;
  overflow: visible;
  border-style: 0;
  padding: 0;
  outline: 0;
  border: 0;
  -webkit-appearance: button;
  text-transform: none;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-calendar-daily_head-day-label .v-btn__content, .v-calendar-weekly__day-label .v-btn__content{
  font-size: var(--vue-calendar-day-button-font-size);
  font-family: var(--vue-calendar-day-button-font-family);
  color: var(--vue-calendar-day-button-font-color);
}

.v-calendar-daily_head-day.v-present .v-calendar-daily_head-day-label .v-btn__content, .v-calendar-weekly__day.v-present .v-btn__content{
  font-size: var(--vue-calendar-day-button-today-font-size);
  font-family: var(--vue-calendar-day-button-today-font-family);
  color: var(--vue-calendar-day-button-today-font-color);
}

.v-calendar-daily__body {
  flex: 1 1 60%;
  overflow: hidden;
  display: flex;
  position: relative;
  flex-direction: column;
}

.v-calendar-daily__scroll-area {
  overflow-y: scroll;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
}

.v-calendar-daily__pane {
  width: 100%;
  overflow-y: hidden;
  flex: none;
  display: flex;
  align-items: flex-start;
}

.v-calendar-daily__day-container {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}

.v-calendar-daily__intervals-body {
  background: var(--vue-calendar-time-axis-background-color);
  flex: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
          
}

.v-calendar-daily__interval {
  text-align: right;
  padding-right: 8px;
  border-bottom: none;
  position: relative;
}
.v-calendar-daily__interval::after {
  width: 8px;
  position: absolute;
  /* height: 1px; */
  display: block;
  content: "";
  right: 0;
  bottom: -1px;
}

.v-calendar-daily__interval-text {
  display: block;
  position: relative;
  top: -6px;
  font-size: 10px;
  padding-right: 4px;
  font-size: var(--vue-calendar-time-axis-text-size);
  font-family: var(--vue-calendar-time-axis-text-font);
  color: var(--vue-calendar-time-axis-text-color);
}

.v-calendar-daily__day {
  flex: 1;
  width: 0;
  position: relative;
}

.v-calendar-weekly__day.v-present .v-calendar-weekly__day-label .v-btn,
.v-calendar-daily_head-day.v-present .v-calendar-daily_head-day-label .v-btn {
  background: var(--vue-calendar-day-button-today-color) !important;
}

.v-calendar-daily_head-day.v-present .v-calendar-daily_head-weekday,
.v-calendar-weekly__head-weekday.v-present {
  font-size: var(--vue-calendar-day-label-today-font-size) !important;
  font-family: var(--vue-calendar-day-label-today-font-family) !important;
  color: var(--vue-calendar-day-label-today-font-color) !important;
}

.materialdesign-vuetify-calendar{
  display: flex;
  flex-direction: column;
}

.materialdesign-vuetify-calendar-control-container {
  display: flex;
}

.materialdesign-vuetify-calendar-control-button {  
  height: auto; 
  position: relative;
  padding: 4px;
  flex-grow: var(--vue-calendar-control-button-container-flex);
  min-width: var(--vue-calendar-control-button-container-min-width);
}

.materialdesign-vuetify-calendar-control-button-icon {
  font-size: var(--vue-calendar-control-button-icon-size);
  color: var(--vue-calendar-control-button-icon-color);
}

.materialdesign-vuetify-calendar-control-button-text {
  margin-left: 4px; 
  font-size: var(--vue-calendar-control-button-text-size);
  color: var(--vue-calendar-control-button-text-color);
  font-family: var(--vue-calendar-control-button-text-font);
}

.v-event .pl-1, .v-event-timed .pl-1 {
  font-size: var(--vue-aclendar-event-font-size);
  font-family: var(--vue-aclendar-event-font);
}

/* dialog */
.v-dialog > .v-card > .v-card__title.v-dialog-my-title-layout {
  font-size: var(--vue-dialog-title-font-size);
  color: var(--vue-dialog-title-font-color, #44739e);
  font-family: var(--vue-dialog-title-font-family);
  background: var(--vue-toolbar-background-color);
}

.v-dialog-toolbar-my-title-layout {
  font-size: var(--vue-dialog-title-font-size);
  color: var(--vue-dialog-title-font-color, #fff);
  font-family: var(--vue-dialog-title-font-family);
  margin-left: 10px;
  flex: 1 1;
}

.v-dialog-footer {
  background: var(--vue-dialog-footer-background-color);  
}

.v-dialog-my-card-actions {
  height: calc(100% - 16px - 1px);
}

.v-dialog > .v-card > .v-card__text.v-dialog-view-container{
  padding-left: var(--vue-dialog-view-container-distance-to-border);
  padding-right: var(--vue-dialog-view-container-distance-to-border);
  width: calc(100% - 2 * var(--vue-dialog-view-container-distance-to-border));
}

.materialdesign-v-dialog-button-icon {
  font-size: var(--vue-dialog-control-button-icon-size);
  color: var(--vue-dialog-control-button-icon-color);
}

.materialdesign-v-dialog-button-text {
  margin-left: 4px;
  font-size: var(--vue-dialog-control-button-text-size);
  color: var(--vue-dialog-control-button-text-color);
  font-family: var(--vue-dialog-control-button-text-font);
}

.v-dialog-toolbar-my-btn-layout {
  background-color: #fff
}

.v-dialog-toolbar-my-btn-layout > .v-btn__content {
  color: #fff;
  display: block;
}

.v-bottom-sheet.v-dialog {
  align-self: flex-end;
  border-radius: 0;
  flex: 0 1 auto;
  margin: 0;
  overflow: visible;
}
.v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
  max-width: 70%;
}
@media only screen and (max-width: 599px) {
  .v-bottom-sheet.v-dialog.v-bottom-sheet--inset {
    max-width: none;
  }
}
.v-dialog {
  border-radius: 4px;
  margin: 24px;
  overflow-y: auto;
  pointer-events: auto;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100%;
  z-index: inherit;
  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);
}
.v-dialog:not(.v-dialog--fullscreen) {
  max-height: 90%;
}
.v-dialog > * {
  width: 100%;
}
.v-dialog > .v-card > .v-card__title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  padding: 16px 24px 10px;
}
.v-dialog > .v-card > .v-card__text {
  padding: 0 24px;
}
.v-dialog > .v-card > .v-card__subtitle {
  padding: 0 24px 20px;
}

.v-dialog__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), z-index 1ms;
  width: 100%;
  z-index: 6;
  outline: none;
}

.v-dialog__container {
  display: none;
}
.v-dialog__container--attached {
  display: inline;
}

.v-dialog--animated {
  -webkit-animation-duration: 0.15s;
          animation-duration: 0.15s;
  -webkit-animation-name: animate-dialog;
          animation-name: animate-dialog;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
          animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

.v-dialog--fullscreen {
  border-radius: 0;
  margin: 0;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  top: 0;
  left: 0;
}
.v-dialog--fullscreen > .v-card {
  min-height: 100%;
  min-width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.v-dialog--scrollable,
.v-dialog--scrollable > form {
  display: flex;
}
.v-dialog--scrollable > .v-card,
.v-dialog--scrollable > form > .v-card {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
}
.v-dialog--scrollable > .v-card > .v-card__title,
.v-dialog--scrollable > .v-card > .v-card__actions,
.v-dialog--scrollable > form > .v-card > .v-card__title,
.v-dialog--scrollable > form > .v-card > .v-card__actions {
  flex: 0 0 auto;
}
.v-dialog--scrollable > .v-card > .v-card__text,
.v-dialog--scrollable > form > .v-card > .v-card__text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  flex: 1 1 auto;
  overflow-y: auto;
}

@-webkit-keyframes animate-dialog {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes animate-dialog {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
.theme--light.v-overlay {
  color: rgba(0, 0, 0, 0.87);
}

.theme--dark.v-overlay {
  color: #FFFFFF;
}

.v-overlay {
  align-items: center;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), z-index 1ms;
}

.v-overlay__content {
  position: relative;
}

.v-overlay__scrim {
  border-radius: inherit;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: inherit;
  width: 100%;
  /* will-change: opacity; */
}

.v-overlay--absolute {
  position: absolute;
}

.v-overlay--active {
  pointer-events: auto;
}

.materialdesign-vuetify-dialog-button {  
  height: auto; 
  position: relative;
  padding: 4px;
  width: 100%;
  height: 100%;
}

.materialdesign-dialog-footer-button.v-btn {
  color: var(--dialog-footer-button-text-color);
  font-family: var(--dialog-footer-button-text-font);
  font-size: var(--dialog-footer-button-text-font-size);
}

/* v-toolbar */
.v-toolbar__content > button {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

.v-toolbar {
  contain: layout;
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1) transform, 0.2s cubic-bezier(0.4, 0, 0.2, 1) background-color, 0.2s cubic-bezier(0.4, 0, 0.2, 1) left, 0.2s cubic-bezier(0.4, 0, 0.2, 1) right, 280ms cubic-bezier(0.4, 0, 0.2, 1) box-shadow, 0.25s cubic-bezier(0.4, 0, 0.2, 1) max-width, 0.25s cubic-bezier(0.4, 0, 0.2, 1) width;
  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: var(--vue-toolbar-background-color);
}
.v-toolbar .v-input {
  padding-top: 0;
  margin-top: 0;
}

.v-toolbar__content,
.v-toolbar__extension {
  padding: 4px 16px;
}
.v-toolbar__content .v-btn.v-btn--icon.v-size--default,
.v-toolbar__extension .v-btn.v-btn--icon.v-size--default {
  height: 48px;
  width: 48px;
}
.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:first-child,
.v-application--is-ltr .v-toolbar__extension > .v-btn.v-btn--icon:first-child {
  margin-left: -12px;
}
.v-application--is-rtl .v-toolbar__content > .v-btn.v-btn--icon:first-child,
.v-application--is-rtl .v-toolbar__extension > .v-btn.v-btn--icon:first-child {
  margin-right: -12px;
}
.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:first-child + .v-toolbar__title,
.v-application--is-ltr .v-toolbar__extension > .v-btn.v-btn--icon:first-child + .v-toolbar__title {
  padding-left: 20px;
}
.v-application--is-rtl .v-toolbar__content > .v-btn.v-btn--icon:first-child + .v-toolbar__title,
.v-application--is-rtl .v-toolbar__extension > .v-btn.v-btn--icon:first-child + .v-toolbar__title {
  padding-right: 20px;
}
.v-application--is-ltr .v-toolbar__content > .v-btn.v-btn--icon:last-child,
.v-application--is-ltr .v-toolbar__extension > .v-btn.v-btn--icon:last-child {
  margin-right: -12px;
}
.v-application--is-rtl .v-toolbar__content > .v-btn.v-btn--icon:last-child,
.v-application--is-rtl .v-toolbar__extension > .v-btn.v-btn--icon:last-child {
  margin-left: -12px;
}
.v-toolbar__content > .v-tabs,
.v-toolbar__extension > .v-tabs {
  height: inherit;
  margin-top: -4px;
  margin-bottom: -4px;
}
.v-toolbar__content > .v-tabs .v-tabs-bar,
.v-toolbar__extension > .v-tabs .v-tabs-bar {
  height: inherit;
}
.v-toolbar__content > .v-tabs:first-child,
.v-toolbar__extension > .v-tabs:first-child {
  margin-left: -16px;
}
.v-toolbar__content > .v-tabs:last-child,
.v-toolbar__extension > .v-tabs:last-child {
  margin-right: -16px;
}

.v-toolbar__content,
.v-toolbar__extension {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 0;
}

.v-toolbar__image {
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  contain: strict;
}
.v-toolbar__image .v-image {
  border-radius: inherit;
}

.v-toolbar__items {
  display: flex;
  height: inherit;
}
.v-toolbar__items > .v-btn {
  border-radius: 0;
  height: 100% !important;
  max-height: none;
}

.v-toolbar__title {
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v-toolbar.v-toolbar--absolute {
  position: absolute;
  top: 0;
  z-index: 1;
}

.v-toolbar.v-toolbar--bottom {
  top: initial;
  bottom: 0;
}

.v-toolbar.v-toolbar--collapse .v-toolbar__title {
  white-space: nowrap;
}

.v-toolbar.v-toolbar--collapsed {
  max-width: 112px;
  overflow: hidden;
}
.v-application--is-ltr .v-toolbar.v-toolbar--collapsed {
  border-bottom-right-radius: 24px;
}
.v-application--is-rtl .v-toolbar.v-toolbar--collapsed {
  border-bottom-left-radius: 24px;
}
.v-toolbar.v-toolbar--collapsed .v-toolbar__title,
.v-toolbar.v-toolbar--collapsed .v-toolbar__extension {
  display: none;
}

.v-toolbar--dense .v-toolbar__content,
.v-toolbar--dense .v-toolbar__extension {
  padding-top: 0;
  padding-bottom: 0;
}

.v-toolbar--flat {
  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);
}

.v-toolbar--floating {
  display: inline-flex;
}

.v-toolbar--prominent .v-toolbar__content {
  align-items: flex-start;
}
.v-toolbar--prominent .v-toolbar__title {
  font-size: 1.5rem;
  padding-top: 6px;
}
.v-toolbar--prominent:not(.v-toolbar--bottom) .v-toolbar__title {
  align-self: flex-end;
  padding-bottom: 6px;
  padding-top: 0;
}

/* Progress Circular */
.v-progress-circular {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  color: var(--vue-progress-circular-progress-color);
  caret-color: var(--vue-progress-circular-progress-color);
}
.v-progress-circular > svg {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.v-progress-circular--indeterminate > svg {
  -webkit-animation: progress-circular-rotate 1.4s linear infinite;
          animation: progress-circular-rotate 1.4s linear infinite;
  transform-origin: center center;
  transition: all 0.2s ease-in-out;
}
.v-progress-circular--indeterminate .v-progress-circular__overlay {
  -webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
          animation: progress-circular-dash 1.4s ease-in-out infinite;
  stroke-linecap: round;
  stroke-dasharray: 80, 200;
  stroke-dashoffset: 0px;
}
.v-progress-circular__info {
  align-items: center;
  display: flex;
  justify-content: center;
  color: var(--vue-progress-circular-progress-color-text);
  font-size: var(--vue-progress-circular-progress-color-text-size);
  font-family: var(--vue-progress-circular-progress-color-text-font-family);
  z-index: 1;
}
.v-progress-circular__underlay {
  stroke: var(--vue-progress-circular-progress-color-background);
  z-index: 1;
}
.v-progress-circular__overlay {
  stroke: currentColor;
  z-index: 2;
  transition: all 0.6s ease-in-out;
}

@-webkit-keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -125px;
  }
}

@keyframes progress-circular-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100, 200;
    stroke-dashoffset: -125px;
  }
}
@-webkit-keyframes progress-circular-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes progress-circular-rotate {
  100% {
    transform: rotate(360deg);
  }
}

/* Progress Linear */
.v-progress-linear {
  background: transparent;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  width: 100%;
}

.v-progress-linear__buffer {
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  transition: inherit;
  width: 100%;
  z-index: 1;
}

.v-progress-linear--reverse .v-progress-linear__buffer {
  left: auto;
  right: 0;
}

.v-progress-linear__background {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: inherit;
  background: var(--vue-progress-progress-color-background);
}

.v-progress-linear--reverse .v-progress-linear__background {
  left: auto;
  right: 0;
}

.v-progress-linear__content {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  color: var(--vue-progress-progress-color-text);
  font-size: var(--vue-progress-progress-color-text-size);
  font-family: var(--vue-progress-progress-color-text-font-family);
  text-align: var(--vue-progress-progress-color-text-align);
}

.v-progress-linear--reverse .v-progress-linear__content {
  left: auto;
  right: 0;
}

.v-progress-linear__determinate {
  height: inherit;
  transition: inherit;
  background: var(--vue-progress-progress-color);
}

.v-progress-linear--reverse .v-progress-linear__determinate {
  position: absolute;
  left: auto;
  right: 0;
}

.v-progress-linear .v-progress-linear__indeterminate .long, .v-progress-linear .v-progress-linear__indeterminate .short {
  background-color: inherit;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: auto;
  will-change: left, right;
}
.v-progress-linear .v-progress-linear__indeterminate--active .long {
  background: var(--vue-progress-progress-color);
  -webkit-animation-name: indeterminate-ltr;
          animation-name: indeterminate-ltr;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.v-progress-linear .v-progress-linear__indeterminate--active .short {
  background: var(--vue-progress-progress-color);
  -webkit-animation-name: indeterminate-short-ltr;
          animation-name: indeterminate-short-ltr;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  left: auto;
  right: 0;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate--active .long {
  -webkit-animation-name: indeterminate-rtl;
          animation-name: indeterminate-rtl;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate--active .short {
  -webkit-animation-name: indeterminate-short-rtl;
          animation-name: indeterminate-short-rtl;
}

.v-progress-linear__stream {
  -webkit-animation: stream-ltr 0.25s infinite linear;
          animation: stream-ltr 0.25s infinite linear;
  border-color: currentColor;
  border-top: 4px dotted;
  bottom: 0;
  left: auto;
  right: -8px;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 2px);
  transition: inherit;
}

.v-progress-linear--reverse .v-progress-linear__stream {
  -webkit-animation: stream-rtl 0.25s infinite linear;
          animation: stream-rtl 0.25s infinite linear;
  left: -8px;
  right: auto;
}

.v-progress-linear__wrapper {
  overflow: hidden;
  position: relative;
  transition: inherit;
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
  left: 0;
  z-index: 1;
}

.v-progress-linear--absolute {
  position: absolute;
}

.v-progress-linear--fixed {
  position: fixed;
}

.v-progress-linear--reactive .v-progress-linear__content {
  pointer-events: none;
}

.v-progress-linear--rounded {
  border-radius: 4px;
}

.v-progress-linear--striped .v-progress-linear__determinate {
  background-image: linear-gradient(var(--vue-progress-progress-striped-angle), var(--vue-progress-progress-color-striped) var(--vue-progress-progress-striped-width1), transparent 0, transparent var(--vue-progress-progress-striped-width2), var(--vue-progress-progress-color-striped) 0, var(--vue-progress-progress-color-striped) var(--vue-progress-progress-striped-width3), transparent 0, transparent);
  background-size: 40px 40px;
  background-repeat: repeat;
}

.v-progress-linear--query .v-progress-linear__indeterminate--active .long {
  -webkit-animation-name: query-ltr;
          animation-name: query-ltr;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.v-progress-linear--query .v-progress-linear__indeterminate--active .short {
  -webkit-animation-name: query-short-ltr;
          animation-name: query-short-ltr;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.v-progress-linear--query.v-progress-linear--reverse .v-progress-linear__indeterminate--active .long {
  -webkit-animation-name: query-rtl;
          animation-name: query-rtl;
}
.v-progress-linear--query.v-progress-linear--reverse .v-progress-linear__indeterminate--active .short {
  -webkit-animation-name: query-short-rtl;
          animation-name: query-short-rtl;
}

@-webkit-keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}

@keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@-webkit-keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@-webkit-keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@-webkit-keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@-webkit-keyframes query-ltr {
  0% {
    right: -90%;
    left: 100%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: 100%;
    left: -35%;
  }
}
@keyframes query-ltr {
  0% {
    right: -90%;
    left: 100%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: 100%;
    left: -35%;
  }
}
@-webkit-keyframes query-rtl {
  0% {
    right: 100%;
    left: -90%;
  }
  60% {
    right: 100%;
    left: -90%;
  }
  100% {
    right: -35%;
    left: 100%;
  }
}
@keyframes query-rtl {
  0% {
    right: 100%;
    left: -90%;
  }
  60% {
    right: 100%;
    left: -90%;
  }
  100% {
    right: -35%;
    left: 100%;
  }
}
@-webkit-keyframes query-short-ltr {
  0% {
    right: -200%;
    left: 100%;
  }
  60% {
    right: 107%;
    left: -8%;
  }
  100% {
    right: 107%;
    left: -8%;
  }
}
@keyframes query-short-ltr {
  0% {
    right: -200%;
    left: 100%;
  }
  60% {
    right: 107%;
    left: -8%;
  }
  100% {
    right: 107%;
    left: -8%;
  }
}
@-webkit-keyframes query-short-rtl {
  0% {
    right: 100%;
    left: -200%;
  }
  60% {
    right: -8%;
    left: 107%;
  }
  100% {
    right: -8%;
    left: 107%;
  }
}
@keyframes query-short-rtl {
  0% {
    right: 100%;
    left: -200%;
  }
  60% {
    right: -8%;
    left: 107%;
  }
  100% {
    right: -8%;
    left: 107%;
  }
}
@-webkit-keyframes stream-ltr {
  to {
    transform: translateX(-8px);
  }
}
@keyframes stream-ltr {
  to {
    transform: translateX(-8px);
  }
}
@-webkit-keyframes stream-rtl {
  to {
    transform: translateX(8px);
  }
}
@keyframes stream-rtl {
  to {
    transform: translateX(8px);
  }
}