@import url(https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700);
/* in order to styleguide display fonts and datepicker style correctly */

body {
  margin: 0;
  font-family: 'Quicksand', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* prevents moving when mouse is on/off table focus*/
  overflow: hidden !important;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

@font-face {
  font-family: 'shovel';
  src: url(/static/media/shovel.07d817c07fa120a00789.ttf);
}

.filter-column {
  align-items: center;
  display: inline-flex;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
  -moz-appearance: textfield; /* Firefox */
}

/** Slider */

.rc-slider-tooltip-inner {
  height: auto !important;
  width: -webkit-max-content !important;
  width: max-content !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 5px;
  overflow: hidden;
}

.rc-slider-tooltip-arrow {
  border-top-color: #f5f7fa !important;
  box-shadow: none !important;
}

.rc-slider-tooltip {
  z-index: 1;
}

/** Removes double rendering during DND dragging **/
.fc-unselectable.fc-dragging.hidden {
  display: none;
}

.fc-unselectable.fc-not-allowed .fc-event-dragging > * {
  cursor: not-allowed !important;
}

.agenda-dragging.fc-dragging {
  display: none !important;
}

.rc-slider-disabled {
  background-color: transparent !important;
}

.rc-slider-disabled .rc-slider-track {
  background-color: #d3dce6 !important;
}

.tippy-box[data-theme~='shovel'] {
  background-color: var(--color-dark);
  padding: 4px 8px;
  color: white;
  font-size: 11px;
  font-weight: bold;
}

.tippy-box[data-theme~='shovel'] > .tippy-arrow::before {
  color: var(--color-dark);
  /*transform: scale(0.7);*/
}

.tippy-box[data-theme~='shovel-dark'] {
  background-color: var(--color-bottom-border);
  padding: 4px 8px;
  color: var(--color-dark);
  font-size: 11px;
  font-weight: bold;
}

.tippy-box[data-theme~='shovel-dark'] > .tippy-arrow::before {
  color: var(--color-bottom-border);
  /*transform: scale(0.7);*/
}

body * {
  outline: none !important;
}

.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}

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

.fade-out {
  animation: fadeOut ease 1s;
  -webkit-animation: fadeOut ease 1s;
  -moz-animation: fadeOut ease 1s;
  -o-animation: fadeOut ease 1s;
  -ms-animation: fadeOut ease 1s;
}

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

.tippy-box[data-theme~='three-dots'] {
  background-color: white;
  padding: 0 !important;
  width: 180px;
  z-index: 9999;
  color: var(--color-main2);
  box-shadow: 0px 0px 2px rgba(63, 78, 97, 0.2), 0px 2px 2px rgba(63, 78, 97, 0.2);
}

.tippy-box[data-theme~='three-dots'] > .tippy-content {
  padding: 0 !important;
}

.tippy-box[data-theme~='three-dots'] > .tippy-arrow::before {
  color: white;
}

.tippy-box[data-theme~='three-dots-dark'] {
  background-color: #20272d;
  padding: 0 !important;
  width: 180px;
  color: var(--color-captures);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.tippy-box[data-theme~='three-dots-dark'] > .tippy-content {
  padding: 0 !important;
}

.tippy-box[data-theme~='three-dots-dark'] > .tippy-arrow::before {
  color: #20272d;
}

@page {
  size: auto;
  margin: 0mm;
}
.acsb-trigger.acsb-trigger-size-small {
  width: 20px !important;
  height: 20px !important;
}

@media print {
  #tidio-chat {
    display: none;
  }
}
:root {
  --color-primary: #786fff;
  --color-primary-light: #e4e2ff;
  --color-main2: #8492a5;
  --color-captures: #d3dce6;
  --color-background-dark: #f5f7fa;
  --color-bottom-border: #e0e6ed;
  --color-dark: #3f4e61;
  --color-negative: #ff6473;
  --color-theme-background-dark: #20272d;
  --color-theme-border-dark: #3f4e61;
}

/**
 Layout
 */

html {
  flex-direction: column;
  display: flex;
  height: 100%;
}

body {
  display: flex;
  flex: 1 1;
  min-height: 0;
  width: 100%;
  flex-direction: column;
}

