/**
 * Scss code for misc.js
 */
._normal_goe71_4 {
  color: var(--priority-normal) !important;
}

._noColor_goe71_8 {
  color: var(--priority-noColor) !important;
}

._normalWithBorder_goe71_12 {
  color: var(--priority-normal) !important;
  border-color: var(--priority-normal) !important;
}

._normalBorder_goe71_17 {
  border-color: var(--priority-normal) !important;
}

._high_goe71_21 {
  color: var(--priority-high) !important;
}

._highWithBorder_goe71_25 {
  color: var(--priority-high) !important;
  border-color: var(--priority-high) !important;
}

._highBorder_goe71_30 {
  border-color: var(--priority-high) !important;
}

._critical_goe71_34 {
  color: var(--priority-critical) !important;
}

._medium_goe71_38 {
  color: var(--white) !important;
}

._criticalWithBorder_goe71_42 {
  color: var(--priority-critical) !important;
  border-color: var(--priority-critical) !important;
}

._criticalBorder_goe71_47 {
  border-color: var(--priority-critical) !important;
}

._loader_goe71_51 {
  font-size: 60px;
  align-self: center;
}._rootApp_3bz4j_1 {
  cursor: auto;
  background-color: var(--black-2);
}
._rootApp_3bz4j_1 ._isLoading_3bz4j_5 {
  cursor: wait;
}._circularDiv_s4dtn_1 {
  border-radius: 50%;
}

._linkHeader_s4dtn_5 {
  font-size: 28px;
  margin-bottom: 2rem;
  user-select: none;
  font-family: gotham-book, sans-serif;
  color: var(--grey-1);
}

._clientNm_s4dtn_13 {
  color: var(--grey-1);
}

._spaceAround_s4dtn_17 {
  margin: 0 10px;
}

._screenTitle_s4dtn_21 {
  font-size: 28px;
  user-select: none;
  font-family: gotham-book, sans-serif;
  color: var(--grey-1) !important;
  display: flex;
}

._clientScreenTitle_s4dtn_29 {
  font-size: 28px;
  user-select: none;
  font-family: gotham-book, sans-serif;
  color: var(--grey-1) !important;
  display: flex;
  margin-bottom: 25px;
}

