lucid-ui/dist/lucid.css

A UI component library from AppNexus.

.lucid-Axis-tick-text {
  font: 11px sans-serif;
  fill: #211f1f;
}
.lucid-Axis-domain,
.lucid-Axis-tick {
  fill: none;
  stroke: #e8e6e6;
  shape-rendering: crispEdges;
}
.lucid-AxisLabel {
  text-anchor: middle;
  fill: #211f1f;
}
.lucid-AxisLabel-color-chart-neutral {
  fill: #e8e6e6;
}
.lucid-AxisLabel-color-chart-bad-darkest {
  fill: #4a2301;
}
.lucid-AxisLabel-color-chart-bad-dark {
  fill: #a14b01;
}
.lucid-AxisLabel-color-chart-bad-light {
  fill: #fccea6;
}
.lucid-AxisLabel-color-chart-bad-lightest {
  fill: #fef1e6;
}
.lucid-AxisLabel-color-chart-bad {
  fill: #f77402;
}
.lucid-AxisLabel-color-chart-good-darkest {
  fill: #163525;
}
.lucid-AxisLabel-color-chart-good-dark {
  fill: #2f7450;
}
.lucid-AxisLabel-color-chart-good-light {
  fill: #bfe4d1;
}
.lucid-AxisLabel-color-chart-good-lightest {
  fill: #edf7f2;
}
.lucid-AxisLabel-color-chart-good {
  fill: #49b27b;
}
.lucid-AxisLabel-color-chart-6-darkest {
  fill: #1a2638;
}
.lucid-AxisLabel-color-chart-6-dark {
  fill: #395279;
}
.lucid-AxisLabel-color-chart-6-light {
  fill: #c5d2e7;
}
.lucid-AxisLabel-color-chart-6-lightest {
  fill: #eef2f8;
}
.lucid-AxisLabel-color-chart-6 {
  fill: #587eba;
}
.lucid-AxisLabel-color-chart-5-darkest {
  fill: #4a3700;
}
.lucid-AxisLabel-color-chart-5-dark {
  fill: #9f7701;
}
.lucid-AxisLabel-color-chart-5-light {
  fill: #fce6a6;
}
.lucid-AxisLabel-color-chart-5-lightest {
  fill: #fef8e6;
}
.lucid-AxisLabel-color-chart-5 {
  fill: #f5b701;
}
.lucid-AxisLabel-color-chart-4-darkest {
  fill: #1d1531;
}
.lucid-AxisLabel-color-chart-4-dark {
  fill: #3e2e6a;
}
.lucid-AxisLabel-color-chart-4-light {
  fill: #c7bedf;
}
.lucid-AxisLabel-color-chart-4-lightest {
  fill: #efedf6;
}
.lucid-AxisLabel-color-chart-4 {
  fill: #6046a3;
}
.lucid-AxisLabel-color-chart-3-darkest {
  fill: #003042;
}
.lucid-AxisLabel-color-chart-3-dark {
  fill: #00678e;
}
.lucid-AxisLabel-color-chart-3-light {
  fill: #a6ddf2;
}
.lucid-AxisLabel-color-chart-3-lightest {
  fill: #e6f5fb;
}
.lucid-AxisLabel-color-chart-3 {
  fill: #009fdb;
}
.lucid-AxisLabel-color-chart-2-darkest {
  fill: #4c1815;
}
.lucid-AxisLabel-color-chart-2-dark {
  fill: #a4342e;
}
.lucid-AxisLabel-color-chart-2-light {
  fill: #fec2bf;
}
.lucid-AxisLabel-color-chart-2-lightest {
  fill: #ffeeed;
}
.lucid-AxisLabel-color-chart-2 {
  fill: #fc5047;
}
.lucid-AxisLabel-color-chart-1-darkest {
  fill: #003939;
}
.lucid-AxisLabel-color-chart-1-dark {
  fill: #007c7c;
}
.lucid-AxisLabel-color-chart-1-light {
  fill: #a6e8e8;
}
.lucid-AxisLabel-color-chart-1-lightest {
  fill: #e6f9f9;
}
.lucid-AxisLabel-color-chart-1 {
  fill: #00bebe;
}
.lucid-AxisLabel-color-chart-0-darkest {
  fill: #331935;
}
.lucid-AxisLabel-color-chart-0-dark {
  fill: #6f3572;
}
.lucid-AxisLabel-color-chart-0-light {
  fill: #e2c2e3;
}
.lucid-AxisLabel-color-chart-0-lightest {
  fill: #f7eef7;
}
.lucid-AxisLabel-color-chart-0 {
  fill: #ab52b0;
}
.lucid-Badge {
  border: 1px solid #a6a3a3;
  border-radius: 11px;
  color: #fff;
  cursor: default;
  display: inline-block;
  font-family: Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 7px;
  background-color: #a6a3a3;
  text-align: center;
}
.lucid-Badge-stroke {
  font-weight: 400;
  color: #211f1f;
  background-color: #fff;
}
.lucid-Badge-primary {
  border-color: #587eba;
}
.lucid-Badge-primary.lucid-Badge-filled {
  background-color: #587eba;
}
.lucid-Badge-success {
  border-color: #49b27b;
}
.lucid-Badge-success.lucid-Badge-filled {
  background-color: #49b27b;
}
.lucid-Badge-warning {
  border-color: #f5b701;
}
.lucid-Badge-warning.lucid-Badge-filled {
  background-color: #f5b701;
}
.lucid-Badge-danger {
  border-color: #f77402;
}
.lucid-Badge-danger.lucid-Badge-filled {
  background-color: #f77402;
}
.lucid-Badge-dark {
  border-color: #211f1f;
}
.lucid-Badge-dark.lucid-Badge-filled {
  background-color: #211f1f;
}
.lucid-Banner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: #211f1f 2px solid;
  background-color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #211f1f;
}
.lucid-Banner-enter {
  opacity: 0.01;
}
.lucid-Banner-enter-active {
  -webkit-transition: opacity 300ms ease-in;
  -o-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  opacity: 1;
}
.lucid-Banner-exit {
  opacity: 1;
}
.lucid-Banner-exit-active {
  -webkit-transition: opacity 300ms ease-in;
  -o-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
  opacity: 0.01;
}
.lucid-Banner.lucid-Banner-has-close {
  padding-right: 12px;
}
.lucid-Banner-close.lucid-Banner-close.lucid-Banner-close {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 14px;
}
.lucid-Banner-filled .lucid-Banner-close.lucid-Banner-close.lucid-Banner-close {
  stroke: #fff;
}
.lucid-Banner-filled .lucid-Banner-close.lucid-Banner-close.lucid-Banner-close:hover {
  stroke: #fff;
  opacity: 0.5;
}
.lucid-Banner-small.lucid-Banner-small > .lucid-Banner-close {
  margin-top: 8px;
}
.lucid-Banner-has-icon > .lucid-Banner-content {
  padding: 12px 0;
}
.lucid-Banner-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 12px;
}
.lucid-Banner-icon > .lucid-Icon {
  stroke: #211f1f;
}
.lucid-Banner-filled .lucid-Banner-icon > .lucid-Icon {
  stroke: #fff;
}
.lucid-Banner-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 12px 0;
  line-height: 15px;
}
.lucid-Banner-content > p {
  line-height: 1.25em;
}
.lucid-Banner-content > p:first-of-type {
  margin-top: 0;
}
.lucid-Banner-content > p:last-of-type {
  margin-bottom: 0;
}
.lucid-Banner a {
  color: inherit;
  text-decoration: underline;
}
.lucid-Banner-success {
  border-color: #49b27b;
}
.lucid-Banner-info {
  border-color: #587eba;
}
.lucid-Banner-warning {
  border-color: #f5b701;
}
.lucid-Banner-danger {
  border-color: #f77402;
}
.lucid-Banner-filled {
  border: none;
  background-color: #211f1f;
  color: #fff;
}
.lucid-Banner-filled.lucid-Banner-success {
  background-color: #49b27b;
}
.lucid-Banner-filled.lucid-Banner-info {
  background-color: #587eba;
}
.lucid-Banner-filled.lucid-Banner-warning {
  background-color: #f5b701;
  color: #211f1f;
}
.lucid-Banner-filled.lucid-Banner-warning .lucid-Banner-close.lucid-Banner-close.lucid-Banner-close {
  stroke: #211f1f;
}
.lucid-Banner-filled.lucid-Banner-danger {
  background-color: #f77402;
}
.lucid-Banner-small .lucid-Banner-content {
  padding: 6px 0;
  height: 12px;
}
.lucid-Bar-has-stroke {
  stroke: #fff;
  stroke-width: 2;
}
.lucid-Bar-color-chart-neutral {
  fill: #e8e6e6;
}
.lucid-Bar-color-chart-bad-darkest {
  fill: #4a2301;
}
.lucid-Bar-color-chart-bad-dark {
  fill: #a14b01;
}
.lucid-Bar-color-chart-bad-light {
  fill: #fccea6;
}
.lucid-Bar-color-chart-bad-lightest {
  fill: #fef1e6;
}
.lucid-Bar-color-chart-bad {
  fill: #f77402;
}
.lucid-Bar-color-chart-good-darkest {
  fill: #163525;
}
.lucid-Bar-color-chart-good-dark {
  fill: #2f7450;
}
.lucid-Bar-color-chart-good-light {
  fill: #bfe4d1;
}
.lucid-Bar-color-chart-good-lightest {
  fill: #edf7f2;
}
.lucid-Bar-color-chart-good {
  fill: #49b27b;
}
.lucid-Bar-color-chart-6-darkest {
  fill: #1a2638;
}
.lucid-Bar-color-chart-6-dark {
  fill: #395279;
}
.lucid-Bar-color-chart-6-light {
  fill: #c5d2e7;
}
.lucid-Bar-color-chart-6-lightest {
  fill: #eef2f8;
}
.lucid-Bar-color-chart-6 {
  fill: #587eba;
}
.lucid-Bar-color-chart-5-darkest {
  fill: #4a3700;
}
.lucid-Bar-color-chart-5-dark {
  fill: #9f7701;
}
.lucid-Bar-color-chart-5-light {
  fill: #fce6a6;
}
.lucid-Bar-color-chart-5-lightest {
  fill: #fef8e6;
}
.lucid-Bar-color-chart-5 {
  fill: #f5b701;
}
.lucid-Bar-color-chart-4-darkest {
  fill: #1d1531;
}
.lucid-Bar-color-chart-4-dark {
  fill: #3e2e6a;
}
.lucid-Bar-color-chart-4-light {
  fill: #c7bedf;
}
.lucid-Bar-color-chart-4-lightest {
  fill: #efedf6;
}
.lucid-Bar-color-chart-4 {
  fill: #6046a3;
}
.lucid-Bar-color-chart-3-darkest {
  fill: #003042;
}
.lucid-Bar-color-chart-3-dark {
  fill: #00678e;
}
.lucid-Bar-color-chart-3-light {
  fill: #a6ddf2;
}
.lucid-Bar-color-chart-3-lightest {
  fill: #e6f5fb;
}
.lucid-Bar-color-chart-3 {
  fill: #009fdb;
}
.lucid-Bar-color-chart-2-darkest {
  fill: #4c1815;
}
.lucid-Bar-color-chart-2-dark {
  fill: #a4342e;
}
.lucid-Bar-color-chart-2-light {
  fill: #fec2bf;
}
.lucid-Bar-color-chart-2-lightest {
  fill: #ffeeed;
}
.lucid-Bar-color-chart-2 {
  fill: #fc5047;
}
.lucid-Bar-color-chart-1-darkest {
  fill: #003939;
}
.lucid-Bar-color-chart-1-dark {
  fill: #007c7c;
}
.lucid-Bar-color-chart-1-light {
  fill: #a6e8e8;
}
.lucid-Bar-color-chart-1-lightest {
  fill: #e6f9f9;
}
.lucid-Bar-color-chart-1 {
  fill: #00bebe;
}
.lucid-Bar-color-chart-0-darkest {
  fill: #331935;
}
.lucid-Bar-color-chart-0-dark {
  fill: #6f3572;
}
.lucid-Bar-color-chart-0-light {
  fill: #e2c2e3;
}
.lucid-Bar-color-chart-0-lightest {
  fill: #f7eef7;
}
.lucid-Bar-color-chart-0 {
  fill: #ab52b0;
}
.lucid-Bars-tooltip-hover-zone {
  fill-opacity: 0;
}
.lucid-BarChart-legend-container {
  text-align: center;
}
.lucid-BarChart-invisible {
  fill-opacity: 0;
}
.lucid-Breadcrumb {
  font-size: 12px;
  font-weight: 500;
  color: #211f1f;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #211f1f;
  line-height: 0;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item > a:hover {
  text-decoration: underline;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item > a > * {
  margin-right: 6px;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item > a > *:last-child {
  margin-right: 0;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item .lucid-Breadcrumb-BreadcrumbSeparator {
  margin: 1px 4px 0 4px;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item .lucid-Breadcrumb-BreadcrumbSeparator > span {
  display: inline-block;
  width: 8px;
  height: 16px;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  opacity: 0.7;
}
.lucid-Breadcrumb > .lucid-Breadcrumb-List > .lucid-Breadcrumb-Item .lucid-Breadcrumb-BreadcrumbSeparator > span:first-child {
  border-right: 1px solid #a6a3a3;
}
.lucid-Button {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
  height: 28px;
  border: 1px solid #d3d1d1;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  padding: 0 9px;
  outline: none;
  color: #211f1f;
  margin: 0;
  /* 2 */
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  /* 2 */
  white-space: nowrap;
}
.lucid-Button:hover:not(.lucid-Button-is-disabled) {
  will-change: opacity;
  mix-blend-mode: multiply;
  background-color: #eeebea;
}
.lucid-Button:active:not(.lucid-Button-is-disabled),
.lucid-Button:focus:not(.lucid-Button-is-disabled) {
  background-color: #e8e6e6;
}
.lucid-Button::-moz-focus-inner {
  border: 0;
}
.lucid-Button::before {
  border-radius: 0;
}
.lucid-Button.lucid-Button-has-only-icon {
  padding: 0 7px;
}
.lucid-Button.lucid-Button-has-only-icon .lucid-Button-content > .lucid-Icon {
  margin-right: 0;
}
.lucid-Button .lucid-Icon {
  width: 12px;
  height: 12px;
}
.lucid-Button .lucid-Button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  line-height: 1;
}
.lucid-Button .lucid-Button-content > .lucid-Icon {
  -webkit-transition: color 100ms, fill 100ms;
  -o-transition: color 100ms, fill 100ms;
  transition: color 100ms, fill 100ms;
  margin-right: 6px;
}
.lucid-Button .lucid-Button-content > span {
  -webkit-transition: color 100ms, fill 100ms;
  -o-transition: color 100ms, fill 100ms;
  transition: color 100ms, fill 100ms;
}
.lucid-Button.lucid-Button-primary {
  font-weight: 500;
  background-color: #587eba;
  border-color: #587eba;
  color: #fff;
}
.lucid-Button.lucid-Button-primary.lucid-Button-is-disabled {
  opacity: 0.35;
}
.lucid-Button.lucid-Button-primary.lucid-Button-is-disabled .lucid-Icon {
  stroke: #fff;
}
.lucid-Button.lucid-Button-primary.lucid-Button-is-disabled:hover {
  text-decoration: none;
}
.lucid-Button.lucid-Button-primary .lucid-Icon {
  stroke: #fff;
}
.lucid-Button.lucid-Button-primary:hover:not(.lucid-Button-is-disabled) {
  background-color: #587eba;
  opacity: 0.8;
}
.lucid-Button.lucid-Button-primary:active:not(.lucid-Button-is-disabled),
.lucid-Button.lucid-Button-primary:focus:not(.lucid-Button-is-disabled) {
  background-color: #4368a1;
  opacity: 1;
}
.lucid-Button.lucid-Button-danger {
  font-weight: 500;
  background-color: #f77402;
  border-color: #f77402;
  color: #fff;
}
.lucid-Button.lucid-Button-danger.lucid-Button-is-disabled {
  opacity: 0.35;
}
.lucid-Button.lucid-Button-danger.lucid-Button-is-disabled .lucid-Icon {
  stroke: #fff;
}
.lucid-Button.lucid-Button-danger.lucid-Button-is-disabled:hover {
  text-decoration: none;
}
.lucid-Button.lucid-Button-danger .lucid-Icon {
  stroke: #fff;
}
.lucid-Button.lucid-Button-danger:hover:not(.lucid-Button-is-disabled) {
  background-color: #f77402;
  opacity: 0.8;
}
.lucid-Button.lucid-Button-danger:active:not(.lucid-Button-is-disabled),
.lucid-Button.lucid-Button-danger:focus:not(.lucid-Button-is-disabled) {
  background-color: #de6700;
  opacity: 1;
}
.lucid-Button.lucid-Button-link {
  border: none;
  background: none;
  padding: 0;
}
.lucid-Button.lucid-Button-link.lucid-Button-is-disabled {
  opacity: 0.35;
}
.lucid-Button.lucid-Button-link.lucid-Button-is-disabled .lucid-Icon {
  stroke: #211f1f;
}
.lucid-Button.lucid-Button-link.lucid-Button-is-disabled:hover {
  text-decoration: none;
}
.lucid-Button.lucid-Button-link:hover,
.lucid-Button.lucid-Button-link:active,
.lucid-Button.lucid-Button-link:focus {
  background-color: transparent;
  text-decoration: underline;
}
.lucid-Button.lucid-Button-link:active::before {
  opacity: 0;
}
.lucid-Button.lucid-Button-link .lucid-Icon {
  stroke: #587eba;
}
.lucid-Button.lucid-Button-link.lucid-Button-has-only-icon .lucid-Icon {
  margin-right: 0;
}
.lucid-Button.lucid-Button-invisible {
  border: none;
  background: none;
}
.lucid-Button.lucid-Button-invisible::before {
  content: '';
  display: none;
}
.lucid-Button.lucid-Button-invisible:active::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lucid-Button.lucid-Button-invisible.lucid-Button-is-disabled {
  opacity: 0.35;
}
.lucid-Button.lucid-Button-invisible.lucid-Button-is-disabled .lucid-Icon {
  stroke: #211f1f;
}
.lucid-Button.lucid-Button-invisible.lucid-Button-is-disabled:hover {
  text-decoration: none;
}
.lucid-Button.lucid-Button-invisible:active::before,
.lucid-Button.lucid-Button-invisible:focus::before {
  opacity: 0;
}
.lucid-Button.lucid-Button-invisible .lucid-Icon {
  stroke: #587eba;
}
.lucid-Button.lucid-Button-short {
  height: 20px;
}
.lucid-Button.lucid-Button-small {
  height: 20px;
  padding: 0 6px;
}
.lucid-Button.lucid-Button-small.lucid-Button-has-only-icon {
  width: 20px;
}
.lucid-Button.lucid-Button-large {
  height: 40px;
  padding: 0 12px;
  font-size: 1.2em;
}
.lucid-Button.lucid-Button-large .lucid-Icon {
  width: 24px;
  height: 24px;
}
.lucid-Button.lucid-Button-large.lucid-Button-has-only-icon {
  padding: 0 8px;
}
.lucid-Button.lucid-Button-is-active {
  background-color: #e8e6e6;
}
.lucid-Button.lucid-Button-is-active.lucid-Button-primary {
  background: #587eba;
  border-color: #587eba;
}
.lucid-Button.lucid-Button-is-active.lucid-Button-danger {
  border-color: #f77402;
  background: #f77402;
}
.lucid-Button-is-disabled.lucid-Button-is-disabled {
  opacity: 0.35;
}
.lucid-Button-is-disabled.lucid-Button-is-disabled .lucid-Icon {
  stroke: #211f1f;
}
.lucid-Button-is-disabled.lucid-Button-is-disabled:hover {
  text-decoration: none;
}
.lucid-Button[disabled] {
  cursor: not-allowed;
}
.lucid-ButtonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lucid-ButtonGroup .lucid-Button + .lucid-Button {
  border-left: 0px;
}
.lucid-ButtonGroup > .lucid-Button {
  outline: 1px solid #d3d1d1;
  border: none;
  height: 26px;
}
.lucid-ButtonGroup > .lucid-Button.lucid-Button-is-active {
  outline: 1px solid #587eba;
  background-color: #fff;
  z-index: 1;
}
.lucid-ButtonGroup > .lucid-Button.lucid-Button-is-active:hover {
  background-color: #f4f2f2;
}
.lucid-CalendarMonth {
  color: #211f1f;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 12px;
}
.lucid-CalendarMonth .DayPicker-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lucid-CalendarMonth .DayPicker-Month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Caption {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 12px;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Weekdays .DayPicker-WeekdaysRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Weekdays .DayPicker-WeekdaysRow .DayPicker-Weekday {
  text-transform: uppercase;
  color: #a6a3a3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 100%;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Weekdays .DayPicker-WeekdaysRow .DayPicker-Weekday abbr {
  text-decoration: none;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day {
  line-height: 26px;
  font-size: 100%;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day.DayPicker-Day:focus {
  outline: none;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day.DayPicker-Day:focus:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--from):not(.DayPicker-Day--to) {
  outline: 1px solid #466595;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--today:not(.DayPicker-Day--outside) {
  font-weight: 500;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--selected:not(.DayPicker-Day--outside) {
  color: #fff;
  background-color: #587eba;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--disabled {
  color: #908f8f;
  cursor: not-allowed;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--range:not(.DayPicker-Day--outside):not(.DayPicker-Day--selected) {
  background-color: #e6ecf5;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--from:not(.DayPicker-Day--outside) {
  color: #fff;
  background-image: url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%200%200%20H%2012%20L%2016%208%20L%2012%2016%20H%200%22%20fill%3D%22%23587eba%22%20/%3E%3C/svg%3E');
  background-size: 100% 100%;
}
.lucid-CalendarMonth .DayPicker-Month .DayPicker-Body .DayPicker-Week .DayPicker-Day--to:not(.DayPicker-Day--outside) {
  color: #fff;
  background-image: url('data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2016%2016%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M%2016%2016%20H%204%20L%200%208%20L%204%200%20H%2016%22%20fill%3D%22%23587eba%22%20/%3E%3C/svg%3E');
  background-size: 100% 100%;
}
.lucid-SearchableSelect-Control {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  outline: none;
  border: 1px solid #d3d1d1;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  line-height: 28px;
  padding: 0 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.lucid-SearchableSelect-Control-is-invisible {
  border: none;
  background-color: transparent;
}
.lucid-SearchableSelect-Control-is-invisible:active {
  background-color: #d3d1d1;
}
.lucid-SearchableSelect-Control-is-invisible:hover {
  background-color: #f4f2f2;
}
.lucid-SearchableSelect-Control-is-invisible.lucid-SearchableSelect-Control-is-selected {
  border: 1px solid #587eba;
  background-color: white;
}
.lucid-SearchableSelect-Control-is-error {
  border: 2px solid #f77402;
}
.lucid-SearchableSelect-Control::before {
  border-radius: 0;
}
.lucid-SearchableSelect-Control-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
}
.lucid-SearchableSelect-Control-is-selected {
  border-color: #587eba;
}
.lucid-SearchableSelect-Control-is-expanded {
  z-index: 5000;
  color: #7a7878;
  border-bottom: none;
}
.lucid-SearchableSelect-Control-is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.lucid-SearchableSelect.lucid-DropMenu-is-expanded.lucid-DropMenu-direction-up .lucid-SearchableSelect-Control {
  border-radius: 0 0 0 0;
}
.lucid-SearchableSelect.lucid-DropMenu-is-expanded.lucid-DropMenu-direction-down .lucid-SearchableSelect-Control {
  border-radius: 0 0 0 0;
}
.lucid-SearchableSelect-Search-container {
  background-color: #f4f2f2;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField {
  padding: 8px;
  background-color: white;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField ::-webkit-input-placeholder {
  color: #211f1f;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField ::-moz-placeholder {
  color: #211f1f;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField ::-ms-input-placeholder {
  color: #211f1f;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField ::placeholder {
  color: #211f1f;
}
.lucid-SearchableSelect-Search-container .lucid-SearchField .lucid-SearchField-Icon-container {
  right: 8px;
}
.lucid-SearchableSelect-Loading {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lucid-SearchableSelect-Loading.lucid-DropMenu-Option.lucid-DropMenu-Option-is-focused {
  background: none;
}
.lucid-SearchableSelect .lucid-LoadingIndicator-message-container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.lucid-SearchableSelect .lucid-LoadingIndicator-message-container .lucid-LoadingMessage {
  border: none;
  padding: 6px;
}
.lucid-SearchableSelect-Option-underline-match,
.lucid-SearchableSelect-Option-underline-post,
.lucid-SearchableSelect-Option-underline-pre {
  white-space: pre;
}
.lucid-SearchableSelect-Option-underline-match {
  text-decoration: underline;
}
.lucid-SearchableSelect-noresults {
  color: #908f8f;
  font-style: italic;
}
.lucid-SearchableSelect-error-content {
  margin-top: 3px;
  color: #f77402;
  font-size: 10.8px;
}
.lucid-SearchableMultiSelect-DropMenu.lucid-SearchableMultiSelect-DropMenu.lucid-SearchableMultiSelect-DropMenu {
  display: block;
}
.lucid-SearchableMultiSelect-DropMenu .lucid-DropMenu-Option {
  padding: 0 3px;
}
.lucid-SearchableMultiSelect-DropMenu-is-small .lucid-DropMenu-Option {
  padding: 0 7px;
}
.lucid-SearchableMultiSelect .lucid-ContextMenu {
  display: block;
}
.lucid-SearchableMultiSelect-search-is-small .lucid-TextField {
  font-size: 16px;
}
.lucid-SearchableMultiSelect-search-is-error .lucid-TextField {
  border: 2px solid #f77402;
  border-radius: 14px;
}
.lucid-SearchableMultiSelect-CheckboxLabeled.lucid-CheckboxLabeled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucid-SearchableMultiSelect-CheckboxLabeled.lucid-CheckboxLabeled .lucid-CheckboxLabeled-label {
  margin-left: 3px;
  cursor: pointer;
  padding-top: 0;
}
.lucid-SearchableMultiSelect-noresults {
  color: #908f8f;
  font-style: italic;
}
.lucid-SearchableMultiSelect-Option-underline-match,
.lucid-SearchableMultiSelect-Option-underline-post,
.lucid-SearchableMultiSelect-Option-underline-pre {
  white-space: pre;
}
.lucid-SearchableMultiSelect-Option-underline-match {
  text-decoration: underline;
}
.lucid-SearchableMultiSelect-loading {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lucid-SearchableMultiSelect-loading.lucid-DropMenu-Option.lucid-DropMenu-Option-is-focused {
  background: none;
}
.lucid-SearchableMultiSelect-Selection-padding {
  margin-top: 10px;
}
.lucid-SearchableMultiSelect .lucid-SearchableMultiSelect-Selection-section .lucid-SearchableMultiSelect-Selection-group {
  margin-bottom: 3px;
}
.lucid-SearchableMultiSelect-Option-select-all {
  border-bottom: 1px solid #e8e6e6;
}
.lucid-SearchableMultiSelect-error-content {
  margin-top: 3px;
  color: #f77402;
  font-size: 10.8px;
}
.lucid-SearchableSingleSelect-DropMenu.lucid-SearchableSingleSelect-DropMenu.lucid-SearchableSingleSelect-DropMenu {
  display: block;
}
.lucid-SearchableSingleSelect-DropMenu > .lucid-DropMenu-Option {
  padding: 0 3px;
}
.lucid-SearchableSingleSelect-DropMenu-is-small .lucid-DropMenu-Option {
  padding: 0 9px;
}
.lucid-SearchableSingleSelect .lucid-ContextMenu {
  display: block;
}
.lucid-SearchableSingleSelect-search {
  margin-bottom: 12px;
}
.lucid-SearchableSingleSelect-search-is-error .lucid-TextField {
  border: 2px solid #f77402;
  border-radius: 14px;
}
.lucid-SearchableSingleSelect-CheckboxLabeled.lucid-CheckboxLabeled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lucid-SearchableSingleSelect-CheckboxLabeled.lucid-CheckboxLabeled .lucid-CheckboxLabeled-label {
  margin-left: 3px;
  cursor: pointer;
  padding-top: 0;
}
.lucid-SearchableSingleSelect-noresults {
  color: #908f8f;
  font-style: italic;
}
.lucid-SearchableSingleSelect-Option-underline-match,
.lucid-SearchableSingleSelect-Option-underline-post,
.lucid-SearchableSingleSelect-Option-underline-pre {
  white-space: pre;
}
.lucid-SearchableSingleSelect-Option-underline-match {
  text-decoration: underline;
}
.lucid-SearchableSingleSelect-loading {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lucid-SearchableSingleSelect-loading.lucid-DropMenu-Option.lucid-DropMenu-Option-is-focused {
  background: none;
}
.lucid-SearchableSingleSelect .lucid-SearchableSingleSelect-Selection-section .lucid-SearchableSingleSelect-Selection-group {
  margin-bottom: 6px;
}
.lucid-SearchableSingleSelect-Option-select-all {
  border-bottom: 1px solid #e8e6e6;
}
.lucid-SearchableSingleSelect-error-content {
  margin-top: -8px;
  color: #f77402;
  font-size: 10.8px;
}
.lucid-SearchableSingleSelect-error-select-content {
  margin-top: 3px;
  color: #f77402;
  font-size: 10.8px;
}
.lucid-SearchableSingleSelect-select-error.lucid-Selection {
  border: 2px solid #f77402 !important;
}
.lucid-Grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.lucid-Grid-is-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lucid-Grid-is-vertical .lucid-Grid-Cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px 12px 0;
}
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-full,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-half,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-third,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-quarter,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-2,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-3,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-4,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-5,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-6,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-7,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-8,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-9,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-10,
.lucid-Grid-is-vertical .lucid-Grid-Cell-is-11 {
  max-width: 100%;
}
.lucid-Grid-is-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.lucid-Grid-is-multiline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.lucid-Grid-is-gutterless .lucid-Grid-Cell {
  padding: 0;
}
.lucid-Grid .lucid-Grid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.lucid-Grid-Cell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 12px 12px 0 0;
}
.lucid-Grid-Cell:first-child {
  padding-left: 0;
}
.lucid-Grid-Cell-is-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  max-height: 100%;
}
.lucid-Grid-Cell-is-half {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  max-height: 50%;
}
.lucid-Grid-Cell-is-third {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333%;
          flex: 0 0 33.333%;
  max-width: 33.333%;
  max-height: 33.333%;
}
.lucid-Grid-Cell-is-quarter {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  max-height: 25%;
}
.lucid-Grid-Cell-is-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66666667%;
          flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  max-height: 16.66666667%;
}
.lucid-Grid-Cell-is-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  max-height: 25%;
}
.lucid-Grid-Cell-is-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333333%;
          flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  max-height: 33.33333333%;
}
.lucid-Grid-Cell-is-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66666667%;
          flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  max-height: 41.66666667%;
}
.lucid-Grid-Cell-is-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
  max-height: 50%;
}
.lucid-Grid-Cell-is-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333333%;
          flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  max-height: 58.33333333%;
}
.lucid-Grid-Cell-is-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66666667%;
          flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  max-height: 66.66666667%;
}
.lucid-Grid-Cell-is-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
  max-height: 75%;
}
.lucid-Grid-Cell-is-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333333%;
          flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  max-height: 83.33333333%;
}
.lucid-Grid-Cell-is-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66666667%;
          flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  max-height: 91.66666667%;
}
.lucid-Grid-Cell-is-offset-quarter {
  margin-left: 25%;
}
.lucid-Grid-Cell-is-offset-third {
  margin-left: 33.3333%;
}
.lucid-Grid-Cell-is-offset-half {
  margin-left: 50%;
}
.lucid-Checkbox {
  cursor: pointer;
  display: inline-block;
  height: 22px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 22px;
  overflow: hidden;
}
.lucid-Checkbox-is-disabled {
  cursor: not-allowed;
}
.lucid-Checkbox-native {
  opacity: 0;
}
.lucid-Checkbox-native:focused {
  opacity: 0.8;
}
.lucid-Checkbox-visualization-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.3);
  height: 16px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 16px;
}
.lucid-Checkbox-visualization-indeterminate {
  opacity: 0;
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 0;
  left: 0;
  position: absolute;
}
.lucid-Checkbox-visualization-indeterminate-line {
  top: 10px;
  left: 7px;
  width: 8px;
  height: 2px;
  background-color: white;
  position: absolute;
}
.lucid-Checkbox-visualization-checkmark {
  opacity: 0;
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 0;
  left: 0;
  position: absolute;
}
.lucid-Checkbox-visualization-checkmark-stem {
  top: 11px;
  left: 7px;
  width: 10px;
  height: 2px;
  background-color: white;
  position: absolute;
}
.lucid-Checkbox-visualization-checkmark-kick {
  top: 7px;
  left: 7px;
  width: 2px;
  height: 5px;
  background-color: white;
  position: absolute;
}
.lucid-Checkbox-visualization-glow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #587eba;
  height: 16px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  -webkit-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  width: 16px;
}
.lucid-Checkbox:hover .lucid-Checkbox-visualization-container,
.lucid-Checkbox-native:focus ~ .lucid-Checkbox-visualization-container {
  border-color: #587eba;
  -webkit-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
  border: 1px solid #587eba;
}
.lucid-Checkbox:hover .lucid-Checkbox-visualization-glow {
  border: 1px solid #587eba;
}
.lucid-Checkbox-is-disabled .lucid-Checkbox-visualization-container,
.lucid-Checkbox-is-disabled:hover .lucid-Checkbox-visualization-container {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}
.lucid-Checkbox-is-disabled:hover .lucid-Checkbox-visualization-glow {
  opacity: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.lucid-Checkbox:hover.lucid-Checkbox-is-selected .lucid-Checkbox-visualization-container {
  opacity: 0.8;
}
.lucid-Checkbox-is-disabled.lucid-Checkbox-is-selected .lucid-Checkbox-visualization-container {
  opacity: 0.5;
}
.lucid-Checkbox:hover.lucid-Checkbox-is-disabled.lucid-Checkbox-is-selected .lucid-Checkbox-visualization-container {
  opacity: 0.5;
}
.lucid-Checkbox-is-disabled.lucid-Checkbox-is-selected:hover .lucid-Checkbox-visualization-container,
.lucid-Checkbox-is-selected .lucid-Checkbox-visualization-container,
.lucid-Checkbox:active .lucid-Checkbox-visualization-container {
  background-color: #587eba;
  border-color: #587eba;
}
.lucid-Checkbox-is-disabled:active .lucid-Checkbox-visualization-container {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
}
.lucid-Checkbox-is-selected .lucid-Checkbox-visualization-checkmark,
.lucid-Checkbox-visualization-indeterminate {
  opacity: 1;
  -webkit-transition: 0.1s linear;
  -o-transition: 0.1s linear;
  transition: 0.1s linear;
}
.lucid-Checkbox-native:focus ~ .lucid-Checkbox-visualization-glow {
  border: 1px solid #587eba;
}
.lucid-Checkbox-native:focus ~ .lucid-Checkbox-visualization-container {
  opacity: 0.8;
}
.lucid-Panel {
  overflow: hidden;
  border-radius: 0;
  margin: 0;
  position: relative;
  background-color: #fff;
  border: 1px solid #e8e6e6;
}
.lucid-Panel.lucid-Panel-has-margin {
  margin: 0 12px 12px 12px;
}
.lucid-Panel-is-scrollable.lucid-Panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lucid-Panel > .lucid-Panel-Header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px 20px;
  font-size: 16px;
  font-weight: 500;
}
.lucid-Panel-is-not-gutterless.lucid-Panel > .lucid-Panel-Header {
  margin-bottom: 0;
}
.lucid-Panel-is-scrollable.lucid-Panel > .lucid-Panel-Header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lucid-Panel > .lucid-Panel-content {
  font-size: 12px;
}
.lucid-Panel-is-not-gutterless.lucid-Panel > .lucid-Panel-content {
  margin: 16px 0;
  padding: 0 20px;
  overflow: auto;
}
.lucid-Panel-is-scrollable.lucid-Panel > .lucid-Panel-content {
  overflow: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.lucid-Panel > .lucid-Panel-Footer {
  text-align: right;
  margin: 16px 20px;
}
.lucid-Panel-is-not-gutterless.lucid-Panel > .lucid-Panel-Footer {
  margin-top: 0;
}
.lucid-Panel-is-scrollable.lucid-Panel > .lucid-Panel-Footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lucid-PieChart-slice.lucid-PieChart-slice {
  stroke: none;
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}
.lucid-PieChart-slice-has-stroke.lucid-PieChart-slice-has-stroke {
  stroke: #fff;
}
.lucid-PieChart-slice-group-is-hovering .lucid-PieChart-slice {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.lucid-PieChart-slice-hover {
  fill-opacity: 0;
}
.lucid-Point-has-stroke {
  stroke: #fff;
  stroke-width: 2;
}
.lucid-Point-color-chart-neutral {
  fill: #e8e6e6;
}
.lucid-Point-color-chart-bad-darkest {
  fill: #4a2301;
}
.lucid-Point-color-chart-bad-dark {
  fill: #a14b01;
}
.lucid-Point-color-chart-bad-light {
  fill: #fccea6;
}
.lucid-Point-color-chart-bad-lightest {
  fill: #fef1e6;
}
.lucid-Point-color-chart-bad {
  fill: #f77402;
}
.lucid-Point-color-chart-good-darkest {
  fill: #163525;
}
.lucid-Point-color-chart-good-dark {
  fill: #2f7450;
}
.lucid-Point-color-chart-good-light {
  fill: #bfe4d1;
}
.lucid-Point-color-chart-good-lightest {
  fill: #edf7f2;
}
.lucid-Point-color-chart-good {
  fill: #49b27b;
}
.lucid-Point-color-chart-6-darkest {
  fill: #1a2638;
}
.lucid-Point-color-chart-6-dark {
  fill: #395279;
}
.lucid-Point-color-chart-6-light {
  fill: #c5d2e7;
}
.lucid-Point-color-chart-6-lightest {
  fill: #eef2f8;
}
.lucid-Point-color-chart-6 {
  fill: #587eba;
}
.lucid-Point-color-chart-5-darkest {
  fill: #4a3700;
}
.lucid-Point-color-chart-5-dark {
  fill: #9f7701;
}
.lucid-Point-color-chart-5-light {
  fill: #fce6a6;
}
.lucid-Point-color-chart-5-lightest {
  fill: #fef8e6;
}
.lucid-Point-color-chart-5 {
  fill: #f5b701;
}
.lucid-Point-color-chart-4-darkest {
  fill: #1d1531;
}
.lucid-Point-color-chart-4-dark {
  fill: #3e2e6a;
}
.lucid-Point-color-chart-4-light {
  fill: #c7bedf;
}
.lucid-Point-color-chart-4-lightest {
  fill: #efedf6;
}
.lucid-Point-color-chart-4 {
  fill: #6046a3;
}
.lucid-Point-color-chart-3-darkest {
  fill: #003042;
}
.lucid-Point-color-chart-3-dark {
  fill: #00678e;
}
.lucid-Point-color-chart-3-light {
  fill: #a6ddf2;
}
.lucid-Point-color-chart-3-lightest {
  fill: #e6f5fb;
}
.lucid-Point-color-chart-3 {
  fill: #009fdb;
}
.lucid-Point-color-chart-2-darkest {
  fill: #4c1815;
}
.lucid-Point-color-chart-2-dark {
  fill: #a4342e;
}
.lucid-Point-color-chart-2-light {
  fill: #fec2bf;
}
.lucid-Point-color-chart-2-lightest {
  fill: #ffeeed;
}
.lucid-Point-color-chart-2 {
  fill: #fc5047;
}
.lucid-Point-color-chart-1-darkest {
  fill: #003939;
}
.lucid-Point-color-chart-1-dark {
  fill: #007c7c;
}
.lucid-Point-color-chart-1-light {
  fill: #a6e8e8;
}
.lucid-Point-color-chart-1-lightest {
  fill: #e6f9f9;
}
.lucid-Point-color-chart-1 {
  fill: #00bebe;
}
.lucid-Point-color-chart-0-darkest {
  fill: #331935;
}
.lucid-Point-color-chart-0-dark {
  fill: #6f3572;
}
.lucid-Point-color-chart-0-light {
  fill: #e2c2e3;
}
.lucid-Point-color-chart-0-lightest {
  fill: #f7eef7;
}
.lucid-Point-color-chart-0 {
  fill: #ab52b0;
}
.lucid-ContextMenu {
  display: inline-block;
}
.lucid-ContextMenu-FlyOut {
  z-index: 5000;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  max-height: 100vh;
}
.lucid-DataTable-EmptyStateWrapper-has-fixed-header {
  height: 100%;
}
.lucid-DataTable.lucid-DataTable-full-width {
  width: 100%;
}
.lucid-DataTable-fixed {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lucid-DataTable-fixed .lucid-Table.lucid-Table-has-light-header > .lucid-Table-Thead {
  border: none;
}
.lucid-DataTable-fixed-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lucid-DataTable-fixed-header .lucid-Table-Th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lucid-DataTable-fixed-header-fixed-columns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lucid-DataTable-fixed-header-fixed-columns > .lucid-Table > .lucid-Table-Thead > .lucid-Table-Tr > .lucid-Table-is-last-col.lucid-Table-is-last-col {
  border-right: 1px solid #d3d1d1;
}
.lucid-DataTable-fixed-header-fixed-columns-Table {
  table-layout: fixed;
}
.lucid-DataTable-fixed-header-unfixed-columns {
  overflow-x: hidden;
  overflow-y: scroll;
}
.lucid-DataTable-fixed-header-unfixed-columns-Table {
  table-layout: fixed;
  width: 100%;
}
.lucid-DataTable-fixed-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
}
.lucid-DataTable-fixed-body .lucid-Table-Td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lucid-DataTable-fixed-body-fixed-columns {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.lucid-DataTable-fixed-body-fixed-columns-Table {
  table-layout: fixed;
}
.lucid-DataTable-fixed-body-unfixed-columns {
  overflow: scroll;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table {
  table-layout: fixed;
  width: 100%;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr.lucid-Table-is-active > .lucid-Table-Td.lucid-Table-is-first-single::after,
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr.lucid-Table-is-actionable:not(.lucid-Table-is-active):hover > .lucid-Table-Td.lucid-Table-is-first-single::after {
  display: none;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single {
  position: relative;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #587eba;
  content: '';
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single > .lucid-Checkbox {
  vertical-align: middle;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single {
  position: relative;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #587eba;
  content: '';
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr > .lucid-Table-Td.lucid-Table-is-first-single > .lucid-Checkbox {
  vertical-align: middle;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single {
  position: relative;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #587eba;
  content: '';
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single > .lucid-Checkbox {
  vertical-align: middle;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single {
  position: relative;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single::after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 3px;
  background-color: #587eba;
  content: '';
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  -o-transition: transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}
.lucid-DataTable-fixed-body-unfixed-columns-Table.lucid-Table > .lucid-Table-Tbody > .lucid-Table-Tr:hover > .lucid-Table-Td.lucid-Table-is-first-single > .lucid-Checkbox {
  vertical-align: middle;
}
.lucid-DateSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.lucid-DateSelect .lucid-DateSelect-chevron {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.lucid-DateSelect-slidePanel {
  -webkit-box-flex: 1;
      -ms