* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body {
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}
:root {
  --background-color: #0c0e13;
  --home-background-color: #222f3c;
  --text-color: white;
  --text-labe-colorl: #a2a0a2;
  --text-disabled-color: #7c797c;
  --border-input-color: #333;
  --border-input-focus-color: #f6f6f6;
  --border-outer-color: #606060;
  --border-inner-color: #333;
  --shadow-color: black;
  --button-background-color: #202020;
  --button-text-color: white;
  --button-hover-color: #1a1c22;
  --button-outline-color: rgba(153, 153, 153, 0.75);
  --cta-color: #2196f3;
  --cta-hover-color: #51adf6;
  --cta-text-color: #0c0e13;
  --grid-line-color: #222f3c;
  --grid-row-color: #020203;
  --grid-accent-color: #bbe7ff;
  --grid-hover-color: #2b3c4c;
  --grid-selection-color: #222f3c;
  --header-background-color: #060606;
  --header-text-color: #f0f0f0;
  --menu-background-color: #11141b;
  --menu-highlight-color: #252b3a;
  --menu-text-color: #e6e6e6;
  --expandable-text-color: white;
  --expandable-background-color: #0d131c;
  --polarized-accent-color: #060606;
  --fb-hover-text-color: #bbe7ff;
  --fb-hover-background-color: #1d2b3f;
}
body,
input,
select {
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  font-weight: 300;
  background-color: #0c0e13;
}
::selection {
  color: white !important;
  background-color: #08528d !important;
}
#Essembi {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
div,
span,
p,
a,
button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
@font-face {
  font-family: 'Material Icons Round';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons Round'), url(../3p/MaterialIcons/Material-Icons-Round.woff2) format('woff2'), url(../3p/MaterialIcons/Material-Icons-Round.woff) format('woff'), url(../3p/MaterialIcons/Material-Icons-Round.otf) format('opentype');
}
@font-face {
  font-family: "codicon";
  src: url(../dist/184be8c3aa435ca6c3f5.ttf);
}
@media only screen and (max-width: 1080px) {
  .HideSmallScreen {
    display: none;
  }
}
:root {
  font-size: 14px;
  font-size: clamp(12px, 0.73vmax, 14px);
}
@media only screen and (min-width: 600px) {
  :root.IsMobile {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1080px) {
  :root.IsMobile {
    font-size: 12px;
  }
}
.ButtonCaption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MaterialIcons {
  font-family: 'Material Icons Round';
  font-weight: normal;
  font-style: normal;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.bi {
  font-family: 'Bootstrap Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.6662rem;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.react-grid-layout {
  transition: none !important;
}
.react-grid-item {
  transition-duration: 50ms !important;
}
.Loading {
  position: absolute;
  inset: 0 0 0 0;
  background-image: url(../3p/loadingio/Pulse-0.9s-197px.gif);
  background-repeat: no-repeat;
  background-position: center center;
  filter: blur(2px);
  backdrop-filter: blur(2px);
  pointer-events: none;
  transition: opacity 150ms ease;
  opacity: 0;
}
.Loading.LoadingActive {
  opacity: 0.75;
}
.Loader {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1rem;
  min-height: 1rem;
  overflow: hidden;
}
.Loader .LoaderAnim {
  border: 1rem solid #606060;
  border-top: 1rem solid #2196f3;
  border-radius: 50%;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  animation: spin 2s linear infinite;
  aspect-ratio: 1;
  max-width: 10rem;
  max-height: 10rem;
  margin: 2.5%;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Button.FileButton {
  border: 1px solid white;
  display: inline-block;
  margin: 0;
  padding: 0.25rem 0.75rem !important;
  height: auto;
  position: relative;
  top: -0.25rem;
}
.Dim {
  opacity: 0.5;
}
.react-resizable-handle {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
.HorizontalRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.HorizontalRow .ButtonGroup {
  width: auto !important;
}
.HorizontalRow .ButtonGroup .Button {
  margin-top: 1.8rem;
  height: 1.95rem;
  padding: 0;
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
  border-radius: 0.3331rem;
}
.HorizontalRow .ButtonGroup .Button .bi {
  height: 1.95rem;
  padding-left: 0.6662rem;
  margin-top: 0.2rem;
  margin-bottom: 0;
}
.HorizontalRow .ButtonGroup .Button .ButtonCaption {
  padding-right: 0.6662rem;
}
.HorizontalRow > .Input {
  flex-shrink: 1;
  flex-grow: 1;
  width: unset;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.HelpIcon > .bi {
  font-size: 0.75rem !important;
  margin-left: 0.7rem;
  opacity: 0.4;
  padding-right: 0.1rem;
}
.HelpIcon .HelpContent {
  font-size: 0.85rem;
  font-weight: 400;
  padding: 0.75rem;
  color: #a2a0a2;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.4;
  overflow-y: auto;
}
#Essembi404 {
  background-color: white;
  color: black;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
#Essembi404 a img {
  width: 240px;
  margin-bottom: 100px;
}
#Essembi404 #404box h1 {
  font-size: 24px;
  font-weight: bold;
}
#Essembi404 #404box p {
  text-align: center;
  margin-bottom: 20px;
}
#Essembi404 #404box ul {
  margin-left: 50px;
  text-align: left;
}
#Essembi404 #404box ul li {
  margin-bottom: 10px;
}
#Essembi404 #404box ul a {
  color: blue;
}
:root {
  color-scheme: dark;
}
.intercom-lightweight-app .intercom-lightweight-app-launcher {
  background-color: rgba(37, 43, 58, 0.5) !important;
}
.intercom-lightweight-app .intercom-lightweight-app-launcher svg > path {
  fill: #a2a0a2 !important;
}
.intercom-dfosxs,
.intercom-lightweight-app-launcher {
  bottom: 30px !important;
  right: 30px !important;
  transform: scale(0.75);
}
.LegalTerms {
  text-align: center;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  opacity: 0.75;
}
.AuthButton {
  text-align: center;
  margin: 0.3331rem;
}
.AuthButton .AuthButtonInner {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  border: 0.0831rem solid white;
  padding: 0.6662rem 1rem;
  margin: 0 auto;
  border-radius: 0.3331rem;
  text-decoration: none;
  transition: border-color ease 150ms;
}
.AuthButton .AuthButtonInner svg {
  margin-top: 0.0831rem;
  width: 21px;
  height: 21px;
}
.AuthButton .AuthButtonInner p {
  color: white;
  margin: 0;
  padding-left: 0.6662rem;
  font-weight: 500;
  display: inherit;
  padding-top: 0.15rem !important;
  white-space: nowrap;
  transition: color ease 150ms;
}
.AuthButton .AuthButtonInner:hover {
  border-color: #2196f3;
}
.AuthButton .AuthButtonInner:hover p {
  color: #2196f3;
}
@media only screen and (min-width: 600px) and (max-width: 1080px) {
  .AuthButton .AuthButtonInner svg {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 600px) {
  .AuthButton .AuthButtonInner svg {
    width: 15px;
    height: 15px;
  }
}
.DynamicFlyout {
  position: fixed;
  z-index: 999;
  border: 0.0831rem solid #606060;
  border-radius: 0.3331rem;
  background-color: #0c0e13;
  box-shadow: 0 0.25rem 2rem 0.25rem black;
  transition: height ease 50ms, width ease 50ms, opacity ease 150ms;
  opacity: 0;
}
.DynamicFlyout .DynamicFlyoutInner {
  width: 100%;
  height: 100%;
  border-radius: 0.3331rem;
  overflow: hidden;
}
.DynamicFlyout .DynamicFlyoutInner > .Loader {
  width: 100%;
  height: 100%;
}
.DynamicFlyout.RenderAbove > .BelowCaret {
  display: none;
}
.DynamicFlyout.RenderBelow > .AboveCaret {
  display: none;
}
.DynamicFlyout > .AboveCaret,
.DynamicFlyout > .BelowCaret {
  position: absolute;
  color: #606060;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  pointer-events: none;
  padding: 0 0.85rem;
}
.DynamicFlyout.RightCaret > .AboveCaret,
.DynamicFlyout.RightCaret > .BelowCaret {
  display: none;
}
.DynamicFlyout.LeftCaret > .AboveCaret,
.DynamicFlyout.LeftCaret > .BelowCaret {
  display: none;
}
.DynamicFlyout > .AboveCaret {
  bottom: -1.35rem;
}
.DynamicFlyout > .BelowCaret {
  top: -1.25rem;
}
.DynamicFlyout.Loaded {
  opacity: 1;
}
.DynamicFlyout.HideYScrollbar .GridBodyRight {
  display: none !important;
}
.DynamicFlyout.HideXScrollbar .GridScroller {
  display: none;
}
.DynamicFlyout.HideXScrollbar .GridBodySection {
  width: 100% !important;
}
.GridMenu > .DynamicFlyoutInner {
  display: flex;
  flex-direction: column;
}
.GridMenu.RenderAbove > .DynamicFlyoutInner {
  flex-direction: column-reverse;
}
.GridMenuOption {
  display: inline-flex;
  flex-direction: row;
  height: 2rem;
  width: 100%;
  cursor: pointer;
  transition: background-color ease 150ms, color ease 150ms;
}
.GridMenuOption .bi {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0.8rem;
  width: 2rem;
  text-align: center;
  line-height: 2rem;
}
.GridMenuOption p {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  padding: 0 0.1rem 0 0;
  font-size: 0.9rem;
  line-height: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GridMenuOption:hover {
  background-color: #2b3c4c;
  color: #2196f3;
}
.GridMenuOption.CTAGridMenuOption {
  background-color: #2196f3;
  color: #0c0e13;
}
.GridMenuOption.CTAGridMenuOption p {
  font-weight: 400;
}
.GridMenuOption.CTAGridMenuOption:hover {
  background-color: #51adf6;
  color: #0c0e13;
}
.GridMenuOption.CTAGridMenuOption:not(:first-child) {
  border-top-left-radius: 0.3331rem;
  border-top-right-radius: 0.3331rem;
}
.GridMenuOption.CTAGridMenuOption:not(:last-child) {
  border-bottom-left-radius: 0.3331rem;
  border-bottom-right-radius: 0.3331rem;
}
.Fadeable-enter,
.Fadeable-appear {
  transition: opacity ease 300ms;
  opacity: 0;
}
.Fadeable-enter-active,
.Fadeable-appear-active {
  transition: opacity ease 300ms;
  opacity: 1;
}
.Fadeable-enter-done,
.Fadeable-appear-done {
  transition: opacity ease 300ms;
  opacity: 1;
}
.Fadeable-exit {
  transition: opacity ease 300ms;
  opacity: 1;
}
.Fadeable-exit-active {
  transition: opacity ease 300ms;
  opacity: 0;
}
.Fadeable-exit-done {
  transition: opacity ease 300ms;
  opacity: 0;
}
.ValidationsFlyout {
  opacity: 0.95;
  position: fixed;
  bottom: 1rem;
  z-index: 999;
  margin: -1.875rem 0 0 -1.3331rem;
}
.ValidationsFlyout .ValidationsFlyout-base,
.ValidationsFlyout .ValidationsFlyout-enter {
  position: fixed;
  opacity: 0;
  display: none;
}
.ValidationsFlyout .ValidationsFlyout-enter-active {
  opacity: 1;
  transition: opacity ease 150ms;
  display: inline;
}
.ValidationsFlyout .ValidationsFlyout-enter-done {
  opacity: 1;
  display: inline;
}
.ValidationsFlyout .ValidationsFlyout-exit {
  opacity: 1;
  display: inline;
}
.ValidationsFlyout .ValidationsFlyout-exit-active {
  opacity: 0;
  display: none;
  transition: opacity ease 150ms;
  display: inline;
}
.ValidationsFlyout .ValidationsFlyout-exit-done {
  opacity: 0;
  display: none;
}
.ValidationsFlyout .ValidationsFlyoutBody {
  position: absolute;
  border: 0.0831rem solid #2196f3;
  border-radius: 0.3331rem;
  background: #000000;
  bottom: -0.8331rem;
  min-width: 7.1662rem;
  min-height: 2rem;
  padding: 0.3331rem;
  font-size: 0.8331rem;
}
.ValidationsFlyout .ValidationsFlyoutBody ul {
  list-style-type: none;
  margin: 0;
  padding: 0.1662rem 0.6662rem 0.1662rem 1.3331rem;
}
.ValidationsFlyout .ValidationsFlyoutBody ul li.Validation {
  white-space: nowrap;
  padding: 0.1662rem 0pt;
}
.ValidationsFlyout .ValidationsFlyoutBody ul li.Validation span.bi {
  font-size: inherit;
  padding: 0 0.1662rem;
  position: relative;
  top: 0.1662rem;
}
.ValidationsFlyout .ValidationsFlyoutBody ul .Valid {
  color: #70d100;
}
.ValidationsFlyout .ValidationsFlyoutBody ul .Invalid {
  color: #eb4b46;
}
.ValidationsFlyout .ValidationsFlyoutCaret {
  position: absolute;
  border: 0.0831rem solid #2196f3;
  border-radius: 0.3331rem;
  width: 1.3331rem;
  height: 1.3331rem;
  transform: rotate(45deg);
  background: #2196f3;
  left: 1rem;
}
@keyframes fadeInExpandableControl {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.UserIconCircle {
  width: 1.6662rem;
  height: 1.6662rem;
  border-radius: 1.6662rem;
  font-size: 0.7rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.6662rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-position: center;
  background-size: cover;
}
.UserIconCircle.DarkText {
  color: black;
}
.UserIconCircle.LightText {
  color: white;
}
.TeamIconCircle {
  width: 1.6662rem;
  height: 1.6662rem;
  border-radius: 1.6662rem;
  font-size: 1rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.6662rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-position: center;
  background-size: cover;
}
.TeamIconCircle.DarkText {
  color: black;
}
.TeamIconCircle.LightText {
  color: white;
}
.Input {
  width: 100%;
  position: relative;
  margin-top: 0.6662rem;
  margin-bottom: 0.6662rem;
  height: 3.3324rem;
  color: white;
}
.Input .Label {
  position: absolute;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-bottom: 0.25rem;
  transition: font-size ease 150ms, line-height ease 150ms, margin ease 150ms;
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-top: 1rem;
}
.Input .Label.SmallLabel {
  color: #a2a0a2;
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin-top: -0.3331rem;
  font-weight: 400;
}
.Input .Label.SmallLabel .HelpIcon .bi {
  margin-left: 0.35rem;
}
.Input .Label .InputLabelValidationError {
  font-size: 0.5rem;
  margin: 0 0.1662rem;
  display: block;
  float: right;
  color: #eb4b46;
}
.Input .Label .InputLabelValidationErrorNotification {
  display: block;
  position: absolute;
  opacity: 0;
  font-size: 0.3331rem;
  transform: translate(0.0831rem, 0rem);
}
.Input .Label .InputLabelValidationErrorNotification-enter {
  opacity: 0;
  font-size: 0.3331rem;
  transform: translate(0.0831rem, 0rem);
}
.Input .Label .InputLabelValidationErrorNotification-enter-active {
  opacity: 1;
  font-size: 1.9993rem / 2;
  transform: translate(-0.5rem / 2, -0.75rem / 2);
  transition: transform linear 150ms, font-size linear 150ms, opacity linear 150ms;
}
.Input .Label .InputLabelValidationErrorNotification-enter-done {
  opacity: 1;
  font-size: 1.9993rem / 2;
  transform: translate(-0.5rem / 2, -0.75rem / 2);
}
.Input .Label .InputLabelValidationErrorNotification-exit {
  opacity: 1;
  font-size: 1.9993rem / 2;
  transform: translate(-0.5rem / 2, -0.75rem / 2);
}
.Input .Label .InputLabelValidationErrorNotification-exit-active {
  opacity: 0;
  font-size: 1.6662rem;
  transform: translate(-0.5831rem, -0.75rem);
  transition: transform linear 150ms, font-size linear 150ms, opacity linear 150ms;
}
.Input .Label .InputLabelValidationErrorNotification-exit-done {
  opacity: 0;
  font-size: 1.6662rem;
  transform: translate(-0.5831rem, -0.75rem);
}
.Input .Label.DisabledLabel {
  color: rgba(162, 160, 162, 0.5) !important;
}
.Input > span > input,
.Input > span > .InputContainer,
.Input .DropDownSearchStarter,
.Input .ChronologyInput {
  width: 100%;
  height: 2.6662rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 0.0831rem solid #333;
  outline: none;
  position: absolute;
  background: transparent;
  padding: 0.75rem 0.75rem 0.25rem;
  margin-top: 0.3331rem;
  font-size: 0.9rem;
  font-family: 'Poppins', sans-serif;
  color: white;
}
.Input > span > input.NumericInput,
.Input > span > .InputContainer.NumericInput,
.Input .DropDownSearchStarter.NumericInput,
.Input .ChronologyInput.NumericInput {
  text-align: right;
}
.Input > span > input.InputUnderline-enter,
.Input > span > .InputContainer.InputUnderline-enter,
.Input .DropDownSearchStarter.InputUnderline-enter,
.Input .ChronologyInput.InputUnderline-enter {
  border-bottom-color: #333;
}
.Input > span > input.InputUnderline-enter-active,
.Input > span > .InputContainer.InputUnderline-enter-active,
.Input .DropDownSearchStarter.InputUnderline-enter-active,
.Input .ChronologyInput.InputUnderline-enter-active {
  border-bottom-color: #f6f6f6;
  transition: border-bottom-color ease 150ms;
}
.Input > span > input.InputUnderline-enter-done,
.Input > span > .InputContainer.InputUnderline-enter-done,
.Input .DropDownSearchStarter.InputUnderline-enter-done,
.Input .ChronologyInput.InputUnderline-enter-done {
  border-bottom-color: #f6f6f6;
}
.Input > span > input.InputUnderline-exit,
.Input > span > .InputContainer.InputUnderline-exit,
.Input .DropDownSearchStarter.InputUnderline-exit,
.Input .ChronologyInput.InputUnderline-exit {
  border-bottom-color: #f6f6f6;
}
.Input > span > input.InputUnderline-exit-active,
.Input > span > .InputContainer.InputUnderline-exit-active,
.Input .DropDownSearchStarter.InputUnderline-exit-active,
.Input .ChronologyInput.InputUnderline-exit-active {
  border-bottom-color: #333;
  transition: border-bottom-color ease 150ms;
}
.Input > span > input.InputUnderline-exit-done,
.Input > span > .InputContainer.InputUnderline-exit-done,
.Input .DropDownSearchStarter.InputUnderline-exit-done,
.Input .ChronologyInput.InputUnderline-exit-done {
  border-bottom-color: #333;
}
.Input.DisabledInput {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.Input.DisabledInput .Label {
  color: #7c797c;
}
.Input.DisabledInput .InputButton {
  display: none;
}
.Input .InputContainer > input:not(.DropDownSearchStarter) {
  border-bottom: none;
  padding: 0;
  margin: 0;
  height: auto;
}
.Input span.ToggleInputCheckBox {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-size: 1.1rem;
  margin-right: 0.6662rem;
  cursor: pointer;
}
.Input span.ToggleInputCheckBox:focus {
  outline: none;
  color: #2196f3;
}
.Input span.ToggleInputCheckBox.NullValue {
  opacity: 0.5;
}
.Input .InputButton {
  position: absolute;
  padding-top: 0.25rem;
  right: 0;
  height: 2.6662rem;
  width: 2.6662rem;
  text-align: center;
  line-height: 0.9rem;
  cursor: pointer;
  color: #a2a0a2;
  font-size: 0.8rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
@media only screen and (min-width: 600px) {
  .Input .InputButton {
    display: none;
  }
}
.Input .InputButton:hover {
  color: #2196f3;
}
.Input:hover .InputButton {
  display: block;
}
.Input .LinkButton {
  font-size: 1.25rem;
  padding-top: 1.35rem;
  background-color: #0c0e13;
  display: block !important;
}
.Input .EmailButton {
  font-size: 1rem;
  padding-top: 1.3rem;
  background-color: #0c0e13;
}
.Input.Counter .Label {
  color: #7c797c !important;
}
.Input.Counter > .CounterValue {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0.7;
}
.Input .CounterValue {
  color: #7c797c !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Input .RatingInput {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  cursor: pointer;
  transition: color ease 150ms;
  margin-top: 0.5rem;
}
.Input .RatingInput:hover {
  color: #2196f3;
}
.Input .RatingInput > span {
  display: inline-block;
  margin-top: 0.6662rem;
  font-size: 1.1662rem;
  position: relative;
  padding: 0 0.1331rem;
}
.Input .RatingInput > span span {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  bottom: 0.1875rem;
  z-index: 1;
}
.Input .RatingInput > span span:nth-of-type(2n) {
  left: 50%;
}
.Input .OpenDropDownSearchAll {
  width: 100%;
  height: 2.5rem;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 0.0831rem solid #333;
  outline: none;
  position: absolute;
  background: transparent;
  padding: 0.6662rem;
  color: white;
  font-size: 0.9rem;
}
.ToggleInput {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ToggleInput > .InputInnerSpan {
  display: flex;
}
.ToggleInput > .InputInnerSpan > span.LabelContainer {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ToggleInput > .InputInnerSpan > span.LabelContainer > .Label {
  margin-top: 0;
  padding-bottom: 0;
}
.ToggleInput.DisabledInput span.ToggleInputCheckBox {
  opacity: 0.7;
}
.InputInnerSpan input:-webkit-autofill + span label {
  margin-top: -0.3331rem;
  color: #a2a0a2;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 400;
}
.InputInnerSpan ::placeholder {
  font-style: italic;
}
.InputInnerSpan .InputContainer > .ChronologyInput {
  padding-right: 2.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.OnInput > span {
  display: flex;
  flex-wrap: nowrap;
}
.OnInput > span span.ToggleInputCheckBox {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: unset;
  font-size: 3rem;
}
.OnInput > span span:not(.ToggleInputCheckBox) {
  flex-grow: 1;
  flex-shrink: 1;
  width: 0;
  text-align: center;
  transition: opacity ease 150ms;
}
.OnInput > span span:not(.ToggleInputCheckBox) .Label {
  position: unset;
  display: inline-block;
  cursor: pointer;
}
.OnInput.On > span span:first-child {
  opacity: 0.5;
}
.OnInput.Off > span span:last-child {
  opacity: 0.5;
}
.UploadInput span.UploadInputInner {
  opacity: 0.5;
  position: absolute;
  inset: -0.8331rem 0 0 50%;
  border-radius: 0.3331rem;
  border: 0.0831rem dashed transparent;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color ease 150ms, background-color ease 150ms, color ease 150ms, opacity ease 150ms;
}
.UploadInput span.UploadInputInner .HoverText {
  position: absolute;
  color: #0c0e13;
  font-size: 0.75rem;
  line-height: 0.9rem;
  font-weight: 400;
  text-align: left;
  padding: 0.25rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: border-color ease 150ms, color ease 150ms, opacity ease 150ms;
}
.UploadInput span.UploadInputInner .bi {
  font-size: 1rem;
  text-align: right;
  position: absolute;
  right: 0.3331rem;
  padding-top: 1.8rem;
  margin-left: 80%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: border-color ease 150ms, color ease 150ms, opacity ease 150ms;
}
.UploadInput span.UploadInputInner input.BackgroundFileInput {
  width: 0;
  height: 0;
  opacity: 0;
}
.UploadInput:not(.DisabledInput) span.UploadInputInner:hover {
  border-color: #2196f3;
  background-color: rgba(33, 150, 243, 0.1);
  opacity: 1;
}
.UploadInput:not(.DisabledInput) span.UploadInputInner:hover .bi {
  color: #2196f3;
}
.UploadInput:not(.DisabledInput) span.UploadInputInner:hover .HoverText {
  color: #2196f3;
}
.UploadInput.DragOver span.UploadInputInner {
  border-color: #2196f3;
  background-color: rgba(33, 150, 243, 0.1);
  opacity: 1;
}
.UploadInput.DragOver .bi {
  color: #2196f3;
}
.UploadInput.DragOver .HoverText {
  color: #2196f3;
}
.UploadInput .UploadedFile {
  position: absolute;
  height: 100%;
  left: 0.6662rem;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
}
.UploadInput .UploadedFile .FileData {
  position: absolute;
  inset: 0 2.6662rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.UploadInput .UploadedFile .FileData .FileName,
.UploadInput .UploadedFile .FileData .FileSize {
  flex-grow: 0;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.UploadInput .UploadedFile .FileData .FileSize {
  color: #888;
}
.UploadInput .UploadedFile .FileExt {
  background: #060606;
  position: absolute;
  top: -0.3331rem;
  height: 2rem;
  left: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 0.3331rem 0.5rem;
  font-size: 0.6662rem;
  font-family: monospace;
  border-radius: 0.3331rem;
  font-weight: 500;
  line-height: 1.3331rem;
}
.UploadInput .UploadedFile .FileThumb {
  background: #060606;
  position: absolute;
  top: -0.3331rem;
  height: 2rem;
  left: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border-radius: 0.3331rem;
  aspect-ratio: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@-webkit-keyframes ProgressBarStripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes ProgressBarStripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes ProgressBarStripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.UploadInput .Progress {
  height: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.UploadInput .ProgressBar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 10px;
  color: #fff;
  text-align: center;
  background-color: #41bda8;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.UploadInput .ProgressStriped .ProgressBar,
.UploadInput .ProgressBarStriped {
  width: 100%;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.UploadInput .Progress.Active .ProgressBar,
.UploadInput .ProgressBar.Active {
  width: 100%;
  -webkit-animation: ProgressBarStripes 2s linear infinite;
  -o-animation: ProgressBarStripes 2s linear infinite;
  animation: ProgressBarStripes 2s linear infinite;
}
.Input.CodeInput {
  height: 100%;
  position: relative;
}
.Input.CodeInput > .InputInnerSpan {
  position: absolute;
  inset: 0 0 0 0;
}
.Input.CodeInput > .InputInnerSpan > div {
  height: calc(100% - 1rem);
  margin-top: 1rem;
}
.Input.CodeInput > .InputInnerSpan > div > div {
  height: 100%;
}
.Input.CodeInput > .InputInnerSpan > div > div .monaco-hover {
  position: fixed;
}
.InputModalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.InputModalOverlay .InputModalVideo {
  max-width: 90%;
  max-height: 70%;
  border: 0.1662rem solid #1a1c22;
  border-radius: 0.3331rem;
}
.InputModalOverlay .InputModalButtonContainer {
  margin-top: 1.6662rem;
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  align-items: center;
}
.InputModalOverlay .InputModalCaptureButton {
  padding: 1.25rem 2.5rem;
  font-size: 1.3331rem;
  background: #2196f3;
  color: #0c0e13;
  border: none;
  border-radius: 0.3331rem;
  cursor: pointer;
  min-width: 13.3331rem;
  height: 4.3331rem;
  font-weight: 500;
  transition: background-color ease 150ms;
}
.InputModalOverlay .InputModalCancelButton {
  padding: 1.25rem 2.5rem;
  font-size: 1.3331rem;
  background: #7c797c;
  color: white;
  border: none;
  border-radius: 0.3331rem;
  cursor: pointer;
  min-width: 13.3331rem;
  height: 4.3331rem;
  font-weight: 500;
  transition: background-color ease 150ms;
}
.DisabledInput .DropDownValue {
  opacity: 0.5 !important;
}
.DropDownValue {
  cursor: pointer;
}
.DropDownValue .DropDownColor {
  border-radius: 2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.5rem;
  bottom: 0.3rem;
  opacity: 0.8;
}
.DropDownValue:hover .DropDownColor {
  opacity: 1;
}
.DropDownValue.BlackText,
.DropDownValue.BlackText .InputButton {
  color: black !important;
}
.DropDownValue.WhiteText,
.DropDownValue.WhiteText .InputButton {
  color: white !important;
}
.DropDownValue.ColorHighlight .DropDownColor {
  opacity: 1;
}
.DropDownValue .DropDownDisplay {
  position: absolute;
  top: 0.3331rem;
  right: 2rem;
  left: 0.6662rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.DropDownValue .DropDownDisplay + .DropDownColor {
  opacity: 1;
}
.DropDownValue .DropDownDisplay > span {
  line-height: 1rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.DropDownValue .DropDownDisplay > span .NoTitle {
  line-height: 2.1662rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-block;
}
.DropDownValue .DropDownDisplay > span:not(:last-child) {
  padding-right: 1.3331rem;
}
.DropDownValue .DropDownDisplay > span h1,
.DropDownValue .DropDownDisplay > span p,
.DropDownValue .DropDownDisplay > span p .bi {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.DropDownValue .DropDownDisplay > span h1 {
  font-weight: normal;
  font-size: 0.5rem;
  opacity: 0.5;
}
.DropDownValue .DropDownDisplay > span p {
  font-size: 0.9rem;
}
.DropDownValue .DropDownDisplay > span p .bi {
  font-size: 0.8rem;
}
.DropDownValue .DropDownDisplay > span .ColorCell {
  border-radius: 2.5rem;
  margin-top: 1rem;
  margin-right: 0.3331rem;
}
.DropDownValue .DropDownSearchStarter {
  border: none;
  outline: none;
  top: -0.1662rem;
  padding-left: 0;
  cursor: pointer;
}
.DropDownValue.HasColor .InputButton {
  display: none !important;
}
.OpenDropDown ::placeholder {
  opacity: 0.25;
}
.OpenDropDown .OpenDropDownSearchAll {
  width: 100%;
  position: absolute;
}
.OpenDropDown.RenderAbove .Grid {
  top: 0;
  bottom: 2.5rem;
  border-top-right-radius: 0.3331rem;
  border-top-left-radius: 0.3331rem;
}
.OpenDropDown.RenderAbove .OpenDropDownSearchAll {
  bottom: 0;
}
.OpenDropDown.RenderBelow .Grid {
  top: 2.5rem;
  bottom: 0;
  border-bottom-right-radius: 0.3331rem;
  border-bottom-left-radius: 0.3331rem;
}
.OpenDropDown.RenderBelow .OpenDropDownSearchAll {
  top: 0;
}
.OpenDropDown .Grid {
  background-color: #020203;
  height: unset;
  min-height: unset;
}
.OpenDropDown .Grid .GridButtons {
  border-bottom: 0.0831rem solid #333;
  display: flex;
  justify-content: space-between;
}
.OpenDropDown .Grid .GridButtons .ButtonsExpander {
  display: none;
}
.OpenDropDown .Grid .GridButtons .CaptionedGridButton {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}
.OpenDropDown .Grid .GridButtons .CaptionedGridButton:not(.DisabledButton):hover {
  background-color: #222f3c;
}
.OpenDropDown .Grid .GridBody .GridBodyRight {
  scrollbar-color: initial !important;
}
.OpenDropDown .Grid .GridBody .GridCell * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.OpenDropDown .Grid .GridBody .GridRow,
.OpenDropDown .Grid .GridBody .GridCell {
  cursor: pointer;
}
.OpenDropDown .Grid .GridScroller .GridScrollerSection {
  scrollbar-color: initial !important;
}
.OpenDropDown .RecordCount,
.OpenDropDown .RefreshButton {
  display: none;
}
.OpenDropDown .InputButton {
  line-height: 2rem;
}
.UserInputData {
  display: flex;
  justify-content: start;
  flex-direction: row;
  white-space: nowrap;
}
.UserInputData > .UserIconCircle {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.3331rem;
}
.UserInputData > span {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1.25rem;
}
.UserInputData > span {
  margin-top: 0.2rem;
}
.TeamInputData {
  display: flex;
  justify-content: start;
  flex-direction: row;
  white-space: nowrap;
}
.TeamInputData > .TeamIconCircle {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.3331rem;
}
.TeamInputData > span {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1.25rem;
}
.TeamInputData > span {
  margin-top: 0.2rem;
}
.LongTextInput {
  height: calc(100% - 1rem);
}
.LongTextInput .LongTextEditor {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0.75rem;
  bottom: 0;
  overflow-y: visible;
}
.LongTextInput .LongTextEditor .codex-editor:not(.Focused) {
  z-index: 0 !important;
}
.LongTextInput .LongTextEditor .codex-editor.Focused {
  z-index: 1;
}
.LongTextInput .LongTextEditor .codex-editor code.inline-code {
  font-weight: bold;
  font-family: monospace;
  background-color: #060606;
}
.LongTextInput .LongTextEditor .codex-editor .codex-editor__redactor {
  padding-bottom: 0 !important;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
  right: unset;
  left: 0;
  max-height: unset;
  min-width: 14rem;
  width: 14rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item {
  transition: background-color ease 150ms;
  color: white;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item .ce-popover-item__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item:hover {
  background-color: #020203;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item:hover .ce-popover-item__icon {
  border: 0.0831rem solid #333;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item:hover {
  background-color: #2b3c4c;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .cdx-search-field {
  background-color: #020203;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .cdx-search-field input {
  color: white;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item__secondary-title {
  display: none;
}
.LongTextInput .LongTextEditor .codex-editor .ce-popover__container .ce-popover-item__title {
  font-size: 0.9rem;
  margin-left: 0.5rem;
  margin-top: 0.1rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-inline-toolbar {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-inline-toolbar .ce-inline-toolbar__dropdown,
.LongTextInput .LongTextEditor .codex-editor .ce-inline-toolbar button {
  transition: background-color ease 150ms;
  border-radius: 0.3331rem;
  color: white;
}
.LongTextInput .LongTextEditor .codex-editor .ce-inline-toolbar .ce-inline-toolbar__dropdown:hover,
.LongTextInput .LongTextEditor .codex-editor .ce-inline-toolbar button:hover {
  background-color: #020203;
}
.LongTextInput .LongTextEditor .codex-editor .ce-conversion-toolbar {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-conversion-toolbar .ce-conversion-tool {
  transition: background-color ease 150ms;
  color: white;
}
.LongTextInput .LongTextEditor .codex-editor .ce-conversion-toolbar .ce-conversion-tool .ce-conversion-tool__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-conversion-toolbar .ce-conversion-tool:hover {
  background-color: #020203;
}
.LongTextInput .LongTextEditor .codex-editor .ce-conversion-toolbar .ce-conversion-tool:hover .ce-conversion-tool__icon {
  border: 0.0831rem solid #333;
}
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar__plus,
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar__settings-btn {
  color: #606060;
}
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar__plus:hover,
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar__settings-btn:hover {
  background-color: #0c0e13;
}
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar .ce-toolbar__content {
  position: unset;
}
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar .ce-toolbar__content .ce-toolbar__actions {
  right: unset;
  left: 0.1662rem;
}
.LongTextInput .LongTextEditor .codex-editor .ce-toolbar .cdx-search-field {
  display: none;
}
.LongTextInput .LongTextEditor .codex-editor .ce-block.ce-block--selected > .ce-block__content {
  background-color: #060606;
}
.LongTextInput .LongTextEditor .codex-editor .ce-block .ce-block__content {
  max-width: unset;
  margin: unset;
  left: 3.6662rem;
  width: calc(100% - 4.3331rem);
}
.LongTextInput .LongTextEditor .codex-editor .ce-block .ce-block ::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .tc-cell::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .cdx-nested-list__item-content::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .cdx-input::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .link-tool__input::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .ce-header::selection,
.LongTextInput .LongTextEditor .codex-editor .ce-block .cdx-checklist__item-text::selection {
  color: white;
  background-color: #08528d;
}
.LongTextInput .LongTextEditor .ce-code__textarea {
  background-color: #0c0e13;
  color: white;
}
.LongTextInput .LongTextEditor .tc-popover {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .tc-popover .tc-popover-item {
  transition: background-color ease 150ms;
  color: white;
}
.LongTextInput .LongTextEditor .tc-popover .tc-popover-item .tc-popover-item__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.LongTextInput .LongTextEditor .tc-popover .tc-popover-item:hover {
  background-color: #020203;
}
.LongTextInput .LongTextEditor .tc-popover .tc-popover-item:hover .tc-popover-item__icon {
  border: 0.0831rem solid #333;
}
.LongTextInput .LongTextEditor .tc-wrap {
  --color-background: #060606;
}
.LongTextInput .LongTextEditor .tc-wrap .tc-toolbox > .tc-toolbox__toggler > svg > rect {
  fill: #020203;
}
.LongTextInput .LongTextEditor .link-tool > a.link-tool__content {
  background: unset !important;
  color: white !important;
}
.LongTextInput .LongTextEditor .link-tool .link-tool__progress,
.LongTextInput .LongTextEditor .link-tool .link-tool__progress--loading {
  background-color: #060606;
}
.LongTextInput .LongTextEditor .image-tool {
  --bg-color: #060606;
  --front-color: #2196f3;
  --border-color: #333;
}
.LongTextInput .LongTextEditor .image-tool .cdx-button {
  background-color: #060606;
  color: white;
}
.LongTextInput .LongTextEditor .image-tool.image-tool--withBackground > .image-tool__image {
  background: repeating-linear-gradient(45deg, #2196f3, #2196f3 1rem, transparent 1rem, transparent 2rem);
}
.LongTextInput .LongTextEditor .cdx-attaches {
  --color-line: #333;
  --color-bg: #060606;
  --color-bg-secondary: #0c0e13;
  --color-bg-secondary--hover: #2196f3;
  --color-text-secondary: white;
}
.LongTextInput .LongTextEditor .cdx-attaches .cdx-button,
.LongTextInput .LongTextEditor .cdx-attaches .cdx-attaches__button {
  background-color: #060606;
  color: white;
}
.LongTextInput .LongTextEditor .cdx-attaches .cdx-attaches__download-button {
  color: white;
}
.LongTextInput .LongTextEditor .cdx-attaches .cdx-attaches__download-button:hover {
  color: #0c0e13;
}
.LongTextInput .LongTextEditor .cdx-button {
  border-radius: 0.3331rem !important;
}
.LongTextInput .LongTextEditor .cdx-attaches--with-file .cdx-attaches__file-icon-label {
  padding: 0 !important;
  right: 14px;
  text-align: center;
}
.LongTextInput .AIRefreshButton {
  position: absolute;
  right: 0.5rem;
  font-size: 0.75rem;
  top: -0.8rem;
  opacity: 0.5;
  border-top: 0.0831rem solid white;
  border-left: 0.0831rem solid white;
  border-right: 0.0831rem solid white;
  border-top-left-radius: 0.3331rem;
  border-top-right-radius: 0.3331rem;
  background-color: #222f3c;
  padding: 0.2rem 0.5rem;
  color: white;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  transition: opacity ease 150ms, border-color ease 150ms, color ease 150ms;
}
.LongTextInput .AIRefreshButton .bi {
  font-size: 0.6662rem;
  margin-right: 0.3331rem;
}
.LongTextInput .AIRefreshButton:hover {
  opacity: 1;
  border-color: #2196f3;
  color: #2196f3;
}
.ModalTextInput .InputContainer {
  cursor: pointer;
}
.ModalTextInput .ModalTextInputPreview {
  position: absolute;
  inset: 0.75rem 0 0 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Grid .GridRow .ModalTextInput .ModalTextInputPreview {
  inset: 0;
}
.cdx-notifies .cdx-notify,
.cdx-notifies .cdx-notify--error {
  background-color: #020203 !important;
  color: white !important;
  border: 0.0831rem solid #606060 !important;
  border-radius: 0.3331rem !important;
}
.Inquiry .LongTextInput {
  min-height: auto;
  height: unset;
  position: relative;
}
.Inquiry .LongTextInput .LongTextEditor {
  position: relative;
  min-height: 31.25rem;
  max-height: 37.5rem;
  overflow-y: auto;
}
.ColorInput {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ColorInput > .InputInnerSpan {
  display: flex;
}
.ColorInput > .InputInnerSpan > span.LabelContainer {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.ColorInput > .InputInnerSpan > span.LabelContainer > .Label {
  margin-top: 0;
  padding-bottom: 0;
}
.ColorInput .ColorContainer {
  display: flex;
}
.ColorInput .ColorInputColor {
  border: 0.1662rem solid #606060;
  border-radius: 1.6662rem;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-left: 0.3331rem;
  margin-right: 0.6662rem;
  cursor: pointer;
}
.ColorInput .ColorInputColor:focus {
  outline: none;
  border-color: #2196f3;
}
.ColorInput.Open .ColorInputColor {
  border-color: #2196f3;
}
.ColorInput.DisabledInput .ColorInputColor {
  opacity: 0.5;
}
.ColorInput .ColorInputPicker {
  position: fixed;
  top: 3.3331rem;
  z-index: 999;
}
.ColorInput .ColorInputPicker .sketch-picker {
  background: #0c0e13 !important;
  box-shadow: unset !important;
  border: 0.0831rem solid #606060 !important;
}
.ColorInput .ColorInputPicker .sketch-picker input,
.ColorInput .ColorInputPicker .sketch-picker label {
  color: white !important;
}
.ColorInput .ColorInputPicker .sketch-picker label {
  text-align: left !important;
  padding-left: 0.1662rem;
}
.ColorInput .ColorInputClear {
  position: absolute;
  top: 0.75rem;
  left: 0.6rem;
  cursor: pointer;
  font-size: 1.5rem;
  transition: color ease 150ms;
}
.ColorInput .ColorInputClear:hover {
  color: #2196f3;
}
.Tabs {
  position: absolute;
  inset: 0 0 0 0;
}
.Tabs .TabContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 0.0831rem solid #333;
}
.Tabs .TabContainer .Tab {
  position: relative;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  line-height: 4rem;
  padding: 0 0.75rem;
  height: 3.7rem;
  display: inline-block;
  white-space: nowrap;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
  border-bottom: 0.0831rem solid transparent;
  opacity: 0.5;
}
.Tabs .TabContainer .Tab.ActiveTab {
  border-bottom: 0.1662rem solid #bbe7ff;
  opacity: 1;
}
.Tabs .TabContainer .Tab:not(.ActiveTab):hover {
  color: #2196f3;
  border-color: #2196f3;
  opacity: 1;
}
@media only screen and (max-width: 1080px) {
  .GridButtons {
    display: flex;
    flex-wrap: nowrap;
  }
  .GridButtons .GridButton {
    flex-grow: 0;
  }
}
@media only screen and (min-width: 600px) {
  .CaptionedGridButton {
    border: 0.0831rem solid rgba(153, 153, 153, 0.75);
  }
  .LeftBorder {
    border-left: 0.0831rem solid #222f3c;
  }
}
.Grid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  min-height: 100%;
  animation: fadeInExpandableControl 250ms ease-in;
}
.Grid .GridButtons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.3331rem;
  display: flex;
  flex-direction: row;
}
.Grid .GridButtons .FiltersButton {
  margin-right: 0.3331rem;
}
.Grid .GridButtons .ButtonsExpander {
  order: 900;
  flex-grow: 1;
}
.Grid .GridButtons .GridButton {
  color: white;
  line-height: 3.3331rem;
  width: 3.3331rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.3331rem;
  margin: 0pt 0.3331rem;
  transition: color ease 150ms;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  display: inline-block;
}
.Grid .GridButtons .GridButton span.bi {
  display: inline;
  line-height: 3.3331rem;
  font-size: 1.5rem;
}
.Grid .GridButtons .GridButton .Loading {
  background-size: contain;
}
.Grid .GridButtons .GridButton:not(.DisabledButton):hover,
.Grid .GridButtons .GridButton:not(.DisabledButton):focus {
  color: #2196f3;
}
.Grid .GridButtons .GridButton.FloatRight {
  order: 950;
}
.Grid .GridButtons .GridButton.CaptionedGridButton {
  display: inline-flex;
  line-height: 2rem;
  height: 2rem;
  width: unset;
  border-radius: 0.3331rem;
  color: white;
  margin: 0.7rem;
  position: relative;
  padding: 0.1662rem 0.5rem;
  align-items: center;
  text-align: center;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
}
.Grid .GridButtons .GridButton.CaptionedGridButton:not(.CallToActionButton) {
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
}
.Grid .GridButtons .GridButton.CaptionedGridButton span.bi {
  padding-top: 0.05rem;
  padding-right: 0.45rem;
  font-size: 1rem;
  line-height: unset;
  color: white;
  transition: color ease 150ms;
}
.Grid .GridButtons .GridButton.CaptionedGridButton:not(.DisabledButton) {
  cursor: pointer;
  opacity: 0.75;
  line-height: normal;
}
.Grid .GridButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover {
  color: #2196f3;
  border-color: #2196f3;
  cursor: pointer;
  opacity: 100%;
}
.Grid .GridButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover .bi {
  color: #2196f3;
}
.Grid .GridButtons .GridButton.CaptionedGridButton .ButtonCaption {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.6662rem;
  min-height: 1.125rem;
  display: inline-block;
  padding: 0.5rem 0;
}
.Grid .GridButtons .GridButton.CaptionedGridButton.HasDropDown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.Grid .GridButtons .RecordCount {
  float: right;
  order: 1000;
  font-size: 0.8331rem;
  color: white;
  margin: 0.75rem 0 0 0.5rem;
  background: #222f3c;
  border-radius: 1.5rem;
  padding: 0.3331rem 0.6662rem;
  height: 1.95rem;
  white-space: nowrap;
}
.Grid .GridButtons .RefreshButton {
  cursor: pointer;
}
.Grid .GridButtons .RefreshButton .bi {
  font-size: 1rem;
  padding: 0.1rem 0.5rem 0 0.25rem;
  margin-right: 0.5rem;
  border-right: solid 0.0831rem rgba(153, 153, 153, 0.75);
  opacity: 0.75;
  transition: opacity ease 150ms;
}
.Grid .GridButtons .RefreshButton .bi:hover {
  color: #2196f3;
  border-right: solid 0.0831rem rgba(153, 153, 153, 0.75);
}
.Grid .GridButtons .RecordCountText {
  opacity: 0.75;
  padding-right: 0.3rem;
  position: relative;
  top: -0.0831rem;
  white-space: nowrap;
}
.Grid .GridHead {
  position: absolute;
  top: 3.3331rem;
  left: 0;
  right: 0;
  height: 2.667rem;
}
.Grid .GridHead .GridHeadSection,
.Grid .GridHead .GridHeadRight {
  height: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 0.1662rem solid #bbe7ff;
}
.Grid .GridHead .GridHeadSection .Sortable {
  width: 100%;
  height: 100%;
}
.Grid .GridHead .GridHeadSection .Sortable .GridHeadColumn {
  cursor: grab;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn {
  display: inline-block;
  line-height: 2.667rem;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .TrashCan {
  font-size: 1rem !important;
  color: white;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.MenuOpen .GridHeadColumnBackground {
  background-color: #2b3c4c;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.MenuOpen .GridHeadColumnBackground .GridHeadColumnMore {
  visibility: visible;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.Sorted .GridHeadColumnBackground .GridHeadSort {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0 0.25rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.Sorted .GridHeadColumnBackground .GridHeadSort .bi {
  font-size: 0.7rem;
  opacity: 0.5;
  position: relative;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.Sorted .GridHeadColumnBackground .GridHeadSort .bi.bi-arrow-down {
  top: -0.15rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.Sorted .GridHeadColumnBackground .GridHeadSort .bi.bi-arrow-up {
  top: -0.05rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.Sorted .GridHeadColumnBackground .GridHeadSort sup {
  opacity: 0.5;
  font-size: 0.5rem;
  position: relative;
  top: -0.6rem;
  left: -0.1rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn:not(.Sorted) .GridHeadColumnBackground .GridHeadCaption {
  flex-grow: 1;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground {
  position: absolute;
  inset: 0 0 0 0;
  transition: background-color ease 150ms;
  display: flex;
  border-top-left-radius: 0.3331rem;
  border-top-right-radius: 0.3331rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnMore {
  cursor: pointer;
  visibility: hidden;
  flex-grow: 0;
  color: white;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnMore .bi {
  display: inline-block;
  font-size: 0.85rem;
  color: white;
  opacity: 0.5;
  position: relative;
  top: -0.1rem;
  right: 0;
  transition: color ease 150ms, opacity ease 150ms;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnMore .bi:hover {
  color: #2196f3;
  opacity: 1;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnMore:last-child {
  margin-right: 0.2rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnResizer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0.25rem;
  padding: 0.1rem 0;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadColumnResizer:hover {
  border-right: 0.15rem solid rgba(255, 255, 255, 0.5);
  cursor: col-resize;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .GridHeadCaption {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  color: white;
  padding-left: 0.5rem;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .DeleteColumnButton {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  font-size: 1rem;
  color: white;
  opacity: 0.5;
  padding-right: 0.25rem;
  position: relative;
  top: -0.1rem;
  transition: color ease 150ms, opacity ease 150ms;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground .DeleteColumnButton:hover {
  color: #51adf6;
  opacity: 1;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground.Highlight {
  background-color: #2b3c4c;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground:hover {
  background-color: #2b3c4c;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn .GridHeadColumnBackground:hover .GridHeadColumnMore {
  visibility: visible;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.sortable-chosen,
.Grid .GridHead .GridHeadSection .GridHeadColumn.sortable-ghost {
  cursor: grabbing;
}
.Grid .GridHead .GridHeadSection .GridHeadColumn.sortable-chosen .GridHeadColumnBackground,
.Grid .GridHead .GridHeadSection .GridHeadColumn.sortable-ghost .GridHeadColumnBackground {
  background-color: #2b3c4c;
}
.Grid .GridHead .GridHeadSection .RowOptionsColumn {
  display: inline-block;
  width: 1.5rem;
}
.Grid .GridHead .GridHeadRight {
  width: 16px;
}
.Grid .GridHead .GridHeadRight .AddColumnButton {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  position: absolute;
  right: -0.25rem;
  top: 0.7rem;
  font-size: 0.8rem;
  color: #0c0e13;
  background-color: #2196f3;
  opacity: 0;
  transition: color ease 150ms, opacity ease 150ms;
  padding: 0.15rem 0.2rem;
  border-radius: 3rem;
}
.Grid .GridHead .GridHeadRight .AddColumnButton.Visible {
  opacity: 0.75;
}
.Grid .GridHead .GridHeadRight .AddColumnButton:hover {
  background-color: #51adf6;
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  .Grid .GridHead .GridHeadRight .AddColumnButton {
    opacity: 0.75;
  }
}
.Grid .GridBody {
  position: absolute;
  top: 6rem;
  left: 0;
  right: 0;
  bottom: 16px;
  overflow: hidden;
}
.Grid .GridBody.HasAggregation {
  bottom: calc(16px + 2.9162rem);
}
.Grid .GridBody .GridBodySection,
.Grid .GridBody .GridBodyRight {
  height: 100%;
  display: inline-block;
}
.Grid .GridBody .GridBodySection {
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.Grid .GridBody .GridBodySection .GridBatch {
  width: 100%;
}
.Grid .GridBody .GridBodySection .GridBatch.HasBatchData {
  display: table;
  table-layout: fixed;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow {
  display: table-row;
  height: 2.9162rem;
  max-height: 2.9162rem;
  transition: background-color ease 150ms, color ease 150ms;
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell {
  display: table-cell;
  position: relative;
  border-bottom: 0.0831rem solid #222f3c;
  transition: background-color ease 150ms;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .ColoredCircle {
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  display: inline-block;
  margin: 0 0.5rem;
  vertical-align: middle;
  margin-top: -0.15rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents {
  display: inline;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.9162rem;
  height: 2.9162rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .NumericCell {
  text-align: right;
  display: inline-block;
  min-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .bi {
  line-height: unset;
  font-size: unset;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .CounterCell {
  font-size: 0.85rem;
  font-weight: bold;
  opacity: 0.8;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .ColorCell {
  margin: 0.5rem 0.6662rem;
  padding: 0.25rem 0.5rem;
  border-radius: 3rem;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .ColorCell .NumericCell {
  text-align: center;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .ColorCell.BlackText {
  color: black;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .ColorCell.WhiteText {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter {
  cursor: pointer;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter .SorterNumber,
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter .SorterDragger {
  transition: opacity ease 150ms;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter .SorterDragger {
  line-height: unset;
  font-size: 1.5rem;
  padding: 0.1662rem 0.3331rem;
  position: absolute;
  left: 0;
  min-width: 100%;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter:hover .SorterNumber {
  opacity: 0;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents .Sorter:not(:hover) .SorterDragger {
  opacity: 0;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input {
  margin: unset;
  height: 100%;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input input:not(.OpenDropDownSearchAll),
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .InputContainer {
  height: 100%;
  padding: unset;
  margin: unset;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .InputButton {
  font-size: 0.66rem;
  top: 0.85rem;
  right: 0.1rem;
  width: 1.5rem;
}
@media only screen and (min-width: 600px) {
  .Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .InputButton {
    display: none;
  }
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .OpenDropDown.RenderAbove .OpenDropDownSearchAll {
  bottom: 0pt;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .OpenDropDown.RenderAbove .InputButton {
  top: unset !important;
  bottom: -0.1331rem !important;
  font-size: 0.75rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .DropDownColor {
  top: 0.55rem;
  bottom: 0.55rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .DropDownDisplay {
  top: 0.4rem;
  right: 1.25rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .UserIconCircle,
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .TeamIconCircle {
  top: 0.6rem;
  position: relative;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .UserInputData > span,
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue .TeamInputData > span {
  margin-top: 0 !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue:not(.HasColor) .DropDownDisplay {
  left: 0;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue.HasColor .DropDownDisplay {
  left: 1.25rem;
  text-align: center;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input .DropDownValue.HasColor .InputButton {
  display: none !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.ToggleInput > .InputInnerSpan {
  justify-content: center;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input > .InputInnerSpan > .InputContainer > input.ChronologyInput {
  text-overflow: ellipsis;
  padding-right: 1.5rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.ColorInput .ColorInputClear {
  font-size: 1.354rem;
  left: 0.65rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .Progress {
  margin-top: 1rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .UploadInputInner {
  inset: 0.1rem 0 0.1rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .UploadInputInner .HoverText {
  position: unset;
  color: white;
  padding: 0.8rem 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .UploadInputInner .bi {
  position: unset;
  padding: 0 0.5rem;
  margin: 0.7rem 0;
  flex-grow: 1;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer .UploadedFile .FileExt,
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer .UploadedFile .FileThumb {
  top: 0.4rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer .UploadedFile .InputButton {
  font-size: 1rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .UserCell {
  display: flex;
  justify-content: start;
  flex-direction: row;
  white-space: nowrap;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .UserCell > .UserIconCircle {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.3331rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .UserCell > span {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1.25rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .UserCell > .UserIconCircle {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  width: 1.8331rem;
  height: 1.8331rem;
  line-height: 1.8331rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .TeamCell {
  display: flex;
  justify-content: start;
  flex-direction: row;
  white-space: nowrap;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .TeamCell > .TeamIconCircle {
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 0.3331rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .TeamCell > span {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1.25rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .TeamCell > .TeamIconCircle {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  width: 1.8331rem;
  height: 1.8331rem;
  line-height: 1.8331rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellDrillDownButton {
  opacity: 0;
  font-size: 0.9rem;
  top: 0.95rem;
  right: 0.1rem;
  width: 1.5rem;
  position: absolute;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #a2a0a2;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell .GridCellDrillDownButton:hover {
  color: #2196f3;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell.HasDrillDown {
  cursor: pointer;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell:not(.ExpandGridCell):hover {
  background-color: rgba(12, 14, 19, 0.15);
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .GridCell:not(.ExpandGridCell):hover .InputButton {
  display: block;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions {
  display: table-cell;
  width: 1.5rem;
  padding-top: 1rem;
  padding-left: 0.1rem;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  margin-top: -0.15rem;
  border-bottom: 0.0831rem solid #222f3c;
  transition: background-color ease 150ms;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions .bi {
  color: white;
  font-size: 1.1rem;
  cursor: pointer;
  transition: color ease 150ms, opacity ease 150ms;
  opacity: 0;
  margin-top: -0.2rem;
  margin-left: 0.2rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  pointer-events: auto;
  touch-action: manipulation;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions .bi.DropdownOpen {
  opacity: 1 !important;
  color: #2196f3 !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions:hover {
  background-color: rgba(12, 14, 19, 0.15);
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions:hover .bi {
  color: #2196f3;
  opacity: 1 !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions .ROError {
  opacity: 1 !important;
  color: #eb4b46;
  font-size: 1.25rem;
  line-height: 1;
  position: relative;
  top: -0.2rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow .RowOptions .RONew {
  font-size: 0.7rem;
  position: relative;
  top: -0.1rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowHovered:not(.GridRowSelected):not(.react-draggable-dragging) {
  background-color: #2b3c4c !important;
  color: white !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowHovered:not(.GridRowSelected):not(.react-draggable-dragging) .GridCell .GridCellDrillDownButton {
  opacity: 1;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowHovered:not(.GridRowSelected):not(.react-draggable-dragging) .RowOptions .bi {
  opacity: 0.5;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging {
  background-color: #222f3c !important;
  color: white !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell {
  border-color: transparent;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellDrillDownButton,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellDrillDownButton {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellDrillDownButton:hover,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellDrillDownButton:hover {
  color: #2196f3;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth),
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > input,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > input,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > input,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > input {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > .InputButton,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > .InputButton,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > .InputButton,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > .InputButton {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > .InputButton:hover,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > .InputButton:hover,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > .InputButton:hover,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .OpenDropDown:not(.ExtendedWidth) > .InputButton:hover {
  color: #2196f3;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > input,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > input {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputButton,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputButton {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputButton:hover,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputButton:hover {
  color: #2196f3;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input.ToggleInput .ToggleInputCheckBox,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input.ToggleInput .ToggleInputCheckBox {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .GridCell > .GridCellContents > .Input.ToggleInput .ToggleInputCheckBox:focus,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .GridCell > .GridCellContents > .Input.ToggleInput .ToggleInputCheckBox:focus {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .RowOptions,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .RowOptions {
  border-color: transparent;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected > .RowOptions .bi,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging > .RowOptions .bi {
  opacity: 1;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowHovered .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > input.ChronologyInput,
.Grid .GridBody .GridBodySection .GridBatch .GridRow.GridRowSelected .GridCell > .GridCellContents > .Input > .InputInnerSpan > .InputContainer > input.ChronologyInput {
  padding-right: 2rem;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input input {
  text-overflow: ellipsis;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input .InputButton {
  display: none;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input > span > input,
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input > span > .InputContainer,
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input .DropDownSearchStarter,
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input .ChronologyInput {
  border-bottom-color: transparent;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput.ToggleInputNonNullable > .InputInnerSpan > .ToggleInputCheckBox.bi-square {
  display: none;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput.ToggleInputNonNullable > .InputInnerSpan > .ToggleInputCheckBox.bi-check-square::before {
  content: "\f633";
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput.ToggleInputNullable > .InputInnerSpan > .ToggleInputCheckBox.NullValue {
  display: none;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput.ToggleInputNullable > .InputInnerSpan > .ToggleInputCheckBox.bi-square::before {
  content: "\f659";
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput.ToggleInputNullable > .InputInnerSpan > .ToggleInputCheckBox.bi-check-square::before {
  content: "\f633";
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.ToggleInput .InputInnerSpan .ToggleInputCheckBox {
  color: white;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .UploadInputInner .HoverText,
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.GridRowHovered):not(.GridRowSelected) .GridCell .GridCellContents > .Input.UploadInput > .InputInnerSpan > .InputContainer > .UploadInputInner .bi {
  opacity: 0;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging {
  background-color: #222f3c;
  color: white;
  z-index: 9999;
  position: relative;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging .SorterNumber {
  opacity: 0 !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.react-draggable-dragging .SorterDragger {
  opacity: 1 !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow:not(.react-draggable-dragging) {
  transition: background-color ease 150ms, color ease 150ms;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.ShiftDown {
  transform: translateY(2.9162rem) !important;
}
.Grid .GridBody .GridBodySection .GridBatch .GridRow.ShiftUp {
  transform: translateY(-2.9162rem) !important;
}
.Grid .GridBody .GridBodySection .GridBatch .OverflowRow {
  display: table-row;
  height: 0;
}
.Grid .GridBody .GridBodySection::-webkit-scrollbar {
  display: none;
}
.Grid .GridBody .GridBodyRight {
  width: 1.25rem;
  overflow-y: scroll;
  position: absolute;
  right: 0;
  scrollbar-color: transparent transparent;
}
.Grid .GridBody:hover .GridBodyRight {
  scrollbar-color: inherit;
}
.Grid .GridBody:hover ~ .GridScroller {
  scrollbar-color: inherit;
}
.Grid .GridScroller {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 16px;
  scrollbar-color: transparent transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.Grid .GridScroller .GridScrollerSection,
.Grid .GridScroller .GridScrollerRight {
  display: inline-block;
  height: 16px;
}
.Grid .GridScroller .GridScrollerSection {
  overflow-x: scroll;
  flex-grow: 1;
  flex-shrink: 1;
}
.Grid .GridScroller .GridScrollerRight {
  width: 16px;
  background-color: #0c0e13;
  flex-grow: 0;
  flex-shrink: 1;
}
.Grid .GridScroller:hover {
  scrollbar-color: inherit;
}
.Grid:not(.SortingRow) .GridBody > .GridBodySection > .GridBatch > .GridRow:not(.react-draggable-dragging) {
  transform: unset !important;
}
.Grid.NoButtons > .GridButtons {
  display: none;
}
.Grid.NoButtons > .GridHead {
  top: 0;
}
.Grid.NoButtons > .GridBody {
  top: 2.7rem;
}
.Grid .GridButtonDownArrow {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 0.7rem;
  padding: 0 0.3rem;
  float: right;
  color: white;
  font-size: 0.75rem;
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
  border-top-right-radius: 0.3331rem;
  border-bottom-right-radius: 0.3331rem;
  background-color: #0c0e13;
  line-height: 2.2rem;
  height: 2rem;
  transition-property: background-color, color, opacity, border-color;
  transition-duration: 150ms;
  cursor: pointer;
}
.Grid .GridButtonDownArrow.FloatRight {
  order: 950;
}
.Grid .GridButtonDownArrow.CallToActionButton:not(.DisabledButton) {
  border-left-color: #0c0e13 !important;
  border-right-color: #2196f3;
  border-top-color: #2196f3;
  border-bottom-color: #2196f3;
}
.Grid .GridButtonDownArrow.CallToActionButton:not(.DisabledButton):hover {
  border-left-color: #0c0e13 !important;
}
.Grid .GridButtonDownArrow:hover:not(.CallToActionButton) {
  color: #2196f3;
  border-color: #2196f3;
}
@media only screen and (max-width: 600px) {
  .Grid .GridButtonDownArrow {
    height: 2rem;
    margin-top: 0.7rem;
  }
}
.Grid .GridButtonDropDown .GridButton.CaptionedGridButton {
  border: none !important;
  margin: 0;
  height: 2.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  width: 100%;
}
.Grid .GridButtonDropDown .GridButton.CaptionedGridButton:hover {
  background-color: #2b3c4c;
}
.Grid.ShortGridRow {
  line-height: 2.5rem;
}
.Grid.ShortGridRow .GridHead {
  top: 2.5rem;
  height: 2.5rem;
}
.Grid.ShortGridRow .GridBody {
  top: 5rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow {
  height: 2.5rem;
  max-height: 2.5rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell {
  border-bottom: none;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell .ColoredCircle {
  margin-top: -0.2rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell .UserCell > .UserIconCircle {
  margin-top: 0.3rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell .TeamCell > .TeamIconCircle {
  margin-top: 0.3rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell .ColorCell {
  margin-top: 0.6rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCell span.ToggleInputCheckBox {
  top: -0.05rem;
  font-size: 1.1rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .GridCellContents {
  line-height: 2.5rem;
  height: 2.5rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .RowOptions {
  border-bottom: none;
  line-height: 0.8;
  padding-top: 0.9rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow .RowOptions .bi {
  margin-top: -0.2rem;
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow.ShiftDown {
  transform: translateY(2.5rem) !important;
}
.Grid.ShortGridRow .GridBody > .GridBodySection > .GridBatch > .GridRow.ShiftUp {
  transform: translateY(-2.5rem) !important;
}
.Grid.ShortGridRow .GridButtons {
  height: 2.5rem;
}
.Grid.ShortGridRow .GridButtons .CaptionedGridButton {
  margin: 0.3rem;
  padding: 0.1rem 0.5rem;
  height: 1.75rem;
  border: none !important;
}
.Grid.ShortGridRow.HideColumns > .GridBody {
  top: 2.5rem;
}
.Grid.TouchDevice .GridBody > .GridBodySection > .GridBatch > .GridRow > .RowOptions .bi {
  opacity: 0.5;
  margin-left: -0.2rem;
}
.Grid.TouchDevice .ShortGridRow .RowOptions .bi {
  margin-left: 0.2rem !important;
}
.GridBodyRight,
.GridScroller {
  color-scheme: dark;
}
.HideColumns .GridHead {
  display: none;
}
.HideColumns .GridBody {
  top: 3.3331rem;
}
.ColorCell {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.PictureCell {
  display: inline-block;
  border-radius: 0.3331rem;
  aspect-ratio: 1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: calc(100% - 1.3331rem);
  margin: 0.6662rem 0;
  cursor: pointer;
}
.FileCell {
  cursor: pointer;
  transition: color ease 150ms;
}
.FileCell:hover {
  color: #51adf6;
}
.EditFiltersControl {
  color: white;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.EditFiltersControl .MatchSelector select {
  color: white;
  text-align: center;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 0.0831rem solid white;
  margin: 0 0.1rem;
}
.EditFiltersControl .Filters {
  margin-top: 0.7rem;
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
.EditFiltersControl .Filters .FilterItem {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  border: 0.0831rem solid white;
  border-radius: 1.6662rem;
  max-width: 98%;
  margin: 0.3331rem;
  position: relative;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  float: left;
}
.EditFiltersControl .Filters .FilterItem:not(.Editing) {
  opacity: 0.75;
}
.EditFiltersControl .Filters .FilterItem.Editing {
  border-color: #51adf6;
  box-shadow: 0rem 0rem 0.33rem 0rem #51adf6;
}
.EditFiltersControl .Filters .FilterItem > .bi {
  font-size: 1.25rem;
  margin-top: 0.4rem;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  line-height: 1.2;
}
.EditFiltersControl .Filters .FilterItem .FilterItemText {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.6662rem;
  font-size: 0.8331rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.8331rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemText .Field,
.EditFiltersControl .Filters .FilterItem .FilterItemText .Value {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 0 0.1662rem;
  border-radius: 0.3331rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemButton {
  font-size: 1rem;
  position: absolute;
  opacity: 0;
  transition: opacity ease 150ms, color ease 150ms;
  top: 0.15rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemButton.bi-pencil-square {
  right: calc(50% + 0.3331rem);
}
.EditFiltersControl .Filters .FilterItem .FilterItemButton.bi-trash3 {
  left: calc(50% + 0.3331rem);
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown {
  width: 100%;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 2.25rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input {
  height: 1.75rem;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 10rem;
  margin: 0.25rem 0.25rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input > .InputInnerSpan {
  display: block;
  position: relative;
  top: -0.55rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input .SmallLabel {
  display: none;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input .Label {
  font-style: italic;
  opacity: 0.5;
  margin-left: 0.5rem;
  font-size: 90%;
  margin-top: 0.95rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input > span > input,
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input > span > .InputContainer,
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input .DropDownSearchStarter,
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input .ChronologyInput {
  margin-top: 0;
  border-bottom: none;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Input > span > input {
  padding-top: 0.5rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button {
  margin: 0 !important;
  padding: 0 !important;
  min-width: unset !important;
  width: 2.5rem !important;
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  background-color: transparent !important;
  opacity: 0.5;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button.CallToActionButton {
  height: unset;
  color: #0c0e13;
  opacity: 1;
  background-color: #2196f3 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0.35rem 0 0 0.5rem !important;
  border-radius: 3rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button.CallToActionButton .bi {
  margin-top: -0.05rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button.CallToActionButton :hover {
  background-color: #51adf6;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button:hover {
  color: #51adf6;
  opacity: 1;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button > .bi {
  margin-top: 0.25rem;
  font-size: 1.5rem !important;
  padding: 0;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .Button > .ButtonCaption {
  display: none;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .ToggleInput .bi {
  font-size: 1rem;
  margin-top: 1.2rem;
  margin-left: 1rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .ToggleInput .LabelContainer {
  display: none;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .ColorInput .ColorInputColor {
  height: 1.5rem;
  width: 1.5rem;
  margin-top: 1.5rem;
}
.EditFiltersControl .Filters .FilterItem .FilterItemDropDown .EditingFilterItem > .ColorInput .LabelContainer {
  display: none;
}
.EditFiltersControl .Filters .FilterItem:hover {
  opacity: 1;
}
.EditFiltersControl .Filters .FilterItem:hover.CTAFilterItem {
  color: #2196f3;
  border-color: #2196f3;
}
.EditFiltersControl .Filters .FilterItem:hover:not(.CTAFilterItem) {
  color: rgba(255, 255, 255, 0.25);
}
.EditFiltersControl .Filters .FilterItem:hover:not(.CTAFilterItem) .FilterItemButton {
  opacity: 1;
  color: white;
}
.EditFiltersControl .Filters .FilterItem:hover:not(.CTAFilterItem) .FilterItemButton:hover {
  color: #2196f3;
}
.FiltersButton {
  float: right;
  margin: 0.7rem 0.4162rem 0.8331rem 0.4162rem;
  padding: 0.1662rem 0.5rem;
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
  border-radius: 0.3331rem;
  height: 2rem;
  display: flex;
  align-items: center;
  text-align: center;
  opacity: 1;
  order: 950;
  overflow: hidden;
  transition: border-color ease 150ms, opacity ease 150ms;
}
.FiltersButton:hover {
  border-color: #51adf6;
  color: #51adf6;
}
.FiltersButton:hover > .DownArrow,
.FiltersButton:hover > .bi,
.FiltersButton:hover > .FilterGroupName {
  color: #2196f3;
}
.FiltersButton > .bi {
  transition: color ease 150ms;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  opacity: 0.75;
}
.FiltersButton > .FilterGroupName {
  color: white;
  line-height: 0.6662rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  display: inline-block;
  padding: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.75;
  cursor: pointer;
  transition: color ease 150ms, opacity ease 150ms;
}
.FiltersList {
  text-align: left;
  display: flex;
  flex-direction: column;
  margin-left: 0.25rem;
  width: 100%;
}
.FiltersList > h1 {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0.5rem 0 0 0.25rem;
  margin: 0;
  color: white;
}
.FiltersList > ul {
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0;
  padding: 0.3331rem 0 0 0;
  overflow: auto;
  list-style-type: none;
}
.FiltersList > ul > li {
  background-color: #0c0e13;
  color: white;
  padding: 0.3331rem;
  cursor: pointer;
}
.FiltersList > ul > li:not(.NoFilters) {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.FiltersList > ul > li.Filter {
  display: flex;
  transition: background-color ease 150ms;
}
.FiltersList > ul > li.Filter .Caption {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 1.3331rem;
  flex-grow: 1;
  flex-shrink: 1;
}
.FiltersList > ul > li.Filter .Caption.ActiveCaption {
  color: #009fff;
}
.FiltersList > ul > li.Filter .bi {
  font-size: 1rem;
  width: 1.3331rem;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  padding-top: 0.1662rem;
  color: white;
  cursor: pointer;
  transition: opacity ease 150ms, color ease 150ms;
}
.FiltersList > ul > li.Filter .bi.bi-trash3,
.FiltersList > ul > li.Filter .bi.bi-circle {
  opacity: 0;
}
.FiltersList > ul > li.Filter .bi:hover {
  color: #2196f3;
}
.FiltersList > ul > li.Filter:hover {
  background-color: #2b3c4c;
}
.FiltersList > ul > li.Filter:hover .bi {
  opacity: 1;
}
.FiltersList > ul > li.FilterTitle {
  font-size: 0.8331rem;
  font-weight: 500;
  opacity: 0.5;
  line-height: 0.6662rem;
}
.FiltersList > ul > li.NoFilters {
  text-align: center;
  opacity: 0.5;
  font-style: italic;
  font-size: 0.8331rem;
}
.FiltersDropDown {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.FiltersDropDown .DynamicFlyoutInner {
  display: flex;
  flex-direction: row;
}
.FiltersDropDown .DynamicFlyoutInner .FiltersList {
  width: 16.6662rem;
}
.FiltersDropDown .DynamicFlyoutInner .EditFiltersControl {
  width: 50rem;
  margin: 1rem 0;
  border-right: 1pt solid rgba(153, 153, 153, 0.75);
  padding: 0 1rem;
}
@media only screen and (max-width: 600px) {
  .Grid .GridButtons .FiltersButton {
    margin-right: 0;
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 1080px) {
  .FiltersDropDown {
    position: fixed;
    inset: 0 0 0 0 !important;
    height: unset !important;
    width: unset !important;
    max-height: unset !important;
    min-height: unset !important;
  }
  .FiltersDropDown .DynamicFlyoutInner {
    flex-direction: column-reverse;
  }
  .FiltersDropDown .DynamicFlyoutInner .FiltersList {
    width: 100%;
    height: 50%;
    border-bottom: 1pt solid white;
  }
  .FiltersDropDown .DynamicFlyoutInner .EditFiltersControl {
    width: 100%;
    height: 50%;
    border-right: unset;
  }
  .FiltersDropDown .DynamicFlyoutInner .EditFiltersControl .FiltersButtons {
    display: flex;
    flex-direction: column;
  }
}
.Aggregate {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  height: 2.9162rem;
}
.Aggregate .AggregateSection {
  height: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-top: 0.09rem solid #bbe7ff;
  background-color: #0c0e13;
}
.Aggregate .AggregateSection .RowOptionsColumn {
  display: inline-block;
  width: 1.5rem;
}
.Aggregate .AggregateSection .AggregateColumnContainer {
  display: inline-block;
  line-height: 2.9162rem;
  position: relative;
  height: 100%;
  padding: 0.1rem 0.25rem;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-color: transparent transparent;
  background-color: #0c0e13;
  transition: background-color 150ms ease;
}
.Aggregate .AggregateSection .AggregateColumnContainer.NoScroll {
  overflow-y: hidden;
  overflow-x: hidden;
}
.Aggregate .AggregateSection .AggregateColumnContainer:hover {
  background-color: #2b3c4c;
  scrollbar-color: inherit;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn {
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-width: 100%;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.WhoAggregateColumn {
  justify-content: center;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.WhoAggregateColumn .WhoUser {
  line-height: 1;
  margin-top: 0.5rem;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.WhoAggregateColumn .WhoUser .UserIconCircle,
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.WhoAggregateColumn .WhoUser .TeamIconCircle {
  margin-top: 0;
  display: inline-block;
  margin-right: 0.25rem;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.WhoAggregateColumn .WhoUser:not(:first-child) {
  margin-left: 0.5rem;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.NumericAggregateColumn {
  display: inline-block;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.NumericAggregateColumn .NumericAggregateValue {
  padding: 0;
  margin: 0 0.5rem;
  text-align: right;
  font-weight: 400;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.SegmentAggregateColumn {
  position: absolute;
  height: 100%;
  inset: 0 0 0 0;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.SegmentAggregateColumn .SegmentedValues {
  position: absolute;
  inset: 0.5rem 0.5rem 0.5rem 0.5rem;
  overflow: hidden;
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: stretch;
}
.Aggregate .AggregateSection .AggregateColumnContainer .AggregateColumn.SegmentAggregateColumn:not(:hover) .SegmentedValues {
  opacity: 0.8;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents {
  overflow: auto;
  position: absolute;
  inset: 16px 0 0 16px;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel {
  float: left;
  min-width: 1rem;
  min-height: 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable {
  border-collapse: collapse;
  width: 100%;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable tr:not(:first-child) {
  border-top: 0.0831rem solid #333;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable tr .label {
  font-weight: 400;
  border-right: 0.0831rem solid #606060;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable tr .value {
  text-align: right;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable tr .label,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .NumericAggregateTable tr .value {
  padding: 0 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout {
  border-collapse: collapse;
  width: 100%;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr:not(:first-child) {
  border-top: 0.0831rem solid #333;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr.EmptyRow {
  font-style: italic;
  color: #606060;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoIcon {
  padding-left: 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoName,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoCount,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoPercent {
  padding: 0 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoName,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoCount {
  border-right: 0.0831rem solid #606060;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoCount,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .WhoFlyout tr td.WhoPercent {
  text-align: right;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable {
  border-collapse: collapse;
  width: 100%;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr:not(:first-child) {
  border-top: 0.0831rem solid #333;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow.EmptySegment {
  font-style: italic;
  color: #606060;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentColor {
  padding-left: 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentColor span {
  height: 1rem;
  border-radius: 100%;
  display: inline-block;
  width: 1rem;
  line-height: 1;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentName {
  padding: 0 1rem 0 0.5rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentCount,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentPercent {
  padding: 0 1rem;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentName,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentCount {
  border-right: 0.0831rem solid #606060;
}
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentCount,
.Aggregate .AggregationInfoFlyout .AggregationInfoFlyoutContents .AggregationInfoFlyoutPanel .SegmentTable tr.SegmentRow > td.SegmentPercent {
  text-align: right;
}
.ExpandingButtonGroup {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
.ExpandingButtonGroup .Button {
  flex-basis: 0;
  text-align: center;
}
.ExpandingButtonGroup .Button:not(.FloatRight) {
  float: left;
}
.ExpandingButtonGroup .Button.FloatRight {
  float: right;
}
.ExpandingButtonGroup .Button {
  flex-grow: 1;
}
.ExpandingButtonGroup .Button:not(.CallToAction) {
  background-color: #202020;
  color: white;
}
.ExpandingButtonGroup .Button:not(:first-child) {
  margin-left: 0.3331rem;
}
.ExpandingButtonGroup .Button:not(:last-child) {
  margin-right: 0.3331rem;
}
.ExpandingButtonGroup .Button .ButtonCaption {
  display: inline-block;
}
.ExpandingButtonGroup .Button .bi {
  padding-right: 0.5rem;
  font-size: 1.3331rem;
  display: inline-block;
  position: relative;
  top: -0.3rem;
}
.CondensedButtonGroup {
  width: 100%;
}
.CondensedButtonGroup .Button {
  flex-basis: 0;
  text-align: center;
}
.CondensedButtonGroup .Button:not(.FloatRight) {
  float: left;
}
.CondensedButtonGroup .Button.FloatRight {
  float: right;
}
.CondensedButtonGroup .Button,
.CondensedButtonGroup .Button.CallToAction {
  flex-grow: 0;
  background-color: unset;
  padding-left: 0;
  padding-right: 0;
  margin-top: unset;
  padding: 0.25rem 0.5rem;
  margin-top: 1rem;
  height: 2rem;
  width: fit-content;
}
.CondensedButtonGroup .Button:not(.DisabledButton),
.CondensedButtonGroup .Button.CallToAction:not(.DisabledButton) {
  cursor: pointer;
}
.CondensedButtonGroup .Button:not(.DisabledButton):hover,
.CondensedButtonGroup .Button.CallToAction:not(.DisabledButton):hover,
.CondensedButtonGroup .Button:not(.DisabledButton):focus,
.CondensedButtonGroup .Button.CallToAction:not(.DisabledButton):focus {
  background-color: unset;
  color: #2196f3;
}
.CondensedButtonGroup:not(:has(.DropDownButton)) .CallToActionButton {
  padding: 0.3rem 1rem !important;
  margin-top: 0.85rem !important;
}
.Button {
  padding: 1rem;
  border-radius: 0.3331rem;
  transition-property: background-color, color, opacity, border-color;
  transition-duration: 150ms;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 3.3331rem;
  min-width: 3rem;
  color: white;
  position: relative;
  margin: 0.5rem 0.2rem 0 0.2rem;
}
.Button:not(.DisabledButton) {
  cursor: pointer;
}
.Button:not(.DisabledButton):hover,
.Button:not(.DisabledButton):focus {
  color: #2196f3;
  background-color: #2b3c4c;
  border-color: #2196f3;
  outline: none;
  opacity: 1;
}
.Button .bi {
  line-height: unset;
  position: relative;
  font-size: 1rem;
  padding: 0.2rem 0.45rem 0.2rem 0;
}
.Button .ButtonCaption {
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.Button .Loading {
  background-size: contain;
}
.Button.SaveLayoutButton {
  background-image: linear-gradient(to right, #009fff, #41bda8);
  box-shadow: 0 0 0.5rem #2196f3;
}
.Button.CallToAction {
  background-color: #2196f3;
  font-weight: 400;
  color: #0c0e13;
}
.Button.CallToAction:not(.DisabledButton):hover,
.Button.CallToAction:not(.DisabledButton):focus {
  background-color: #51adf6;
  outline: none;
  color: #0c0e13;
}
.CallToActionButton {
  color: #0c0e13 !important;
  background-color: #2196f3 !important;
  border-color: #2196f3;
  transition: color ease 150ms;
}
.CallToActionButton:not(.DisabledButton) {
  opacity: 1 !important;
}
.CallToActionButton:not(.DisabledButton):hover {
  background-color: #51adf6 !important;
  border-color: #51adf6 !important;
  color: #0c0e13 !important;
}
.CallToActionButton:not(.DisabledButton) .bi {
  color: #0c0e13 !important;
}
.CallToActionButton:not(.DisabledButton) .bi:hover {
  color: #0c0e13 !important;
}
.DisabledButton {
  cursor: unset !important;
  opacity: 0.25;
}
.HiddenButton {
  display: none !important;
}
.IconBorderButton {
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 0.3331rem;
  border-radius: 0.3331rem;
  transition-property: background-color, color;
  transition-duration: 150ms;
  background-color: #202020;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 3.3331rem;
  width: fit-content;
  min-width: 3.3331rem;
  position: relative;
}
.IconBorderButton:not(.DisabledButton) {
  cursor: pointer;
}
.IconBorderButton:not(.DisabledButton):hover,
.IconBorderButton:not(.DisabledButton):focus {
  color: #0c0e13;
  background-color: #2196f3;
  outline: none;
}
.IconBorderButton:not(.DisabledButton) ::before {
  padding-right: 0.3331rem;
}
.IconBorderButton .bi {
  font-size: 1.1662rem;
  color: white;
}
:not(.ButtonGroup, .DropDownButton) > .Button .bi {
  padding-right: 0.6662rem;
}
.DropDownButton {
  display: inline-block;
  position: relative;
  float: left;
  padding-right: 0.5rem;
}
.DropDownButton:not(.FloatRight) {
  float: left;
  margin-top: -0.06rem;
}
.DropDownButton.FloatRight {
  float: right;
  margin-top: -0.06rem;
}
.DropDownButton > .Button {
  border: 0.0831rem solid #0c0e13;
  border-radius: 0.3331rem 0 0 0.3331rem;
  color: #0c0e13;
  background-color: #2196f3;
  display: flex;
  align-content: center;
  padding: 0.1662rem 0.6662rem !important;
  height: 2rem !important;
  transition-property: background-color, color, opacity, border-color;
  transition-duration: 150ms;
}
.DropDownButton > .Button > .bi {
  margin: 0;
  font-size: 1rem;
  margin-top: 0.05rem;
  padding-right: 0.65rem;
  color: #0c0e13;
}
.DropDownButton > .Button > .bi:hover {
  color: #0c0e13;
}
.DropDownButton > .Button:not(.Disabled) .DropDownButton > .Button:hover {
  background-color: #51adf6 !important;
  color: #0c0e13 !important;
}
.DropDownButton > .Button > .ButtonCaption {
  line-height: 1.6rem;
}
.DropDownButton > .Button > .ButtonCaption:hover {
  color: #0c0e13;
}
.DropDownButton > .Button .HideSmallScreen {
  display: block;
}
.DropDownButton .CallToActionButton .ButtonCaption {
  display: block !important;
  margin-top: 0.05rem;
}
.DropDownButton .CallToActionButton:not(.DisabledButton):hover {
  border: 0.0831rem solid #0c0e13 !important;
  border-color: #0c0e13 !important;
}
.DropDownButton > .DownArrow {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 1rem 0 0 -0.35rem;
  float: right;
  color: #0c0e13;
  font-size: 0.75rem;
  border: 0.0831rem solid #0c0e13;
  border-radius: 0 0.3331rem 0.3331rem 0;
  background-color: #2196f3;
  line-height: unset;
  height: 2rem;
  padding: 0.6rem 0.3331rem 0.2rem 0.3331rem;
  transition-property: background-color, color, opacity, border-color;
  transition-duration: 150ms;
}
.DropDownButton.Disabled .CallToActionButton {
  background-color: #0c0e13 !important;
  border: 0.0831rem solid white;
  color: white !important;
}
.DropDownButton.Disabled .CallToActionButton .bi {
  color: white;
}
.DropDownButton.Disabled > .DownArrow {
  background-color: #0c0e13;
  border: 0.0831rem solid white;
  color: white;
  opacity: 0.25;
}
.DropDownButton:not(.Disabled) > .DownArrow:hover {
  background-color: #51adf6;
  cursor: pointer;
}
.DropDownButton > .DropDownButtonMenu {
  position: absolute;
  z-index: 999;
  display: flex;
  flex-direction: column;
  top: 2.9rem;
  margin: 0.3331rem 0 0 0;
  padding: 0.3331rem 0;
  background-color: #0c0e13;
  border: 0.0831rem solid #2196f3;
  border-radius: 0.3331rem;
}
.DropDownButton > .DropDownButtonMenu.Hidden {
  display: none;
}
.DropDownButton > .DropDownButtonMenu .Button {
  text-align: left;
  display: flex;
  line-height: 1rem;
  height: 3.3331rem;
  font-size: 1rem;
  padding: 1rem 0.6662rem !important;
  height: 3.3331rem !important;
  margin: 0 0.19rem !important;
  color: white;
}
.DropDownButton > .DropDownButtonMenu .Button .bi {
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1rem;
  margin-top: -0.7rem;
  padding: 0.2rem 0.65rem 0.2rem 0;
}
.DropDownButton > .DropDownButtonMenu .Button .ButtonCaption {
  margin-top: -0.6875rem;
  height: 1.5rem;
}
.DropDownButton > .DropDownButtonMenu .Button .HideSmallScreen {
  display: block !important;
}
.InlineButton {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  color: white;
  border: 0.0831rem solid white;
  border-radius: 0.3331rem;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
  margin: 0.6662rem 0.5rem 0 0.5rem;
  display: inline-block;
}
.InlineButton.BlackText {
  color: black;
}
.InlineButton.WhiteText {
  color: white;
}
.InlineButton:not(.FilterButton, .SelectFieldsButton) {
  padding: 1rem 2rem !important;
}
.InlineButton:hover {
  color: #51adf6;
  border-color: #51adf6;
}
.InlineButton .bi {
  font-size: 0.9rem;
  margin-right: 0.3331rem;
  cursor: pointer;
}
.InlineButton.CTA {
  background-color: #2196f3;
  color: #0c0e13;
  border-color: #2196f3;
  transition: opacity ease 150ms, color ease 150ms, background-color ease 150ms, border-color ease 150ms;
}
.InlineButton.CTA:hover {
  background-color: #51adf6;
  border-color: #51adf6;
}
.InlineButton:not(.CTA) {
  opacity: 0.75;
}
.InlineButton:not(.CTA):hover {
  opacity: 1;
}
.FilterButton,
.SelectFieldsButton {
  padding: 0.5rem 2rem !important;
}
p.Note,
h1.Heading {
  color: white;
  white-space: pre-wrap;
  word-break: break-word;
}
.Separator {
  border-right: 0.0831rem solid #222f3c;
  height: 2.3331rem;
  display: inline-block;
  padding: 0.4162rem 0.0831rem;
  margin-right: 0.3331rem;
}
.HorizontalSeparator {
  border-top: 0.0831rem solid #222f3c;
  height: 1rem;
  display: inline-block;
  padding: 0;
  width: 100%;
  position: absolute;
  top: 50%;
}
.Announcement {
  text-align: center;
  padding: 2rem;
}
.Announcement .Guide {
  background-color: #0c0e13;
  max-width: 50%;
  margin: 0 auto;
}
.Announcement h2 {
  opacity: 0.5;
}
.Html h3 {
  opacity: 0.75;
  margin: 0 0 0.4rem 0;
}
.Guide {
  font-size: 0.8rem;
  font-size: 0.75rem;
  line-height: 0.9rem;
  font-weight: 400;
  color: #a2a0a2;
  background-color: rgba(37, 43, 58, 0.5);
  border-radius: 0.3331rem;
  padding: 1rem 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
}
.Guide .bi {
  font-size: 0.8rem;
  font-size: 0.75rem;
  line-height: 0.9rem;
  font-weight: 400;
  color: #a2a0a2;
  margin-right: 0.3rem;
}
.Guide a {
  color: #2196f3;
}
.Guide a :hover {
  cursor: pointer;
  color: #51adf6;
}
.Info {
  inset: 0 0 0 0;
  position: absolute;
  overflow: hidden;
}
.Info .InfoCaption {
  opacity: 0.5;
  color: white;
  display: block;
  font-weight: 400;
}
.Info .codex-editor:not(.Focused) {
  z-index: 0 !important;
}
.Info .codex-editor.Focused {
  z-index: 1;
}
.Info .codex-editor code.inline-code {
  font-weight: bold;
  font-family: monospace;
  background-color: #060606;
}
.Info .codex-editor .codex-editor__redactor {
  padding-bottom: 0 !important;
}
.Info .codex-editor .ce-popover__container {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
  right: unset;
  left: 0;
  max-height: unset;
  min-width: 14rem;
  width: 14rem;
}
.Info .codex-editor .ce-popover__container .ce-popover-item {
  transition: background-color ease 150ms;
  color: white;
}
.Info .codex-editor .ce-popover__container .ce-popover-item .ce-popover-item__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .codex-editor .ce-popover__container .ce-popover-item:hover {
  background-color: #020203;
}
.Info .codex-editor .ce-popover__container .ce-popover-item:hover .ce-popover-item__icon {
  border: 0.0831rem solid #333;
}
.Info .codex-editor .ce-popover__container .ce-popover-item:hover {
  background-color: #2b3c4c;
}
.Info .codex-editor .ce-popover__container .cdx-search-field {
  background-color: #020203;
}
.Info .codex-editor .ce-popover__container .cdx-search-field input {
  color: white;
}
.Info .codex-editor .ce-popover__container .ce-popover-item__secondary-title {
  display: none;
}
.Info .codex-editor .ce-popover__container .ce-popover-item__title {
  font-size: 0.9rem;
  margin-left: 0.5rem;
  margin-top: 0.1rem;
}
.Info .codex-editor .ce-inline-toolbar {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .codex-editor .ce-inline-toolbar .ce-inline-toolbar__dropdown,
.Info .codex-editor .ce-inline-toolbar button {
  transition: background-color ease 150ms;
  border-radius: 0.3331rem;
  color: white;
}
.Info .codex-editor .ce-inline-toolbar .ce-inline-toolbar__dropdown:hover,
.Info .codex-editor .ce-inline-toolbar button:hover {
  background-color: #020203;
}
.Info .codex-editor .ce-conversion-toolbar {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .codex-editor .ce-conversion-toolbar .ce-conversion-tool {
  transition: background-color ease 150ms;
  color: white;
}
.Info .codex-editor .ce-conversion-toolbar .ce-conversion-tool .ce-conversion-tool__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .codex-editor .ce-conversion-toolbar .ce-conversion-tool:hover {
  background-color: #020203;
}
.Info .codex-editor .ce-conversion-toolbar .ce-conversion-tool:hover .ce-conversion-tool__icon {
  border: 0.0831rem solid #333;
}
.Info .codex-editor .ce-toolbar__plus,
.Info .codex-editor .ce-toolbar__settings-btn {
  color: #606060;
}
.Info .codex-editor .ce-toolbar__plus:hover,
.Info .codex-editor .ce-toolbar__settings-btn:hover {
  background-color: #0c0e13;
}
.Info .codex-editor .ce-toolbar .ce-toolbar__content {
  position: unset;
}
.Info .codex-editor .ce-toolbar .ce-toolbar__content .ce-toolbar__actions {
  right: unset;
  left: 0.1662rem;
}
.Info .codex-editor .ce-toolbar .cdx-search-field {
  display: none;
}
.Info .codex-editor .ce-block.ce-block--selected > .ce-block__content {
  background-color: #060606;
}
.Info .codex-editor .ce-block .ce-block__content {
  max-width: unset;
  margin: unset;
  left: 3.6662rem;
  width: calc(100% - 4.3331rem);
}
.Info .codex-editor .ce-block .ce-block ::selection,
.Info .codex-editor .ce-block .tc-cell::selection,
.Info .codex-editor .ce-block .cdx-nested-list__item-content::selection,
.Info .codex-editor .ce-block .cdx-input::selection,
.Info .codex-editor .ce-block .link-tool__input::selection,
.Info .codex-editor .ce-block .ce-header::selection,
.Info .codex-editor .ce-block .cdx-checklist__item-text::selection {
  color: white;
  background-color: #08528d;
}
.Info .ce-code__textarea {
  background-color: #0c0e13;
  color: white;
}
.Info .tc-popover {
  background-color: #0c0e13;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .tc-popover .tc-popover-item {
  transition: background-color ease 150ms;
  color: white;
}
.Info .tc-popover .tc-popover-item .tc-popover-item__icon {
  background-color: #020203;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
}
.Info .tc-popover .tc-popover-item:hover {
  background-color: #020203;
}
.Info .tc-popover .tc-popover-item:hover .tc-popover-item__icon {
  border: 0.0831rem solid #333;
}
.Info .tc-wrap {
  --color-background: #060606;
}
.Info .tc-wrap .tc-toolbox > .tc-toolbox__toggler > svg > rect {
  fill: #020203;
}
.Info .link-tool > a.link-tool__content {
  background: unset !important;
  color: white !important;
}
.Info .link-tool .link-tool__progress,
.Info .link-tool .link-tool__progress--loading {
  background-color: #060606;
}
.Info .image-tool {
  --bg-color: #060606;
  --front-color: #2196f3;
  --border-color: #333;
}
.Info .image-tool .cdx-button {
  background-color: #060606;
  color: white;
}
.Info .image-tool.image-tool--withBackground > .image-tool__image {
  background: repeating-linear-gradient(45deg, #2196f3, #2196f3 1rem, transparent 1rem, transparent 2rem);
}
.Info .cdx-attaches {
  --color-line: #333;
  --color-bg: #060606;
  --color-bg-secondary: #0c0e13;
  --color-bg-secondary--hover: #2196f3;
  --color-text-secondary: white;
}
.Info .cdx-attaches .cdx-button,
.Info .cdx-attaches .cdx-attaches__button {
  background-color: #060606;
  color: white;
}
.Info .cdx-attaches .cdx-attaches__download-button {
  color: white;
}
.Info .cdx-attaches .cdx-attaches__download-button:hover {
  color: #0c0e13;
}
.Info .cdx-button {
  border-radius: 0.3331rem !important;
}
.Info .cdx-attaches--with-file .cdx-attaches__file-icon-label {
  padding: 0 !important;
  right: 14px;
  text-align: center;
}
.Info .codex-editor .codex-editor__redactor {
  margin-right: 0 !important;
}
.Info .ce-block__content {
  max-width: unset !important;
  left: 0 !important;
  width: 100% !important;
}
.PageEditor .Info {
  z-index: -1;
}
.Checklist {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  min-height: 100%;
  animation: fadeInExpandableControl 250ms ease-in;
  color: white;
}
.Checklist .ChecklistCaption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Checklist .ChecklistRows {
  position: absolute;
  inset: 2rem 0 0 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.Checklist .ChecklistRows .ChecklistRow {
  display: flex;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
.Checklist .ChecklistRows .ChecklistRow .ChecklistRowCheckbox {
  width: 2.6662rem;
  font-size: 1.3331rem;
  padding-left: 0.6662rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.Checklist .ChecklistRows .ChecklistRow .ChecklistRowCheckbox:focus {
  outline: none;
  color: #2196f3;
}
.Checklist .ChecklistRows .ChecklistRow .ChecklistRowDescription {
  flex-grow: 1;
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.GanttChart {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  user-select: none;
}
.GanttChart .GanttChartButtons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.3331rem;
  display: flex;
  flex-direction: row;
}
.GanttChart .GanttChartButtons .FiltersButton {
  margin-right: 0.3331rem;
}
.GanttChart .GanttChartButtons .ButtonsExpander {
  order: 900;
  flex-grow: 1;
}
.GanttChart .GanttChartButtons .GridButton {
  color: white;
  line-height: 3.3331rem;
  width: 3.3331rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.3331rem;
  margin: 0pt 0.3331rem;
  transition: color ease 150ms;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  display: inline-block;
}
.GanttChart .GanttChartButtons .GridButton span.bi {
  display: inline;
  line-height: 3.3331rem;
  font-size: 1.5rem;
}
.GanttChart .GanttChartButtons .GridButton .Loading {
  background-size: contain;
}
.GanttChart .GanttChartButtons .GridButton:not(.DisabledButton):hover,
.GanttChart .GanttChartButtons .GridButton:not(.DisabledButton):focus {
  color: #2196f3;
}
.GanttChart .GanttChartButtons .GridButton.FloatRight {
  order: 950;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton {
  display: inline-flex;
  line-height: 2rem;
  height: 2rem;
  width: unset;
  border-radius: 0.3331rem;
  color: white;
  margin: 0.7rem;
  position: relative;
  padding: 0.1662rem 0.5rem;
  align-items: center;
  text-align: center;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton:not(.CallToActionButton) {
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton span.bi {
  padding-top: 0.05rem;
  padding-right: 0.45rem;
  font-size: 1rem;
  line-height: unset;
  color: white;
  transition: color ease 150ms;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton:not(.DisabledButton) {
  cursor: pointer;
  opacity: 0.75;
  line-height: normal;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover {
  color: #2196f3;
  border-color: #2196f3;
  cursor: pointer;
  opacity: 100%;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover .bi {
  color: #2196f3;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton .ButtonCaption {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.6662rem;
  min-height: 1.125rem;
  display: inline-block;
  padding: 0.5rem 0;
}
.GanttChart .GanttChartButtons .GridButton.CaptionedGridButton.HasDropDown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.GanttChart .GanttChartButtons .PercentComplete {
  float: right;
  font-size: 0.8331rem;
  text-align: center;
  margin: 0.75rem 0 0 1rem;
  color: white;
  background: #222f3c;
  border-radius: 1.5rem;
  padding: 0.3331rem 0.6662rem;
  height: 1.95rem;
  order: 1000;
}
.GanttChart .GanttChartButtons.ToggleEditing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 0.3331rem;
}
.GanttChart .GanttChartButtons.ToggleEditing > span {
  line-height: 2.3331rem;
}
.GanttChart .GanttChartButtons.ToggleEditing .Input {
  margin-top: unset !important;
  margin-bottom: unset !important;
  height: unset !important;
}
.GanttChart .GanttChartButtons.ToggleEditing .Input .bi {
  font-size: 1.5rem !important;
  float: left;
  padding: 0 0.3331rem;
}
.GanttChart .GanttChartButtons.ToggleEditing .Input .InputInnerSpan {
  display: flex;
  overflow: hidden;
}
.GanttChart .GanttChartButtons.ToggleEditing .Input .InputInnerSpan .LabelContainer {
  display: unset;
  padding: 0.6662rem 0.3331rem;
  float: left;
  width: auto !important;
}
.GanttChart .GanttHead {
  position: absolute;
  top: 3.3331rem;
  left: 0;
  right: 0;
  height: 3.3331rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: white;
}
.GanttChart .GanttHead .GanttTreeHead {
  flex-grow: 1;
  flex-shrink: 0;
  border-right: 0.0831rem solid #333;
  padding-right: 0.6662rem;
  min-width: 16rem;
  max-width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-bottom: 0.0831rem solid #606060;
  overflow: hidden;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement {
  height: 100%;
  line-height: 1rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  transition: color ease 150ms;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 0.3331rem;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing > span {
  line-height: 2.3331rem;
  margin-top: 0.4rem;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing .Input {
  margin-top: unset !important;
  margin-bottom: unset !important;
  height: unset !important;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing .Input .bi {
  font-size: 1.5rem !important;
  float: left;
  padding: 0 0.3331rem;
  margin-top: 0.35rem;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing .Input .InputInnerSpan {
  display: flex;
  overflow: hidden;
}
.GanttChart .GanttHead .GanttTreeHead .GanttHeadElement.ToggleEditing .Input .InputInnerSpan .LabelContainer {
  display: unset;
  padding: 0.6662rem 0.3331rem;
  float: left;
  width: auto !important;
}
.GanttChart .GanttHead .GanttTimelineContainer {
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  overflow: hidden;
}
.GanttChart .GanttHead .GanttTimelineContainer .GanttTimeline {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
  height: 3.3331rem;
}
.GanttChart .GanttHead .GanttTimelineContainer .GanttTimeline .GanttTimelineBlock {
  width: 16.6662rem;
  margin: 0.3331rem;
  padding: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  border-radius: 0.3331rem;
  color: white;
  background-color: #2b3c4c;
  height: 2.3331rem;
  font-size: 0.9rem;
  font-weight: 500;
}
.GanttChart .GanttBody {
  position: absolute;
  top: 6.6662rem;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  overflow-y: scroll;
  overflow-x: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  scrollbar-color: transparent transparent;
}
.GanttChart .GanttBody:hover {
  scrollbar-color: inherit;
}
.GanttChart .GanttBody .GanttTree {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  border-right: 0.0831rem solid #333;
  padding-right: 0.6662rem;
  min-width: 16rem;
  max-width: 33%;
}
.GanttChart .GanttBody .GanttTree .GanttTreeLevelContainer {
  display: inline-block;
  margin-top: 0.3331rem;
  margin-bottom: 0.3331rem;
  overflow: hidden;
  max-width: 100%;
}
.GanttChart .GanttBody .GanttTree .GanttTreeLevelContainer.ClosedContainer {
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.GanttChart .GanttBody .GanttTree .GanttTreeLevel {
  font-size: 0.8331rem;
  opacity: 0.5;
}
.GanttChart .GanttBody .GanttTree .GanttTreeLevel .ToggleArrow {
  font-size: 1rem;
  line-height: 1.3331rem;
  transition: transform ease 150ms;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  margin-right: 0.3331rem;
}
.GanttChart .GanttBody .GanttTree .GanttTreeLevel .ToggleArrow.OpenArrow {
  transform: rotate(90deg);
}
.GanttChart .GanttBody .GanttTree .GanttTreeTask {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.GanttChart .GanttBody .GanttTree .GanttTreeTask .bi {
  font-size: 0.6662rem;
  transition: opacity ease 150ms;
  font-size: unset;
  margin-right: 0.3331rem;
  cursor: pointer;
  transition: color ease 150ms;
}
.GanttChart .GanttBody .GanttTree .GanttTreeTask .bi:hover {
  color: #2196f3;
}
.GanttChart .GanttBody .GanttTree .GanttTreeTask:hover .bi {
  opacity: 1;
}
.GanttChart .GanttBody .GanttTree .GanttTreeTask.Hovered {
  text-decoration: underline;
}
.GanttChart .GanttBody .GanttDataContainer {
  min-height: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  width: 100%;
  overflow: hidden;
  cursor: grab;
}
.GanttChart .GanttBody .GanttDataContainer.Dragging {
  cursor: grabbing;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData {
  position: relative;
  height: 100%;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttLevelContainer.ClosedContainer {
  display: none;
  overflow: hidden;
  height: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar {
  position: absolute;
  margin-top: 0.1662rem;
  min-width: 2px;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar .GanttBarPercentComplete,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarPercentComplete {
  opacity: 0;
  transition: opacity ease 150ms;
  overflow: hidden;
  display: inline-block;
  color: white;
  text-align: center;
  font-size: 0.6662rem;
  font-weight: 500;
  position: absolute;
  inset: 0 0 0 0;
  pointer-events: none;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar:hover .GanttBarPercentComplete,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar:hover .GanttBarPercentComplete {
  opacity: 1;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar {
  height: 0.6662rem;
  border-top-left-radius: 0.3331rem;
  border-top-right-radius: 0.3331rem;
  border-top: 0.0831rem solid #606060;
  border-left: 0.0831rem solid #606060;
  border-right: 0.0831rem solid #606060;
  overflow: hidden;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar .GanttBarPercentComplete {
  line-height: 0.6662rem;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttSummaryBar .Complete {
  height: 100%;
  background: linear-gradient(to right, rgba(96, 96, 96, 0.25), rgba(96, 96, 96, 0.25) 10px, rgba(96, 96, 96, 0.75) 10px, rgba(96, 96, 96, 0.75) 20px);
  background-repeat: repeat;
  background-size: 20px;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar {
  height: 1rem;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar:hover .GanttBarContainer .GanttBarHandle,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar.Hovered .GanttBarContainer .GanttBarHandle {
  opacity: 0.5;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar:hover .GanttBarDate,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar.Hovered .GanttBarDate {
  opacity: 0.5;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar:hover .GanttBarBackground,
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar.Hovered .GanttBarBackground {
  opacity: 1;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarContainer {
  position: absolute;
  inset: 0 0 0 0;
  overflow: hidden;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarContainer .GanttBarHandle {
  position: absolute;
  top: 0.1662rem;
  bottom: 0.1662rem;
  aspect-ratio: 1/1;
  border-radius: 0.6662rem;
  background-color: white;
  transition: opacity ease 150ms;
  opacity: 0;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarContainer .GanttBarHandle.GanttBarHandleLeft {
  left: 0.1662rem;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarContainer .GanttBarHandle.GanttBarHandleRight {
  right: 0.1662rem;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarContainer .GanttBarHandle .GanttBarPercentComplete {
  line-height: 1rem;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarDate {
  position: absolute;
  top: 0.1662rem;
  bottom: 0;
  font-style: italic;
  transition: opacity ease 150ms;
  opacity: 0;
  font-size: 0.6662rem;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarDate.GanttBarStartDate {
  right: calc(100% + 0.6662rem);
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarDate.GanttBarEndDate {
  left: calc(100% + 0.6662rem);
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarBackground {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  border-radius: 0.6662rem;
  pointer-events: none;
  opacity: 0.8;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarBackground .Incomplete {
  flex-shrink: 1;
  flex-grow: 1;
  background-color: #41bda8;
  opacity: 0.5;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttTaskBar .GanttBarBackground .Complete {
  flex-shrink: 0;
  flex-grow: 0;
  background-color: #41bda8;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttArrow {
  position: absolute;
  pointer-events: none;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttArrow.Invalid path {
  stroke: #ff5151;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttArrow:not(.Invalid) path {
  stroke: #606060;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttArrow.Hovered path {
  stroke: #41bda8;
}
.GanttChart .GanttBody .GanttDataContainer .GanttData .GanttArrow path {
  transition: stroke ease 150ms;
  stroke-width: 0.0831rem;
  stroke-linecap: butt;
  stroke-linejoin: round;
  stroke-opacity: 0.75;
}
.GanttChart .GanttCurrentDateLine {
  height: 100%;
  position: absolute;
  top: 0;
  border-left: 0.0831rem solid white;
  opacity: 0.5;
  font-size: 0.6662rem;
  padding: 0.3331rem;
  font-style: italic;
  color: white;
}
.GanttChart .GanttContextMenu {
  position: fixed;
  display: flex;
  flex-direction: column;
  background-color: #0d131c;
  color: #bbe7ff;
  border-radius: 0.3331rem;
  overflow: hidden;
}
.GanttChart .GanttContextMenu > span {
  padding: 0.1662rem 0.3331rem;
  cursor: pointer;
}
.GanttChart .GanttContextMenu > span:hover {
  background-color: #1d2b3f;
}
.GanttChart .GanttContextMenu > h1 {
  margin: 0.3331rem;
  padding: 0;
  font-size: 0.8331rem;
  opacity: 0.5;
}
@media only screen and (max-width: 1080px) {
  .GanttTreeTask .bi {
    opacity: 0.25;
  }
}
@media only screen and (min-width: 1080px) {
  .GanttTreeTask .bi {
    opacity: 0;
  }
}
@media only screen and (max-width: 600px) {
  .GanttChart .GanttBody .GanttTree {
    min-width: 12rem;
  }
  .GanttChart .GanttHead .GanttTreeHead {
    min-width: 12rem;
  }
}
.KanbanBoard {
  margin: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  color: white;
  position: absolute;
  inset: 0 0 0 0;
}
.KanbanBoard .KanbanBoardButtons {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3.3331rem;
  display: flex;
  flex-direction: row;
}
.KanbanBoard .KanbanBoardButtons .FiltersButton {
  margin-right: 0.3331rem;
}
.KanbanBoard .KanbanBoardButtons .ButtonsExpander {
  order: 900;
  flex-grow: 1;
}
.KanbanBoard .KanbanBoardButtons .ColorIndicator {
  float: right;
  order: 1000;
  font-size: 0.8331rem;
  color: white;
  margin: 0.75rem 0 0 0.5rem;
  background: #222f3c;
  border-radius: 1.5rem;
  padding: 0.3331rem 0.6662rem;
  height: 1.95rem;
  white-space: nowrap;
}
.KanbanBoard .KanbanBoardButtons .GridButton {
  color: white;
  line-height: 3.3331rem;
  width: 3.3331rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.3331rem;
  margin: 0pt 0.3331rem;
  transition: color ease 150ms;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  display: inline-block;
}
.KanbanBoard .KanbanBoardButtons .GridButton span.bi {
  display: inline;
  line-height: 3.3331rem;
  font-size: 1.5rem;
}
.KanbanBoard .KanbanBoardButtons .GridButton .Loading {
  background-size: contain;
}
.KanbanBoard .KanbanBoardButtons .GridButton:not(.DisabledButton):hover,
.KanbanBoard .KanbanBoardButtons .GridButton:not(.DisabledButton):focus {
  color: #2196f3;
}
.KanbanBoard .KanbanBoardButtons .GridButton.FloatRight {
  order: 950;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton {
  display: inline-flex;
  line-height: 2rem;
  height: 2rem;
  width: unset;
  border-radius: 0.3331rem;
  color: white;
  margin: 0.7rem;
  position: relative;
  padding: 0.1662rem 0.5rem;
  align-items: center;
  text-align: center;
  transition: opacity ease 150ms, color ease 150ms, border-color ease 150ms;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton:not(.CallToActionButton) {
  border: 0.0831rem solid rgba(153, 153, 153, 0.75);
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton span.bi {
  padding-top: 0.05rem;
  padding-right: 0.45rem;
  font-size: 1rem;
  line-height: unset;
  color: white;
  transition: color ease 150ms;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton:not(.DisabledButton) {
  cursor: pointer;
  opacity: 0.75;
  line-height: normal;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover {
  color: #2196f3;
  border-color: #2196f3;
  cursor: pointer;
  opacity: 100%;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton:not(.DisabledButton):hover .bi {
  color: #2196f3;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton .ButtonCaption {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 0.6662rem;
  min-height: 1.125rem;
  display: inline-block;
  padding: 0.5rem 0;
}
.KanbanBoard .KanbanBoardButtons .GridButton.CaptionedGridButton.HasDropDown {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 0;
}
.KanbanBoard .KanbanBoardContent {
  position: absolute;
  inset: 3.3331rem 0 0 0;
  overflow-y: auto;
  overflow-x: auto;
  scrollbar-color: transparent transparent;
}
.KanbanBoard .KanbanBoardContent:hover {
  scrollbar-color: inherit;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead {
  position: sticky;
  top: 0;
  height: 2rem;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
  background-color: #0c0e13;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader {
  min-width: 16.6662rem;
  width: 0;
  flex-grow: 1;
  margin: 0 0.3331rem;
  font-size: 1.1662rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 0.1662rem solid #bbe7ff;
  position: relative;
  font-weight: 500;
  padding: 0 0.6662rem;
  background-color: #0c0e13;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnTitle {
  display: inline-block;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnTitle.Link:hover {
  cursor: pointer;
  text-decoration: underline;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnCount {
  font-size: 0.8331rem;
  font-weight: 300;
  color: white;
  padding: 0.1rem 0.6662rem;
  margin-top: 0.1rem;
  max-height: 1.6rem;
  float: right;
  background: #222f3c;
  border-radius: 1.5rem;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnCount:not(:last-child) {
  margin-right: 1.5rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnAdd {
  position: absolute;
  right: 0;
  margin: 0 0.1662rem 0.3331rem 0.1662rem;
  height: 100%;
  font-size: 1rem;
  background-color: #0c0e13;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity ease 150ms, color ease 150ms;
  padding: 0.25rem 0.25rem 0 0.25rem;
  border: 0.0831rem solid transparent;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnAdd.DarkText {
  color: black;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnAdd.LightText {
  color: white;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanBoardColumnAdd:hover {
  background-color: #2b3c4c;
  color: #2196f3;
  border-radius: 0.3331rem;
  transition: border-color ease 150ms;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardHead .KanbanBoardColumnHeader .KanbanStatusIcon {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody {
  position: absolute;
  top: 2.3331rem;
  bottom: 0;
  min-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn {
  min-width: 16.6662rem;
  width: 0;
  flex-grow: 1;
  margin: 0 0.3331rem;
  min-height: 100%;
  background-color: transparent;
  transition: background-color ease 150ms;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask {
  background-color: #0c0e13;
  border: 0.1rem solid #2b3c4c;
  color: white;
  border-radius: 0.1rem;
  cursor: pointer;
  width: calc(100% - 1rem);
  margin: 0.5rem 0.5rem 1rem 0.5rem;
  padding-bottom: 0.3331rem;
  overflow: hidden;
  opacity: 0.8;
  transition: opacity ease 150ms;
  transition: background-color ease 150ms;
  position: relative;
  z-index: 0;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask:hover {
  opacity: 1;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskTitle {
  margin: 0;
  padding: 0.0831rem 0.5rem 0.1662rem 0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-weight: 500;
  font-size: 0.8331rem;
  background-color: #2b3c4c;
  color: white;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskTitle.DarkText {
  color: black;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskTitle.LightText {
  color: white;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.8331rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField:first-of-type {
  padding-top: 0.2rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldLabel {
  width: 40%;
  font-weight: 500;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue {
  width: 60%;
  position: relative;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .UserCell .UserIconCircle,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .TeamCell .UserIconCircle,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .UserCell .TeamIconCircle,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .TeamCell .TeamIconCircle {
  margin-top: 0;
  scale: 80%;
  display: inline-block;
  margin-right: 0.25rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .UserCell span,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .TeamCell span {
  position: absolute;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .FileExt,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .FileThumb {
  scale: 80%;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .ColorCell {
  border-radius: 1.6662rem;
  padding-left: 0.6662rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .ColorCell.BlackText {
  color: black;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue .ColorCell.WhiteText {
  color: white;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldLabel,
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask .KanbanBoardTaskField .KanbanBoardTaskFieldValue {
  margin: 0.1rem 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1.6662rem;
  height: 1.6662rem;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn .KanbanBoardTask.DraggingTask {
  cursor: grabbing;
  z-index: 999;
  background-color: #060606;
}
.KanbanBoard .KanbanBoardContent .KanbanBoardBody .KanbanBoardColumn.KanbanBoardColumnDragOver {
  background-color: rgba(43, 60, 76, 0.5);
}
.KanbanBoard.KanbanBoardDragOver .KanbanBoardBody > .KanbanBoardColumn > .KanbanBoardTask:not(.DraggingTask) {
  transition: transform ease 150ms, background-color ease 150ms;
}
.ChartControl {
  position: absolute;
  inset: 0rem 0rem 0rem 0rem;
}
.ChartControl.LoadingData {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ChartControl.LoadingData > .Loader {
  width: 100%;
  height: 100%;
}
.ChartControl.LoadingData > .Loader > .LoaderAnim {
  width: unset;
}
.ChartControl canvas {
  position: absolute;
  inset: 0.3rem 0.15rem 0.3rem 0.15rem;
  padding-bottom: 0.6662rem;
}
.ChartControl .ChartButtons {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 0;
  opacity: 0;
  transition: opacity ease 150ms;
  background-color: #0c0e13;
}
.ChartControl .ChartButtons .ChartButton {
  font-size: 0.85rem;
  margin: 0 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.3331rem;
  border: 0.0831rem solid white;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  transition: color ease 150ms, border-color ease 150ms;
}
.ChartControl .ChartButtons .ChartButton .bi {
  font-size: 0.85rem;
}
.ChartControl .ChartButtons .ChartButton:hover {
  border-color: #2196f3;
  color: #2196f3;
}
.ChartControl:hover .ChartButtons {
  opacity: 1;
}
.ChartControl .Metric {
  display: flex;
  flex-direction: column;
  position: absolute;
  inset: 0.3rem 0.1rem 0.3rem 0.1rem;
  border-radius: 0.5rem;
  border: 0.1662rem solid white;
  color: white;
}
@media only screen and (max-width: 600px) {
  .ChartControl .Metric {
    inset: 0.3rem 20%;
  }
}
.ChartControl .Metric .MetricFill {
  position: absolute;
  inset: 0;
  opacity: 0.1;
  border-radius: inherit;
}
.ChartControl .Metric > h3,
.ChartControl .Metric > p {
  text-align: center;
  background-color: none;
}
.ChartControl .Metric > h3 {
  flex-shrink: 0;
  font-size: 0.9rem;
  font-weight: 300;
  margin: 0;
  display: block;
}
.IsMobile .ChartControl .Metric > h3 {
  font-size: 0.7rem;
}
.ChartControl .Metric > p {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0;
}
.ChartControl .Metric > p span {
  display: inline-block;
  max-width: 100%;
  margin: 0 auto;
  font-weight: 600;
}
.ChartControl .GeneratedHtml {
  position: absolute;
  inset: 0 0 0 0;
}
.ChartControl p.LabelContents {
  inset: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
}
.StringDesigner {
  padding: 0.5rem 0 0.5rem 1rem;
}
.StringDesigner .Segments {
  display: inline;
}
.StringDesigner .Segments .StringDesignerSegment {
  background-color: #2b3c4c;
  color: white;
  font-size: 1.6662rem;
  font-weight: 500;
  margin: 0.3331rem;
  padding: 0.3331rem;
  border-radius: 0.3331rem;
  cursor: pointer;
  transition: background-color ease 150ms;
  display: inline-block;
}
.StringDesigner .Segments .StringDesignerSegment .RemoveSegment {
  display: inline-block;
  font-size: 0.9rem;
  padding-top: 0.8rem;
  width: 0;
  overflow: hidden;
  text-align: right;
  float: right;
  transition: width ease 150ms, color ease 150ms;
}
.StringDesigner .Segments .StringDesignerSegment .RemoveSegment:hover {
  color: #2196f3;
}
.StringDesigner .Segments .StringDesignerSegment:hover {
  border: 0.0831rem solid #2196f3;
}
.StringDesigner .Segments .StringDesignerSegment:hover .RemoveSegment {
  width: 1.3331rem;
}
.StringDesigner .AddSegment {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: white;
  transition: color ease 150ms;
  display: inline-block;
  margin: 0 0.3331rem;
}
.StringDesigner .AddSegment:hover {
  color: #2196f3;
}
.StringDesigner .StringDesignerTypesDropdown {
  display: table;
  border-radius: 0.3331rem;
  background-color: #0c0e13;
  border: 0.0831rem solid white;
  padding-bottom: 0.6662rem;
  position: fixed;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  z-index: 999;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerCategory,
.StringDesigner .StringDesignerTypesDropdown .StringDesignerType {
  display: table-row;
  color: white;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerCategory {
  font-weight: 500;
  font-size: 0.8331rem;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerCategory span {
  display: table-cell;
  padding: 0.6662rem 0.6662rem 0 0.6662rem;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerType {
  cursor: pointer;
  transition: background-color ease 150ms;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerType:hover {
  background-color: #2b3c4c;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerType .Representation {
  display: table-cell;
  font-weight: 500;
  font-size: 0.6662rem;
  padding: 0 0.6662rem;
}
.StringDesigner .StringDesignerTypesDropdown .StringDesignerType .Caption {
  display: table-cell;
  padding-right: 0.6662rem;
}
.Collapsible {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: bold;
  margin-top: -0.6662rem;
  padding-top: 1.1662rem;
  color: white;
  border-bottom: 0.0831rem solid #bbe7ff;
  opacity: 0.85;
  cursor: pointer;
}
.Collapsible .CollapsibleCaption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  flex-shrink: 1;
  line-height: 2.4162rem;
}
.Collapsible .CollapsibleButton {
  flex-grow: 0;
  flex-shrink: 0;
  display: block;
  width: 2rem;
  margin: 0pt 0.3331rem;
  line-height: 2.5rem;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  transition: transform ease 150ms, color ease 150ms;
}
.Collapsible .CollapsibleButton:hover {
  color: #2196f3;
}
.Collapsible.Collapsed .CollapsibleButton {
  transform: rotate(180deg);
}
.InquiryVerticalCenter {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 64, 128, 0.35);
  transition: opacity ease 300ms;
}
.InquiryVerticalCenter .Inquiry {
  border: 0.0831rem solid #606060;
  border-radius: 0.3331rem;
  padding: 1.3331rem;
  background-color: #0c0e13;
  box-shadow: 0pt 0pt 0.1rem black;
  position: fixed;
  max-height: 90%;
  overflow-y: auto;
}
.InquiryVerticalCenter .Inquiry.StickyVertical {
  top: 0;
  bottom: 0;
}
.InquiryVerticalCenter .Inquiry .IconBorderButton {
  color: #0c0e13;
  background-color: #2196f3;
}
.InquiryVerticalCenter .Inquiry .IconBorderButton .bi {
  color: #0c0e13;
}
.InquiryIcon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.InquiryIcon .bi {
  font-size: 3.5rem;
}
@media screen {
  .ExtraNarrowWidthInquiry {
    width: 400px;
    left: calc(50% - (400px / 2));
  }
  .NarrowWidthInquiry {
    width: 500px;
    left: calc(50% - (500px / 2));
  }
  .NormalWidthInquiry {
    width: 800px;
    left: calc(50% - (800px / 2));
  }
  .WideWidthInquiry {
    width: 1200px;
    left: calc(50% - (1200px / 2));
  }
}
@media screen and (max-width: 400px) {
  .ExtraNarrowWidthInquiry {
    width: unset;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 500px) {
  .NarrowWidthInquiry {
    width: unset;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 800px) {
  .NormalWidthInquiry {
    width: unset;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .WideWidthInquiry {
    width: unset;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 600px) {
  .Inquiry {
    max-height: unset !important;
    left: 0;
    right: 0;
    top: 0;
    min-height: 100%;
  }
}
.PageContainer .react-grid-layout .react-grid-item,
.ModalPageContainer .react-grid-layout .react-grid-item,
.PageEditorPageContainer .react-grid-layout .react-grid-item {
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.PageContainer .react-grid-layout .react-grid-item .PageControl,
.ModalPageContainer .react-grid-layout .react-grid-item .PageControl,
.PageEditorPageContainer .react-grid-layout .react-grid-item .PageControl {
  position: absolute;
  inset: 0 0 0 0;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.PageContainer .react-grid-layout .react-grid-item .PageControl.WasHidden,
.ModalPageContainer .react-grid-layout .react-grid-item .PageControl.WasHidden,
.PageEditorPageContainer .react-grid-layout .react-grid-item .PageControl.WasHidden {
  animation-name: fade-in;
  animation-duration: 300ms;
}
.PageContainer .react-grid-layout .react-grid-item .PageControl > .Button,
.ModalPageContainer .react-grid-layout .react-grid-item .PageControl > .Button,
.PageEditorPageContainer .react-grid-layout .react-grid-item .PageControl > .Button {
  height: 2.5rem;
  line-height: 0.5rem;
  padding: 0.6rem 2rem;
}
.PageContainer .react-grid-layout .react-grid-item .PageControl .CallToAction,
.ModalPageContainer .react-grid-layout .react-grid-item .PageControl .CallToAction,
.PageEditorPageContainer .react-grid-layout .react-grid-item .PageControl .CallToAction {
  padding: 1rem !important;
  height: 3.3331rem;
}
.PageContainer {
  position: absolute;
  top: -0.6662rem;
  left: 0pt;
  bottom: 0.3331rem;
  right: 0pt;
  background-color: #0c0e13;
}
.ModalPageBody,
.PageContainer {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
}
.ModalPageBody:hover,
.PageContainer:hover {
  scrollbar-color: inherit;
}
@media only screen and (max-width: 600px) {
  .ModalPageContainer {
    inset: 0 0 0 0 !important;
  }
}
.DiscussionCount {
  font-family: 'Poppins', sans-serif;
  position: absolute;
  top: 0.1662rem;
  right: 0.1662rem;
  display: inline-block;
  padding: 0.25rem;
  background-color: #2196f3;
  color: #0c0e13;
  border-radius: 0.6662rem;
  font-size: 0.6662rem;
  line-height: 0.6662rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  font-weight: 500;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.NoDiscussionMessages {
  background-image: url("../images/NoDiscussionMessages.png");
  background-size: cover;
  height: 15rem;
  width: 15rem;
  margin: 0 auto;
  opacity: 0.45;
}
.ModalPageBackground {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: 4rem;
  position: fixed;
  inset: 0 0 0 0;
  background: rgba(0, 64, 128, 0.35);
  cursor: pointer;
  transition: opacity ease 300ms;
}
.ModalPageBackground.ModalFade {
  opacity: 0.05 !important;
}
.ModalPageBackground.ModalPageDocked {
  display: inline;
  position: unset;
  background: none;
}
.ModalPageBackground.ModalPageDocked .ModalPageContainer {
  top: 0;
  bottom: 0;
  right: 0;
  width: 17rem;
  position: fixed;
}
.ModalPageBackground.ModalPageDocked .ModalPageContainer .ModalPageBody {
  position: absolute;
  inset: 3.3331rem 0 0 0;
}
.ModalPageBackground .ModalPageContainer {
  background-color: #0c0e13;
  box-shadow: 0pt 0pt 0.1rem black;
  transition: all ease 150ms;
  max-width: 100%;
  cursor: auto;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle {
  height: 3.3331rem;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  border-left: 0.0831rem solid #606060;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .ModalPageTitleText {
  white-space: nowrap;
  height: 100%;
  line-height: 3.3331rem;
  padding: 0 0.6662rem;
  font-size: 1rem;
  font-weight: bold;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .bi {
  position: absolute;
  height: 2.6662rem;
  width: 2.6662rem;
  margin: 0.3331rem;
  text-align: center;
  line-height: 2.6662rem;
  cursor: pointer;
  font-size: 1.1662rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border-radius: 0.3331rem;
  transition: background-color ease 150ms, color ease 150ms;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .bi:hover {
  color: #2196f3;
  background-color: #222f3c;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .bi.ModalPageTitleDock {
  right: 3.3331rem;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .bi.ModalPageTitleClose {
  right: 0;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .ModalBreadcrumbButton {
  display: flex;
  flex-direction: row;
  align-self: auto;
}
.ModalPageBackground .ModalPageContainer .ModalPageTitle .ModalBreadcrumbButton .bi {
  position: relative !important;
  margin: 0.3331rem 0;
}
.ModalPageBackground .ModalPageContainer .ModalPageBody {
  border-left: 0.0831rem solid #606060;
}
.ModalPageBackground .ModalPageContainer .ModalPageBody .Button:not(.FloatRight) {
  float: left;
}
.ModalPageBackground .ModalPageContainer .ModalPageBody .Button.FloatRight {
  float: right;
}
.ModalPageBackground.ModalPageFull:not(.ModalPageDocked) .ModalPageContainer {
  position: fixed;
  inset: 0 0 0 20%;
}
.ModalPageBackground.ModalPageFull:not(.ModalPageDocked) .ModalPageContainer .ModalPageBody {
  position: absolute;
  inset: 3.3331rem 0 0 0;
}
.ModalPageBackground.ModalPageCompact:not(.ModalPageDocked) {
  padding-left: 30%;
  padding-right: 30%;
}
.ModalPageBackground.ModalPageCompact:not(.ModalPageDocked) .ModalPageContainer {
  top: 0;
  bottom: 0;
  right: 0;
  width: 850px;
  position: fixed;
}
.ModalPageBackground.ModalPageCompact:not(.ModalPageDocked) .ModalPageContainer .ModalPageBody {
  position: absolute;
  inset: 3.3331rem 0 0 0;
}
.PageWizard .WizardSteps {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 0.0831rem solid #333;
}
.PageWizard .WizardSteps .WizardStep {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.6662rem 1rem;
  display: inline-block;
  white-space: nowrap;
  transition: opacity ease 150ms, color ease 150ms;
  opacity: 0.5;
}
.PageWizard .WizardSteps .WizardStep.WizardStepActive {
  opacity: 1;
  color: #2196f3;
  font-weight: 600;
}
.PageWizard .WizardSteps .WizardStep.WizardStepCompleted {
  opacity: 0.75;
  cursor: pointer;
}
.PageWizard .WizardSteps .WizardStep.WizardStepCompleted:hover {
  color: #2196f3;
  opacity: 1;
}
.PageWizard .WizardSteps .WizardStep.WizardStepPending {
  opacity: 0.5;
}
.PageWizard .WizardSteps .WizardStepSeparator {
  color: white;
  opacity: 0.3;
  font-size: 0.8331rem;
  margin: 0 0.3331rem;
}
.SelectDate {
  color: white;
  padding-bottom: 0.6662rem;
  display: flex;
  position: relative;
}
.SelectDate .MonthYearSelector {
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 1rem;
  font-weight: 500;
}
.SelectDate .MonthYearSelector span {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
.SelectDate .MonthYearSelector input {
  border: none;
  color: white;
  font-size: 1.5rem;
  max-width: 5.3331rem;
}
.SelectDate .MonthYearSelector .Month,
.SelectDate .MonthYearSelector .Year {
  border-bottom: 0.0831rem solid #333;
  margin: 0 0.25rem;
}
.SelectDate .MonthChanger {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
}
.SelectDate .MonthChanger span.bi {
  font-size: 2rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  top: 50%;
  transition: color ease 150ms;
}
.SelectDate .MonthChanger span.bi:hover {
  color: #2196f3;
}
.SelectDate .MonthContainer {
  flex-grow: 1;
  flex-shrink: 1;
}
.SelectDate .MonthContainer .DayHeaders {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.6662rem;
}
.SelectDate .MonthContainer .DayHeaders span {
  text-align: center;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.SelectDate .MonthContainer .SelectDateMonth {
  color: white;
}
.SelectDate .MonthContainer .SelectDateMonth .SelectDateWeek {
  display: grid;
  gap: 0.3331rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  margin: 0.3331rem 0;
}
.SelectDate .MonthContainer .SelectDateMonth .SelectDateWeek .SelectDateDay {
  text-align: center;
  font-size: 0.9rem;
  padding: calc(33% - 0.5rem) 0;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-color: #020203;
  transition: border-color ease 150ms, background-color ease 150ms;
}
.SelectDate .MonthContainer .SelectDateMonth .SelectDateWeek .SelectDateDay:hover {
  border-color: #606060;
  background-color: #0c0e13;
}
.SelectDate .MonthContainer .SelectDateMonth .SelectDateWeek .SelectDateDay.Selected {
  color: #0c0e13;
  background-color: #2196f3;
}
.SelectDate .MonthContainer .SelectDateMonth .SelectDateWeek .SelectDateDay.Today {
  border-color: #2196f3;
  border-width: 0.0831rem;
  font-weight: bold;
}
.SelectDate .MonthSelector {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.3331rem;
  font-size: 0.75rem;
  position: absolute;
  border: 0.0831rem solid #606060;
  border-radius: 0.3331rem;
  background-color: #0c0e13;
  padding: 0.3331rem;
  left: calc(50% - 9.8331rem);
  top: 3rem;
}
.SelectDate .MonthSelector > span {
  width: 5.3331rem;
  padding: 0.3331rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  border: 0.0831rem solid #333;
  border-radius: 0.3331rem;
  background-color: #020203;
  transition: border-color ease 150ms, background-color ease 150ms;
}
.SelectDate .MonthSelector > span:hover {
  border-color: #606060;
  background-color: #0c0e13;
}
.SelectTime {
  color: white;
  display: flex;
  padding-bottom: 0.6662rem;
  margin: 0 8rem;
  /* Widths below are to set a ratio for flex, not the actual widths. */
}
.SelectTime .Hour,
.SelectTime .Minute {
  min-width: 0;
  border: none;
}
.SelectTime .Hour,
.SelectTime .Minute,
.SelectTime .HourMinuteSeparator,
.SelectTime .Meridiem {
  color: white;
  font-size: 1.5rem;
  flex-grow: 1;
  flex-shrink: 1;
  font-weight: 500;
  text-align: center;
  display: inline-block;
}
.SelectTime .Hour,
.SelectTime .Minute,
.SelectTime .Meridiem {
  width: 2.9162rem;
  border-bottom: 0.0831rem solid #333;
}
.SelectTime .Meridiem {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
  margin-left: 0.5rem;
}
.SelectTime .HourMinuteSeparator {
  width: 0.4162rem;
}
#Toast {
  position: fixed;
  width: 100%;
  top: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: row;
  visibility: hidden;
  /* Animations to fade the toast in and out */
}
#Toast #ToastMessage {
  min-width: 16rem;
  max-width: 70%;
  background-color: #2196f3;
  color: #0c0e13;
  text-align: center;
  border-radius: 0.35rem;
  padding: 1rem;
  z-index: 999;
}
#Toast.Show {
  visibility: visible;
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
        However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 2rem;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 2rem;
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    top: 2rem;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    top: 2rem;
    opacity: 1;
  }
  to {
    top: 0;
    opacity: 0;
  }
}
#PortalLayout {
  position: fixed;
  inset: 0 0 0 0;
}
#PortalLayout #PortalHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12rem;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 0.1rem solid white;
}
@media only screen and (max-width: 1080px) {
  #PortalLayout #PortalHeader {
    height: 6rem;
  }
}
#PortalLayout #PortalHeader .PortalOptions {
  right: 0.5rem;
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 1080px) {
  #PortalLayout #PortalHeader .PortalOptions {
    position: absolute;
    max-width: calc(100% - 5rem);
    top: 0.25rem;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout #PortalHeader .PortalOptions {
    max-width: 100%;
    bottom: 0.75rem;
    position: fixed;
    z-index: 999;
  }
  #PortalLayout #PortalHeader .PortalOptions.MobileMenuClosed {
    display: none;
  }
}
#PortalLayout #PortalHeader .PortalOptions .PortalButton {
  height: 2.4rem;
  text-align: center;
  color: white;
  background-color: #0c0e13;
  padding: 0.25rem 0.35rem;
  border-radius: 10rem;
  cursor: pointer;
  opacity: 0.25;
  transition: opacity ease 150ms;
  margin-left: 0.5rem;
  padding: 0 1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-shrink: 1;
  flex-grow: 1;
}
#PortalLayout #PortalHeader .PortalOptions .PortalButton:hover {
  opacity: 1;
}
#PortalLayout #PortalHeader .PortalOptions .PortalButton .bi {
  position: relative;
  top: 0.25rem;
}
#PortalLayout .LogoContainer {
  position: absolute;
}
@media only screen and (min-width: 1080px) {
  #PortalLayout .LogoContainer {
    left: 4rem;
    height: 12rem;
    width: 12rem;
    background-color: rgba(12, 14, 19, 0.8);
    top: 4rem;
    box-shadow: 0 0rem 0.5rem 0.15rem #0c0e13;
    border-radius: 0.3331rem;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout .LogoContainer {
    left: 4rem;
    height: 6rem;
    width: 6rem;
    top: 0;
  }
}
#PortalLayout .LogoContainer .LogoText,
#PortalLayout .LogoContainer .LogoImage {
  position: absolute;
  inset: 0.5rem 0.5rem 0.5rem 0.5rem;
}
#PortalLayout .LogoContainer .LogoText {
  color: #0c0e13;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1rem;
  text-align: center;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 1080px) {
  #PortalLayout .LogoContainer .LogoText {
    font-size: 0.75rem;
    padding: 0;
  }
}
#PortalLayout .LogoContainer .LogoImage {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1080px) {
  #PortalLayout > nav {
    position: absolute;
    top: 13rem;
    left: 16.5rem;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout > nav {
    position: fixed;
    inset: 0 0 0 0;
    background-color: #0c0e13;
    display: flex;
    flex-direction: column;
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-y: auto;
  }
  #PortalLayout > nav.MobileMenuClosed {
    display: none;
  }
}
#PortalLayout > nav > a {
  font-size: 1.25rem;
  margin: 0 0.75rem;
  padding: 0 0.25rem;
  color: white;
  text-decoration: none;
  border-bottom: 0.1rem solid transparent;
  transition: opacity ease 150ms;
}
#PortalLayout > nav > a:not(:hover):not(.Selected) {
  opacity: 0.5;
}
#PortalLayout > nav > a.Selected {
  border-bottom-color: white;
  font-weight: bold;
}
@media only screen and (max-width: 1080px) {
  #PortalLayout > nav > a.Selected {
    border-bottom: none;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout > nav > a {
    padding: 1rem 0.5rem;
  }
}
@media only screen and (min-width: 1080px) {
  #PortalLayout #MobileMenuToggle {
    display: none;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout #MobileMenuToggle {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    color: white;
    background-color: #0c0e13;
    padding: 0.5rem 0.25rem 0.25rem 0.5rem;
    font-size: 2rem;
    border-bottom-right-radius: 0.3331rem;
    cursor: pointer;
    opacity: 0.25;
    transition: opacity ease 150ms;
  }
  #PortalLayout #MobileMenuToggle:hover {
    opacity: 1;
  }
}
#PortalLayout > main {
  position: absolute;
}
@media only screen and (min-width: 1080px) {
  #PortalLayout > main {
    bottom: 0;
    left: 1rem;
    right: 1rem;
    top: 17rem;
  }
}
@media only screen and (max-width: 1080px) {
  #PortalLayout > main {
    bottom: 0;
    left: 0.25rem;
    right: 0.25rem;
    top: 8rem;
  }
}
#PortalLayout > footer {
  color: white;
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  opacity: 0.5;
  font-size: 80%;
}
#PortalLayout > footer > a {
  color: white;
}