._settings_s4dtn_38 ._flexColumn_s4dtn_38 {
  display: flex;
  flex-direction: column;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 {
  margin-bottom: 2rem;
  color: var(--black-1);
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 hr {
  border-color: var(--teal);
  border-style: solid;
  margin-top: 0;
  margin-bottom: 1rem;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._sectionHeading_s4dtn_54 {
  color: var(--teal);
  margin-bottom: 0;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._settingsBox_s4dtn_58 {
  display: flex;
  margin-bottom: 2rem;
  align-items: center;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._boxLabel_s4dtn_63 {
  width: 260px;
  margin-bottom: 0;
  color: var(--black-1);
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._boxLabel_s4dtn_63._topBoxLabel_s4dtn_68 {
  align-self: start;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._bold_s4dtn_71 {
  font-family: gotham-medium, sans-serif;
  font-weight: bold;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._centredFlex_s4dtn_75 {
  display: flex;
  align-items: center;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._infoIcon_s4dtn_79 {
  color: var(--grey-4);
  margin-left: 15px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._fieldNote_s4dtn_83 {
  font-size: 13px;
  color: var(--grey-2);
  margin-left: 15px;
  text-decoration: underline;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._priorityMessage_s4dtn_89 {
  width: 800px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._urlClass_s4dtn_92 {
  flex-grow: 1;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._logo_s4dtn_95 {
  margin-top: 10px;
  max-width: 300px;
  max-height: 100px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._numberField_s4dtn_100 {
  width: 70px;
  margin-right: 15px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._numberFieldLine_s4dtn_104 {
  margin-bottom: 15px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._redIcon_s4dtn_107 {
  background: var(--watermelon);
  color: var(--white);
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._greyIcon_s4dtn_111 {
  background: var(--lightgrey-1);
  color: var(--black-1);
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._greyIcon_s4dtn_111:hover {
  background: var(--grey-1);
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._roundIcon_s4dtn_118 {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._leftControlBox_s4dtn_125 {
  display: flex;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._controlBox_s4dtn_128 {
  padding-top: 8px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._chipBox_s4dtn_131 {
  background-color: var(--lightgrey-4);
  border: 2px solid var(--grey-4);
  border-radius: 4px;
  min-height: 125px;
  max-height: 250px;
  width: 650px;
  margin-top: 10px;
  padding: 10px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._chipBoxChip_s4dtn_144 {
  margin-right: 14px;
  margin-bottom: 14px;
  color: var(--black-1);
  background-color: var(--lightgrey-1);
  border-radius: 4px;
  height: 30px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._chipBoxChipLabel_s4dtn_152 {
  padding-right: 11px;
  margin-top: 1px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._clientSelector_s4dtn_156 {
  width: 300px;
}
._settings_s4dtn_38 ._settingsSection_s4dtn_42 ._errorLine_s4dtn_159 {
  color: var(--watermelon);
  margin-top: 0.5rem;
}
._settings_s4dtn_38 ._addButton_s4dtn_163 {
  margin: 0 1rem 0 0;
}
._settings_s4dtn_38 ._saveButton_s4dtn_166 {
  margin: 0 1rem 0 0;
}._foldable_jezd1_1 ._folderLine_jezd1_1 {
  position: relative;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
  margin: 1em auto;
}
._foldable_jezd1_1 ._folderLine_jezd1_1 ._chevron_jezd1_8 {
  color: var(--grey-5);
  transition-duration: 0.3s;
  margin-left: 0.25em;
}
._foldable_jezd1_1 ._folderLine_jezd1_1 ._chevron_jezd1_8._isOpen_jezd1_13 {
  transform: rotate3d(0, 0, 1, 90deg);
  transition-duration: 0.5s;
}
._foldable_jezd1_1 ._folderLine_jezd1_1 ._text_jezd1_17 {
  color: var(--teal);
  text-transform: uppercase;
  padding-left: 0.5em;
  font-size: 13px;
}
._foldable_jezd1_1 ._folderLine_jezd1_1 ._lineTail_jezd1_23 {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--grey-4);
  position: absolute;
  bottom: 0.6em;
  margin-left: 1em;
}
._foldable_jezd1_1 ._stretchy_jezd1_32 {
  width: 50%;
}
._foldable_jezd1_1 ._content_jezd1_35 {
  color: var(--black-1);
}._chipBox_2wy62_1 {
  background-color: var(--white);
  border: 2px solid var(--grey-4);
  border-radius: 4px;
  min-height: 125px;
  max-height: 250px;
  width: 560px;
  margin-top: 10px;
  padding: 10px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
._chipBox_2wy62_1 ._greyIcon_2wy62_14 {
  background: var(--lightgrey-1);
  color: var(--black-1);
}
._chipBox_2wy62_1 ._greyIcon_2wy62_14:hover {
  background: var(--grey-1);
}
._chipBox_2wy62_1 ._roundIcon_2wy62_21 {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  padding-top: 3px;
}
._chipBox_2wy62_1 ._chip_2wy62_1 {
  margin-right: 14px;
  margin-bottom: 10px;
  color: var(--black-1);
  background-color: var(--lightgrey-1);
  border-radius: 4px;
  height: 30px;
}
._chipBox_2wy62_1 ._chipLabel_2wy62_37 {
  padding-right: 11px;
  margin-top: 1px;
}
._chipBox_2wy62_1 ._selector_2wy62_41 {
  width: 300px;
}._popup_1c2py_1 {
  border-radius: 4px;
  background: var(--teal);
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
}

._optionRender_1c2py_8 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._optionAvatar_1c2py_16 {
  margin-right: 15px;
}

._roundInput_1c2py_20 {
  border-radius: 40px !important;
  height: 43px;
  width: 100% !important;
  padding: 0 0 0 0.5rem !important;
  border-width: 1px !important;
  border-color: var(--cobalt-3) !important;
  box-sizing: content-box !important;
}

._ccEmailItem_1c2py_30 {
  font-family: "sourcecodepro-regular" !important;
}._avatarRoot_1gozr_1 {
  margin: 0;
}
._avatarRoot_1gozr_1 ._avatarText_1gozr_4 {
  text-transform: uppercase;
}
._avatarRoot_1gozr_1 ._avatarImage_1gozr_7 {
  background-color: var(--teal);
}
._avatarRoot_1gozr_1 ._avatarIcon_1gozr_10 {
  position: relative;
  top: 1;
}._bannerLogo_1qet8_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._bannerTooltip_1qet8_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}._emailLink_1ci7f_1 {
  font-family: "gotham-medium", sans-serif;
  text-decoration: underline;
  color: white;
}._warningConfirmDialog_184qm_1 {
  width: 390px;
  border-radius: 5px;
  color: var(--black-1);
}

._confirmButton_184qm_7 {
  background-color: var(--watermelon);
  margin: 0;
}
._confirmButton_184qm_7:hover {
  background-color: var(--watermelon-light);
}

._cancelButton_184qm_15 {
  background-color: var(--grey-4);
  margin: 0;
}

._content_184qm_20 {
  padding: 13px 21px;
}

._titleClass_184qm_24 {
  font-size: 16px;
  font-family: gotham-medium, sans-serif;
  padding: 14px 21px;
}

._contentText_184qm_30 {
  color: var(--black-1);
  font-size: 14px;
}

._actions_184qm_35 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 18px 26px;
}._priorityButton_165h3_1 {
  margin-left: 0px;
  margin-right: 12px;
}

._button_165h3_6 {
  color: var(--white) !important;
  height: 40px !important;
  width: 40px !important;
  border-radius: 20px !important;
  margin-left: 12px !important;
}

._labelRoot_165h3_14 {
  margin-left: 0px;
  margin-right: 0px;
  flex-direction: row-reverse;
}

._label_165h3_14 {
  font-size: 12px !important;
}._timeDisplay_1bumk_1 {
  color: var(--grey-2);
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-top: -4px !important;
}

._text_1bumk_9 {
  color: var(--grey-2);
  font-size: 12px !important;
  margin-left: 5px !important;
}._dnsChecker_1eh6a_1 {
  width: 100%;
}._pegboardSlot_pfl0b_1 {
  font-family: gotham-book, sans-serif;
  height: 176px;
  border: solid 2px;
  border-radius: 4px;
  margin-bottom: 16px;
  padding: 15px;
  box-shadow: 1px 2px 5px var(--black-1);
  color: var(--white);
  background-color: var(--black-2);
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
._pegboardSlot_pfl0b_1:hover {
  cursor: grab;
  background-color: var(--cobalt-0);
}
._pegboardSlot_pfl0b_1 ._fabWrapper_pfl0b_19 {
  display: flex;
  justify-content: space-between;
  color: var(--white);
  max-width: 100%;
}
._pegboardSlot_pfl0b_1 ._client_pfl0b_25 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  color: var(--lightgrey-3);
  font-size: 14px;
  height: 18px;
  margin-bottom: 13px;
  text-overflow: ellipsis;
  line-height: 1.14em;
  max-height: 1.14em;
  width: 180px;
}
._pegboardSlot_pfl0b_1 ._closeIcon_pfl0b_38 {
  color: var(--cobalt-3);
  font-size: 15px;
}
._pegboardSlot_pfl0b_1 ._closeIcon_pfl0b_38:hover {
  color: var(--white);
}
._pegboardSlot_pfl0b_1 ._closeFab_pfl0b_45 {
  background-color: transparent;
  top: -5px;
  right: -5px;
  line-height: 0;
}
._pegboardSlot_pfl0b_1 ._closeFab_pfl0b_45:hover {
  background-color: var(--grey-0) !important;
}
._pegboardSlot_pfl0b_1 ._time_pfl0b_54 {
  font-weight: bold;
  color: var(--white);
  font-size: 14px;
  height: 24px;
  margin-bottom: 0;
}
._pegboardSlot_pfl0b_1 ._label_pfl0b_61 {
  font-family: gotham-medium, sans-serif;
  font-size: 15px;
  margin-top: 9px;
  margin-bottom: 21px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  line-height: 19px;
  height: 38px;
}
._pegboardSlot_pfl0b_1 ._spacer_pfl0b_74 {
  flex-grow: 1;
}
._pegboardSlot_pfl0b_1 ._bottomRow_pfl0b_77 {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}

._timerPaused_pfl0b_83 {
  opacity: 0.5;
}._root_8li6f_1 {
  color: var(--cobalt-3);
  border: 2px solid var(--cobalt-3);
  box-shadow: none;
  height: 44px;
  width: 44px;
  background-color: var(--black-2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
._root_8li6f_1:hover {
  background-color: var(--black-hover);
}
._root_8li6f_1 ._playIcon_8li6f_17 {
  position: relative;
  top: 0;
  left: 2px;
}
._root_8li6f_1 ._pauseIcon_8li6f_22 {
  position: relative;
  top: 2px;
}

._disabledColors_8li6f_27 {
  color: var(--cobalt-5) !important;
  border-color: var(--cobalt-5) !important;
}
._disabledColors_8li6f_27:hover {
  background-color: var(--black-2);
}._root_ll0d9_1 {
  width: 160px;
}
._root_ll0d9_1 progress._meter_ll0d9_4 {
  height: 8px;
  border-radius: 30px;
  overflow: hidden;
  border: none;
  line-height: 1;
  background-color: var(--cobalt-1);
}
._root_ll0d9_1 progress._meter_ll0d9_4._meter_ll0d9_4::-webkit-progress-bar {
  background-color: var(--cobalt-1);
}
._root_ll0d9_1 progress._meter_ll0d9_4._normal_ll0d9_15::-webkit-progress-value {
  background-color: var(--priority-normal);
}
._root_ll0d9_1 progress._meter_ll0d9_4._high_ll0d9_18::-webkit-progress-value {
  background-color: var(--priority-high);
}
._root_ll0d9_1 progress._meter_ll0d9_4._critical_ll0d9_21::-webkit-progress-value {
  background-color: var(--priority-critical);
}
._root_ll0d9_1 progress._meter_ll0d9_4._normal_ll0d9_15::-moz-progress-bar {
  background-color: var(--priority-normal);
}
._root_ll0d9_1 progress._meter_ll0d9_4._high_ll0d9_18::-moz-progress-bar {
  background-color: var(--priority-high);
}
._root_ll0d9_1 progress._meter_ll0d9_4._critical_ll0d9_21::-moz-progress-bar {
  background-color: var(--priority-critical);
}
._root_ll0d9_1 ._text_ll0d9_33 {
  color: var(--cobalt-3);
  font-size: 14px;
  line-height: 14px;
}
._root_ll0d9_1 ._text_ll0d9_33 ._error_ll0d9_38 {
  color: var(--watermelon);
}._workLog_1ttih_1 {
  flex-grow: 1;
}
._workLog_1ttih_1 ._workLogList_1ttih_4 {
  overflow-y: auto;
  height: calc(100vh - (665px + var(--job-card-modal-margin) * 2));
  margin-bottom: 9px;
}
._workLog_1ttih_1 ._workLogListMax_1ttih_9 {
  overflow-y: auto;
  min-height: 160px;
  margin-bottom: 9px;
}
._workLog_1ttih_1 ._commentField_1ttih_14 {
  margin-bottom: 2px;
}
._workLog_1ttih_1 ._buttons_1ttih_17 {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  height: 33px;
}
._workLog_1ttih_1 ._widget_1ttih_23 {
  display: flex;
  background-color: var(--blue-dark);
  border-radius: 20px;
  justify-content: space-around;
}
._workLog_1ttih_1 ._ccToggle_1ttih_29 {
  position: relative;
}
._workLog_1ttih_1 ._timerEdit_1ttih_32 {
  padding: 0;
  position: relative;
  width: 61px;
  color: pink;
  background-color: green;
  height: 100% !important;
  margin: 0;
}
._workLog_1ttih_1 ._fullHeight_1ttih_41 {
  height: 100% !important;
}
._workLog_1ttih_1 ._disabledIcon_1ttih_44 {
  color: var(--lightgrey-1) !important;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 2px solid var(--lightgrey-1);
  color: inherit;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47 * {
  color: inherit;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._billableEnabled_1ttih_57 {
  color: var(--teal);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._billableDisabled_1ttih_60 {
  color: var(--menthol);
}
._workLog_1ttih_1 ._tinyTimerCss_1ttih_63 {
  width: 76px;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._afterHoursEnabled_1ttih_66 {
  color: var(--tangerine);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._afterHoursDisabled_1ttih_69 {
  color: var(--tangerine-dark);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._notBillableEnabled_1ttih_72 {
  color: var(--lightgrey-1);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._notBillableDisabled_1ttih_75 {
  color: var(--grey-2);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._gratisEnabled_1ttih_78 {
  color: var(--cyan);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._gratisDisabled_1ttih_81 {
  color: var(--cyan-dark);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47._skipEmailDisabled_1ttih_84 {
  color: var(--teal);
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 4px;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47:last-child {
  border-right: none;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-right: 4px;
}
._workLog_1ttih_1 ._widgetColumn_1ttih_47:hover {
  background-color: var(--black-0) !important;
}
._workLog_1ttih_1 ._skipEmailEnabled_1ttih_101 {
  color: var(--watermelon);
}
._workLog_1ttih_1 ._playPauseIcon_1ttih_104 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 31px;
}
._workLog_1ttih_1 ._submitIcon_1ttih_110 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  font-size: 15px;
}
._workLog_1ttih_1 ._popoverClass_1ttih_117 {
  background-color: var(--blue-dark);
  color: var(--grey-1);
  width: 30px;
}
._workLog_1ttih_1 ._fullView_1ttih_122 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - (218px + var(--job-card-modal-margin) * 2));
}

._workLogFullView_1ttih_129 {
  margin-top: -55px !important;
}._root_49w71_1 {
  font-family: gotham-medium, sans-serif;
}
._root_49w71_1 ._boxInput_49w71_4 {
  width: 50%;
  padding: 0.5em;
  background-color: var(--white);
  border: 2px solid var(--grey-4);
  border-radius: 4px;
}
._root_49w71_1 ._boxInput_49w71_4 ._boxTopRow_49w71_11 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 0.6em;
  padding-bottom: 0.5em;
}
._root_49w71_1 ._boxInput_49w71_4 ._boxLabel_49w71_18 {
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
}
._root_49w71_1 ._boxInput_49w71_4 ._boxClose_49w71_22 {
  cursor: pointer;
}
._root_49w71_1 ._boxTextField_49w71_25 {
  border-color: var(--cyan);
}
._root_49w71_1 ._prePost_49w71_28 {
  padding-bottom: 1em;
  font-family: gotham-book, sans-serif;
  font-size: 14px;
}
._root_49w71_1 ._prePost_49w71_28._infoRed_49w71_33 {
  color: var(--watermelon);
}
._root_49w71_1 ._prePost_49w71_28._infoCool_49w71_36 {
  color: var(--cobalt-4);
}
._root_49w71_1 ._infoCoolLabel_49w71_39 {
  color: var(--cobalt-4) !important;
  font-size: 14px;
}
._root_49w71_1 ._buttonAlign_49w71_43 {
  text-align: right !important;
  margin-top: 12px !important;
}
._root_49w71_1 ._heading_49w71_47 {
  font-family: gotham-book, sans-serif;
  font-size: 28px;
  line-height: 24px;
  color: var(--grey-1);
  margin-bottom: 32px;
}
._root_49w71_1 ._helpline_49w71_54 {
  font-size: 16px;
  line-height: 19px;
  color: var(--grey-2);
  margin-bottom: 16px;
}
._root_49w71_1 ._form_49w71_60 {
  background: var(--lightgrey-3);
  width: 750px;
  padding: 19px 31px 24px 25px;
  border-left-width: 6px;
  border-left-color: var(--teal);
  border-left-style: solid;
}
._root_49w71_1 ._integrator_49w71_68 {
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 40px;
}
._root_49w71_1 ._integrationStatus_49w71_74 {
  font-family: gotham-book, sans-serif;
  font-size: 14px;
}
._root_49w71_1 ._integrationStatusInProgress_49w71_78 {
  color: var(--teal);
}
._root_49w71_1 ._integrationStatusComplete_49w71_81 {
  color: var(--teal);
}
._root_49w71_1 ._integrationStatusFailed_49w71_84 {
  color: var(--watermelon);
}
._root_49w71_1 ._integrationStatusWarning_49w71_87 {
  color: var(--tangerine);
}
._root_49w71_1 ._formLabel_49w71_90 {
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
  line-height: 17px;
  width: 250px;
  min-width: 250px;
}
._root_49w71_1 span._formLabel_49w71_90 {
  color: var(--teal);
}
._root_49w71_1 ._disabledLabel_49w71_100 {
  color: var(--grey-2);
}
._root_49w71_1 ._wideField_49w71_103 {
  width: 310px;
}
._root_49w71_1 ._narrowField_49w71_106 {
  width: 200px;
}
._root_49w71_1 ._inlineLabel_49w71_109 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
._root_49w71_1 ._boxLabel_49w71_18 {
  display: flex;
  flex-direction: row;
  align-items: top;
  margin-bottom: 15px;
}
._root_49w71_1 ._boxLabel_49w71_18 ._formLabel_49w71_90 {
  margin-top: 10px;
}
._root_49w71_1 ._button_49w71_43 {
  margin-left: 15px;
}
._root_49w71_1 ._button_49w71_43 ._syncIcon_49w71_127 {
  margin-right: 4px;
}
._root_49w71_1 ._smallButtonText_49w71_130 {
  font-size: 14px;
}
._root_49w71_1 ._hr_49w71_133 {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--grey-4);
  border-bottom-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}

._serviceBoardTooltip_49w71_144 {
  background: var(--black-1);
  font-size: 12px;
  font-family: gotham-book, sans-serif;
  border-radius: 4px;
}
._serviceBoardTooltip_49w71_144 ._SBTheading_49w71_150 {
  font-size: 14px;
}
._serviceBoardTooltip_49w71_144 ._SBTError_49w71_153 {
  color: var(--watermelon-light);
}._root_ggcqo_1 {
  color: var(--white);
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: gotham-book, sans-serif;
}
._root_ggcqo_1 ._header_ggcqo_8 {
  height: 70px;
  box-shadow: 0 0 8px 0 rgba(105, 121, 139, 0.5);
  background-color: var(--teal-dark);
  display: flex;
  align-items: center;
}
._root_ggcqo_1 ._content_ggcqo_15 {
  flex-grow: 1;
  background-color: var(--teal);
  display: flex;
  justify-content: center;
  align-items: center;
}
._root_ggcqo_1 ._page_ggcqo_22 {
  flex-grow: 0;
  background-color: var(--lightgrey-4);
  color: var(--black-1);
  border-radius: 10px;
}
._root_ggcqo_1 ._logoStyle_ggcqo_28 {
  margin: 0 2rem;
  width: 155px;
}
._root_ggcqo_1 ._unknown_ggcqo_32 {
  padding: 2rem;
}/**
 * Extracted from '@licoriceio/frontend/src/components/clientSchedule/CancelPage.js'
 */
._root_dvbzh_4 {
  display: flex;
  flex-direction: column;
  height: 30rem;
  width: 30rem;
  padding: 2rem;
}/**
 * Extracted from '@licoriceio/frontend/src/components/clientSchedule/TopRow.js'
 */
._root_g8pv7_4 {
  display: flex;
  align-items: center;
  height: 105px;
}
._root_g8pv7_4 ._company_g8pv7_9 {
  font-family: baloo2-bold, sans-serif;
  font-size: 24px;
  align-self: flex-start;
}
._root_g8pv7_4 ._spacer_g8pv7_14 {
  flex-grow: 1;
}
._root_g8pv7_4 ._logo_g8pv7_17 {
  max-width: 300px;
  max-height: 105px;
  align-self: flex-start;
}._root_rubt2_1 {
  display: flex;
  flex-direction: column;
  width: 70rem;
  padding: 2rem;
}
._root_rubt2_1 ._spacer_rubt2_7 {
  flex-grow: 1;
}
._root_rubt2_1 ._message_rubt2_10 {
  margin-top: 1rem;
  font-size: 18px;
  text-align: center;
}
._root_rubt2_1 ._bold_rubt2_15 {
  font-weight: bold;
}
._root_rubt2_1 ._appointment_rubt2_18 {
  border: 2px solid var(--grey-4);
  border-radius: 4px;
  display: grid;
  grid-template-columns: 25% 75%;
  width: 80%;
  align-self: center;
  margin-top: 3rem;
}
._root_rubt2_1 ._appointment_rubt2_18 ._apptCell_rubt2_27 {
  padding: 1rem;
}
._root_rubt2_1 ._appointment_rubt2_18 ._apptHeading_rubt2_30 {
  font-family: gotham-medium, sans-serif;
}
._root_rubt2_1 ._appointment_rubt2_18 ._apptContent_rubt2_33 {
  background: var(--lightgrey-3);
  font-size: 16px;
}
._root_rubt2_1 ._sendToCalendar_rubt2_37 {
  margin-top: 4rem;
  margin-bottom: 4rem;
  align-self: center;
  font-family: gotham-book, sans-serif;
  font-size: 18px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/clientSchedule/BottomRow.js'
 */
._bottomRow_mgnyd_4 {
  display: flex;
}
._bottomRow_mgnyd_4 ._spacer_mgnyd_7 {
  flex-grow: 1;
}/**
 * Extracted from '@licoriceio/frontend/src/components/clientSchedule/LandingPage.js'
 */
._root_csoa7_4 {
  display: flex;
  flex-direction: column;
  height: 50rem;
  width: 50rem;
  padding: 2rem;
}
._root_csoa7_4 ._spacer_csoa7_11 {
  flex-grow: 1;
}
._root_csoa7_4 ._criticalMessage_csoa7_14 {
  font-size: 16px;
  margin: 10px 0 0 0;
}

._labelClass_csoa7_19 {
  font-size: 16px;
}

._titleClass_csoa7_23 input {
  font-family: gotham-medium, sans-serif;
  font-size: 18px;
}._scheduleCalendar_gu2nq_1 {
  display: flex;
  flex-direction: column;
  height: calc(90vh - 5rem);
  width: 90vw;
  padding: 2rem;
}
._scheduleCalendar_gu2nq_1 ._bottomRow_gu2nq_8 {
  display: flex;
}
._scheduleCalendar_gu2nq_1 ._contentRow_gu2nq_11 {
  display: flex;
  flex-grow: 1;
}
._scheduleCalendar_gu2nq_1 ._calendar_gu2nq_15 {
  flex-grow: 1;
  padding: 1rem;
}
._scheduleCalendar_gu2nq_1 ._engineerList_gu2nq_19 {
  margin-top: 87px;
  padding-top: 0;
  width: 20rem;
  display: flex;
  flex-direction: column;
  height: calc(90vh - 360px);
  overflow-y: scroll;
}
._scheduleCalendar_gu2nq_1 ._engineerHeading_gu2nq_28 {
  min-height: 76px;
  border: 1px solid #dddddd;
  border-top: 3px solid var(--black-1);
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
._scheduleCalendar_gu2nq_1 ._staticListItem_gu2nq_36 {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dddddd;
  text-align: center;
}
._scheduleCalendar_gu2nq_1 ._loader_gu2nq_44 {
  animation: _spin_gu2nq_1 infinite 2s linear;
  font-size: 20px;
}._userCalendar_1g94u_1 {
  background-color: var(--white);
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

._avatar_1g94u_9 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-left: 35px;
  position: relative;
  top: 33px;
  width: 20rem;
}

._userName_1g94u_19 {
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  color: var(--black-1);
  line-height: 16px;
}

._calendar_scroll_parent_1g94u_26 {
  display: grid;
  grid-template-columns: 50px auto 50px;
}

._calendar_scroll_handle_1g94u_31 {
  width: 50px;
}

._greenMenuIcon_1g94u_35 {
  background: var(--white);
  color: var(--lime) !important;
}

._redMenuIcon_1g94u_40 {
  background: var(--white);
  color: var(--watermelon) !important;
}

._datePickerDiv_1g94u_45 {
  position: relative;
  top: 100px;
  left: 100px;
}
:root {
  --fc-daygrid-event-dot-width: 8px;
}
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
  }
.fc .fc-daygrid-day-bottom:before {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: flex;
  align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }

/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }

/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }
.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}
.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}
.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
    }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
.fc {

  /* bg */

}
.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }
.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}
.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }
.fc {

  /* now indicator */

}
.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness {
  position: absolute /* top/left/right/bottom will all be set by JS */
}
.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px;
}
.fc-timegrid-event { /* events need to be root */
  margin-bottom: 1px /* give some space from bottom */
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
  position: absolute;
  z-index: 9999; /* hack */
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  cursor: pointer;
  margin-bottom: 1px; /* match space below fc-timegrid-event */
}
.fc-timegrid-more-link-inner { /* has fc-sticky */
  padding: 3px 2px;
  top: 0;
}
.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
  }
.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
  }
.fc {

  /* line */

}
.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
.fc {

  /* arrow */

}
.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
._TeammateCalendarHeaderMain_1u79x_1 {
  display: flex;
  padding: 1rem 39px 8px 120px;
  font-family: gotham-book, sans-serif;
  font-size: 14px;
}
._TeammateCalendarHeaderMain_1u79x_1 ._avatar_1u79x_7 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  width: 10rem;
  flex-grow: 1;
}
._TeammateCalendarHeaderMain_1u79x_1 ._avatar_1u79x_7 ._userName_1u79x_15 {
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  color: var(--black-1);
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23 {
  height: 56px;
  max-width: 180px;
  min-width: 4rem;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 10px;
  border: solid 2px;
  padding-left: 13px;
  padding-right: 6px;
  padding-top: 8px;
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23 ._topLine_1u79x_38 {
  display: flex;
  flex-direction: row;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23 ._topLine_1u79x_38 ._topLineText_1u79x_42 {
  color: var(--black-2);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  margin-right: 2px;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23 ._topLine_1u79x_38 ._runningIcon_1u79x_53 {
  margin-top: 1px;
  font-size: 15px;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23 ._detail_1u79x_57 {
  font-family: gotham-medium, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
._TeammateCalendarHeaderMain_1u79x_1 ._pegboardItem_1u79x_23._timerPaused_1u79x_66 {
  opacity: 0.5;
  background-color: var(--lightgrey-3);
}
._TeammateCalendarHeaderMain_1u79x_1 ._blankItem_1u79x_70 {
  flex-grow: 1;
  height: 56px;
  max-width: 180px;
  min-width: 4rem;
  border-radius: 5px;
  background-color: var(--lightgrey-1);
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._TeammateCalendarHeaderMain_1u79x_1 ._blankItem_1u79x_70 ._snoozeIcon_1u79x_82 {
  color: var(--grey-4);
  font-size: 15px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/clientSchedule/SelectEngineerLine.js'
 */
._root_1ybf3_4 {
  min-height: 60px;
  font-size: 14px;
  border: 1px solid #dddddd;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
._root_1ybf3_4 ._name_1ybf3_13 {
  flex-grow: 1;
}._root_yc5x8_1 {
  display: flex;
  flex-direction: column;
  width: 30rem;
  padding: 2rem;
}
._root_yc5x8_1 ._message_yc5x8_7 {
  font-size: 18px;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
._root_yc5x8_1 ._message_yc5x8_7 ._bold_yc5x8_13 {
  font-weight: bold;
}._root_a41r2_1 {
  border-radius: 5px;
  color: var(--black-1);
}
._root_a41r2_1 ._dangerButton_a41r2_5 {
  background-color: var(--watermelon);
  margin: 0;
}
._root_a41r2_1 ._dangerButton_a41r2_5:hover {
  background-color: var(--watermelon-dark);
}
._root_a41r2_1 ._safetyButton_a41r2_12 {
  background-color: var(--teal);
  margin: 0;
}
._root_a41r2_1 ._safetyButton_a41r2_12:hover {
  background-color: var(--teal-dark);
}
._root_a41r2_1 ._cancelButton_a41r2_19 {
  background-color: var(--grey-4);
  margin: 0;
}
._root_a41r2_1 ._cancelButton_a41r2_19:hover {
  background-color: var(--grey-3);
}
._root_a41r2_1 ._content_a41r2_26 {
  padding: 13px 21px;
}
._root_a41r2_1 ._titleStyle_a41r2_29 {
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  padding: 14px 21px;
}
._root_a41r2_1 ._contentText_a41r2_34 {
  color: var(--black-1);
  font-size: 14px;
}
._root_a41r2_1 ._actionsStyle_a41r2_38 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 18px 26px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/pages/ForgotPassword.js'
 */
._root_1xuo1_4 {
  display: flex;
  flex-direction: column;
  min-width: 450px;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
}
._root_1xuo1_4 ._button_1xuo1_11 {
  margin-top: 35px;
}
._root_1xuo1_4 ._greeting_1xuo1_14 {
  font-weight: bold;
  padding-bottom: 0;
}
._root_1xuo1_4 ._link_1xuo1_18 {
  margin-left: 5px;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  color: var(--black-1) !important;
}._root_1rjiu_1 {
  color: var(--white);
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: gotham-book, sans-serif;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  background-color: var(--black-2);
  width: 100%;
}
._root_1rjiu_1 ._content_1rjiu_13 {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 35rem;
}
._root_1rjiu_1 ._content_1rjiu_13 ._page_1rjiu_19 {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  background-color: var(--lightgrey-4);
  color: var(--black-1);
  border-radius: 10px;
  padding: 32px 40px;
  min-width: 35rem;
  max-width: 45rem;
  width: "fit-content";
  box-shadow: 1px 1px 5px rgba(0, 0, 17, 0.2);
}
._root_1rjiu_1 ._content_1rjiu_13 ._slim_1rjiu_32 {
  min-width: 28rem;
  width: 28rem;
}
._root_1rjiu_1 ._content_1rjiu_13 ._crisp_1rjiu_36 {
  padding: 0;
}
._root_1rjiu_1 ._content_1rjiu_13 ._bottomText_1rjiu_39 {
  width: 100%;
  font-family: gotham-medium, sans-serif;
  margin-top: 0.5rem;
}
._root_1rjiu_1 ._content_1rjiu_13 ._bottomText_1rjiu_39 ._link_1rjiu_44 {
  color: var(--cobalt-3);
  margin-left: 0.5rem;
  font-size: 13px;
  text-decoration: underline;
  float: right;
}
._root_1rjiu_1 ._content_1rjiu_13 ._bottomText_1rjiu_39 ._copyRight_1rjiu_51 {
  color: var(--cobalt-3);
  font-size: 13px;
}._tooltip_1bhx7_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}._fieldLabel_1wdke_1 {
  margin-bottom: 0;
}

._book_1wdke_5 {
  font-family: gotham-book, sans-serif;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 9px;
}

._medium_1wdke_12 {
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 9px;
}

._error_1wdke_19 {
  font-family: gotham-book, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

._passwordScore_1wdke_25 {
  margin-top: 10px;
  margin-bottom: 30px;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
}

._buttonPanel_1wdke_32 {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

._subdomainText_1wdke_38 {
  color: ar(--grey-2);
  font-size: 16px;
  padding-bottom: 10px;
}._passwordScore_1ytvp_1 {
  margin-top: 10px;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
}

._passwordTooltip_1ytvp_7 {
  min-width: 600px;
  font-size: 14px;
}

._strengthImage_1ytvp_12 {
  height: 32px;
  width: 32px;
}._greeting_69mz8_1 {
  font-weight: bold;
  padding-bottom: 20px;
}

._fieldLabel_69mz8_6 {
  margin-bottom: 0;
  margin-top: 20px;
}

._medium_69mz8_11 {
  color: var(--grey-1);
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
}

._buttonRow_69mz8_17 {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

._subdomainText_69mz8_23 {
  color: ar(--grey-2);
  font-size: 16px;
  padding-bottom: 10px;
}._root_qrf20_1 {
  cursor: auto;
}
._root_qrf20_1 ._teal_qrf20_4 {
  color: var(--teal-hover);
}
._root_qrf20_1._loading_qrf20_7 {
  cursor: wait;
}
._root_qrf20_1 ._fix-logical-expression_qrf20_10 {
  cursor: wait;
}
._root_qrf20_1 ._logo_qrf20_13 {
  margin: 1rem 2rem 1.5rem;
  width: 155px;
  align-self: center;
}
._root_qrf20_1 ._heading_qrf20_18 {
  font-family: gotham-medium, sans-serif;
  font-size: 20px;
  align-self: flex-start;
  margin-bottom: 1rem;
}
._root_qrf20_1 ._subHeading_qrf20_24 {
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
  width: 100%;
  display: flex;
  margin-bottom: 1rem;
}
._root_qrf20_1 ._back_qrf20_31:hover {
  text-decoration: underline;
  cursor: pointer;
}
._root_qrf20_1 ._errorLine_qrf20_35 {
  color: var(--watermelon);
  padding: 0 0 1rem 0;
}
._root_qrf20_1 ._spacer_qrf20_39 {
  flex-grow: 1;
}
._root_qrf20_1 ._subdomainText_qrf20_42 {
  color: ar(--grey-2);
  font-size: 16px;
  padding-bottom: 10px;
}._mfaSection_14wlp_1 {
  display: flex;
  flex-flow: column nowrap;
  font-family: gotham-book, sans-serif;
  font-style: normal;
}
._mfaSection_14wlp_1 ._topRow_14wlp_7 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-weight: bold;
}
._mfaSection_14wlp_1 ._textSection_14wlp_13 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: -0.2px;
  text-align: left;
  color: var(--black-1);
  padding-bottom: 2em;
}
._mfaSection_14wlp_1 ._textSection_14wlp_13 ._heavy_14wlp_22 {
  font-weight: bold;
}
._mfaSection_14wlp_1 ._textSection_14wlp_13 ._letterSpace_14wlp_25 {
  padding-left: 0.2em;
}
._mfaSection_14wlp_1 ._reddishText_14wlp_28 {
  color: var(--critical);
}
._mfaSection_14wlp_1 ._columns_14wlp_31 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  font-family: monospace;
  color: black;
  max-height: 12rem;
}
._mfaSection_14wlp_1 ._columns_14wlp_31 ._codeEntry_14wlp_39 {
  padding-left: 3em;
  padding-right: 3em;
}
._mfaSection_14wlp_1 ._QRCode_14wlp_43 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
._mfaSection_14wlp_1 ._qrInput_14wlp_48 {
  display: grid;
  grid-template-columns: 15% 15% 15% 5% 15% 15% 15%;
  column-gap: 0.1em;
  justify-content: space-around;
  align-items: baseline;
  width: 80%;
  align-self: center;
}
._mfaSection_14wlp_1 ._qrInput_14wlp_48 ._gridItem_14wlp_57 {
  display: flex;
  color: black;
  border: 2px solid rgba(0, 0, 0, 0.2);
  width: 86%;
  border-radius: 4px;
  font-size: 1.5em;
  justify-content: center;
  padding: 0.4em 0;
}
._mfaSection_14wlp_1 ._qrInput_14wlp_48 ._active_14wlp_67 {
  border-color: var(--cobalt-1);
}
._mfaSection_14wlp_1 ._qrInput_14wlp_48 ._gridCenter_14wlp_70 {
  border: 0;
  padding: 0;
  width: 60%;
}
._mfaSection_14wlp_1 ._filled_14wlp_75 {
  align-self: stretch;
}
._mfaSection_14wlp_1 ._centered_14wlp_78 {
  align-self: center;
}
._mfaSection_14wlp_1 ._rightJustify_14wlp_81 {
  text-align: right;
}
._mfaSection_14wlp_1 ._forgotMfaLink_14wlp_84 {
  color: var(--black-1) !important;
  margin-bottom: 20px;
}
._mfaSection_14wlp_1 ._spacer_14wlp_88 {
  padding: 1em;
}
._mfaSection_14wlp_1 ._spacelet_14wlp_91 {
  padding: 0.5em;
}
._mfaSection_14wlp_1 ._offScreenTouchDevice_14wlp_94 {
  position: absolute;
  left: -500px;
  top: 800px;
  overflow: hidden;
}._registrationRoot_1sgq7_1 {
  display: flex;
  flex-direction: column;
}

._logoStyle_1sgq7_6 {
  margin: 2rem 2rem 1rem;
}

._forgotLink_1sgq7_10 {
  color: var(--black-1) !important;
  font-family: gotham-medium, sans-serif;
  margin-bottom: 20px;
}

._error_1sgq7_16 {
  color: var(--watermelon);
  min-height: 30px;
}

._spacer_1sgq7_21 {
  flex-grow: 1;
}

._infoIcon_1sgq7_25 {
  color: var(--grey-2);
  margin-left: 6px;
}

._pwd_1sgq7_30 {
  margin: 2rem;
  display: flex;
  flex-flow: row nowrap;
  height: 0.35rem;
  width: 300px;
  min-width: 300px;
  background: none;
  justify-content: space-between;
  align-items: center;
}
._pwd_1sgq7_30 ._ptext_1sgq7_41 {
  white-space: nowrap;
  font-size: 0.8em;
  padding-right: 1em;
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46 {
  width: 80%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 0.3em;
  justify-content: space-between;
  box-sizing: border-box;
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46 ._pip_1sgq7_55 {
  width: 100%;
  height: 90%;
  border-radius: 0.5rem;
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46._s0_1sgq7_60 ._pip_1sgq7_55 {
  background-color: var(--watermelon);
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46._s1_1sgq7_63 ._pip_1sgq7_55 {
  background-color: var(--tangerine);
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46._s2_1sgq7_66 ._pip_1sgq7_55 {
  background-color: var(--wattle);
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46._s3_1sgq7_69 ._pip_1sgq7_55 {
  background-color: var(--lime);
}
._pwd_1sgq7_30 ._pwdstrength_1sgq7_46._s4_1sgq7_72 ._pip_1sgq7_55 {
  background-color: var(--teal);
}

._passwordScore_1sgq7_76 {
  margin-top: 10px;
}._root_1uc4r_1 {
  width: 40rem;
}
._root_1uc4r_1 ._headingText_1uc4r_4 {
  font-family: "gotham-medium", sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 20px;
}
._root_1uc4r_1 ._bodyText_1uc4r_10 {
  font-family: "gotham-book", sans-serif;
  margin-bottom: 20px;
  line-height: 20px;
}
._root_1uc4r_1 ._buttonDiv_1uc4r_15 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
}
._root_1uc4r_1 ._submitButton_1uc4r_21 {
  margin: 20px auto 0;
  display: block;
}
._root_1uc4r_1 ._link_1uc4r_25 {
  color: var(--teal);
  font-family: "gotham-medium", sans-serif;
  font-size: 16px;
}._rootHome_1yfd8_1 {
  width: 100%;
  display: grid;
  grid-template-columns: 280px auto 280px;
  background-color: var(--lightgrey-1);
}
._rootHome_1yfd8_1 ._homeContainer_1yfd8_7 {
  position: relative;
}
._rootHome_1yfd8_1 ._notificationContainer_1yfd8_10 {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px 0 rgba(105, 121, 139, 0.5);
}

._rootHomeWithFilter_1yfd8_16 {
  grid-template-columns: 280px auto 500px;
}._MainCalendarStyle_11mmt_1 {
  background-color: var(--white);
  margin: 20px 40px 0px;
  border-radius: 5px 5px 0 0;
  padding: 15px 0 0 0;
}
._MainCalendarStyle_11mmt_1 ._outerBox_11mmt_7 {
  overflow: hidden;
  height: calc(100vh - 177px);
  background-color: var(--lightgrey-1);
}
._MainCalendarStyle_11mmt_1 ._innerBox_11mmt_12 {
  overflow: auto;
  height: 100%;
  margin-top: -5px;
  background-color: var(--lightgrey-1);
}._messageBox_ism84_1 {
  font-family: gotham-book, sans-serif;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 99;
  opacity: 1;
  top: 100vh;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: var(--lightgrey-1);
  border-top: 1px solid var(--grey-3);
  border-right: 1px solid var(--grey-4);
  transition: transform 1s;
  visibility: hidden;
}
._messageBox_ism84_1 ._button_ism84_18 {
  color: var(--lightgrey-1);
  background-color: var(--black-1);
}
._messageBox_ism84_1 ._button_ism84_18:hover {
  background-color: var(--black-0);
}
._messageBox_ism84_1 ._message_ism84_1 {
  color: var(--grey-1);
  font-size: 14px;
  margin-left: 20px;
}
._messageBox_ism84_1 ._closeButton_ism84_30 {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 12px 0 0;
  display: block;
  width: 30px;
  height: 30px;
}
._messageBox_ism84_1 ._closeButton_ism84_30:hover {
  background-color: transparent;
}
._messageBox_ism84_1 ._closeIcon_ism84_42 {
  font-size: 1.3em;
  color: var(--grey-1);
  position: relative;
  top: 3px;
  left: 0;
}
._messageBox_ism84_1 ._closeIcon_ism84_42:hover {
  color: var(--black-1);
}

._shown_ism84_53 {
  transform: translateY(-120px);
  visibility: visible;
}._CalendarSearchBarMain_1t0vn_1 {
  display: flex;
  padding: 8px 5px 10px 120px;
  font-family: gotham-book, sans-serif !important;
}
._CalendarSearchBarMain_1t0vn_1 ._sizerThing_1t0vn_6 {
  width: 16rem !important;
}

._chip_1t0vn_10 {
  font-size: 13px !important;
  margin-left: 10px;
  min-width: 59px !important;
  padding-left: 7px !important;
  background-color: var(--lightgrey-2) !important;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}._jobCardModal_mz0dh_1 {
  display: flex;
  width: 80%;
  min-height: 45%;
  max-height: calc(100vh - var(--job-card-modal-margin) * 2);
  background: var(--white);
  min-width: 1200px;
  max-width: 1500px;
  border-radius: 16px;
  overflow: hidden;
  outline: none;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 0 8px 0 rgba(105, 121, 139, 0.5);
}

._busyCardModal_mz0dh_20 {
  display: block;
  width: 80%;
  background: var(--white);
  min-width: 900px;
  max-width: 900px;
  border-radius: 20px;
  overflow: hidden;
  outline: none;
  margin: 50px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px 0 rgba(105, 121, 139, 0.5);
}

._closeButton_mz0dh_37 {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 0 auto;
  display: block;
}

._closeIcon_mz0dh_45 {
  font-size: 1.7em;
  position: relative;
  top: 3px;
  left: 0;
}._busyCard_yjeu5_1 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
._busyCard_yjeu5_1 ._section_yjeu5_7 {
  padding-right: 20px;
}
._busyCard_yjeu5_1 ._form_yjeu5_10 {
  height: 100%;
  display: grid;
  background: var(--lightgrey-4);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  max-height: 100%;
  padding: 30px 40px 11px;
}._jobCardTopPanel_1ww5k_1 {
  display: flex;
  flex-flow: row nowrap;
  height: 77px;
  padding: 17px 27px;
  align-items: center;
  z-index: 1;
  box-shadow: 0px 0px 4px var(--grey-2);
}
._jobCardTopPanel_1ww5k_1 ._deleteButton_1ww5k_10 {
  flex-basis: 40px;
}
._jobCardTopPanel_1ww5k_1 ._deleteIcon_1ww5k_13 {
  color: var(--black-1);
  font-size: 1.2em;
  width: 40px;
  position: relative;
  top: 2px;
}
._jobCardTopPanel_1ww5k_1 ._closeButton_1ww5k_20 {
  flex-basis: 40px;
  margin-left: 1rem;
}
._jobCardTopPanel_1ww5k_1 ._closeIcon_1ww5k_24 {
  color: var(--black-1);
  font-size: 1.7em;
  vertical-align: middle;
}
._jobCardTopPanel_1ww5k_1 ._jobId_1ww5k_29 {
  color: var(--grey-4);
  font-family: gotham-book, sans-serif !important;
  font-size: 14px;
  margin-right: 40px;
  padding-top: 1px;
}
._jobCardTopPanel_1ww5k_1 ._resolveButton_1ww5k_36 {
  display: flex;
  margin: 0 45px 0 auto;
}
._jobCardTopPanel_1ww5k_1 ._cardTypeToggle_1ww5k_40 {
  flex-grow: 1;
  margin-left: 45px;
  justify-content: left;
  display: flex;
  flex-flow: row nowrap;
  height: 30px;
  align-items: center;
  padding-top: 1px;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 {
  font-family: baloo2-bold, sans-serif;
  font-size: 20px;
  line-height: 24px;
  margin-right: 30px;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 ._jobLabel_1ww5k_56 {
  display: inline-flex;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 ._jobCompany_1ww5k_59 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--grey-4);
  max-width: 200px;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 ._jobTitle_1ww5k_66 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 300px;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 ._jobDescription_1ww5k_72 {
  display: flex;
  justify-content: flex-start;
}
._jobCardTopPanel_1ww5k_1 ._toggleLabel_1ww5k_50 ._jobSeparator_1ww5k_76 {
  color: var(--lightgrey-2);
  font-family: gotham-book, sans-serif;
}
._jobCardTopPanel_1ww5k_1 ._toggleSelected_1ww5k_80 {
  cursor: default;
  color: var(--black-1);
  user-select: none;
}
._jobCardTopPanel_1ww5k_1 ._toggleNormal_1ww5k_85 {
  cursor: pointer;
  color: var(--grey-4);
  user-select: none;
}
._jobCardTopPanel_1ww5k_1 ._toggleNormal_1ww5k_85:hover {
  color: var(--black-1);
}
._jobCardTopPanel_1ww5k_1 ._toggleDisabled_1ww5k_93 {
  display: none;
}._invisibleBackdrop_ab5xs_1 {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 101;
}

._backdrop_ab5xs_11 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  opacity: 0.4;
  background-color: var(--black-0);
}._AssetCard_10szc_1 {
  width: 506px;
  height: 688px;
  flex-grow: 0;
  padding: 11px 0 11px 17px;
  background-color: pink;
}

._configSection_10szc_9 {
  background-color: #dfe3e8;
  padding: 10px 40px 0;
  position: relative;
}

._addAsset_10szc_15 {
  padding: 0 40px 10px;
  background-color: #dfe3e8;
  display: flex;
  align-items: center;
  min-height: 40px;
  font-size: 13px;
  text-align: left;
  color: var(--grey-2);
}

._assetsLabel_10szc_26 {
  display: flex;
  align-items: center;
  height: 16px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.18px;
  text-align: left;
  color: var(--grey-2);
  line-height: 18px;
  font-family: gotham-medium, sans-serif;
  font-weight: 400;
}

._addIcon_10szc_41 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 5px;
  height: 9.8px;
  width: 9.8px;
}

._association_10szc_50 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 227.2px;
  margin: 2px 0 6px;
  padding: 1px 12px 0 0;
  background-color: var(--grey-4);
  font-family: "sourcecodepro-regular";
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: -0.17px;
  text-align: left;
  color: var(--black-1);
  border-radius: 0 50px 50px 0;
  box-shadow: 0 1px 0px 0px rgba(53, 73, 93, 0.16);
}

._associationContent_10szc_71 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--grey-1);
  padding: 7px 0;
}

._Vector_10szc_79 {
  width: 5.3px;
  height: 10.5px;
  margin: 0 10.5px 0 10.5px;
}

._assetsList_10szc_85 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

._assetLabelList_10szc_91 {
  color: var(--black-1);
  max-width: 150px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._selector_10szc_100 {
  display: flex;
}

._close_10szc_104 {
  cursor: pointer;
}._jobCard_974hz_1 {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
._jobCard_974hz_1 ._section_974hz_6 {
  padding-right: 20px;
}
._jobCard_974hz_1 ._form_974hz_9 {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 6fr 3fr;
}
._jobCard_974hz_1 ._form_974hz_9 ._leftSection_974hz_14 {
  padding: 28px 41px 0 41px;
  background-color: var(--lightgrey-4);
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: column;
}
._jobCard_974hz_1 ._form_974hz_9 ._rightSection_974hz_21 {
  display: flex;
  flex-direction: column;
  background-color: var(--lightgrey-3);
}
._jobCard_974hz_1 ._form_974hz_9 ._rightSection_974hz_21 ._rightSectionScroll_974hz_26 {
  overflow-y: auto;
  flex-grow: 1;
  max-height: calc(100vh - (111px + var(--job-card-modal-margin) * 2));
  display: flex;
  flex-direction: column;
}
._jobCard_974hz_1 ._form_974hz_9 ._rightSection_974hz_21 ._rightSectionItem_974hz_33 {
  font-family: gotham-book, sans-serif;
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 40px;
}._chipContainer_y26dp_1 {
  margin: 0;
  position: relative;
  left: -5px;
  display: flex;
  flex-wrap: wrap;
}

._addLine_y26dp_9 {
  display: flex;
  margin-top: -3px;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

._selector_y26dp_17 {
  margin-left: 6px;
  flex-grow: 1;
}
._selector_y26dp_17._hidden_y26dp_21 {
  visibility: hidden;
}
._selector_y26dp_17._visible_y26dp_24 {
  visibility: visible;
}

h3._warning_y26dp_28, ._warning_y26dp_28 {
  color: var(--watermelon) !important;
}

h3 {
  color: var(--grey-2) !important;
}

h3 ._grabber_y26dp_36 svg {
  color: var(--grey-3) !important;
  cursor: grab;
}

._warning_y26dp_28 svg {
  font-size: 13px;
}

._userChip_y26dp_45:hover, ._userChip_y26dp_45:focus {
  background-color: var(--grey-4) !important;
}

._noDeleteIcon_y26dp_49 {
  padding-right: 12px !important;
}._userDetails_c5i6z_1 {
  padding: 1rem 1rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  width: 500px;
  font-family: gotham-medium, sans-serif;
  color: var(--black-1);
}
._userDetails_c5i6z_1 ._label_c5i6z_9 {
  width: 6rem;
  margin-top: 2px;
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
}
._userDetails_c5i6z_1 ._header_c5i6z_15 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0rem;
  padding-bottom: 1rem;
}
._userDetails_c5i6z_1 ._header_c5i6z_15 ._headerName_c5i6z_22 {
  font-size: 18px;
  padding-top: 3px;
}
._userDetails_c5i6z_1 ._header_c5i6z_15 ._editButton_c5i6z_26 {
  margin-left: 0.5rem;
  color: var(--cobalt-3);
}
._userDetails_c5i6z_1 ._header_c5i6z_15 ._closeButton_c5i6z_30 {
  top: 1px;
  left: 5px;
}
._userDetails_c5i6z_1 ._closeButton_c5i6z_30 {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 0 0 auto;
  display: block;
}
._userDetails_c5i6z_1 ._closeIcon_c5i6z_41 {
  font-size: 0.5rem;
  position: relative;
  top: 0;
  left: 0;
}
._userDetails_c5i6z_1 ._readonly_c5i6z_47 {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1px;
  margin-bottom: 0.9rem;
}
._userDetails_c5i6z_1 ._readonly_c5i6z_47 ._viewLabel_c5i6z_54 {
  color: var(--black-1);
  width: 6rem;
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
  margin-top: 2px;
}
._userDetails_c5i6z_1 ._readonly_c5i6z_47 ._viewValue_c5i6z_61 {
  background-color: var(--lightgrey-3);
  color: var(--black-1);
  padding: 0.5rem;
  border-radius: 3px;
  flex-grow: 1;
  margin-left: 11px;
}
._userDetails_c5i6z_1 ._saveButton_c5i6z_69 {
  margin: 0 0 0 1rem;
}._appointmentList_1r9ny_1 {
  color: var(--black-1);
  font-family: gotham-book, sans-serif;
}
._appointmentList_1r9ny_1 ._icon_1r9ny_5 {
  font-size: 13px;
  margin-right: 8px;
  margin-top: 3px;
  margin-bottom: 1px;
}
._appointmentList_1r9ny_1 ._bold_1r9ny_11 {
  font-family: gotham-medium, sans-serif;
}
._appointmentList_1r9ny_1 ._cancelled_1r9ny_14 {
  text-decoration: line-through;
  color: var(--grey-2);
}
._appointmentList_1r9ny_1 ._done_1r9ny_18 {
  color: var(--teal);
}

._appointment_1r9ny_1 {
  display: flex;
  flex-direction: row;
  margin-bottom: 2px;
}._form_1p0sn_1 {
  padding: 0 20px;
  height: 816px;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow-y: auto;
  font-family: SourceCodePro;
}

._fieldRow_1p0sn_10 {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}

._header_1p0sn_16 {
  position: sticky;
  top: 0;
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0rem;
  padding: 1rem 0;
  justify-content: space-between;
  z-index: 2;
}

._headerSection_1p0sn_29 {
  display: flex;
  flex-direction: row;
  font-size: 20px;
  padding-top: 3px;
  font-family: baloo2-bold, sans-serif;
  font-weight: bold;
  color: var(--grey-3);
  max-width: 300px;
  align-items: center;
}

._headerName_1p0sn_41 {
  color: var(--black-1);
}

._ellipsis_1p0sn_45 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}

._row_1p0sn_52 {
  display: flex;
  flex-direction: row;
}

._alignCenter_1p0sn_57 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._separator_1p0sn_63 {
  color: var(--lightgrey-2);
  padding: 0 4px;
}

._editButton_1p0sn_68 {
  margin-left: 0.5rem;
  color: var(--cobalt-3);
}

._closeButton_1p0sn_73 {
  top: 1px;
  left: 5px;
  color: var(--black-1);
}

._closeIcon_1p0sn_79 {
  font-size: 15px;
  position: relative;
  top: 0;
  left: 0;
}

._readonly_1p0sn_86 {
  border: 1px solid var(--white);
  margin: -1px 0; /* Compensate for the doubled borders */
  padding: 1px 0;
  background-color: var(--lightgrey-2);
}

._fieldContainer_1p0sn_93 {
  display: flex;
  align-items: center;
}

._viewLabel_1p0sn_98 {
  flex: 1;
  min-width: 129px;
  padding: 10px 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: var(--black-1);
  max-width: 129px;
  font-family: "sourcecodepro-regular";
}

._headerSelect_1p0sn_110 {
  color: var(--grey-3);
  margin-left: 20px;
}

._toggleField_1p0sn_115 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

._liveSearch_1p0sn_121 {
  display: flex;
  height: 38px !important;
}

._selectLabel_1p0sn_126 {
  margin-bottom: 0;
  background-color: pink;
}

._saveButton_1p0sn_131 {
  margin: 0 0 0 1px;
  width: 71px;
  height: 32px;
  flex-grow: 0;
  margin: 0 1px 0 171px;
  padding: 6.8px 19.4px 7.2px 19.6px;
  background-color: var(--teal);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--black-1);
}

._cancelButton_1p0sn_144 {
  width: 97px;
  height: 32px;
  display: flex;
  flex-grow: 0;
  justify-content: center;
  margin: 0 0 0 1px;
  background-color: var(--grey-4);
  color: var(--black-1);
}

._footer_1p0sn_155 {
  position: sticky;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: var(--white);
  padding: 20px 0;
}

._footerButtons_1p0sn_165 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

._footerMsg_1p0sn_171 {
  font-size: 12px;
  color: var(--red);
}

._redMsg_1p0sn_176 {
  color: var(--red);
}

._formHeading_1p0sn_180 {
  font-size: 16px;
  color: var(--grey-2);
  font-weight: bold;
  padding: 10px 5px;
  border-radius: 4px;
  font-family: "sourcecodepro-regular";
}

._accIcon_1p0sn_189 {
  width: 22px;
  height: 10px;
  color: var(--grey-2);
}

._formQuestionList_1p0sn_195 {
  width: 426px;
}

._editInputField_1p0sn_199 {
  border: 0;
  flex: 2;
  padding: 10px 5px;
  height: 100%;
  color: var(--black-1);
  font-size: 13px;
  margin: 2px;
  width: 199px;
  background-color: var(--lightgrey-2);
  font-family: "sourcecodepro-regular";
  font-weight: normal;
  font-size: 13px;
}

._editSelectField_1p0sn_214 {
  border: 0;
  flex: 2;
  padding: 12px !important;
  height: 100%;
  color: var(--black-1);
  font-size: 13px;
  width: 250px;
  background-color: var(--lightgrey-2);
}

._editInputField_1p0sn_199:focus {
  border-color: var(--teal);
  outline-color: var(--teal);
  background-color: var(--white);
}

._textAreaInputField_1p0sn_231:focus {
  border-color: var(--teal);
  outline-color: var(--teal);
}

._formFields_1p0sn_236 {
  display: flex;
  min-height: 670px;
}

._typeDropdown_1p0sn_241 {
  min-width: 250px !important;
}.roundInputRoot {
  padding: 0;
  margin: 0;
  border-top-left-radius: 17px !important;
  border-bottom-left-radius: 17px !important;
  height: 34px;
  width: 100% !important;
  border-width: 1px !important;
  border-color: var(--cobalt-3) !important;
  box-sizing: content-box !important;
}

.roundInputBox {
  padding: 0;
  margin: 0;
  font-size: 14px;
  height: 100%;
  background-color: #3dcc4a;
}

.confAutocomplete {
  height: 34px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  font-size: 50px;
}

.autocompleteInput {
  height: 100%;
}

.autocomplete .MuiAutocomplete-inputRoot[class*=MuiOutlinedInput-root] {
  /* Make the input fill the full height of Autocomplete */
  height: 100%;
}._checklistStyle_ferpp_1 {
  font-family: gotham-book, sans-serif;
}
._checklistStyle_ferpp_1 ._inputRow_ferpp_4 {
  display: flex;
  flex-flow: row-reverse nowrap;
  align-items: center;
  justify-content: flex-end;
  min-height: 40px;
}
._checklistStyle_ferpp_1 ._input_ferpp_4 {
  margin-left: 0;
}
._checklistStyle_ferpp_1 ._checkItems_ferpp_14 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
}
._checklistStyle_ferpp_1 ._checklistItem_ferpp_19 ._checklistCloseButton_ferpp_19 {
  visibility: hidden;
  top: 1px;
  left: 5px;
  opacity: 0;
  transition: visibility 0s, opacity 0.15s linear;
}
._checklistStyle_ferpp_1 ._checklistItem_ferpp_19 ._label_ferpp_26 {
  font-size: 14px;
  padding-top: 2px;
}
._checklistStyle_ferpp_1 ._checklistItem_ferpp_19:hover ._checklistCloseButton_ferpp_19 {
  visibility: visible;
  opacity: 1;
}
._checklistStyle_ferpp_1 ._checkbox_ferpp_34 {
  padding: 0;
  margin-left: 0;
  left: -3px;
}._topRow_nz7l7_1 {
  margin-bottom: 20px;
  align-items: center;
  display: flex;
}

._spacer_nz7l7_7 {
  flex-grow: 1;
}

._estimatedTimeStyle_nz7l7_11 {
  display: flex;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 0 !important;
  font-size: 12px;
}

._estimatedTimeInput_nz7l7_19 {
  width: 55px !important;
  text-align: center;
}

._companyStatus_nz7l7_24 {
  background-color: rgba(255, 213, 0, 0.25);
  border-radius: 5px;
  margin-bottom: 1rem;
  font-family: gotham-book, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  opacity: 1;
  transition: opacity 0.4s linear, max-height 0.4s linear, margin-bottom 0.4s linear;
  max-height: 1000px;
}
._companyStatus_nz7l7_24 ._statusText_nz7l7_37 {
  flex-grow: 1;
  margin: 1rem 0 1rem 1rem;
}
._companyStatus_nz7l7_24 ._statusName_nz7l7_41 {
  font-family: gotham-medium, sans-serif;
}

._companyStatus_nz7l7_24._statusHidden_nz7l7_45 {
  opacity: 0;
  max-height: 0;
  margin-bottom: 0;
}

._companyStatus_nz7l7_24._readOnlyClient_nz7l7_51 {
  background-color: rgba(230, 76, 102, 0.25);
}

._displayNone_nz7l7_55 {
  display: none !important;
}

._displayFlex_nz7l7_59 {
  display: flex;
}

._boardTypeContainer_nz7l7_63 {
  display: flex;
  align-items: end;
  margin-bottom: 4px;
}

._boardTypeDropdown_nz7l7_69 {
  padding: 8px 32px 8px 8px !important;
  min-width: 3rem !important;
}

._boardTypeLabel_nz7l7_74 {
  margin-bottom: 0;
  margin-right: 4px;
}._tagChip_1hkqg_1 {
  padding: 5px 12px 0 12px;
  margin-left: 2px;
  height: 33px;
  border-radius: 16px;
  background-color: var(--grey-4);
  color: var(--grey-1);
  font-family: gotham-book, sans-serif;
  font-size: 12px;
}

._deleteIcon_1hkqg_12 {
  border-radius: 50%;
  width: 12px;
  padding: 2px;
  margin-bottom: -2px;
}
._deleteIcon_1hkqg_12:hover {
  background-color: var(--grey-3);
}._boardTypeDropdown_k638n_1 {
  margin-top: 0 !important;
  padding: 8px 32px 8px 8px !important;
  min-width: 3rem !important;
}

._boardTypeLabel_k638n_7 {
  margin-top: 0 !important;
  margin-bottom: 0;
  margin-right: 4px;
}._licoTabs_m7w5v_1 {
  min-height: 38px !important;
}
._licoTabs_m7w5v_1 ._tab_m7w5v_4 {
  margin-right: 9px;
  background-color: var(--lightgrey-3);
  font-size: 13px;
  line-height: 15px;
  color: var(--grey-3);
  padding: 3px 20px 0 20px;
  min-width: 100px;
  min-height: 38px;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
}
._licoTabs_m7w5v_1 ._panel_m7w5v_16 {
  background-color: var(--lightgrey-3);
  padding: 20px 20px 13px 20px;
}
._licoTabs_m7w5v_1 ._panelMax_m7w5v_20 {
  background-color: var(--lightgrey-3);
  padding: 20px 20px 13px 20px;
  overflow-y: auto;
}

._dynamicLicoTabs_m7w5v_26 {
  min-height: 0px !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}

._dynamicLicoTabsMainContainer_m7w5v_33 {
  min-height: 33px !important;
  display: flex;
  flex-direction: row;
  height: auto;
  padding-left: 17px;
  padding-right: 17px;
}

._dynamicPanel_m7w5v_42 {
  background-color: var(--lightgrey-1);
  padding: 20px 4px 13px;
  overflow-y: auto;
  height: 100%;
}

._dynamicTabStyle_m7w5v_49 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  background-color: var(--lightgrey-1);
  font-size: 13px;
  line-height: 15px;
  color: var(--grey-3);
  padding: 3px 14px 0 14px;
  min-width: 100px;
  min-height: 34px;
  border-radius: 4px 4px 0px 0px;
  opacity: 1;
  margin-right: 9px;
  border: solid 1px #bac3cb;
  height: 100%;
  border-top: 4px solid var(--grape) !important;
}

._jobCreatedTab_m7w5v_68 {
  border-top: 4px solid var(--teal) !important;
}

._dynamicTabLabelStyle_m7w5v_72 {
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  text-overflow: ellipsis;
}

._dynamicTabIconStyle_m7w5v_79 {
  margin-left: 10px;
}

._resizeIcon_m7w5v_83 {
  background-color: var(--lightgrey-3);
  display: flex;
  justify-content: flex-end;
  color: var(--grey-3);
  padding: 6.6px 9.4px 15.6px 11px;
}

._addNewTab_m7w5v_91 {
  min-width: 30px;
  max-width: 30px;
  min-height: 34px;
  height: 0;
  color: var(--black-2);
  border: none !important;
}._editorClass_zhkkd_1 {
  border-color: var(--grey-4);
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  background-color: var(--white);
  padding: 14px 19px;
  overflow-x: hidden;
  max-height: 110px;
  height: 110px;
  overflow-y: auto;
  line-height: 16px;
  font-family: gotham-book;
  font-size: 14px;
}
._editorClass_zhkkd_1 ._quote_zhkkd_16 {
  border-left: 2px solid var(--grey-2);
  padding-left: 10px;
  color: var(--grey-2);
}
._editorClass_zhkkd_1 ._code_zhkkd_21 {
  border: 1px solid var(--grey-3);
  background-color: var(--lightgrey-1);
  border-radius: 5px;
  padding: 5px;
}

._editorClass_zhkkd_1:focus {
  border-color: var(--teal);
}

._display_zhkkd_32 {
  font-family: gotham-book;
  font-size: 14px;
}._progressBar_c6pj0_1 {
  height: 26px;
  background-color: var(--grey-4);
  border-radius: 13px;
}
._progressBar_c6pj0_1 ._filler_c6pj0_6 {
  height: 100%;
  background-color: var(--teal);
  border-radius: inherit;
}
._progressBar_c6pj0_1 ._labelClass_c6pj0_11 {
  position: relative;
  top: -21px;
  color: var(--black-1);
  text-align: center;
  font-family: gotham-book, sans-serif;
  font-size: 12px;
}._editorImage_nt2qy_1 ._imageBox_nt2qy_1 {
  position: relative;
}
._editorImage_nt2qy_1 ._imageBox_nt2qy_1 ._image_nt2qy_1 {
  display: block;
  max-width: 10em;
  max-height: 10em;
}
._editorImage_nt2qy_1 ._imageBox_nt2qy_1 ._selectedImage_nt2qy_9 {
  box-shadow: 0 0 0 3px #B4D5FF;
}
._editorImage_nt2qy_1 ._imageBox_nt2qy_1 ._deleteButton_nt2qy_12 {
  display: inline;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  background-color: white;
  padding: 1%;
  border-radius: 10%;
}._tinyTimer_11q2p_1 {
  display: flex;
  justify-content: center;
  background-color: var(--blue-dark);
  display: flex;
  width: 67px;
  padding: 4px 0;
}
._tinyTimer_11q2p_1 ._text_11q2p_9 {
  font-family: gotham-medium, sans-serif;
  font-size: 13px;
  font-weight: 400;
  user-select: none;
  font-variant-numeric: tabular-nums;
}
._tinyTimer_11q2p_1 ._text_11q2p_9._overMax_11q2p_16 {
  color: var(--watermelon);
}

._tinyTimer_11q2p_1._clickDisabled_11q2p_20 {
  background-color: var(--lightgrey-1) !important;
  color: var(--black-0) !important;
}

._tinyTimer_11q2p_1:hover {
  background-color: var(--black-0);
}._workLogItem_1lxsj_1 {
  display: flex;
  margin-bottom: 7px;
}
._workLogItem_1lxsj_1._rightSideItem_1lxsj_5 {
  flex-direction: row-reverse;
}
._workLogItem_1lxsj_1 ._name_1lxsj_8 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  align-self: center;
}
._workLogItem_1lxsj_1 ._textContainer_1lxsj_13 {
  margin-right: 7px;
  margin-left: 7px;
  font-family: gotham-book, sans-serif;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  border-radius: 4px;
  overflow-x: auto;
  max-width: max(580px, min(780px, 32vw));
}
._workLogItem_1lxsj_1 ._text_1lxsj_13 {
  padding: 8px 14px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 4px;
  white-space: pre-wrap;
}
._workLogItem_1lxsj_1 ._iconStack_1lxsj_31 {
  display: flex;
  flex-direction: column;
  font-family: gotham-book, sans-serif;
  justify-content: flex-end;
}
._workLogItem_1lxsj_1 ._iconStack_1lxsj_31._rightStack_1lxsj_37 {
  align-items: flex-end;
}
._workLogItem_1lxsj_1 ._icon_1lxsj_31 {
  color: var(--teal);
  margin-right: 1px;
  margin-left: 1px;
}
._workLogItem_1lxsj_1 ._spacer_1lxsj_45 {
  min-width: 1rem;
}
._workLogItem_1lxsj_1 ._hiddenIcon_1lxsj_48 {
  visibility: hidden;
}
._workLogItem_1lxsj_1 ._time_1lxsj_51 {
  color: var(--grey-2);
  font-size: 11px;
  line-height: 11px;
  align-self: end;
}
._workLogItem_1lxsj_1 ._iconRow_1lxsj_57 {
  display: flex;
  flex-direction: row;
  gap: 3px;
}

._dateSeparator_1lxsj_63 {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
}
._dateSeparator_1lxsj_63 ._dateLine_1lxsj_69 {
  margin-top: 2px;
}
._dateSeparator_1lxsj_63 ._dateText_1lxsj_72 {
  font-family: gotham-book, sans-serif;
  color: var(--grey-3);
  margin-right: 5px;
  margin-left: 5px;
}/*  Make the resizer always show */
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}
.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 95px;
}
.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range ,
.react-datepicker__month-text--in-selecting-range ,
.react-datepicker__quarter-text--in-selecting-range ,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range , .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}
.calendar-datepicker-icon {
    height: 22px !important;
    width: 19px !important;
    overflow: visible;
    display: block;
    background-image: url('/calendar-icon.svg');
    background-repeat: no-repeat;
}
.fc-datepicker-button {
    padding: 9px 7px 8px 13px !important;
}
.react-datepicker {
    font-family:     gotham-book, sans-serif;
    border: none;
}
.react-datepicker .react-datepicker__current-month,
.react-datepicker .react-datepicker__day-name,
.react-datepicker .react-datepicker__day {
    color:              var( --black-1 );
}
.react-datepicker .react-datepicker__day--keyboard-selected {
    background-color:   var( --teal );
}
.fc-timegrid-event .fc-event-resizer {
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 12px !important;
    overflow: hidden;
    line-height: 8px;
    font-size: 14px;
    font-family: 'courier new', monospace;
    text-align: center;
    cursor: s-resize;
    color: rgba(255, 255, 255, 0.4);
}
/* don't show resizer on small events */
.fc-timegrid-event.no-resizer .fc-event-resizer {
    opacity: 0;
}
.fc-timegrid-event .fc-event-resizer::after {
    content: "═"
}
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
    bottom: 0;
}
.fc-daygrid-event .fc-resizer {
    display: none;
}
.fc-daygrid-event.fc-allow-mouse-resize:hover .fc-resizer {
    display: none;
}
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 16px 0 3px;
}
.fc-scroller {
    overflow: hidden !important;
}
.fc th,
.fc td {
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 1px;
    border-bottom-width: 0px;
}
th.fc-timegrid-axis,
td.fc-timegrid-axis,
td.fc-timegrid-slot-label {
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}
th.fc-timegrid-axis.fc-widget-header {
    border-right-width: 1px;
}
.fc-scrollgrid-shrink {
    /* sometime today min-height */
    height: 80px;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 2px;
    margin-right: 12px;
}
/* width of time axis column */
table.fc-col-header>colgroup>col:first-child,
table.fc-scrollgrid-sync-table>colgroup>col:first-child,
div.fc-timegrid-slots>table>colgroup>col:first-child,
div.fc-timegrid-cols>table>colgroup>col:first-child {
    width: 70px !important;
}
.fc .fc-timegrid-axis-frame {
    align-items: unset;
}
.fc .fc-timegrid-axis-cushion {
    max-width: 70px;
    font-family: gotham-medium, sans-serif;
    font-size: 10px;
    text-align: right;
    text-transform: uppercase;
}
.fc table {
    border-collapse: separate;
}
/* override borders */
table.fc-scrollgrid>thead>tr>td,
table.fc-scrollgrid>tbody>tr>td,
.fc-theme-standard .fc-scrollgrid {
    border-width: 0;
}
.fc-theme-standard td,
.fc-theme-standard th {
    border-color: var(--lightgrey-1);
}
/* bottom border on bottom cells */
td.fc-timegrid-col.fc-day {
    border-bottom-width: 1px;
}
/* remove divider between STT & times */
td.fc-timegrid-divider {
    display: none;
}
/* 
.fc .fc-scrollgrid-section {
    height: 0;
} */
.fc h2.fc-toolbar-title {
    font-size: 18px;
    background-color: transparent !important;
}
/* remove highlight on current day */
.fc .fc-daygrid-day.fc-day-today,
.fc .fc-timegrid-col.fc-day-today {
    background-color: transparent;
}
@keyframes green-flash {
    0% {
        background-color: var(--white);
    }
    10% {
        background-color: var(--teal);
    }
    100% {
        background-color: var(--white);
    }
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-left: 70px;
    margin-top: 10px;
}
.otherUser .fc .fc-toolbar.fc-header-toolbar {
    margin-top: 0;
}
.fc .fc-header-toolbar .fc-toolbar-title {
    color: var(--black-1);
    font-size: 16px;
    animation-name: green-flash;
    animation-duration: 0.5s;
    animation-play-state: paused;
    /* animation-iteration-count: infinite; */
}
.fc .fc-button {
    font-family: gotham-medium, sans-serif;
    font-size: 14px;
    border-radius: 24px;
    padding: 8px 24px;
    border: none;
    height: 40px;
    box-shadow: none;
    color: var(--black-1);
}
/* FCv5 doesn't have classes for left and right button sections so we have to deal with
them as groups. */
.fc .fc-button.fc-today-button,
.fc .fc-button.fc-next-button,
.fc .fc-button.fc-prev-button,
.fc .fc-button.fc-datepicker-button {
    color: var(--black-1);
    background-color: var(--lightgrey-2);
}
.fc .fc-button:disabled {
    color: var(--grey-1);
    text-shadow: 1px 1px white;
}
.fc .fc-button:disabled:hover {
    color: var(--grey-1);
    background-color: var(--lightgrey-2);
}
.fc .fc-button.fc-prev-button,
.fc .fc-button.fc-next-button {
    width: 40px;
    padding: 8px;
}
/* style calendar toolbar buttons on hover */
.fc .fc-button:hover {
    background-color: var(--grey-4);
    color: var(--black-1);
    box-shadow: none;
}
/* style calendar toolbar buttons on click */
.fc .fc-button:active {
    background-color: var(--black-1) !important;
    box-shadow: none !important;
}
/* .fc .fc-button-primary:not(:disabled):active:focus, */
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: none;
}
/* style button border highlight on tab */
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 2px var(--teal);
}
.fc .fc-button.fc-threeDay-button,
.fc .fc-button.fc-fiveDay-button,
.fc .fc-button.fc-week-button {
    color: var(--black-1);
    background-color: transparent;
}
/* calendar buttons on white background, light-grey hover bg */
.fc .fc-button.fc-threeDay-button:hover,
.fc .fc-button.fc-fiveDay-button:hover,
.fc .fc-button.fc-week-button:hover,
.fc .fc-button:hover {
    background-color: var(--lightgrey-1);
}
.fc .fc-button.fc-button-active {
    background-color: var(--black-1) !important;
    color: var(--white);
    border-width: 0;
    box-shadow: 0;
}
.fc {
    font-family: gotham-book;
    color: var(--cobalt-3);
}
.fc-axis:first-of-type {
    white-space: normal;
}
.fc .fc-col-header-cell {
    font-size: 12px;
    padding: 20px 0px;
    text-transform: uppercase;
}
.fc-divider {
    display: none;
}
.fc .fc-col-header-cell.fc-day-today {
    font-family: gotham-medium, sans-serif;
    color: var(--black-1);
    border-top: solid 4px var(--black-1);
    padding: 17px 0px 20px 0px;
}
tr>th {
    font-weight: normal;
}
/* shift the time labels up to centre on the line */
.fc .fc-timegrid-slot-label {
    font-size: 10px;
    color: var(--cobalt-3);
    text-transform: uppercase;
    position: relative;
    top: -9px;
    height: 10px !important;
}
.fc .fc-timegrid-slot {
    height: 10px !important;

}
/* except the top time which can't overlap the STT label */
div.fc-timegrid-slots>table>tbody>tr:first-child>td:first-child {
    top: -5px;
}
.fc-timegrid-event:hover {
    cursor: pointer;
}
.fc .fc-event>.fc-event-main {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 8px 8px 8px;
    box-sizing: border-box;
    display: block;
}
.fc .fc-timegrid-event.no-resizer>.fc-event-main {
    font-size: 10px;
    top: -4px;
    padding: 7px 3px 3px 3px;
}
.fc .fc-event {
    padding: 0;
}
.fc .fc-event>.fc-event-main:hover {
    cursor: pointer;
}
.fc-event {
    border-width: 0 0 0 4px;
    font-family: gotham-book;
    font-size: 12px;
    hyphens: auto;
    padding: 8px 12px;
    margin: 0 0px 0 1px;
}
.gu-mirror.fc-event-main {
    width: auto !important;
    max-width: 200px;
    height: auto !important;
}
.fc-timegrid-event.scheduler-booked {
    background-color: var(--teal) !important;
}
.fc-timegrid-event.internal-calendar-event {
    background-color: var(--grey-4) !important;
    border-color: var(--lime);
    color: var(--grey-6);
}
.fc-timegrid-event.internal-calendar-event .fc-time {
    color: var(--cobalt-3) !important;
    font-family: gotham-medium;
}
.fc-timegrid-event.internal-calendar-event .fc-type {
    font-family: gotham-medium;
    color: var(--black-2) !important;
}
.fc-timegrid-event.internal-calendar-event .fc-title {
    color: var(--cobalt-3) !important;
}
.fc-timegrid-event.personal-calendar-event {
    background-color: var(--teal) !important;
    border-color: var(--teal);
    color: var(--lightgrey-2);
}
.fc-timegrid-event.personal-calendar-event .fc-time {
    color: var(--black-hover) !important;
}
.fc-timegrid-event.personal-calendar-event .fc-type {
    color: var(--black-hover) !important;
}
.fc-timegrid-event.personal-calendar-event .fc-title {
    color: var(--cobalt-1) !important;
}
.fc-timegrid-event.scheduler-booked .fc-event-time {
    color: var(--black-1) !important;
}
.fc-timegrid-event,
.gu-mirror.fc-event-main {
    background-color: var(--black-1) !important;
    overflow: hidden;
}
.fc-timegrid-event.done {
    background-color: var(--black-1-disabled) !important;
}
.fc-timegrid-event.highlight {
    background-color: var(--lime) !important;
}
.fc-timegrid-event.pending {
    opacity: 0.5;
}
.fc-daygrid-event.pending {
    opacity: 0.5;
}
.fc-timegrid-event.converting {
    opacity: 0.4;
}
.fc-daygrid-event.converting {
    opacity: 0.4;
}
.fc-event.fc-daygrid-event {
    margin: 2px 4px !important;
    min-height: 26px;
}
.fc-event.fc-timegrid-event {
    border-radius: 0 4px 4px 0;
}
.fc-event.fc-daygrid-event,
.fc-event.fc-daygrid-event .fc-event-main {
    background-color: var(--black-1);
    color: var(--white);
    border-color: var(--priority-normal);
    border-radius: 0 4px 4px 0 !important;
}
.fc-event.fc-daygrid-event.internal-calendar-event,
.fc-event.fc-daygrid-event.internal-calendar-event .fc-event-main {
    background-color: var(--grey-4) !important;
    color: var(--black-1);
    border-color: var(--lime) !important;
}
.fc-event.fc-daygrid-event.personal-calendar-event,
.fc-event.fc-daygrid-event.personal-calendar-event .fc-event-main {
    background-color: var(--teal) !important;
    color: var(--white);
    border-color: var(--teal) !important;
}
.fc-event.fc-daygrid-event.done .fc-event-main {
    background-color: var(--black-1-disabled);
    color: var(--black-1-disabled);
}
.fc-event.fc-daygrid-event.normal,
.fc-event.fc-daygrid-event.normal .fc-event-main {
    border-color: var(--priority-normal);
    color: var(--priority-normal);
}
.fc-event.fc-daygrid-event.normal.done,
.fc-event.fc-daygrid-event.normal.done .fc-event-main {
    border-color: var(--priority-normal-disabled);
    color: var(--priority-normal-disabled);
}
.fc-event.fc-daygrid-event.high,
.fc-event.fc-daygrid-event.high .fc-event-main {
    border-color: var(--priority-high);
    color: var(--priority-high);
}
.fc-event.fc-daygrid-event.high.done,
.fc-event.fc-daygrid-event.high.done .fc-event-main {
    border-color: var(--priority-high-disabled);
    color: var(--priority-high-disabled);
}
.fc-event.fc-daygrid-event.critical,
.fc-event.fc-daygrid-event.critical .fc-event-main {
    border-color: var(--priority-critical);
    color: var(--priority-critical);
}
.fc-event.fc-daygrid-event.critical.done,
.fc-event.fc-daygrid-event.critical.done .fc-event-main {
    border-color: var(--priority-critical-disabled);
    color: var(--priority-critical-disabled);
}
.fc-event.fc-daygrid-event .fc-event-main {
    padding: 3px 8px 2px 8px;
    top: 0px;
    bottom: 0px;
}
.fc-daygrid-event>.fc-event-main>* {
    display: none;
}
.fc-daygrid-event>.fc-event-main>.fc-title {
    display: block;
    font-size: 11px;
    font-family: gotham-medium, sans-serif;
    padding-top: 2px;
}
.fc-daygrid-event>.fc-event-main>.fc-title {
    display: block;
    font-size: 11px;
    font-family: gotham-medium, sans-serif;
}
.fc-bg-event.outOfHours,
.fc-bg-event.outOfHours .fc-event-main {
    background: #ddd;
}
.fc-timegrid-event.normal,
.fc-timegrid-event.normal .fc-event-main {
    border-color: var(--priority-normal);
    color: var(--priority-normal);
}
.fc-timegrid-event.normal.done,
.fc-timegrid-event.normal.done .fc-event-main {
    border-color: var(--priority-normal-disabled);
    color: var(--priority-normal-disabled);
}
.fc-timegrid-event.high,
.fc-timegrid-event.high .fc-event-main {
    border-color: var(--priority-high);
    color: var(--priority-high);
}
.fc-timegrid-event.high.done,
.fc-timegrid-event.high.done .fc-event-main {
    border-color: var(--priority-high-disabled);
    color: var(--priority-high-disabled);
}
.fc-timegrid-event.critical,
.fc-timegrid-event.critical .fc-event-main {
    border-color: var(--priority-critical);
    color: var(--priority-critical);
}
.fc-timegrid-event.critical.done,
.fc-timegrid-event.critical.done .fc-event-main {
    border-color: var(--priority-critical-disabled);
    color: var(--priority-critical-disabled);
}
.fc {
    user-select: none;
}
.fc-ltr .fc-timegrid .fc-event-container {
    margin-left: 4px;
    margin-right: 4px;
}
.fc-timegrid-now-indicator-arrow {
    display: none;
}
.fc .fc-timegrid-now-indicator-container {
    overflow: visible;
}
.fc .fc-timegrid-now-indicator-line {
    overflow: visible;
    border-top-width: 2px;
    border-color: var(--priority-critical);
}
.fc .fc-timegrid-now-indicator-line::before {
    content: '';
    position: absolute;
    height: 9px;
    width: 9px;
    background-color: var(--priority-critical);
    border-radius: 5px;
    left: -5px;
    top: -5px;
}
.datepicker {
    position: relative;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    left: 222px;
    top: 80px;
    opacity: 0;
}
.fc-event {
    line-height: 16px;
}
.fc-event-main>.time-client {
    order: 0;
    display: flex;
}
.fc-event-main>.time-client>.fc-time {
    color: var(--cobalt-3);
    margin-right: 5px;
    font-size: 12px;
}
.fc-timegrid-event.high.done .fc-time {
    color: var(--cobalt-3-disabled) !important;
}
.fc-event-main>.time-client>.fc-time {
    color: var(--cobalt-3) !important;
}
.fc-event-main>.time-client>.client {
    color: var(--white);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fc-timegrid-event>.fc-event-main>.time-client>.fc-type,
.fc-daygrid-event .fc-title {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fc-event-main>.fc-title {
    order: 1;
    font-family: gotham-medium, sans-serif;
}
.fc-event-main>.description {
    order: 2;
    color: var(--cobalt-3);
}
.fc-timegrid-event.done>.fc-event-main>.description {
    color: var(--cobalt-3-disabled);
}
.slot-label-arrow {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.slot-label-arrow.up {
    padding-top: 3px;
}
.slot-label-arrow .slot-icon {
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    cursor: pointer;
}
.slot-label-arrow .slot-icon.highlight {
    color: var(--teal);
}
/* fix icon centering in circles */
.fc-icon {
    height: unset;
    width: unset;
}
.fc .fc-button .fc-icon {
    font-size: 20px;
    line-height: 23px;
}
.fc-icon-chevron-right:before {
    margin-left: 0.1em;
}
.fc-icon-chevron-left:before {
    margin-right: 0.1em;
}
/* .fc .fc-bg-event {
    opacity: 1;
    background: #ddd;
} */
._header_1h8zz_1 {
  display: flex;
  align-items: center;
  width: 100vw;
}

._headerFill_1h8zz_7 {
  flex-grow: 1;
}

._logoContainer_1h8zz_11 {
  display: flex;
  align-content: flex-end;
  margin: 15px 22px;
}

._logoClass_1h8zz_17 {
  width: 155px;
}

._headerButton_1h8zz_21 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 80px;
  height: 100%;
  padding: 11px 5px 5px 5px;
  color: var(--lightgrey-4);
  font-size: 22px;
  cursor: pointer;
}
._headerButton_1h8zz_21:hover {
  background-color: var(--black-0);
  box-shadow: inset 10px 10px 8px -10px rgba(0, 0, 17, 0.1333333333);
}

._activeHeaderButton_1h8zz_38 {
  background-color: var(--black-0);
  padding-top: 11px;
  box-shadow: inset 10px 10px 8px -10px rgba(0, 0, 17, 0.1333333333);
}

._squareButtonLabel_1h8zz_44 {
  user-select: none;
  font-family: gotham-book, sans-serif;
  font-size: 14px;
}

._wideTooltip_1h8zz_50 {
  max-width: 550px;
  width: 550px;
  background-color: var(--black-1);
  font-size: 10px;
  margin: 5px;
  border-radius: 5px;
}._popup_3ixw1_1 {
  padding: 12px 30px;
  border-radius: 5px;
  color: var(--black-1);
  background: var(--teal);
  font-family: gotham-medium, sans-serif;
  font-size: 18px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/navigation/UserMenu.js'
 */
._accountButton_1svc2_4 {
  padding: 0;
  margin-left: 2px;
}

._avatar_1svc2_9 {
  height: 40px;
  width: 40px;
  margin-bottom: 6px;
}._alert_jwp42_1 {
  background-color: var(--black-0);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 7px;
  margin-right: 18px;
}

._alert_jwp42_1:hover {
  display: flex;
  background-color: var(--cobalt-1);
  cursor: pointer;
}

._inactive_jwp42_19 {
  color: var(--black-2) !important;
}

._logo_jwp42_23 {
  color: var(--watermelon);
  font-size: 17px;
}

._badgeLabel_jwp42_28 {
  color: var(--watermelon);
  user-select: none;
  font-family: gotham-book, sans-serif;
  font-size: 14px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/layouts/Badge.js'
 */
._badgeCircle_11mdg_4 {
  display: flex;
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
  width: 1.3rem;
  height: 1.3rem;
  background-color: var(--watermelon);
  border-radius: 50%;
  color: white;
  font-size: 0.65rem;
  justify-content: space-around;
  align-items: center;
  line-height: 1.85rem;
}._notificationPanel_1y9hm_1 {
  display: flex;
  flex-direction: column;
  background: var(--black-2);
  height: calc(100vh - 70px);
  overflow-y: auto;
  box-shadow: 0 0 8px 0 rgba(105, 121, 139, 0.5);
}
._notificationPanel_1y9hm_1 ._notificationList_1y9hm_9 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--lightgrey-3);
  height: calc(100vh - 70px - 45px);
}
._notificationPanel_1y9hm_1 ._spacer_1y9hm_16 {
  flex-grow: 1;
  background: var(--lightgrey-3);
  border-top: 1px solid var(--white);
}
._notificationPanel_1y9hm_1 ._clearButton_1y9hm_21 {
  position: sticky;
  bottom: 0;
  height: 45px;
  background: var(--lightgrey-1);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 16px;
}._root_1pfaw_1 {
  background-color: var(--grey-4);
  font-family: gotham-book, sans-serif;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--grey-3);
  min-height: 112px;
  flex-shrink: 0;
}
._root_1pfaw_1 button {
  margin: 0 0 0 13px;
  padding-right: 1rem;
  padding-left: 1rem;
}
._root_1pfaw_1 ._notification_1pfaw_14._dismissable_1pfaw_14 {
  background-color: var(--lightgrey-3);
}
._root_1pfaw_1 ._dangerButton_1pfaw_17 {
  background-color: var(--grey-3);
}
._root_1pfaw_1 ._dangerButton_1pfaw_17:hover {
  background-color: var(--grey-2);
}
._root_1pfaw_1 ._message_1pfaw_23 {
  margin: 1rem 1rem 0 0;
  font-size: 14px;
  color: var(--black-1);
  line-height: 18px;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._root_1pfaw_1 ._message_1pfaw_23 ._notification_1pfaw_14._dismissable_1pfaw_14 {
  color: var(--cobalt-1);
}
._root_1pfaw_1 ._closeIcon_1pfaw_40 {
  color: var(--cobalt-3);
  font-size: 18px;
  margin: 4px 5px 0 16px;
}
._root_1pfaw_1 ._closeIcon_1pfaw_40:hover {
  color: var(--black-1);
}
._root_1pfaw_1 ._closeFab_1pfaw_48 {
  padding-left: 5px;
  margin: 10px 10px 0 0;
}
._root_1pfaw_1 ._closeFab_1pfaw_48:hover {
  background-color: transparent;
}
._root_1pfaw_1 ._avatarRow_1pfaw_55 {
  display: flex;
  flex-flow: row nowrap;
}
._root_1pfaw_1 ._avatarImg_1pfaw_59 {
  margin: 17px 8px 0 19px;
}
._root_1pfaw_1 ._time_1pfaw_62 {
  padding-left: 50px;
}
._root_1pfaw_1 ._link_1pfaw_65 {
  font-family: gotham-book, sans-serif;
  text-decoration: underline;
  user-select: none;
  cursor: pointer;
}
._root_1pfaw_1 ._clientName_1pfaw_71 {
  font-family: gotham-medium, sans-serif;
  user-select: none;
}
._root_1pfaw_1 ._assignee_1pfaw_75 {
  font-family: gotham-medium, sans-serif;
  user-select: none;
}
._root_1pfaw_1 ._countLine_1pfaw_79 {
  margin-bottom: 0.5rem;
}
._root_1pfaw_1 ._counter_1pfaw_82 {
  font-family: gotham-book, sans-serif;
  text-decoration: underline;
  user-select: none;
}
._root_1pfaw_1 ._buttons_1pfaw_87 {
  margin: 1.5rem 1rem 0.9rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
._root_1pfaw_1 ._bold_1pfaw_93 {
  font-family: gotham-medium, sans-serif;
}
._root_1pfaw_1 ._tip_1pfaw_96 {
  font-family: gotham-book, sans-serif;
}
._root_1pfaw_1 ._tipButton_1pfaw_99 {
  box-shadow: none;
  margin: 0;
}
._root_1pfaw_1 ._tipButtonRow_1pfaw_103 {
  display: flex;
  justify-content: flex-end;
  padding-top: 30px;
}
._root_1pfaw_1 ._progressGrid_1pfaw_108 {
  margin-top: 10px;
  font-size: 12px;
}
._root_1pfaw_1 ._progressGrid_1pfaw_108._inProgress_1pfaw_112 {
  margin-bottom: 12px;
}
._root_1pfaw_1 ._progressBar_1pfaw_115 {
  width: 100%;
  margin: 0;
}

._root_1pfaw_1._lightBackground_1pfaw_120 {
  background-color: var(--lightgrey-1);
}
._root_1pfaw_1._lightBackground_1pfaw_120 ._message_1pfaw_23 {
  color: var(--cobalt-1);
}._pegboardPanel_89cx6_1 {
  background-color: var(--black-2);
  display: flex;
  flex-flow: column nowrap;
  padding: 24px 18px 0 18px;
  max-width: 280px;
  z-index: 0;
  overflow-y: hidden;
  height: calc(100vh - 70px);
}._emptyPegboardSlot_uemwy_1 {
  height: 176px;
  margin-bottom: 16px;
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5 {
  height: 176px;
  border-radius: 4px;
  margin-bottom: 0;
  padding: 1rem;
  background-color: var(--grey-0);
  border: 1px solid #304152;
  outline: 1px solid var(--cobalt-0);
  position: relative;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: none;
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:target {
  box-shadow: none;
  border: 2px solid var(--black-0);
  outline: none;
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:hover {
  cursor: pointer;
  box-shadow: none;
  border: 2px solid var(--black-0);
  outline: none;
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:hover:before {
  background-color: var(--grey-2);
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:hover:after {
  background-color: var(--grey-2);
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:after {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--black-2);
  height: 2px;
  margin-top: -1px;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  z-index: 9;
  width: 20px;
}
._emptyPegboardSlot_uemwy_1 ._button_uemwy_5:before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--black-2);
  width: 2px;
  margin-left: -1px;
  left: 50%;
  top: 50%;
  height: 20px;
  margin-top: -10px;
  z-index: 9;
}._text_1p3br_1 {
  font-family: gotham-book, sans-serif;
  font-size: 13px;
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--cobalt-3);
  line-height: 16px;
  max-width: 120px;
  text-transform: uppercase;
}

._time_1p3br_13 {
  font-family: baloo2-bold, sans-serif !important;
  font-size: 60px !important;
  text-align: center;
  line-height: 70px !important;
  color: var(--cobalt-3) !important;
  margin-bottom: 20px !important;
}
._time_1p3br_13._onTarget_1p3br_21 {
  color: var(--teal) !important;
}
._time_1p3br_13._behind_1p3br_24 {
  color: var(--tangerine) !important;
}
._time_1p3br_13._badlyBehind_1p3br_27 {
  color: var(--watermelon) !important;
}._searchPanel_dcs7m_1 {
  position: absolute;
  border-right: 1px solid var(--grey-4);
  right: -18rem;
  top: 0;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  font-family: gotham-book, sans-serif;
  height: calc(100vh - 70px);
  overflow-y: auto;
  border-right: 1px solid var(--grey-4);
  background: var(--grey-4);
  padding-top: 17px;
  flex-direction: column;
  background: #ced4db;
}

._hidePanel_dcs7m_19 {
  border-radius: 50%;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._hidePanel_dcs7m_19:hover {
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}

._topJobLine_dcs7m_31 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

._filterLine_dcs7m_39 {
  margin-top: 0;
  display: flex;
  flex-direction: column;
}

._filterLineChips_dcs7m_45 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

._chipsRow_dcs7m_51 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2px;
  margin-top: 5px;
}

._dynamicTabPanelContainer_dcs7m_59 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: 17px;
  padding-right: 17px;
  background-color: var(--lightgrey-1);
}

._shown_dcs7m_68 {
  transform: translateX(-18rem);
}

._hide_dcs7m_19 {
  transform: translateX(30rem);
}

._widget_dcs7m_76 {
  display: flex;
  border-radius: 20px;
  height: 36px;
  margin-left: 15px;
  justify-content: space-around;
  background-color: var(--grey-4);
}

._widgetColumn_dcs7m_85 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 38px;
  cursor: pointer;
  border-right: 2px solid var(--lightgrey-1);
  color: var(--black-1);
}
._widgetColumn_dcs7m_85 * {
  color: inherit;
}

._lastWidgetColumn_dcs7m_99 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  cursor: pointer;
  color: var(--black-1);
}
._lastWidgetColumn_dcs7m_99 * {
  color: inherit;
}

._filterWidgetColumn_dcs7m_112 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 193px;
}

._spacer_dcs7m_120 {
  flex-grow: 2;
}

._chipCss_dcs7m_124 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 35px;
  background-color: var(--black-1);
  color: var(--lightgrey-3);
  margin-left: 9px;
  max-width: 150px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 50px;
  font-size: 12px !important;
}

._selectedFilterCss_dcs7m_141 {
  background-color: var(--black-1);
  color: var(--lightgrey-3);
}

._optionRender_dcs7m_146 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: gotham-book, sans-serif;
}

._optionAvatar_dcs7m_155 {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}

._optionAvatarCompany_dcs7m_161 {
  width: 23px;
  height: 19px;
  color: var(--grey-3);
  margin-right: 15px;
}

._caretDown_dcs7m_168 {
  display: flex;
  justify-content: center;
  width: 25px;
  height: 11px;
  margin-left: -2px;
}

._closeIcon_dcs7m_176 {
  color: var(--grey-1) !important;
  margin-top: 5px !important;
  width: 12px;
}
._closeIcon_dcs7m_176:hover {
  color: rgb(255, 255, 255) !important;
}._roundInput_rrrsn_1 {
  border-radius: 17px !important;
  height: 34px;
  width: 100% !important;
  border-width: 1px !important;
  border-color: var(--cobalt-3) !important;
  box-sizing: content-box !important;
}

._roundTextFieldControl_rrrsn_10 {
  border-radius: 17px !important;
  height: 34px;
  width: 100% !important;
  border-width: 1px !important;
  border-color: var(--cobalt-3) !important;
  box-sizing: content-box !important;
}

._roundInputRoot_rrrsn_19 {
  padding: 0;
  margin: 0;
  border-top-left-radius: 17px !important;
  border-bottom-left-radius: 17px !important;
  height: 34px;
  width: 100% !important;
  border-width: 1px !important;
  border-color: var(--cobalt-3) !important;
  box-sizing: content-box !important;
}

._roundInputBox_rrrsn_31 {
  padding: 0;
  margin: 0;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  border-top-left-radius: 17px !important;
  border-bottom-left-radius: 17px !important;
  height: 35px;
}

._closePanelWrap_rrrsn_41 {
  display: flex;
  color: var(--black-1);
}
._closePanelWrap_rrrsn_41:hover {
  background-color: var(--grey-4);
}

._hidePanel_rrrsn_49 {
  border-radius: 50%;
  font-size: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._hidePanel_rrrsn_49:hover {
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}

._displayCenter_rrrsn_61 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._autocompleteOptions_rrrsn_67 {
  margin-left: 2px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._searchAutoComplete_rrrsn_75 {
  height: 34px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}.show-loading-animation.rect-shape, .show-loading-animation.round-shape, .show-loading-animation.text-row,
.show-loading-animation .rect-shape,
.show-loading-animation .round-shape,
.show-loading-animation .text-row {
  animation: react-placeholder-pulse 1.5s infinite; }

@keyframes react-placeholder-pulse {
  0% {
    opacity: .6; }
  50% {
    opacity: 1; }
  100% {
    opacity: .6; } }
._jobStyle_1ay56_1 {
  color: var(--black-1);
  margin-top: 12px;
  padding: 0.5rem 1rem;
  font-size: 12px;
  background-color: var(--white);
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(53, 73, 93, 0.1882352941);
  border-left-width: 3px;
  border-left-style: solid;
  cursor: pointer;
}

._resolvedJobs_1ay56_15 {
  background-color: var(--lightgrey-3);
}

._jobHeader_1ay56_19 {
  display: flex;
  color: var(--black-1);
}

._jobCompany_1ay56_24 {
  display: block;
  width: 107px;
  font-size: 12px;
  font-weight: 550 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._openJobCompany_1ay56_34 {
  display: block;
  width: 250px;
  font-size: 12px;
  font-weight: 550 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._openJobUser_1ay56_44 {
  display: flex;
  font-size: 12px;
  font-weight: 550 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._openJobHeader_1ay56_53 {
  display: flex;
  justify-content: space-between;
  color: var(--black-1);
  font-size: 12px;
}

._openSummary_1ay56_60 {
  display: block;
  font-size: 12px;
  width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._gothamMedium_1ay56_69 {
  font-family: gotham-medium, sans-serif;
}

._summary_1ay56_73 {
  font-size: 12px;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._desc_1ay56_81 {
  display: block;
  width: 347px;
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._openDesc_1ay56_92 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 380px;
  height: 32px;
  color: var(--black-1);
  margin-bottom: 12px;
  white-space: normal;
}

._time_1ay56_104 {
  display: flex;
  width: 100px;
  justify-content: flex-end;
}

._jobFooter_1ay56_110 {
  display: flex;
  height: 15px;
  color: var(--grey-2) !important;
  font-size: 12px !important;
  font-family: gotham-book, sans-serif !important;
}

._openJobFooter_1ay56_118 {
  display: flex;
  height: 18px;
  justify-content: space-between;
  color: var(--black-1);
  font-family: gotham-book, sans-serif !important;
}

._jobTooltip_1ay56_126 {
  color: var(--white);
  font-family: gotham-book, sans-serif;
  font-size: 0.75rem;
  max-width: 30rem !important;
  width: 30rem;
}
._jobTooltip_1ay56_126 ._clientTT_1ay56_133 {
  font-family: baloo2-bold, sans-serif;
  font-size: 1rem;
}
._jobTooltip_1ay56_126 ._descriptionTT_1ay56_137 {
  min-height: 4rem;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 {
  max-height: 30rem;
  overflow-y: auto;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 {
  display: flex;
  flex-direction: column;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 ._noteDateTT_1ay56_148 {
  align-self: center;
  color: var(--grey-1);
  font-size: 0.7rem;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 ._userNoteTT_1ay56_153 {
  margin-bottom: 0.5rem;
  max-width: 80%;
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 ._userNoteTT_1ay56_153._clientUserTT_1ay56_160 {
  flex-direction: row-reverse;
  align-self: flex-end;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 ._userNoteTT_1ay56_153 ._noteUserTT_1ay56_164 {
  color: var(--grey-2);
  white-space: nowrap;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
._jobTooltip_1ay56_126 ._noteListTT_1ay56_140 ._notesForDateTT_1ay56_144 ._userNoteTT_1ay56_153 ._noteContentTT_1ay56_170 {
  background-color: rgba(94, 125, 153, 0.4);
  border-radius: 5px;
  margin: -5px 0 0;
  max-width: 80%;
}._pager_gfm55_1 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 13px;
  user-select: none;
}
._pager_gfm55_1 ._gothamMedium_gfm55_8 {
  font-family: gotham-medium, sans-serif;
}
._pager_gfm55_1 ._pagerText_gfm55_11 {
  display: flex;
  justify-content: center;
  padding: 20px;
}
._pager_gfm55_1 ._icon_gfm55_16 {
  width: 10px;
  height: 16px;
  color: var(--black-1);
}
._pager_gfm55_1 ._arrow_gfm55_21 {
  box-shadow: 0 3px 6px 0 rgba(53, 73, 93, 0.16);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--white);
}
._pager_gfm55_1 ._arrow_gfm55_21._visible_gfm55_32 {
  visibility: visible;
}
._pager_gfm55_1 ._arrow_gfm55_21._hidden_gfm55_35 {
  visibility: hidden;
}
._pager_gfm55_1 ._arrow_gfm55_21:hover {
  color: green;
}
._pager_gfm55_1 ._arrow_gfm55_21:active {
  color: black;
  background: green;
}._root_1vciq_1 {
  display: flex;
  background-color: var(--white);
  width: 100%;
  height: calc(100vh - 70px);
}
._root_1vciq_1 ._navMenu_1vciq_7 {
  flex-grow: 1;
  min-width: 230px;
  max-width: 230px;
  background-color: var(--lightgrey-3);
}
._root_1vciq_1 ._navMenu_1vciq_7 ._navHeader_1vciq_13 {
  font-family: gotham-book, sans-serif;
  font-size: 16px;
  user-select: none;
  padding: 10px 0 10px 25px;
  color: var(--black-1);
  background-color: var(--lightgrey-3);
  border-bottom: 1px solid var(--lightgrey-1);
}
._root_1vciq_1 ._navMenu_1vciq_7 ._navHeader_1vciq_13:hover {
  background-color: var(--lightgrey-1);
}
._root_1vciq_1 ._content_1vciq_25 {
  padding: 50px;
  flex-grow: 1;
  overflow: auto;
}
._root_1vciq_1 ._closePanelWrap_1vciq_30 {
  flex-shrink: 1;
  margin: 8px 19px !important;
  color: var(--black-1) !important;
  opacity: 0.65 !important;
}
._root_1vciq_1 ._closePanelWrap_1vciq_30:hover {
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}
._root_1vciq_1 ._closePanelWrap_1vciq_30 ._hidePanel_1vciq_40 {
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._root_1vciq_1 ._closePanelWrap_1vciq_30 ._hidePanel_1vciq_40:hover {
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: 1 !important;
}._root_a5kic_1 {
  background-color: var(--lightgrey-1);
  cursor: auto;
}
._root_a5kic_1._isLoading_a5kic_5 {
  cursor: wait;
}
._root_a5kic_1 ._logoStyle_a5kic_8 {
  margin: 1rem 2rem 2rem;
  width: 155px;
}
._root_a5kic_1 ._heading_a5kic_12 {
  font-family: gotham-medium, sans-serif;
  font-size: 20px;
  align-self: flex-start;
  margin-bottom: 1rem;
}
._root_a5kic_1 ._subHeading_a5kic_18 {
  font-family: gotham-medium, sans-serif;
  font-size: 14px;
  width: 100%;
  display: flex;
  margin-bottom: 1rem;
}
._root_a5kic_1 ._back_a5kic_25:hover {
  text-decoration: underline;
  cursor: pointer;
}
._root_a5kic_1 ._errorStyle_a5kic_29 {
  color: var(--watermelon);
  min-height: 30px;
}
._root_a5kic_1 ._imageStyle_a5kic_33 {
  width: 27rem;
  height: auto;
  margin: 20px auto;
}
._root_a5kic_1 ._finalImage_a5kic_38 {
  width: 27rem;
  height: auto;
  margin: 20px auto;
}
._root_a5kic_1 ._spacer_a5kic_43 {
  flex-grow: 1;
}._root_1rztt_1 {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  align-items: center;
  text-align: center;
}
._root_1rztt_1 a {
  color: var(--cyan);
}
._root_1rztt_1 h2 {
  font-size: 16px;
}
._root_1rztt_1 ._accessPending_1rztt_14 {
  cursor: wait;
}
._root_1rztt_1 ._accessHeader_1rztt_17 {
  font-family: "gotham-medium", sans-serif;
  font-size: 20px;
}
._root_1rztt_1 ._keyField_1rztt_21 {
  display: flex;
  flex-direction: row;
}/**
 * Extracted from '@licoriceio/frontend/src/components/registration/Company.js'
 */
._root_1gopg_4 {
  display: flex;
  flex-direction: column;
}
._root_1gopg_4 ._urlPostLabel_1gopg_8 {
  position: relative;
  top: 10px;
}/**
 * Extracted from '@licoriceio/frontend/src/components/registration/Confirmation.js'
 */
._root_kav7c_4 {
  display: flex;
  flex-direction: column;
}
._root_kav7c_4 ._appLink_kav7c_8 {
  color: var(--teal);
}
._root_kav7c_4 ._appLink_kav7c_8:visited {
  color: var(--teal);
}/**
 * Extracted from '@licoriceio/frontend/src/components/registration/Email.js'
 */
._root_bs0ns_4 {
  display: flex;
  flex-direction: column;
}._filterLine_h22l8_1 {
  margin-bottom: 17px;
  font-size: 13px !important;
}

._footer_h22l8_6 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

._saveButton_h22l8_13 {
  margin: 0 0 0 20px;
  width: 96.2px;
  height: 32px;
  flex-grow: 0;
  background-color: var(--teal);
  color: var(--black-1);
}

._pager_h22l8_22 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

._leftFooter_h22l8_28 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

._rightFooter_h22l8_35 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

._addButton_h22l8_41 {
  font-size: 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: gotham-book, sans-serif;
  color: var(--black-1) !important;
}

._fabStyle_h22l8_50 {
  background-color: var(--teal) !important;
  width: 36px !important;
  height: 36px !important;
}

._iconStyle_h22l8_56 {
  width: 14.5px !important;
  height: 14.3px !important;
}

._errorStyle_h22l8_61 {
  color: var(--watermelon);
  min-height: 30px;
  font-family: gotham-book, sans-serif;
  display: flex;
  justify-content: start;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}._tableButton_d623h_1 {
  width: 32px;
}

._tableLink_d623h_5 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--teal);
  font-size: 15px;
  margin: 0px;
  font-weight: bold;
}

._tableContainer_d623h_15 {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  margin-bottom: 27px;
}

._tabCell_d623h_21 {
  padding-left: 14px;
  text-decoration: underline;
  cursor: pointer;
}

._adornment_d623h_27 {
  margin-right: 8px;
  display: inherit;
}

._hidden_d623h_32 {
  display: none;
}/**
 * Extracted from '@licoriceio/frontend/src/components/common/ListPager.js'
 */
._pager_1ug07_4 {
  width: 12rem;
  display: flex;
  align-items: center;
  font-size: 13px;
  user-select: none;
  color: var(--black-1);
}
._pager_1ug07_4 ._pagerText_1ug07_12 {
  font-family: gotham-medium, sans-serif;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding: 0 1rem 0 1rem;
}
._pager_1ug07_4 ._arrow_1ug07_19 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--teal);
}
._pager_1ug07_4 ._arrow_1ug07_19._hidden_1ug07_29 {
  visibility: hidden;
}
._pager_1ug07_4 ._arrow_1ug07_19._visible_1ug07_32 {
  visibility: visible;
}
._pager_1ug07_4 ._arrow_1ug07_19:hover {
  color: green;
}
._pager_1ug07_4 ._arrow_1ug07_19:active {
  color: black;
  background: green;
}
._pager_1ug07_4 ._gothamMedium_1ug07_42 {
  font-family: gotham-medium, sans-serif;
}._filterLine_t0w6i_1 {
  margin-bottom: 17px;
  font-size: 13px !important;
}

._listPagerWrap_t0w6i_6 {
  display: flex !important;
  flex-direction: row !important;
  margin-top: 0.5rem !important;
  margin-right: 1rem;
}

._listPager_t0w6i_6 {
  margin-right: 2rem;
}

._footer_t0w6i_17 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._saveButton_t0w6i_23 {
  margin: 0 0 0 1px;
  width: 71px;
  height: 32px;
  flex-grow: 0;
  background-color: var(--teal);
  color: var(--black-1);
}._userProfileModal_h0mbp_1 {
  display: block;
  width: 80%;
  max-height: 95%;
  background: var(--white);
  min-width: 1200px;
  max-width: 1500px;
  border-radius: 16px;
  overflow: hidden;
  outline: none;
  margin: auto;
  padding: 2rem;
  position: sticky;
  top: 10px;
}._editable_5lqt9_1 {
  margin: 3px 0 3px 0;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  color: var(--black-2);
}

._readonly_5lqt9_8 {
  margin: 3px 0 3px 0;
  font-family: gotham-medium, sans-serif;
  font-size: 16px;
  color: var(--grey-2);
}

._fieldOutline_5lqt9_15 {
  border-color: var(--grey-4);
}

._profileButton_5lqt9_19 {
  color: var(--black-1) !important;
  background-color: var(--grey-4) !important;
  z-index: 0;
}

._inviteButton_5lqt9_25 {
  max-width: 120px;
}

._resendButton_5lqt9_29 {
  background-color: var(--grey-4) !important;
}._businessHoursBlock_m9cf8_1 {
  background-color: var(--lightgrey-3);
  border-left: 6px solid var(--teal);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  padding-right: 1.5rem;
}

._businessHoursTimes_m9cf8_11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._deleteButton_m9cf8_17 {
  font-size: 1em;
  position: relative;
  top: -10px;
  left: 10px;
  color: var(--grey-2) !important;
}._errorMessage_dqg73_1 {
  color: var(--watermelon);
  margin-left: 1rem;
  font-family: gotham-book;
}

._separator_dqg73_7 {
  margin: 0 1rem 0 1rem;
}._integrationProgress_1r2ov_1 {
  display: flex;
  flex-flow: column nowrap;
  width: 35rem;
  height: 56rem;
  padding: 32px 40px;
}
._integrationProgress_1r2ov_1 ._textBox_1r2ov_8 {
  font-size: 18px;
  line-height: 22px;
  padding: 0;
}
._integrationProgress_1r2ov_1 ._textBox_1r2ov_8 ._heavy_1r2ov_13 {
  font-family: "gotham-medium", sans-serif;
}
._integrationProgress_1r2ov_1 ._textBox_1r2ov_8 ._presentation_1r2ov_16 {
  font-family: "gotham-book", sans-serif;
  font-size: 16px;
}
._integrationProgress_1r2ov_1 ._integrationImage_1r2ov_20 {
  width: 27rem;
  height: auto;
  margin: 40px auto 60px auto;
  object-fit: contain;
}
._integrationProgress_1r2ov_1 ._progressText_1r2ov_26 {
  font-family: "gotham-medium", sans-serif;
  font-size: 18px;
  text-align: center;
  vertical-align: center;
  padding-bottom: 10px;
}
._integrationProgress_1r2ov_1 ._percentage_1r2ov_33 {
  font-family: "gotham-book", sans-serif;
  font-size: 18px;
  text-align: center;
  vertical-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 100%;
}
._integrationProgress_1r2ov_1 ._percentage_1r2ov_33 ._textTask_1r2ov_45 {
  color: var(--black-1);
  line-height: 41px;
}
._integrationProgress_1r2ov_1 ._percentage_1r2ov_33 ._textTotal_1r2ov_49 {
  color: var(--black-1);
  line-height: 41px;
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53 {
  background-color: var(--lightgrey-3);
  -webkit-appearance: none;
  appearance: none;
  width: 35rem;
  height: 100%;
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53::-webkit-progress-bar {
  background-color: var(--lightgrey-3);
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53._task_1r2ov_63::-webkit-progress-value {
  background-color: var(--teal);
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53._total_1r2ov_66::-webkit-progress-value {
  background-color: var(--grey-3);
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53._task_1r2ov_63::-moz-progress-bar {
  background-color: var(--teal);
}
._integrationProgress_1r2ov_1 progress._meter_1r2ov_53._total_1r2ov_66::-moz-progress-bar {
  background-color: var(--grey-3);
}
._integrationProgress_1r2ov_1 ._rightAlign_1r2ov_75 {
  align-self: flex-end;
  margin: 0;
}
._integrationProgress_1r2ov_1 ._leftSpace_1r2ov_79 {
  margin-left: 9px;
}
._integrationProgress_1r2ov_1 ._holder_1r2ov_82 {
  position: relative;
  width: 35rem;
  height: 41px;
  min-height: 41px;
  margin-bottom: 2em;
  margin-left: -40px;
}._journal_1igmq_1 {
  font-family: gotham-book, sans-serif;
}
._journal_1igmq_1 ._listPager_1igmq_4 {
  margin: 5px 0 10px 0;
}
._journal_1igmq_1 ._filterLine_1igmq_7 {
  margin-bottom: 17px;
  font-size: 13px !important;
}
._journal_1igmq_1 ._journalRow_1igmq_11 {
  width: 100%;
  height: 2rem;
  display: flex;
  align-items: center;
  font-size: 14px;
}
._journal_1igmq_1 ._journalRow_1igmq_11 ._journalRowType_1igmq_18 {
  vertical-align: middle;
  background-color: var(--grey-4);
  width: 10rem;
  margin: 2px;
  padding: 2px;
}
._journal_1igmq_1 ._journalRow_1igmq_11 ._journalRowDate_1igmq_25 {
  vertical-align: middle;
  background-color: var(--grey-4);
  width: 15rem;
  margin: 2px;
  padding: 2px;
}
._journal_1igmq_1 ._journalRow_1igmq_11 ._journalRowData_1igmq_32 {
  background-color: var(--grey-4);
  flex-grow: 1;
  max-width: calc(100vw - 47rem);
  margin: 2px;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._downloadContainer_1igmq_43 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0 1rem;
}
._downloadContainer_1igmq_43 ._downloadButton_1igmq_49 {
  flex-grow: 0;
  background-color: var(--teal);
  color: var(--black-1);
}._teamsRoot_luyum_1 {
  user-select: none;
  font-family: gotham-book, sans-serif;
  display: flex;
  flex-direction: row;
}
._teamsRoot_luyum_1 ._unteamed_luyum_7 {
  margin-left: 2rem;
}
._teamsRoot_luyum_1 ._unteamed_luyum_7 ._unteamedBox_luyum_10 {
  background-color: var(--lightgrey-4);
  border: 2px solid var(--lightgrey-2);
  border-radius: 4px;
  padding: 6px 6px 0 6px;
  max-width: 500px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
}
._teamsRoot_luyum_1 ._unteamed_luyum_7 ._unteamedEngineer_luyum_20 {
  background-color: var(--lightgrey-3);
  padding: 4px;
  border-radius: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 {
  background-color: var(--lightgrey-3);
  padding: 24px;
  border-left: 6px solid var(--teal);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 28px;
  display: flex;
  flex-direction: column;
  width: max-content;
}
._teamsRoot_luyum_1 ._teamBox_luyum_27._disabledTeam_luyum_38 {
  border-left: 6px solid var(--grey-4);
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 ._teamHeader_luyum_41 {
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 ._teamHeader_luyum_41 ._headerButton_luyum_47._deleteBtn_luyum_47 {
  font-size: 17px;
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 ._teamHeader_luyum_41 ._headerButton_luyum_47._editBtn_luyum_50 {
  margin-left: 10px;
  color: var(--grey-4);
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 ._teamHeader_luyum_41 ._headerButton_luyum_47._editBtn_luyum_50:hover {
  color: var(--black-1);
}
._teamsRoot_luyum_1 ._teamBox_luyum_27 ._teamHeader_luyum_41 ._headerButton_luyum_47:active {
  color: green;
}
._teamsRoot_luyum_1 ._add_luyum_60 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--grey-1);
  font-size: 16px;
}
._teamsRoot_luyum_1 ._addIcon_luyum_67 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 28px;
  display: flex;
  justify-content: center;
  color: var(--white);
  background-color: var(--grey-4);
  margin-right: 1rem;
  padding-bottom: 1px;
}
._teamsRoot_luyum_1 ._addIcon_luyum_67:hover {
  color: green;
}
._teamsRoot_luyum_1 ._addIcon_luyum_67:active {
  color: black;
  background: green;
}
._teamsRoot_luyum_1 ._errorLabel_luyum_86 {
  margin-top: 0.5rem;
  font-size: 16px;
  color: var(--watermelon);
}:root {
  --black-0: #223344;
  --black-1: #35495D;
  --black-2: #365169;
  --cobalt-0: #3A556E;
  --cobalt-1: #5E7D99;
  --cobalt-2: #7DA5C9;
  --cobalt-3: #8C97B2;
  --cobalt-4: #91a1ab;
  --cobalt-5: #5f748c;
  --grey-0: #243749;
  --grey-1: #758492;
  --grey-2: #97A1AB;
  --grey-3: #BAC3CB;
  --grey-4: #CED4DB;
  --grey-5: #B2B9C1;
  --grey-6: #8d9094;
  --grey-7: #b0bcc7;
  --lightgrey-1: #E6E9EC;
  --lightgrey-2: #EFF2F5;
  --lightgrey-3: #F1F2F4;
  --lightgrey-4: #FAFAFA;
  --lightgrey-5: rgba(36, 55, 73, 0.2);
  --white: #FFFFFF;
  --blueberry: #457DD0;
  --cyan: #00BFDD;
  --grape: #7874CF;
  --iris: #BB6BD9;
  --menthol: #00A8A2;
  --dragonfruit: #FF74D2;
  --tangerine: #FFAB00;
  --teal: #50E3C2;
  --watermelon: #E64C66;
  --wattle: #FFD500;
  --lime: #8DD543;
  --blue-dark: #485a6c;
  --cyan-dark: #2E81A0;
  --tangerine-dark: #9D792B;
  --red: #FF0000;
  --watermelon-light: #F3AAB6;
  --watermelon-dark: #c91c39;
  --teal-light: #c2f5ea;
  --teal-dark: #3EAE9f;
  --black-highlight: #405264;
  --priority-critical: #E64C66;
  --priority-high: #FFAB00;
  --priority-normal: #00BFDD;
  --priority-critical-disabled: #F9C7D1;
  --priority-high-disabled: #FFE5C0;
  --priority-normal-disabled: #B2EDF4;
  --priority-noColor: transparent;
  --teal-disabled: #B2EDF4;
  --black-1-disabled: #C1C8CE;
  --cobalt-3-disabled: #a7afc2;
  --job-card-modal-margin: 90px;
}

.avatar-white-blueberry {
  --bgcolor: 69, 125, 208;
  --fgcolor: white;
}

.avatar-white-cyan {
  --bgcolor: 0, 191, 221;
  --fgcolor: white;
}

.avatar-black-cyan {
  --bgcolor: 0, 191, 221;
  --fgcolor: #35495D;
}

.avatar-white-grape {
  --bgcolor: 120, 116, 207;
  --fgcolor: white;
}

.avatar-white-iris {
  --bgcolor: 187, 107, 217;
  --fgcolor: white;
}

.avatar-black-iris {
  --bgcolor: 187, 107, 217;
  --fgcolor: #35495D;
}

.avatar-white-dragonfruit {
  --bgcolor: 255, 116, 210;
  --fgcolor: white;
}

.avatar-black-dragonfruit {
  --bgcolor: 255, 116, 210;
  --fgcolor: #35495D;
}

.avatar-white-tangerine {
  --bgcolor: 255, 171, 0;
  --fgcolor: white;
}

.avatar-black-tangerine {
  --bgcolor: 255, 171, 0;
  --fgcolor: #35495D;
}

.avatar-white-teal {
  --bgcolor: 80, 227, 194;
  --fgcolor: white;
}

.avatar-black-teal {
  --bgcolor: 80, 227, 194;
  --fgcolor: #35495D;
}

.avatar-white-watermelon {
  --bgcolor: 230, 76, 102;
  --fgcolor: white;
}

.avatar-black-watermelon {
  --bgcolor: 230, 76, 102;
  --fgcolor: #35495D;
}

.avatar-black-wattle {
  --bgcolor: 255, 213, 0;
  --fgcolor: #35495D;
}

.avatar-black-white {
  --bgcolor: 255, 255, 255;
  --fgcolor: #35495D;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  height: 100%;
  color: var(--black-1);
}

#root {
  min-height: 100%;
  height: 100%;
  display: grid;
}

.ticket-removed {
  animation: remove-ticket 1s;
  animation-fill-mode: forwards;
}

@keyframes remove-ticket {
  90% {
    height: 50px;
  }
  100% {
    transform: translateX(200%);
    height: 0;
    margin: 0;
    border: 0;
    padding: 0;
    opacity: 0;
  }
}
#notification-panel .notification-close-button {
  visibility: hidden;
}
#notification-panel:hover .notification-close-button {
  visibility: visible;
}

#companyId {
  color: var(--black-1);
  font-family: gotham-medium, sans-serif !important;
  font-size: 15px !important;
}

.base-calendar-scroll-handle {
  width: 30px;
  margin: 0 10px;
  opacity: 0;
  transition: opacity 0.1s linear;
  display: flex;
  align-items: center;
  color: var(--grey-4);
}

.active-calendar-scroll-handle {
  color: var(--teal);
}

.gotham-book {
  font-family: "gotham-book", sans-serif;
}

.gotham-medium {
  font-family: "gotham-medium", sans-serif;
}

.spinner {
  animation: spin infinite 2s linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* can't get these to work via theme.js in reasonable time */
.MuiChip-root.Mui-selected {
  color: var(--black-1) !important;
}

.MuiChip-root:hover .MuiChip-deleteIcon {
  color: var(--black-1) !important;
}

.MuiButton-root.Mui-disabled {
  text-shadow: 1px 1px var(--lightgrey-1);
}

.MuiAutocomplete-input {
  margin-right: 20px !important;
}

.WorkLogTab .MuiTab-root {
  border-top: 4px solid var(--lightgrey-3) !important;
  border-left: 2px solid var(--lightgrey-3) !important;
  border-right: 2px solid var(--lightgrey-3) !important;
  border-bottom: 2px solid var(--lightgrey-3) !important;
}
.WorkLogTab .MuiTab-root.Mui-selected {
  color: var(--black-1);
  border-radius: 4px 4px 0px 0px;
  border-top: 4px solid var(--teal) !important;
}
.WorkLogTab .MuiTab-root.Mui-selected:focus {
  color: var(--black-1);
  border-top: 4px solid var(--teal) !important;
  border-left: 2px solid var(--teal) !important;
  border-right: 2px solid var(--teal) !important;
  border-bottom: 2px solid var(--teal) !important;
}
.WorkLogTab .MuiTab-root[data-value=tab-1].Mui-selected {
  color: var(--black-1);
  border-top: 4px solid var(--grape) !important;
}
.WorkLogTab .MuiTab-root[data-value=tab-1].Mui-selected:focus {
  color: var(--black-1);
  border-top: 4px solid var(--grape) !important;
  border-left: 2px solid var(--grape) !important;
  border-right: 2px solid var(--grape) !important;
  border-bottom: 2px solid var(--grape) !important;
}

.ContextTab .MuiTab-root.Mui-selected {
  color: var(--black-1);
}

.MuiFab-root:hover {
  background-color: var(--lightgrey-1) !important;
}

.MuiFab-root.grey-background:hover {
  background-color: var(--grey-4) !important; /* #090c1933; */
}

.MuiTabs-indicator {
  display: none;
}

.flexGrow {
  flex-grow: 1;
}

.chat-box {
  background-color: rgba(var(--bgcolor), 0.5) !important;
  border: 0;
  color: #35495D !important;
}

.chat-box-user {
  background-color: var(--grey-4) !important;
  border: 0;
  color: #35495D !important;
}

.worklog-box {
  background-color: transparent !important;
  border: 1px solid rgb(var(--bgcolor)) !important;
}

.worklog-box-user {
  background-color: transparent !important;
  border: 1px solid var(--grey-4) !important;
}

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

.avatar-icon {
  background-color: rgb(var(--bgcolor)) !important;
  border: 0;
  color: var(--fgcolor) !important;
}

.tooltip {
  max-width: 500px;
}
.tooltip .highlight {
  font-family: gotham-medium, sans-serif;
}

.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
  border-color: var(--watermelon) !important;
}

.MuiFormHelperText-root.Mui-error {
  color: var(--watermelon) !important;
}

input[name=TimeEntry] {
  height: 7px;
  font-size: 12px;
  margin-top: 0.08rem;
  margin-left: 0.473rem;
  font-variant-numeric: tabular-nums;
  vertical-align: center;
}

input[name=title] {
  font-family: gotham-medium, sans-serif;
}

/*# sourceMappingURL=baseCss.css.map */
@font-face {
	font-family: 'gotham-book';
	font-style: normal;
	font-weight: 400;
	font-display: block;

	src: url(/assets/GothamSSm-Book-2bgLI4Kq.woff2);
}

@font-face {
	font-family: 'gotham-medium';
	font-style: normal;
	font-weight: 500;
	font-display: block;

	src: url(/assets/GothamSSm-Medium-DLCRFqVI.woff2);
}

@font-face{
	font-family: 'baloo2-bold';
	font-style: normal;
	font-weight: 700;
	font-display: block;

	src: url(/assets/Baloo2-Bold-YRN1y82b.woff2);
}

@font-face{
	font-family: 'sourcecodepro-regular';
	font-style: normal;
	font-weight: 500;
	font-display: block;

	src: url(/assets/sourcecodepro-regular-webfont-Db8EiMHu.woff2);
}

@font-face{
	font-family: 'sourcecodepro-bold';
	font-style: normal;
	font-weight: 400;
	font-display: block;

	src: url(/assets/sourcecodepro-boldit-webfont-ECvc7OvJ.woff2);
}
._errorBoundaryRoot_g87ae_1 {
  font-family: "gotham-book", sans-serif;
  background-color: var(--lightgrey-1);
  margin: 2rem;
  padding: 2rem;
  border-radius: 1rem;
  user-select: none;
}
._errorBoundaryRoot_g87ae_1 ._errorSection_g87ae_9 {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
._errorBoundaryRoot_g87ae_1 ._errorSection_g87ae_9 ._errorSectionLabel_g87ae_15 {
  width: 15rem;
}
._errorBoundaryRoot_g87ae_1 ._errorSection_g87ae_9 ._errorSectionContent_g87ae_18 {
  flex-grow: 1;
  background-color: var(--grey-4);
  white-space: pre-wrap;
  border-radius: 0.25rem;
  padding: 0.25rem;
  user-select: text;
}
._errorBoundaryRoot_g87ae_1 ._userMessage_g87ae_26 {
  margin-top: 3rem;
}
._errorBoundaryRoot_g87ae_1 ._reloadMessage_g87ae_29 {
  margin-top: 3rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--grey-4);
  border-radius: 1rem;
}