@import 'copied-css/vue-material.css';
@import "copied-css/index.css";
.md-tab-header-navigation-button {
  display: none;
}

.z-flex {
  display: flex;
}
.z-flex.column {
  margin: 0;
  padding: 0;
  flex-direction: column;
}
.z-flex.column-reverse {
  flex-direction: column-reverse;
}
.z-flex.row {
  flex-direction: row;
}
.z-flex.row-reverse {
  flex-direction: row-reverse;
}
.z-flex.wrap {
  flex-wrap: wrap;
}
.z-flex.nowrap {
  flex-wrap: nowrap;
}
.z-flex.c-justify-right {
  justify-content: flex-end;
}
.z-flex.c-justify-left {
  justify-content: flex-start;
}
.z-flex.c-justify-center {
  justify-content: center;
}
.z-flex.c-justify-space-around {
  justify-content: space-around;
}
.z-flex.c-justify-space-between {
  justify-content: space-between;
}
.z-flex.c-align-center {
  align-content: center;
}
.z-flex.c-align-space-around {
  align-content: space-around;
}
.z-flex.i-align-center {
  align-items: center;
}
.z-flex > .grow {
  flex-grow: 1;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("static/fonts/material-icons/MaterialIcons-Regular.eot"); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("static/fonts/material-icons/MaterialIcons-Regular.woff2") format("woff2"), url("static/fonts/material-icons/MaterialIcons-Regular.woff") format("woff"), url("static/fonts/material-icons/MaterialIcons-Regular.ttf") format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.task-contents-enter-active {
  transition: all 0.2s ease;
}

.task-contents-leave-active {
  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.task-contents-enter, .task-contents-leave-to {
  transform: translateX(5px);
  opacity: 0;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-fast-enter-active, .fade-fast-leave-active {
  transition: opacity 0.1s;
}

.fade-fast-enter, .fade-fast-leave-to {
  opacity: 0;
}

.fade-slide-left-right-enter-active {
  transition: all 0.3s ease;
}

.fade-slide-left-right-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.fade-slide-left-right-enter, .fade-slide-left-right-leave-to {
  transform: translateX(-30px);
  opacity: 0;
}

.fade-slide-right-left-enter-active {
  transition: all 0.3s ease;
}

.fade-slide-right-left-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.fade-slide-right-left-enter, .fade-slide-right-left-leave-to {
  transform: translateX(30px);
  opacity: 0;
}

.fade-slide-bottom-top-enter-active {
  transition: all 0.3s ease;
}

.fade-slide-bottom-top-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.fade-slide-bottom-top-enter, .fade-slide-bottom-top-leave-to {
  transform: translateY(30px);
  opacity: 0;
}

.notifications-enter-active {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.notifications-leave-active {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.notifications-top-enter, .notifications-top-leave-to {
  transform: translateY(-30px);
  opacity: 0;
}

.notifications-bottom-enter, .notifications-bottom-leave-to {
  transform: translateY(30px);
  opacity: 0;
}

.notifications-backdrop-enter-active,
.notifications-backdrop-leave-active {
  transition: all 0.3s ease;
}

.notifications-backdrop-enter, .notifications-backdrop-leave-to {
  opacity: 0;
}

.rotate-ccw {
  animation: rotateCCW 1s ease-out infinite;
}

@keyframes rotateCCW {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.rotate-cw {
  animation: rotateCW 1s ease-out infinite;
}

@keyframes rotateCW {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.z-color {
  color: #FFF !important;
}
.z-color.bg-red {
  background-color: #F44336 !important;
}
.z-color.text-red {
  color: #F44336 !important;
}
.z-color.bg-light-red {
  background-color: #ff6155 !important;
}
.z-color.text-light-red {
  color: #ff6155 !important;
}
.z-color.bg-pink {
  background-color: #E91E63 !important;
}
.z-color.text-pink {
  color: #E91E63 !important;
}
.z-color.bg-purple {
  background-color: #5900B3 !important;
}
.z-color.text-purple {
  color: #5900B3 !important;
}
.z-color.bg-deep-purple {
  background-color: #5900B3 !important;
}
.z-color.text-deep-purple {
  color: #5900B3 !important;
}
.z-color.bg-indigo {
  background-color: #3F51B5 !important;
}
.z-color.text-indigo {
  color: #3F51B5 !important;
}
.z-color.bg-blue {
  background-color: #0039A6 !important;
}
.z-color.text-blue {
  color: #0039A6 !important;
}
.z-color.bg-light-blue {
  background-color: #03A9F4 !important;
}
.z-color.text-light-blue {
  color: #03A9F4 !important;
}
.z-color.bg-cyan {
  background-color: #00BCD4 !important;
}
.z-color.text-cyan {
  color: #00BCD4 !important;
}
.z-color.bg-teal {
  background-color: #009688 !important;
}
.z-color.text-teal {
  color: #009688 !important;
}
.z-color.bg-deep-teal {
  background-color: #1A8275 !important;
}
.z-color.text-deep-teal {
  color: #1A8275 !important;
}
.z-color.bg-green {
  background-color: #4CAF50 !important;
}
.z-color.text-green {
  color: #4CAF50 !important;
}
.z-color.bg-light-green {
  background-color: #8BC34A !important;
}
.z-color.text-light-green {
  color: #8BC34A !important;
}
.z-color.bg-lime {
  background-color: #CDDC39 !important;
}
.z-color.text-lime {
  color: #CDDC39 !important;
}
.z-color.bg-yellow {
  background-color: #FFEB3B !important;
  color: #000 !important;
}
.z-color.text-yellow {
  color: #FFEB3B !important;
}
.z-color.bg-amber {
  background-color: #FFC107 !important;
}
.z-color.text-amber {
  color: #FFC107 !important;
}
.z-color.bg-orange {
  background-color: #FF9800 !important;
}
.z-color.text-orange {
  color: #FF9800 !important;
}
.z-color.bg-deep-orange {
  background-color: #FF5722 !important;
}
.z-color.text-deep-orange {
  color: #FF5722 !important;
}
.z-color.bg-brown {
  background-color: #795548 !important;
}
.z-color.text-brown {
  color: #795548 !important;
}
.z-color.bg-grey {
  background-color: #9E9E9E !important;
}
.z-color.text-grey {
  color: #9E9E9E !important;
}
.z-color.bg-blue-grey {
  background-color: #607D8B !important;
}
.z-color.text-blue-grey {
  color: #607D8B !important;
}
.z-color.bg-black {
  background-color: #000 !important;
}
.z-color.text-black {
  color: #000 !important;
}
.z-color.bg-white {
  background-color: #FFF !important;
}
.z-color.text-white {
  color: #FFF !important;
}
.z-color.bg-deep-red {
  background-color: #a00101 !important;
}
.z-color.text-deep-red {
  color: #a00101 !important;
}
.z-color.bg-deep-blue {
  background-color: #032ba8 !important;
}
.z-color.text-deep-blue {
  color: #032ba8 !important;
}
.z-color.bg-deep-green {
  background-color: #008287 !important;
}
.z-color.text-deep-green {
  color: #008287 !important;
}

:root {
  --zegeba__primary-color: #5900B3;
  --zegeba__foreground-element: #FFF;
  --zegeba__foreground-element-text: #212121;
  --zegeba__sidebar: #FFF;
  --zegeba__sidebar-text: #000;
  --zegeba__background: #F9F9F9;
  --zegeba__standard-text: #000;
  --zegeba__popup: #252525;
  --zegeba__popup-text: #FFF;
  --zegeba__popup-button: #FFC107;
  --zegeba__topbar-text: #FFF;
}

.zegeba__background {
  background-color: var(--zegeba__background);
}

.zegeba__topbar {
  background-color: var(--zegeba__topbar, var(--zegeba__primary-color)) !important;
}
.zegeba__topbar .status-icon .top-bar-divider {
  border-color: var(--zegeba__topbar-text);
}
.zegeba__topbar .status-icon,
.zegeba__topbar .md-icon,
.zegeba__topbar .md-title,
.zegeba__topbar .md-subhead {
  color: var(--zegeba__topbar-text);
}

.zegeba__sidebar {
  background-color: var(--zegeba__sidebar) !important;
}
.zegeba__sidebar > * {
  color: var(--zegeba__sidebar-text);
}
.zegeba__sidebar.md-theme-default.md-list .md-list-item-expand .md-list-item-container {
  background-color: var(--zegeba__sidebar);
  color: var(--zegeba__sidebar-text);
}

.zegeba__form-icon-bg {
  background-color: var(--zegeba__form-icon, #FF9800) !important;
}

.zegeba__folder-icon-bg {
  background-color: var(--zegeba__folder-icon, #032ba8) !important;
}

.zegeba__task-icon-bg {
  background-color: var(--zegeba__task-icon, #1A8275) !important;
}

.zegeba__task-icon-bg {
  background-color: var(--zegeba__task-icon, #3F51B5) !important;
}

.zegeba__form-icon-text {
  color: var(--zegeba__form-icon, var(--zegeba__menu-item-icon, #FF9800)) !important;
}

.zegeba__folder-icon-text {
  color: var(--zegeba__folder-icon, var(--zegeba__menu-item-icon, #032ba8)) !important;
}

.zegeba__task-icon-text {
  color: var(--zegeba__task-icon, var(--zegeba__menu-item-icon, #1A8275)) !important;
}

.zegeba__calendar-icon-text {
  color: var(--zegeba__calendar-icon, var(--zegeba__menu-item-icon, #3F51B5)) !important;
}

.zegeba__ad-hoc-icon-text {
  color: var(--zegeba__ad-hoc-icon, var(--zegeba__menu-item-icon, #a00101)) !important;
}

.zegeba__outbox-icon-text {
  color: var(--zegeba__outbox-icon, var(--zegeba__menu-item-icon, #607D8B)) !important;
}

.zegeba__menu-item-text {
  color: var(--zegeba__menu-item-icon, #607D8B) !important;
}

.zegeba__foreground-element {
  background-color: var(--zegeba__foreground-element);
  color: var(--zegeba__foreground-element-text);
}
.zegeba__foreground-element.md-theme-default.md-card {
  background-color: var(--zegeba__foreground-element);
  color: var(--zegeba__foreground-element-text);
}

.zegeba__form-node-card {
  background-color: var(--zegeba__form-card, var(--zegeba__foreground-element));
  color: var(--zegeba__form-card-text, var(--zegeba__foreground-element-text));
}
.zegeba__form-node-card.md-theme-default.md-card {
  background-color: var(--zegeba__form-card, var(--zegeba__foreground-element));
  color: var(--zegeba__form-card-text, var(--zegeba__foreground-element-text));
}

.zegeba__task-node-card {
  background-color: var(--zegeba__task-node-card, var(--zegeba__foreground-element));
  color: var(--zegeba__task-node-card-text, var(--zegeba__foreground-element-text));
}
.zegeba__task-node-card.md-theme-default.md-table-card .md-toolbar, .zegeba__task-node-card.md-theme-default.md-card {
  background-color: var(--zegeba__task-node-card, var(--zegeba__foreground-element));
  color: var(--zegeba__task-node-card-text, var(--zegeba__foreground-element-text));
}

.zegeba__context-node-card {
  background-color: var(--zegeba__context-node-card, var(--zegeba__foreground-element));
  color: var(--zegeba__context-node-card-text, var(--zegeba__foreground-element-text));
}
.zegeba__context-node-card.md-theme-default.md-card {
  background-color: var(--zegeba__context-node-card, var(--zegeba__foreground-element));
  color: var(--zegeba__context-node-card-text, var(--zegeba__foreground-element-text));
}

.zegeba__outbox-card {
  background-color: var(--zegeba__outbox-card, var(--zegeba__foreground-element));
  color: var(--zegeba__outbox-card-text, var(--zegeba__foreground-element-text));
}
.zegeba__outbox-card.md-theme-default.md-card {
  background-color: var(--zegeba__outbox-card, var(--zegeba__foreground-element));
  color: var(--zegeba__outbox-card-text, var(--zegeba__foreground-element-text));
}

.zegeba__form-answer-card {
  background-color: var(--zegeba__form-answer-card, var(--zegeba__foreground-element));
  color: var(--zegeba__form-answer-card-text, var(--zegeba__foreground-element-text));
}
.zegeba__form-answer-card.md-theme-default.md-card {
  background-color: var(--zegeba__form-answer-card, var(--zegeba__foreground-element));
  color: var(--zegeba__form-answer-card-text, var(--zegeba__foreground-element-text));
}

.zegeba__popup {
  background-color: var(--zegeba__popup, black);
  color: var(--zegeba__popup-text, white);
}
.zegeba__popup button {
  color: var(--zegeba__popup-button, #FFC107);
}

.zegeba__primary-color-bg {
  background-color: var(--zegeba__primary-color);
}

.zegeba__primary-color-text {
  color: var(--zegeba__primary-color) !important;
}

.zegeba__primary-button {
  background-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
  color: var(--zegeba__primary-button-text, rgba(255, 255, 255, 0.8705882353)) !important;
}

.zegeba__secondary-button {
  background-color: var(--zegeba__secondary-button, var(--zegeba__secondary-color, #FFF)) !important;
  color: var(--zegeba__secondary-button-text, rgba(0, 0, 0, 0.8705882353)) !important;
}

.zegeba__cta-button {
  background-color: var(--zegeba__cta-button, #4CAF50) !important;
  color: var(--zegeba__cta-button-text, white) !important;
}

.zegeba__input-field.md-theme-default.md-input-container.md-input-focused i.md-icon,
.zegeba__input-field.md-theme-default.md-input-container.md-input-focused label,
.zegeba__input-field.md-theme-default.md-input-container.md-input-focused input,
.zegeba__input-field.md-theme-default.md-input-container.md-input-focused button i.md-icon {
  color: var(--zegeba__input-field, var(--zegeba__primary-color));
}
.zegeba__input-field.md-theme-default.md-input-container.md-input-focused::after {
  background-color: var(--zegeba__input-field, var(--zegeba__primary-color));
}

.zegeba__select-option.md-selected {
  color: var(--zegeba__input-field, var(--zegeba__primary-color)) !important;
}

.zegeba__checkbox.md-checked .md-checkbox-container {
  background-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
  border-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
}
.zegeba__checkbox.md-checked .md-checkbox-container::after {
  color: var(--zegeba__primary-button-text, rgba(255, 255, 255, 0.8705882353)) !important;
}

.zegeba__breadcrumb .selectedPosition {
  color: var(--zegeba__breadcrumb-text, #696969);
}
.zegeba__breadcrumb .selectedPosition:hover {
  color: var(--zegeba__breadcrumb, var(--zegeba__primary-color));
}
.zegeba__breadcrumb .currentPosition {
  color: var(--zegeba__breadcrumb, var(--zegeba__primary-color));
}
.zegeba__breadcrumb .currentPosition:hover {
  color: var(--zegeba__breadcrumb, var(--zegeba__primary-color));
}

.zegeba__standard-text {
  color: var(--zegeba__standard-text);
}

.zegeba__heading {
  color: var(--zegeba__standard-text) !important;
  opacity: 0.57;
}

.zegeba__tabs-bar.md-tabs nav {
  background-color: var(--zegeba__tabs-bar, var(--zegeba__primary-color)) !important;
}

.zegeba__table-header {
  background-color: var(--zegeba__table-header, var(--zegeba__primary-color));
  color: var(--zegeba__table-header-text, white);
}
.zegeba__table-header.md-theme-default.md-toolbar {
  background-color: var(--zegeba__table-header, var(--zegeba__primary-color));
  color: var(--zegeba__table-header-text, white);
}

.zegeba__login-form {
  background-color: var(--zegeba__login-form, var(--zegeba__foreground-element));
}

.zegeba__info-chip {
  background-color: var(--zegeba__info-chip-background, #4CAF50) !important;
  color: var(--zegeba__info-chip-text, white) !important;
}

.zegeba__stepper .md-step .md-active .md-step-number {
  background-color: var(--zegeba__primary-color) !important;
}
.zegeba__stepper .md-step .md-step-icon {
  background-color: var(--zegeba__primary-color) !important;
}
.zegeba__stepper .md-step .md-button.md-primary {
  background-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
  color: var(--zegeba__primary-button-text, rgba(255, 255, 255, 0.8705882353)) !important;
}

.zegeba__progress {
  background-color: rgba(0, 0, 0, 0.1019607843) !important;
}
.zegeba__progress .md-progress-track::before, .zegeba__progress .md-progress-track::after {
  background-color: var(--zegeba__primary-color, #5900B3) !important;
}

.zegeba__spinner .md-spinner-draw .md-spinner-path {
  stroke: var(--zegeba__primary-color, #5900B3) !important;
}

.md-theme-buttons.md-switch.md-checked .md-switch-thumb {
  background-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
  filter: none !important;
}

.md-theme-buttons.md-switch.md-checked .md-switch-container {
  background-color: var(--zegeba__primary-button, var(--zegeba__primary-color, #5900B3)) !important;
}

html, body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: default;
}
html *:not(input):not(textarea), body *:not(input):not(textarea) {
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-touch-callout: none;
  /* prevent copy paste */
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.enable-copy-paste * {
  /* allow callout to copy image, etc when tap to hold */
  -webkit-touch-callout: auto;
  /* allow copy paste */
  -webkit-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: initial;
}

.container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 960px) {
  .container {
    width: 100%;
  }
}

.z-no-margin-buttons .md-button {
  margin: 0px !important;
}

.small-border-radius {
  border-radius: 4px !important;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-border-radius {
  border-radius: 0;
}

.is-fullwidth {
  width: 100%;
}

.is-fullheight {
  height: 100%;
}

.fixed-bottom-left {
  position: fixed;
  left: 24px;
  bottom: 24px;
}

.cursor-hand {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.cursor-caret {
  cursor: text;
}

.palette {
  background-color: #e9e8e2 !important;
  color: #ddd !important;
}
.palette.primary {
  background-color: #5900B3 !important;
  color: #FFF !important;
}
.palette.info {
  background-color: #1A8275 !important;
  color: #FFF !important;
}
.palette.success {
  background-color: #007000 !important;
  color: #FFF !important;
}
.palette.warning {
  background-color: #e3bf48 !important;
  color: #FFF !important;
}
.palette.danger {
  background-color: #F53F5B !important;
  color: #FFF !important;
}

.green-color {
  color: #388E3C;
}

.red-color {
  color: #ab000e;
}

input {
  background-color: var(--zegeba__input-field, white);
}

input::placeholder {
  color: var(--zegeba__standard-text);
}