@font-face {
  font-family: 'Material Icons';
  font-display: block;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v118/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* fallback */
@font-face {
    font-family: 'Material Icons Outlined';
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v92/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}
.material-icons-outlined {
    font-family: 'Material Icons Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

body *:not(i) {
  font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
}
#app.default-theme #app {
  color: !important;
}
#app.flat-theme #app {
  color: !important;
}
#app.vine-theme #app {
  color: !important;
}
#app.default-theme .primary,
#app.default-theme .accent {
  background-color: #3296dc !important;
}
#app.flat-theme .primary,
#app.flat-theme .accent {
  background-color: #3296dc !important;
}
#app.vine-theme .primary,
#app.vine-theme .accent {
  background-color: #75b08a !important;
}
#app.default-theme .primary,
#app.default-theme .accent {
  border-color: #3296dc !important;
}
#app.flat-theme .primary,
#app.flat-theme .accent {
  border-color: #3296dc !important;
}
#app.vine-theme .primary,
#app.vine-theme .accent {
  border-color: #75b08a !important;
}
#app.default-theme .primary--text,
#app.default-theme .accent--text {
  color: #3296dc !important;
}
#app.flat-theme .primary--text,
#app.flat-theme .accent--text {
  color: #3296dc !important;
}
#app.vine-theme .primary--text,
#app.vine-theme .accent--text {
  color: #75b08a !important;
}

.toolbar > *:last-child {
  margin-right: 12px;
}

.tooltip {
  max-width: 400px !important;
  line-height: 22px;
}
.noty-message-error__link {
  margin-top: 1em;
  display: block;
  text-decoration: underline;
}
.noty-message-error__link:hover {
  font-weight: 700;
}

#app .v-input {
  font-size: 14px;
}
#app .v-input--is-readonly label.v-label {
  color: rgba(0,0,0,0.54) !important;
}
#app .v-input--is-readonly .v-input__slot {
  color: rgba(0,0,0,0.54);
}
#app .v-input--is-readonly .v-icon {
  color: rgba(0,0,0,0.54) !important;
}
#app .v-input--is-readonly.v-input--is-focused > .v-input__control > .v-input__slot:after {
  display: none;
}
#app .v-input--is-readonly .v-label--active {
  transform: none;
}
#app .v-input--is-readonly.v-input--is-label-active:not(.v-text-field--box) .v-label--active {
  transform: translateY(-18px) scale(0.75);
}
#app .v-input--is-readonly.v-input--is-label-active.v-text-field--box .v-label--active {
  transform: translateY(-6px) scale(0.75);
}
#app .v-input__icon--append {
  z-index: 2;
}
#app .v-label {
  font-size: 14px;
}
#app .v-input--has-state.error--text .v-label {
  animation: none;
}
#app .assignee-tile .v-list__tile__title {
  font-weight: normal;
}
#app .assignee-tile .v-list__tile__sub-title {
  display: none;
}
#app .assignee-list__items-list .assignee-tile {
  height: 56px;
  display: flex;
  align-items: center;
}
#app .assignee-list__items-list .assignee-tile .v-list__tile--avatar {
  height: 48px;
  flex: 1;
}
#app .assignee-picker--with-tile-label .v-label {
  top: -6px !important;
}
#app .v-input__slot .assignee-tile {
  height: 40px;
}
#app .v-input__slot .assignee-tile .v-list__tile {
  padding: 0;
  height: 40px;
}
#app .feedback-modal {
  height: auto;
  width: 1000px;
}
#app.theme--light .theme--light.v-btn.v-btn--disabled {
  color: rgba(0,0,0,0.26) !important;
}
#app.theme--light .v-input:not(.input-group--error) .v-input__slot:before {
  border-color: rgba(0,0,0,0.12) !important;
}
#app.theme--light .v-input:not(.input-group--error):hover .v-input__slot:before {
  border-color: rgba(0,0,0,0.32) !important;
}
#app.theme--light .v-btn,
#app .v-btn.theme--light {
  color: rgba(0,0,0,0.54);
}
#app.theme--dark .v-btn,
#app .v-btn.theme--dark {
  color: #fff;
}
#app.theme--light .v-btn--icon,
#app .v-btn--icon.theme--light {
  color: rgba(0,0,0,0.54);
}
#app.theme--dark .v-btn--icon,
#app .v-btn--icon.theme--dark {
  color: #fff;
}
.app .application--wrap {
  min-height: 100%;
}
.application--light .v-btn .v-icon {
  color: rgba(0,0,0,0.5);
}
.v-dialog__content {
  z-index: 100;
}
.app .v-dialog {
  width: auto;
}
.v-card {
  background-color: #fff;
  contain: none !important;
}
.v-card__title {
  color: #333;
}
.v-tabs__item {
  font-weight: bold;
}
#app.default-theme #app .theme--light .v-tabs__item.v-tabs__item--active {
  color: #3296dc !important;
}
#app.flat-theme #app .theme--light .v-tabs__item.v-tabs__item--active {
  color: #3296dc !important;
}
#app.vine-theme #app .theme--light .v-tabs__item.v-tabs__item--active {
  color: #75b08a !important;
}
.tabs-with-border .v-tabs__container {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
  max-height: 48px;
}
.scroll-shadows {
  background: /* Shadow covers */ linear-gradient(#fff 30%, rgba(255,255,255,0)), linear-gradient(rgba(255,255,255,0), #fff 70%) 0 100%, /* Shadows */ radial-gradient(farthest-side at 50% 0, rgba(0,0,0,0.08), rgba(255,255,255,0)), radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,0.08), rgba(255,255,255,0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}
.scroll-shadows .scroll-shadows {
  background-color: transparent;
}
.v-subheader {
  font-size: 16px;
}
.v-btn .v-btn__content {
  font-weight: bold;
}
.v-text-field .v-label--active {
  letter-spacing: 0.7px;
}
.v-input.error--text .v-label {
  color: #ff5252 !important;
}
.v-input--selection-controls__ripple {
  z-index: 11;
}
@media only screen and (min-width: 700px) and (max-height: 820px) {
#app {
    zoom: 0.85;
}
#app .nozoom {
    zoom: 1.17647;
}
#app .app:not(.app--mac) *:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3) !important;
}
#app .app:not(.app--mac) ::-webkit-scrollbar {
    height: 10px !important;
    width: 10px !important;
}
#app .fsm-menu.v-navigation-drawer {
    max-width: 260px;
}
}


.grabbable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
}
.grabbable:active {
  cursor: grabbing;
}

.app--b2f .fsm-online-employee-chat-button {
  display: none !important;
}
.app--b2f .task-date-picker__complex-interval--min_arrival_duration,
.app--b2f .task-date-picker__complex-interval--min_stay_duration {
  display: none;
}

.app--mac .v-text-field > .v-input__control > .v-input__slot {
  transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media only screen and (max-width: 700px) {
html,
  body {
    height: 100vh !important;
}
}

.noty_effects_top_open {
  opacity: 0;
  transform: translateY(-50%);
  animation: noty_anim_top_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.noty_effects_top_close {
  animation: noty_anim_top_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}


@keyframes noty_anim_top_in {
100% {
    transform: translateY(50%);
    opacity: 1;
}
}
@keyframes noty_anim_top_out {
100% {
    transform: translateY(-50%);
    opacity: 0;
}
}

.select-area-div {
  background: rgba(50,150,220,0.1);
  position: fixed;
  z-index: 10;
  pointer-events: none;
}
.select-area-div--target * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}