body > #root {
  display: flex;
  flex: 1 1;
  min-height: 0;
  flex-direction: column;
  width: 100%;
}

/*
  Components
 */

.popup-overlay {
  z-index: 2;
}

.pile-description-popup {
  padding: 5px;
}

.pile-description-popup div:not(:last-of-type) {
  margin-bottom: 16px;
}

.pile-description-popup b {
  font-size: 14px;
}

.pile-description-popup p {
  text-indent: -10px;
  margin: 8px 0 8px 10px;
  line-height: 15px;
  color: white;
  font-size: 12px;
}

/*EMOJI PICKER STYLE*/
.emoji-mart-title-label {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.emoji-mart-search input {
  font-family: 'Quicksand';
  font-size: 13px !important;
}

.emoji-mart-dark {
  border-color: var(--color-theme-border-dark) !important;
  background-color: var(--color-theme-background-dark) !important;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: var(--color-theme-border-dark) !important;
}

.emoji-mart-dark .emoji-mart-search input {
  border-color: var(--color-theme-border-dark) !important;
  background-color: var(--color-theme-background-dark) !important;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: var(--color-theme-background-dark) !important;
}

.react-datepicker__input-container > input {
  border: 0;
  border-radius: 4px;
  padding: 3px 5px;
  outline: none;
  text-align: left;
  transition: background-color 0.2s ease;
  font-family: 'Quicksand', sans-serif;
  font-weight: inherit;
  font-size: inherit;
}

.react-datepicker__input-container > input:not(.react-datepicker-ignore-onclickoutside):hover {
  background-color: transparent;
  cursor: pointer;
}

.react-datepicker__time-container,
.react-datepicker__day {
  font-family: 'Quicksand', sans-serif;
  border: none;
}

.react-datepicker {
  border: 0 !important;
  font-weight: normal;
}

.react-datepicker__time {
  border-bottom-right-radius: 4px;
}

.react-datepicker__day--selected,
.react-datepicker__day--highlighted {
  border-radius: 50% !important;
  background-color: var(--color-primary) !important;
  font-weight: 600;
}

.react-datepicker__current-month,
.react-datepicker-time__header {
  padding: 20px 20px 10px;
  font-size: 13px;
  font-weight: 600;
}

.react-datepicker__time {
  font-size: 12px;
  font-weight: 600;
}

.react-datepicker__day-name {
  font-weight: 600;
}

.react-datepicker-popper {
  z-index: 9999 !important;
}

.react-datepicker-popper.time-picker {
  z-index: 10000 !important;
}

.react-datepicker__day {
  outline: none;
  border-radius: 50% !important;
  font-size: 12px;
  font-weight: bold;
}

.react-datepicker__day:not(.react-datepicker__day--selected) {
  font-weight: 600;
}

.react-datepicker__time-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.react-datepicker__time-container {
  border-radius: 0 5px 5px 0;
  overflow: hidden;
  width: auto !important;
}

.react-datepicker__time-box.extended-time {
  width: 120px !important;
}

.date-time-picker {
  width: auto !important;
}

.date-time-picker {
  width: 335px;
}

.react-datepicker__day--today {
  box-shadow: inset 0 0 0 1px var(--color-primary);
  border-radius: 50%;
}

.react-datepicker__day--disabled {
  cursor: not-allowed;
}

.react-datepicker.react-datepicker--time-only .react-datepicker-time__header {
  display: none;
}

.react-datepicker.react-datepicker--time-only .react-datepicker__time-container {
  border: none;
  border-radius: 5px;
  padding: 5px 0;
}

.react-datepicker.workload-due-date .react-datepicker__triangle {
  display: none;
}

.react-datepicker.manage-due-date .react-datepicker__triangle {
  left: 20px;
}

.react-datepicker.start-ahead .react-datepicker__triangle {
  left: 30px;
}

.react-datepicker__time-container
  .react-datepicker__time
  .react-datepicker__time-box
  ul.react-datepicker__time-list
  li.react-datepicker__time-list-item {
  height: 20px;
}


/*# sourceMappingURL=main.4444a351.css.map*/