/* afaik popover needs a positioning context to be able to calculate the transform */
.PopoverContainer {
	pointer-events: none;
	position: absolute;
	z-index: 4;
}
.PopoverBody {
	pointer-events: auto;
	min-width: 1em; /* ewwwwwwww */
	border: 1px solid #ddd;
	box-shadow: 0 1px 7px rgba(0, 0, 0, .18);
	background-color: #fff;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	overflow: hidden;
  /* add a max-width so that long strings don't cause the popover to expand
   * see issue #4930 */
  max-width: 500px;
}
/* remove the max-width in cases where the popover content needs to expand
 * initially added  for date pickers so the dual date picker can fully
 * expand as necessary - issue #5971
 */
.PopoverBody.PopoverBody--autoWidth {
  max-width: none;
}
.PopoverBody.PopoverBody--tooltip {
	color: white;
	font-weight: bold;
	background-color: rgb(76, 71, 71);
	border: none;
	pointer-events: none;
}
/* shared arrow styles */
.PopoverBody--withArrow:before,
.PopoverBody--withArrow:after {
	position: absolute;
	content: '';
	display: block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	pointer-events: none;
}
.PopoverBody .Form-input {
	font-size: 16px;
	font-size: 1rem;
}
.PopoverBody .Form-field {
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
}
.PopoverHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #F0F0F0;
	min-width: 400px;
}
.PopoverHeader-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	position: relative;
	top: 1px; /* to overlap bottom border */
	text-align: center;
	padding: 1em;

	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	color: rgb(174, 174, 174);
	border-bottom: 2px solid transparent;
}
.PopoverHeader-item.selected {
	color: currentcolor;
	border-color: currentcolor;
}
.PopoverHeader-item--withArrow {
	margin-right: 8px;
}
.PopoverHeader-item--withArrow:before,
.PopoverHeader-item--withArrow:after {
	position: absolute;
	content: '';
	display: block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	top: 50%;
	margin-top: -8px;
}
/* create a slightly larger arrow on the right for border purposes */
.PopoverHeader-item--withArrow:before {
	right: -16px;
	border-left-color: #ddd;
}
/* create a smaller inset arrow on the right */
.PopoverHeader-item--withArrow:after {
	right: -15px;
	border-left-color: #fff;
}
/* create a slightly larger arrow on the top for border purposes */
.tether-element-attached-top .PopoverBody--withArrow:before {
	top: -20px;
	border-bottom-color: #ddd;
}
.tether-element-attached-top .PopoverBody--tooltip:before {
	border-bottom: none;
}
/* create a smaller inset arrow on the top */
.tether-element-attached-top .PopoverBody--withArrow:after {
	top: -18px;
	border-bottom-color: #fff;
}
.tether-element-attached-top .PopoverBody--tooltip:after {
	border-bottom-color: rgb(76, 71, 71);
}
/* create a slightly larger arrow on the bottom for border purposes */
.tether-element-attached-bottom .PopoverBody--withArrow:before {
	bottom: -20px;
	border-top-color: #ddd;
}
.tether-element-attached-bottom .PopoverBody--tooltip:before {
	border-top: none;
}
/* create a smaller inset arrow on the bottom */
.tether-element-attached-bottom .PopoverBody--withArrow:after {
	bottom: -18px;
	border-top-color: #fff;
}
.tether-element-attached-bottom .PopoverBody--tooltip:after {
	border-top-color: rgb(76, 71, 71);
}
/* if the tether element is attached right, move our arrows right */
.tether-target-attached-right .PopoverBody--withArrow:before,
.tether-target-attached-right .PopoverBody--withArrow:after {
	right: 12px;
}
/* if the tether element is attached center, move our arrows to the center */
.tether-element-attached-center .PopoverBody--withArrow:before,
.tether-element-attached-center .PopoverBody--withArrow:after {
	margin-left: 50%;
	left: -10px;
}
.tether-element-attached-right .PopoverBody--withArrow:before,
.tether-element-attached-right .PopoverBody--withArrow:after {
	right: 12px;
}
.tether-element-attached-left .PopoverBody--withArrow:before,
.tether-element-attached-left .PopoverBody--withArrow:after {
	left: 12px;
}
#popover-event-target {
	position: fixed;
	width: 6px;
	height: 6px;
	pointer-events: none;
}
/* transition classes */
.Popover-appear,
.Popover-enter {
  opacity: 0.01;
}
.Popover-appear.Popover-appear-active,
.Popover-enter.Popover-enter-active {
  opacity: 1;
  transition: opacity 100ms ease-in;
}
.Popover-leave {
  opacity: 1;
}
.Popover-leave.Popover-leave-active {
  opacity: 0.01;
  transition: opacity 100ms ease-in;
}
.Calendar-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.Calendar-day,
.Calendar-day-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.Calendar-day {
    color: rgb(174, 174, 174);
    position: relative;
    border: 1px solid rgba(198, 198, 198, 0.5);
    border-radius: 0;
    border-bottom-width: 0;
    border-right-width: 0;
}

.Calendar-day:last-child {
    border-right-width: 1px;
}

.Calendar-week:last-child .Calendar-day {
    border-bottom-width: 1px;
}

.Calendar-day-name {
    cursor: inherit;
}

.Calendar-day--this-month {
    color: currentcolor;
}

.Calendar-day--today {
    font-weight: 700;
}

.Calendar-day:hover {
    color: #A989C5;
}

.Calendar-day-name {
    color: inherit !important;
}

.Calendar-day--selected,
.Calendar-day--selected-end {
    color: white !important;
    background-color: #A989C5;
    z-index: 1;
}

.Calendar-day--in-range {
    background-color: #E3DAEB;
}

.Calendar-day--selected:after,
.Calendar-day--selected-end:after,
.Calendar-day--in-range:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -1px;
    left: -2px;
    right: -2px;
    border: 2px solid rgb(127, 103, 148);
    border-radius: 4px;
    z-index: 2;
}

.Calendar-day--in-range:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 0px;
}

.Calendar-day--week-start.Calendar-day--in-range:after {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left-color: rgb(127, 103, 148);
}

.Calendar-day--week-end.Calendar-day--in-range:after {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-color: rgb(127, 103, 148);
}

.circle-button {
  display: block;
  font-size: 20px;
  color: rgb(174, 174, 174);
  border: 2px solid rgb(223, 223, 223);
  border-radius: 99px;
  width: 24px;
  height: 24px;
  background-color: white;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  z-index: 2;
}

.circle-button:hover {
  color: #A989C5;
  border-color: #A989C5;
}

.circle-button--top {
  position: absolute;
  top: -12px;
}

.circle-button--bottom {
  position: absolute;
  bottom: -12px;
}

.circle-button--left {
  position: absolute;
  left: -12px;
}

.circle-button--right {
  position: absolute;
  right: -12px;
}

.Calendar--noContext .Calendar-day {
  visibility: hidden;
  pointer-events: none;
}

.Calendar--noContext .Calendar-day--this-month {
  visibility: visible;
  pointer-events: all;
}
._1EO7U {
    position: relative;
}

._2t1vE {
    padding-left: 1.5em !important;
}

._1zbWs {
    pointer-events: none;
    padding-left: 0.7em;
}

._33wM1 {
    /* match the placeholder text */
    color: rgb(192, 192, 192);
}
.Expression-node {
  /* this is required to get top/bottom padding to work, but breaks some keyboard shortcuts */
  /*display: inline-block;*/
  border-radius: 3px;
  font-size: 14px;
}

.Expression-open-quote,
.Expression-close-quote {
  opacity: 0.5;
}

.Expression-aggregation {
  padding: 3px 3px;
}

.Expression-aggregation-name {
  padding: 0 2px;
}

.Expression-metric,
.Expression-field {
  margin: 1px 1px;
  padding: 1px 3px;
}

.Expression-aggregation,
.Expression-metric {
  border: 1px solid #9CC177;
  background-color: #E4F7D1;
}

.Expression-field {
  border: 1px solid #509EE3;
  background-color: #C7E3FB;
}

.Expression-selected.Expression-aggregation,
.Expression-selected.Expression-metric,
.Expression-selected .Expression-aggregation,
.Expression-selected .Expression-metric {
  color: white;
  background-color: #9CC177;
}

.Expression-selected.Expression-field,
.Expression-selected .Expression-field {
  color: white;
  background-color: #509EE3;
}

.ColumnarSelector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #FCFCFC;
    font-weight: 700;
}

.ColumnarSelector-column {
    min-width: 180px;
    max-height: 340px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.ColumnarSelector-rows {
    padding-top: 8px;
    padding-top: 0.5rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
}

.ColumnarSelector-title {
    color: rgb(174, 174, 174);
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    padding: 8px;
    padding: 0.5rem;
    padding-left: 24px;
    padding-left: 1.5rem;
}

.ColumnarSelector-section:first-child .ColumnarSelector-title {
    padding-top: 24px;
    padding-top: 1.5rem;
}

.ColumnarSelector-description {
    margin-top: 0.5em;
    color: rgb(174, 174, 174);
    max-width: 270px;
}

.ColumnarSelector-row {
    padding-top: 12px;
    padding-top: 0.75rem;
    padding-bottom: 12px;
    padding-bottom: 0.75rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.ColumnarSelector-row:not(.ColumnarSelector-row--disabled):hover,
.ColumnarSelector-row:not(.ColumnarSelector-row--disabled):hover .Icon {
    background-color: #509EE3 !important;
    color: white !important;
}

.ColumnarSelector-row:not(.ColumnarSelector-row--disabled):hover .ColumnarSelector-description {
    color: rgba(255, 255, 255, .50);
}

.ColumnarSelector-row--selected {
    color: inherit !important;
    background: white;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
}

.ColumnarSelector-row--disabled {
    color: rgb(174, 174, 174);
}

.ColumnarSelector-row .Icon-check {
    visibility: hidden;
    padding-right: 8px;
    padding-right: 0.5rem;
}

.ColumnarSelector-row.ColumnarSelector-row--selected .Icon-check {
    visibility: visible;
}

.ColumnarSelector-column:first-child {
    z-index: 1;
}

/* only apply if there's more than one, aka the last is not the first */

.ColumnarSelector-column:last-child:not(:first-child) {
    background-color: white;
    border-left:  1px solid #F0F0F0;
    position: relative;
    left: -1px;
}

.ColumnarSelector-column:last-child .ColumnarSelector-row--selected {
    background: inherit;
    border-top: none;
    border-bottom: none;
    color: #509EE3;
}

.LoadingSpinner {
  display: inline-block;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 4px solid transparent;
  border-top-color: currentColor;
  border-radius: 99px;

  -webkit-animation: LoadingSpinner-transition 0.8s infinite linear;

          animation: LoadingSpinner-transition 0.8s infinite linear;
}

.LoadingSpinner:after {
  content: "";

  display: inherit;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border: inherit;
  border-color: currentColor;
  border-radius: inherit;

  opacity: 0.25;
  position: relative;
  top: -4px;
  left: -4px;
}

@-webkit-keyframes LoadingSpinner-transition {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes LoadingSpinner-transition {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* TODO: based on popover.css, combine them? */
/* TODO: other arrow directions */
.arrow-right {
    position: relative; /* TODO: should it be up to the consumer to set a non-static positioning? */
}
/* shared arrow styles */
.arrow-right:before,
.arrow-right:after {
	position: absolute;
	content: '';
	display: block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
/* create a slightly larger arrow on the right for border purposes */
.arrow-right:before {
  right: -20px;
  border-left-color: #ddd;
}
/* create a smaller inset arrow on the right */
.arrow-right:after {
  right: -19px;
  border-left-color: #fff;
}
/* move our arrows to the center */
.arrow-right:before, .arrow-right:after {
  top: 50%;
  margin-top: -10px;
}
html {
    height: 100%; /* ensure the entire page will fill the window */
    width: 100%;
}
body {
    font-family: "Lato", sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    font-style: normal;
    color: #727479;
    margin: 0;
    height: 100%; /* ensure the entire page will fill the window */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*
  override default padding and margin on lists
  in most cases we won't be using list-style so
  the padding isn't necessary
*/
ul,
ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
/* reset button element */
button {
    font-size: 100%;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
}
a {
    color: inherit;
    cursor: pointer;
}
input,
textarea {
    font-family: "Lato", "Helvetica Neue", Helvetica, sans-serif;
}
.pointer-events-none {
  pointer-events: none;
}
.disabled, ._1f32L {
  pointer-events: none;
  opacity: 0.4;
}
.faded, ._1LFbT {
  opacity: 0.4;
}
.MB-lightBG {
  background-color: #f9fbfc;
}
.circle { border-radius: 99px; }
.undefined {
    border: 1px solid red !important;
}
@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes spin-reverse {
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
@keyframes spin-reverse {
  100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
}
.bordered, ._2zlem {
  border: 1px solid #F0F0F0;
}
.border-bottom, .GjCgU {
  border-bottom: 1px solid #F0F0F0;
}
/* ensure that a border-top item inside of a bordred element won't double up */
.bordered .border-bottom:last-child {
  border-bottom: none;
}
.border-top, ._2Hk-A {
  border-top: 1px solid #F0F0F0;
}
/* ensure that a border-top item inside of a bordred element won't double up */
.bordered .border-top:first-child {
  border-top: none;
}
.border-column-divider {
  border-right: 1px solid #F0F0F0;
}
.border-column-divider:last-child {
  border-right: none;
}
.border-row-divider {
  border-bottom: 1px solid #F0F0F0;
}
.border-row-divider:last-child {
  border-bottom: none;
}
.border-right {
  border-right: 1px solid #F0F0F0;
}
.border-left {
  border-left: 1px solid #F0F0F0;
}
.border-light {
    border-color: rgba(255, 255, 255, .2) !important;
}
.border-dark,
.border-dark-hover:hover {
    border-color: rgba(0, 0, 0, .2) !important;
}
.border-grey-1 {
    border-color: rgb(223, 223, 223) !important;
}
.border-green {
    border-color: #9CC177 !important;
}
.border-purple {
    border-color: #A989C5 !important;
}
.border-error, ._3P-AT {
    border-color: #EF8C8C !important;
}
.border-gold {
    border-color: #F9D45C !important;
}
.border-success {
    border-color: #9CC177 !important;
}
.border-brand, ._3AHku {
    border-color: #509EE3 !important;
}
.border-brand-hover:hover {
    border-color: #509EE3;
}
.border-hover:hover {
  border-color: rgb(192, 192, 192);
}
/* BORDERLESS IS THE DEFAULT */
/* ONLY USE IF needing to override an existing border! */
/* ensure there is no border via important */
.borderless, ._1RQS5 {
  border: none !important;
}
.border-dashed {
  border-style: dashed;
}
.border-med {
    border-width: 2px;
}
/* set main elements to box-sizing border-box for more reliable box model calc */
body,
div,
nav,
article,
section,
main,
header,
footer,
input,
form,
table,
fieldset,
textarea,
ul,
li,
span {
    box-sizing: border-box;
}
/* for applying border-box to other elements on ad-hoc basis */
.border-box {
    box-sizing: border-box;
}
/* TODO: we should really have these as variables */
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}
.text-default, ._1NNXY {
    color: #727479;
}
.text-default-hover:hover {
    color: #727479;
}
.text-danger { color: #EEA5A5; }
/* brand */
.text-brand, ._20SLo,
.text-brand-hover:hover, ._1FJ4B:hover {
    color: #509EE3;
}
.text-brand-darken,
.text-brand-darken-hover:hover {
    color: rgb(64, 126, 182);
}
.text-brand-light, .Pvqsl,
.text-brand-light-hover:hover, ._3mUyQ:hover {
    color: #CDE3F8;
}
.bg-brand,
.bg-brand-hover:hover,
.bg-brand-active:active { background-color: #509EE3; }
@media screen and (min-width: 60em) {
  .md-bg-brand { background-color: #509EE3 !important; }
}
/* success */
.text-success { color: #9CC177; }
.bg-success { background-color: #9CC177; }
/* error */
.text-error, ._1Cy_o,
.text-error-hover:hover {
  color: #EF8C8C;
}
.bg-error,
.bg-error-hover:hover {
  background-color: #EF8C8C;
}
.bg-error-input {
  background-color: #FCE8E8
}
/* warning */
.text-warning {
  color: #E35050 !important;
}
.bg-warning {
  background-color: #E35050;
}
/* favorite */
.text-gold,
.text-gold-hover:hover {
    color: #F9D45C;
}
.text-purple,
.text-purple-hover:hover {
    color: #A989C5;
}
.text-green,
.text-green-hover:hover {
    color: #9CC177;
}
.text-green-saturated,
.text-green-saturated-hover:hover {
    color: #84BB4C;
}
.text-orange,
.text-orange-hover:hover {
    color: #F9A354;
}
.text-slate { color: #9BA5B1; }
.text-slate-light { color: #DFE8EA; }
.text-slate-extra-light { background-color: #F9FBFC; }
.bg-gold { background-color: #F9D45C; }
.bg-purple { background-color: #A989C5; }
.bg-green { background-color: #9CC177; }
/* alt */
.bg-alt, .bg-alt-hover:hover { background-color: #F5F7F9; }
/* grey */
.text-grey-1, ._3Gl-E,
.text-grey-1-hover:hover { color: rgb(223, 223, 223) }
.text-grey-2, ._2SVp9,
.text-grey-2-hover:hover { color: rgb(198, 198, 198) }
.text-grey-3, ._1fEsB,
.text-grey-3-hover:hover { color: rgb(174, 174, 174) }
.text-grey-4,
.text-grey-4-hover:hover { color: rgb(149, 149, 149) }
.text-grey-5,
.text-grey-5-hover:hover { color: rgb(124, 124, 124) }
.bg-grey-0,
.bg-grey-0-hover:hover { background-color: #f8f8f8 }
.bg-grey-1 { background-color: rgb(223, 223, 223) }
.bg-grey-2 { background-color: rgb(198, 198, 198) }
.bg-grey-3 { background-color: rgb(174, 174, 174) }
.bg-grey-4 { background-color: rgb(149, 149, 149) }
.bg-grey-5 { background-color: rgb(124, 124, 124) }
.bg-slate { background-color: #9BA5B1; }
.bg-slate-light { background-color: #DFE8EA; }
.bg-slate-almost-extra-light { background-color: #EDF2F5;}
.bg-slate-extra-light { background-color: #F9FBFC; }
.bg-slate-extra-light-hover:hover { background-color: #F9FBFC; }
.text-dark, ._17S31 {
    color: #4C545B;
}
/* white  - move to bottom for specificity since its often used on hovers, etc */
.text-white, .JmZU_,
.text-white-hover:hover { color: #fff; }
@media screen and (min-width: 60em) {
  .md-text-white { color: #fff; }
}
/* common pattern, background brand, text white when hovering or selected */
.brand-hover:hover {
    color: #fff;
    background-color: #509EE3;
}
.brand-hover:hover * {
    color: #fff;
}
.bg-white, .eTBAP { background-color: #fff; }
.bg-light-blue { background-color: #F5FAFC; }
.bg-light-blue-hover:hover {
  background-color: #E4F0FA;
}
.text-light-blue,
.text-light-blue-hover:hover {
  color: #CFE4F5
}
.text-slate { color: #606E7B; }
.bg-transparent { background-color: transparent }
.cursor-pointer, ._1a-AI {
    cursor: pointer;
}
.cursor-default, ._2s_B5 {
    cursor: default;
}
/* provide flex utilities in lieu of float based layouts */
.flex, ._38618 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-full, ._2kZNz {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.flex-half, ._1vRAn {
    -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
            flex: 0.5;
}
.flex-no-shrink, ._9DUFn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
/* The behavior of how `flex: <flex-grow>` sets flex-basis is inconsistent across
 * browsers. Specifically:
 * - On Chrome and FF it's set to `flex-basis: 0%`. That behaves equally as `height: 0%`.
 *   It means that if the containing block has no explicit height, then `height: 0%` is computed as `height: auto`,
 *   and element grows as its content grows. That is the most common scenario in Metabase codebase.
 * - On older IEs it's set to `flex-basis: 0` which means that the initial main size of flex item is zero.
 *   It is also notable that `flex-basis: 0%` doesn't work correctly on IE.
 *
 *  As a solution, `flex-basis-auto` should always be used in conjunction with `flex-full` when it is
 *  a desired behavior that the element grows with its contents.
*/
.flex-basis-auto {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
}
.shrink-below-content-size {
    /* W3C spec says:
     * By default, flex items won’t shrink below their minimum content size (the length of the longest word or
     * fixed-size element). To change this, set the min-width or min-height property.
     */
    min-width: 0;
}
.align-center, ._3Dqep {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.align-baseline, ._1YEbp {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.justify-center, ._1X7sA {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.align-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.align-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.align-self-end, ._12FEI {
    -ms-flex-item-align: end;
        align-self: flex-end;
}
.flex-align-right, .VW9bs {
    margin-left: auto;
}
@media screen and (min-width: 40em) {
    .sm-flex-align-right { margin-left: auto; }
}
@media screen and (min-width: 60em) {
    .md-flex-align-right { margin-left: auto; }
}
@media screen and (min-width: 80em) {
    .lg-flex-align-right { margin-left: auto; }
}
.layout-centered, ._3-Ogs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 40em) {
    .sm-layout-centered {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
@media screen and (min-width: 60em) {
    .md-layout-centered {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
@media screen and (min-width: 80em) {
    .lg-layout-centered {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (min-width: 40em) {
    .sm-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
}
@media screen and (min-width: 60em) {
    .md-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
}
.flex-row, ._1BJhh {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
@media screen and (min-width: 40em) {
    .sm-flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}
@media screen and (min-width: 60em) {
    .md-flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}
@media screen and (min-width: 80em) {
    .lg-flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}
@media screen and (min-width: 120em) {
    .xl-flex-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}
.no-flex {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 0%;
            flex: 0 1 0%;
}
@media screen and (min-width: 60em) {
    .md-no-flex { -webkit-box-flex: 0 !important; -ms-flex: 0 !important; flex: 0 !important; }
}
/* Contents of elements inside flex items might not be wrapped correctly on IE11,
   set max-width manually to enforce wrapping
*/
.ie-wrap-content-fix {
   max-width: 100%;
}
.float-left, ._3kFch   { float: left; }
.float-right, ._1f5dR { float: right; }
.Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.Grid-cell,
.Grid--normal > .Grid-cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Grid--flexCells > .Grid-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.Grid--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.Grid--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.Grid--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Grid--justifyCenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Grid-cell--top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Grid-cell--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.Grid-cell--center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.Grid-cell--autoSize {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.Grid--fit > .Grid-cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.Grid--full > .Grid-cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.Grid--1of2 > .Grid-cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.Grid--1of3 > .Grid-cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.3333%;
          flex: 0 0 33.3333%;
}
.Grid--1of4 > .Grid-cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
@media (min-width: 40em) {
  .small-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .small-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .small-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .small-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
  .small-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media (min-width: 60em) {
  .md-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .md-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .md-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .md-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
  .md-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
@media (min-width: 80em) {
  .large-Grid--fit > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .large-Grid--full > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .large-Grid--1of2 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .large-Grid--1of3 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
  .large-Grid--1of4 > .Grid-cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
  }
}
.Grid--gutters {
  margin: -1em 0 1em -1em;
}
.Grid--gutters > .Grid-cell {
  padding: 1em 0 0 1em;
}
.Grid--guttersLg {
  margin: -1.5em 0 1.5em -1.5em;
}
.Grid--guttersLg > .Grid-cell {
  padding: 1.5em 0 0 1.5em;
}
.Grid--guttersXl {
  margin: -2em 0 2em -2em;
}
.Grid--guttersXl > .Grid-cell {
  padding: 2em 0 0 2em;
}
.Grid--guttersXXl {
  margin: -5em 0 5em -5em;
}
.Grid--guttersXXl > .Grid-cell {
  padding: 5em 0 0 5em;
}
@media (min-width: 40em) {
  .small-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .small-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .small-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .small-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .small-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .small-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .small-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .small-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .sm-Grid--normal > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 60em) {
  .md-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .md-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .md-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .md-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .md-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .md-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .md-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .md-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .md-Grid--normal > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (min-width: 80em) {
  .large-Grid--gutters {
    margin: -1em 0 1em -1em;
  }
  .large-Grid--gutters > .Grid-cell {
    padding: 1em 0 0 1em;
  }
  .large-Grid--guttersLg {
    margin: -1.5em 0 1.5em -1.5em;
  }
  .large-Grid--guttersLg > .Grid-cell {
    padding: 1.5em 0 0 1.5em;
  }
  .large-Grid--guttersXl {
    margin: -2em 0 2em -2em;
  }
  .large-Grid--guttersXl > .Grid-cell {
    padding: 2em 0 0 2em;
  }
  .large-Grid--guttersXXl {
    margin: -5em 0 5em -5em;
  }
  .large-Grid--guttersXXl > .Grid-cell {
    padding: 5em 0 0 5em;
  }
  .large-Grid--normal > .Grid-cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.Grid-cell.Cell--1of3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
}
@media screen and (min-width: 40em) {
    .Grid-cell.sm-Cell--1of3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
    }
}
@media screen and (min-width: 60em) {
    .Grid-cell.md-Cell--1of3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
    }
}
@media screen and (min-width: 80em) {
    .Grid-cell.lg-Cell--1of3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
    }
}
@media screen and (min-width: 120em) {
    .Grid-cell.xl-Cell--1of3 {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333%;
                flex: 0 0 33.3333%;
    }
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
}
.h1 { font-size: 2em; }
.h2 { font-size: 1.5em; }
.h3 { font-size: 1.17em; }
.h4 { font-size: 1.12em; }
.h5 { font-size: .83em; }
.h6 { font-size: .75em; }
@media screen and (min-width: 40em) {
  .sm-h1 { font-size: 2em; }
  .sm-h2 { font-size: 1.5em; }
  .sm-h3 { font-size: 1.17em; }
  .sm-h4 { font-size: 1.12em; }
  .sm-h5 { font-size: .83em; }
  .sm-h6 { font-size: .75em; }
}
@media screen and (min-width: 60em) {
  .md-h1 { font-size: 2em; }
  .md-h2 { font-size: 1.5em; }
  .md-h3 { font-size: 1.17em; }
  .md-h4 { font-size: 1.12em; }
  .md-h5 { font-size: .83em; }
  .md-h6 { font-size: .75em; }
}
@media screen and (min-width: 80em) {
  .lg-h1 { font-size: 2em; }
  .lg-h2 { font-size: 1.5em; }
  .lg-h3 { font-size: 1.17em; }
  .lg-h4 { font-size: 1.12em; }
  .lg-h5 { font-size: .83em; }
  .lg-h6 { font-size: .75em; }
}
.hide { display: none !important; }
.show { display: inherit; }
.hidden { visibility: hidden; }
.sm-show,
.md-show,
.lg-show,
.xl-show { display: none; }
/* extra-small */
@media screen and (min-width: 23em) {
  .xs-hide { display: none !important; }
}
@media screen and (min-width: 23em) {
  .xs-show { display: inherit !important; }
}
/* small */
@media screen and (min-width: 40em) {
  .sm-hide { display: none !important; }
}
@media screen and (min-width: 40em) {
  .sm-show { display: inherit !important; }
}
/* medium */
@media screen and (min-width: 60em) {
  .md-hide { display: none !important; }
}
@media screen and (min-width: 60em) {
  .md-show { display: inherit !important; }
}
/* large */
@media screen and (min-width: 80em) {
  .lg-hide { display: none !important; }
}
@media screen and (min-width: 80em) {
  .lg-show { display: inherit !important; }
}
/* xl */
@media screen and (min-width: 120em) h{
  .xl-hide { display: none !important; }
}
@media screen and (min-width: 120em) {
  .xl-show { display: inherit !important; }
}
/*
  display
  hide and show a child element using display
*/
.hover-parent.hover--display .hover-child,
.hover-parent:hover.hover--display .hover-child--hidden { display: none; }
.hover-parent:hover.hover--display .hover-child { display: block; }
/*
  visibility
  hide and show a child element using visibility
*/
.hover-parent.hover--visibility .hover-child,
.hover-parent:hover.hover--visibility .hover-child--hidden { visibility: hidden; }
.hover-parent:hover.hover--visibility .hover-child { visibility: visible; }
.input, ._2hwsw {
  color: #4C545B;
  font-size: 1.12em;
  padding: 12px 12px;
  padding: 0.75rem 0.75rem;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: border .3s linear;
}
/* React doesn't receive events from IE11:s input clear button so don't show it */
.input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.input--small {
  padding: 4.8px 6.4px;
  padding: 0.3rem 0.4rem;
}
.input--focus,
.input:focus, ._2hwsw:focus {
  outline: none;
  border: 1px solid #4E82C0;
  transition: border .3s linear;
  color: #222;
}
.input--borderless,
.input--borderless:focus {
  box-shadow: none;
  outline: 0;
  border: none !important;
  background: transparent;
}
.input:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.no-focus:focus {
  outline: 0;
}
/* prevent safari from forcing type="search" styles - issue #5225 */
.input[type="search"] {
  -webkit-appearance: none;
}
.wrapper, ._28B5h {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
    .wrapper, ._28B5h {
        padding-left: 2em;
        padding-right: 2em;
    }
}
@media screen and (min-width: 60em) {
    .wrapper, ._28B5h {
        padding-left: 3em;
        padding-right: 3em;
    }
}
/* set height full relative to the parent */
.full-height, ._2Cz_3 { height: 100%; }
/* set height to that of the viewport */
.viewport-height { height: 100vh; }
/* display utilities */
.block,
.DsjBV        { display: block; }
@media screen and (min-width: 80em) {
.lg-block { display: block; }
}
.inline,
._3kYJR       { display: inline; }
.inline-block,
.CO6xt { display: inline-block; }
@media screen and (min-width: 40em) {
    .sm-inline-block { display: inline-block; }
}
.table { display: table; }
.full, ._1b0Gt { width: 100%; }
.half { width: 50%; }
/* position utilities */
.fixed, ._1wiTN {
  position: fixed;
}
.relative, ._18-EI { position: relative; }
.absolute, ._1MD7G { position: absolute; }
.top, ._3fyc4       { top: 0; }
.right, ._3UD_2   { right: 0; }
.bottom, ._2h9Fs { bottom: 0; }
.left, ._1gKwo     { left: 0; }
@media screen and (min-width: 60em) {
    .wrapper.wrapper--trim,
    ._28B5h._3KhfO {
        max-width: 940px;
    }
}
@media screen and (min-width: 60em) {
    .wrapper.wrapper--small,
    ._28B5h.TxCZb {
        max-width: 752px;
    }
}
@media screen and (min-width: 80em) {
  .wrapper.lg-wrapper--trim {
        max-width: 1140px;
  }
}
@media screen and (min-width: 120em) {
  .wrapper.lg-wrapper--trim {
        max-width: 1540px;
  }
}
/* fully fit the parent element - use as a base for app-y pages like QB or settings */
.spread, .Y2_Z- {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.no-decoration, .qXm3b {
    text-decoration: none;
}
.link {
  cursor: pointer;
  text-decoration: none;
  color: #4A90E2;
}
.link:hover {
  text-decoration: underline;
}
.link--nohover:hover {
  text-decoration: none;
}
.link--wrappable {
  word-break: break-all;
}
.expand-clickable {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0.5em;
  margin: -0.5em;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.rounded, .Wr_al {
  border-radius: 4px;
}
.rounded-top {
  border-top-left-radius:  4px;
  border-top-right-radius: 4px;
}
.rounded-bottom {
  border-bottom-left-radius:  4px;
  border-bottom-right-radius: 4px;
}
.rounded-left {
  border-top-left-radius:    4px;
  border-bottom-left-radius: 4px;
}
.rounded-right {
  border-top-right-radius:    4px;
  border-bottom-right-radius: 4px;
}
.circular {
  border-radius: 99px !important;
}
.not-rounded {
  border-radius: 0;
}
.scroll-y, ._2neoE { overflow-y: auto; }
.scroll-x { overflow-x: auto; }
.scroll-show::-webkit-scrollbar {
    width: 15px;
    height: 18px;
}
.scroll-show--hover::-webkit-scrollbar {
    display: none;
}
.scroll-show--hover:hover::-webkit-scrollbar {
    display: inherit;
}
.scroll-show--horizontal::-webkit-scrollbar {
    height: 6px;
}
.scroll-show::-webkit-scrollbar-thumb {
    height: 6px;
    border: 4px solid transparent;
    border-radius: 7px;
    background-clip: padding-box;
    background-color: #c2c2c2;
}
.scroll-show::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}
.scroll-show::-webkit-scrollbar-corner {
    background-color: transparent;
}
.scroll-show:hover::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
}
.scroll-show::-webkit-scrollbar-thumb:horizontal:hover,
.scroll-show::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #7d7d7d;
}
.scroll-show::-webkit-scrollbar-thumb:horizontal:active,
.scroll-show::-webkit-scrollbar-thumb:vertical:active {
    background-color: #7d7d7d;
}
/* scroll light */
.scroll-show.scroll--light::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #CFE4F5;
}
.scroll-show.scroll--light::-webkit-scrollbar-thumb:horizontal:hover,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:vertical:hover,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:horizontal:active,
.scroll-show.scroll--light::-webkit-scrollbar-thumb:vertical:active {
    background-color: #C7D9E4;
}
.scroll-hide {
    -ms-overflow-style: none;  /* IE 10+ */
    overflow: -moz-scrollbars-none;  /* Firefox */
}
.scroll-hide::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
.scroll-hide-all,
.scroll-hide-all * {
    -ms-overflow-style: none;  /* IE 10+ */
    overflow: -moz-scrollbars-none;  /* Firefox */
}
.scroll-hide-all::-webkit-scrollbar,
.scroll-hide-all *::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
.shadowed, ._26OGD {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
}
.shadow-hover:hover {
  box-shadow: 0 2px 2px rgba(0, 0, 0, .12);
  transition: box-shadow 300ms linear;
}
.ml-auto, .OPZ6L { margin-left: auto; }
.mr-auto, .xdpBZ { margin-right: auto; }
.mt-auto { margin-top: auto; }
/* padding */
/* 0 */
.p0, .CtsqB   { padding: 0; }
.pt0, ._3iJgj { padding-top: 0; }
.pb0, ._3LbOm { padding-bottom: 0; }
.pl0, ._16yVl { padding-left: 0; }
.pr0, ._15Uyn { padding-right: 0; }
/* 1 */
.p1, ._1FLRv {
  padding: 8px;
  padding: 0.5rem;
}
.px1, ._31ino {
  padding-left:  8px;
  padding-left:  0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
}
.py1, ._2XN97 {
  padding-top:    8px;
  padding-top:    0.5rem;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}
.pt1, ._2itq0 { padding-top:    8px; padding-top:    0.5rem; }
.pb1, .DOCnt { padding-bottom: 8px; padding-bottom: 0.5rem; }
.pl1, ._3FzDO { padding-left:   8px; padding-left:   0.5rem; }
.pr1, ._1ZfKh { padding-right:  8px; padding-right:  0.5rem; }
/* 2 */
.p2, ._2z9kb { padding: 16px; padding: 1rem; }
.px2, ._1aL0S {
  padding-left:  16px;
  padding-left:  1rem;
  padding-right: 16px;
  padding-right: 1rem;
}
.py2, ._1s_jv {
  padding-top:    16px;
  padding-top:    1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}
.pt2, .hPXk7 { padding-top:    16px; padding-top:    1rem; }
.pb2, ._2UDhs { padding-bottom: 16px; padding-bottom: 1rem; }
.pl2, ._4GzCU { padding-left:   16px; padding-left:   1rem; }
.pr2, ._342no { padding-right:  16px; padding-right:  1rem; }
/* 3 */
.p3, ._1GX2b { padding: 24px; padding: 1.5rem; }
.px3, .PYP7R {
  padding-left:  24px;
  padding-left:  1.5rem;
  padding-right: 24px;
  padding-right: 1.5rem;
}
.py3, ._3jBTn {
  padding-top:    24px;
  padding-top:    1.5rem;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}
.pt3, ._2wbTv { padding-top:    24px; padding-top:    1.5rem; }
.pb3, ._19mch { padding-bottom: 24px; padding-bottom: 1.5rem; }
.pl3, ._3UYU0 { padding-left:   24px; padding-left:   1.5rem; }
.pr3, ._1WOBS { padding-right:  24px; padding-right:  1.5rem; }
/* 4 */
.p4, ._1iwVX { padding: 32px; padding: 2rem; }
.px4, ._2VMbm {
  padding-left:  32px;
  padding-left:  2rem;
  padding-right: 32px;
  padding-right: 2rem;
}
.py4, ._3Ot6K {
  padding-top:    32px;
  padding-top:    2rem;
  padding-bottom: 32px;
  padding-bottom: 2rem;
}
.pt4, ._1B0FZ { padding-top:    32px; padding-top:    2rem; }
.pb4, ._2jjBF { padding-bottom: 32px; padding-bottom: 2rem; }
.pl4, .odbte { padding-left:   32px; padding-left:   2rem; }
.pr4, ._3YxA_ { padding-right:  32px; padding-right:  2rem; }
/* margin */
/* 0 */
.m0, ._3-MrN  { margin: 0; }
.mt0, ._1VLzq { margin-top: 0; }
.mb0, ._1Bf_e { margin-bottom: 0; }
.ml0, ._3o-sC { margin-left: 0; }
.mr0, .Pb6RQ { margin-right: 0; }
/* 1 */
.m1, ._2YHpe { margin: 8px; margin: 0.5rem; }
.mx1, ._1ZhAK {
  margin-left:  8px;
  margin-left:  0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}
.my1, ._2FnGH {
  margin-top:    8px;
  margin-top:    0.5rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}
.mt1, ._38YTw { margin-top:    8px; margin-top:    0.5rem; }
.mb1, ._1oIEw { margin-bottom: 8px; margin-bottom: 0.5rem; }
.ml1, .BcFLh { margin-left:   8px; margin-left:   0.5rem; }
.mr1, ._3K4no { margin-right:  8px; margin-right:  0.5rem; }
/* 2 */
.m2, ._2Em4n { margin: 16px; margin: 1rem; }
.mx2, ._1ABq6 {
  margin-left:  16px;
  margin-left:  1rem;
  margin-right: 16px;
  margin-right: 1rem;
}
.my2, ._1ocN4 {
  margin-top:    16px;
  margin-top:    1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.mt2, ._17V2F { margin-top:    16px; margin-top:    1rem; }
.mb2, ._2AJrG { margin-bottom: 16px; margin-bottom: 1rem; }
.ml2, ._1Wqf2 { margin-left:   16px; margin-left:   1rem; }
.mr2, ._2VkQ1 { margin-right:  16px; margin-right:  1rem; }
/* 3 */
.m3, .aXWCm { margin: 24px; margin: 1.5rem; }
.mx3, ._2lQ2X {
  margin-left:  24px;
  margin-left:  1.5rem;
  margin-right: 24px;
  margin-right: 1.5rem;
}
.my3, ._14leg {
  margin-top:    24px;
  margin-top:    1.5rem;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.mt3, ._1TQQY { margin-top:    24px; margin-top:    1.5rem; }
.mb3, ._3pezG { margin-bottom: 24px; margin-bottom: 1.5rem; }
.ml3, ._1LT7f { margin-left:   24px; margin-left:   1.5rem; }
.mr3, .raIhq { margin-right:  24px; margin-right:  1.5rem; }
/* 4 */
.m4, ._2o3k3 { margin: 32px; margin: 2rem; }
.mx4, .-zXOl {
  margin-left:  32px;
  margin-left:  2rem;
  margin-right: 32px;
  margin-right: 2rem;
}
.my4, ._1dBmn {
  margin-top:    32px;
  margin-top:    2rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}
.mt4, ._37W4X { margin-top:    32px; margin-top:    2rem; }
.mb4, .A5BYb { margin-bottom: 32px; margin-bottom: 2rem; }
.ml4, ._3or2i { margin-left:   32px; margin-left:   2rem; }
.mr4, .rjRpE { margin-right:  32px; margin-right:  2rem; }
/* negative margin (mainly for correction of horizontal positioning) */
.mln1 { margin-left: -8px; margin-left: -0.5rem }
.mln2 { margin-left: -16px; margin-left: -1rem }
.mln3 { margin-left: -24px; margin-left: -1.5rem }
.mln4 { margin-left: -32px; margin-left: -2rem }
/* responsive spacing */
@media screen and (min-width: 40em) {
    /* padding */

    /* 0 */
    .sm-p0  { padding:        0; }
    .sm-pt0 { padding-top:    0; }
    .sm-pb0 { padding-bottom: 0; }
    .sm-pl0 { padding-left:   0; }
    .sm-pr0 { padding-right:  0; }

    /* 1 */
    .sm-p1 { padding: 0.5rem; }

    .sm-px1 {
      padding-left:  0.5rem;
      padding-right: 0.5rem;
    }

    .sm-py1 {
      padding-top:    0.5rem;
      padding-bottom: 0.5rem;
    }

    .sm-pt1 { padding-top:    0.5rem; }
    .sm-pb1 { padding-bottom: 0.5rem; }
    .sm-pl1 { padding-left:   0.5rem; }
    .sm-pr1 { padding-right:  0.5rem; }

    /* 2 */

    .sm-p2 { padding: 1rem; }

    .sm-px2 {
      padding-left:  1rem;
      padding-right: 1rem;
    }

    .sm-py2 {
      padding-top:    1rem;
      padding-bottom: 1rem;
    }

    .sm-pt2 { padding-top:    1rem; }
    .sm-pb2 { padding-bottom: 1rem; }
    .sm-pl2 { padding-left:   1rem; }
    .sm-pr2 { padding-right:  1rem; }

    /* 3 */

    .sm-p3 { padding: 1.5rem; }

    .sm-px3 {
      padding-left:  1.5rem;
      padding-right: 1.5rem;
    }

    .sm-py3 {
      padding-top:    1.5rem;
      padding-bottom: 1.5rem;
    }

    .sm-pt3 { padding-top:    1.5rem; }
    .sm-pb3 { padding-bottom: 1.5rem; }
    .sm-pl3 { padding-left:   1.5rem; }
    .sm-pr3 { padding-right:  1.5rem; }


    /* 4 */

    .sm-p4 { padding: 2rem; }

    .sm-px4 {
      padding-left:  2rem;
      padding-right: 2rem;
    }

    .sm-py4 {
      padding-top:    2rem;
      padding-bottom: 2rem;
    }

    .sm-pt4 { padding-top:    2rem; }
    .sm-pb4 { padding-bottom: 2rem; }
    .sm-pl4 { padding-left:   2rem; }
    .sm-pr4 { padding-right:  2rem; }


    /* margin */

     /* 0 */
    .sm-m0  { margin:        0; }
    .sm-mt0 { margin-top:    0; }
    .sm-mb0 { margin-bottom: 0; }
    .sm-ml0 { margin-left:   0; }
    .sm-mr0 { margin-right:  0; }

    /* 1 */
    .sm-m1 { margin: 0.5rem; }

    .sm-mx1 {
      margin-left:  0.5rem;
      margin-right: 0.5rem;
    }

    .sm-my1 {
      margin-top:    0.5rem;
      margin-bottom: 0.5rem;
    }

    .sm-mt1 { margin-top:    0.5rem; }
    .sm-mb1 { margin-bottom: 0.5rem; }
    .sm-ml1 { margin-left:   0.5rem; }
    .sm-mr1 { margin-right:  0.5rem; }

    /* 2 */

    .sm-m2 { margin: 1rem; }

    .sm-mx2 {
      margin-left:  1rem;
      margin-right: 1rem;
    }

    .sm-my2 {
      margin-top:    1rem;
      margin-bottom: 1rem;
    }

    .sm-mt2 { margin-top:    1rem; }
    .sm-mb2 { margin-bottom: 1rem; }
    .sm-ml2 { margin-left:   1rem; }
    .sm-mr2 { margin-right:  1rem; }

    /* 3 */

    .sm-m3 { margin: 1.5rem; }

    .sm-mx3 {
      margin-left:  1.5rem;
      margin-right: 1.5rem;
    }

    .sm-my3 {
      margin-top:    1.5rem;
      margin-bottom: 1.5rem;
    }

    .sm-mt3 { margin-top:    1.5rem; }
    .sm-mb3 { margin-bottom: 1.5rem; }
    .sm-ml3 { margin-left:   1.5rem; }
    .sm-mr3 { margin-right:  1.5rem; }

    /* 4 */

    .sm-m4 { margin: 2rem; }

    .sm-mx4 {
      margin-left:  2rem;
      margin-right: 2rem;
    }

    .sm-my4 {
      margin-top:    2rem;
      margin-bottom: 2rem;
    }

    .sm-mt4 { margin-top:    2rem; }
    .sm-mb4 { margin-bottom: 2rem; }
    .sm-ml4 { margin-left:   2rem; }
    .sm-mr4 { margin-right:  2rem; }
}
@media screen and (min-width: 60em) {
    /* padding */

    /* 0 */
    .md-p0  { padding:        0; }
    .md-pt0 { padding-top:    0; }
    .md-pb0 { padding-bottom: 0; }
    .md-pl0 { padding-left:   0; }
    .md-pr0 { padding-right:  0; }

    /* 1 */
    .md-p1 { padding: 0.5rem; }

    .md-px1 {
      padding-left:  0.5rem;
      padding-right: 0.5rem;
    }

    .md-py1 {
      padding-top:    0.5rem;
      padding-bottom: 0.5rem;
    }

    .md-pt1 { padding-top:    0.5rem; }
    .md-pb1 { padding-bottom: 0.5rem; }
    .md-pl1 { padding-left:   0.5rem; }
    .md-pr1 { padding-right:  0.5rem; }

    /* 2 */

    .md-p2 { padding: 1rem; }

    .md-px2 {
      padding-left:  1rem;
      padding-right: 1rem;
    }

    .md-py2 {
      padding-top:    1rem;
      padding-bottom: 1rem;
    }

    .md-pt2 { padding-top:    1rem; }
    .md-pb2 { padding-bottom: 1rem; }
    .md-pl2 { padding-left:   1rem; }
    .md-pr2 { padding-right:  1rem; }

    /* 3 */

    .md-p3 { padding: 1.5rem; }

    .md-px3 {
      padding-left:  1.5rem;
      padding-right: 1.5rem;
    }

    .md-py3 {
      padding-top:    1.5rem;
      padding-bottom: 1.5rem;
    }

    .md-pt3 { padding-top:    1.5rem; }
    .md-pb3 { padding-bottom: 1.5rem; }
    .md-pl3 { padding-left:   1.5rem; }
    .md-pr3 { padding-right:  1.5rem; }


    /* 4 */

    .md-p4 { padding: 2rem; }

    .md-px4 {
      padding-left:  2rem;
      padding-right: 2rem;
    }

    .md-py4 {
      padding-top:    2rem;
      padding-bottom: 2rem;
    }

    .md-pt4 { padding-top:    2rem; }
    .md-pb4 { padding-bottom: 2rem; }
    .md-pl4 { padding-left:   2rem; }
    .md-pr4 { padding-right:  2rem; }


    /* margin */

     /* 0 */
    .md-m0  { margin:        0; }
    .md-mt0 { margin-top:    0; }
    .md-mb0 { margin-bottom: 0; }
    .md-ml0 { margin-left:   0; }
    .md-mr0 { margin-right:  0; }

    /* 1 */
    .md-m1 { margin: 0.5rem; }

    .md-mx1 {
      margin-left:  0.5rem;
      margin-right: 0.5rem;
    }

    .md-my1 {
      margin-top:    0.5rem;
      margin-bottom: 0.5rem;
    }

    .md-mt1 { margin-top:    0.5rem; }
    .md-mb1 { margin-bottom: 0.5rem; }
    .md-ml1 { margin-left:   0.5rem; }
    .md-mr1 { margin-right:  0.5rem; }

    /* 2 */

    .md-m2 { margin: 1rem; }

    .md-mx2 {
      margin-left:  1rem;
      margin-right: 1rem;
    }

    .md-my2 {
      margin-top:    1rem;
      margin-bottom: 1rem;
    }

    .md-mt2 { margin-top:    1rem; }
    .md-mb2 { margin-bottom: 1rem; }
    .md-ml2 { margin-left:   1rem; }
    .md-mr2 { margin-right:  1rem; }

    /* 3 */

    .md-m3 { margin: 1.5rem; }

    .md-mx3 {
      margin-left:  1.5rem;
      margin-right: 1.5rem;
    }

    .md-my3 {
      margin-top:    1.5rem;
      margin-bottom: 1.5rem;
    }

    .md-mt3 { margin-top:    1.5rem; }
    .md-mb3 { margin-bottom: 1.5rem; }
    .md-ml3 { margin-left:   1.5rem; }
    .md-mr3 { margin-right:  1.5rem; }

    /* 4 */

    .md-m4 { margin: 2rem; }

    .md-mx4 {
      margin-left:  2rem;
      margin-right: 2rem;
    }

    .md-my4 {
      margin-top:    2rem;
      margin-bottom: 2rem;
    }

    .md-mt4 { margin-top:    2rem; }
    .md-mb4 { margin-bottom: 2rem; }
    .md-ml4 { margin-left:   2rem; }
    .md-mr4 { margin-right:  2rem; }
}
@media screen and (min-width: 80em) {
    /* padding */

    /* 0 */
    .lg-p0  { padding:        0; }
    .lg-pt0 { padding-top:    0; }
    .lg-pb0 { padding-bottom: 0; }
    .lg-pl0 { padding-left:   0; }
    .lg-pr0 { padding-right:  0; }

    /* 1 */
    .lg-p1 { padding: 0.5rem; }

    .lg-px1 {
      padding-left:  0.5rem;
      padding-right: 0.5rem;
    }

    .lg-py1 {
      padding-top:    0.5rem;
      padding-bottom: 0.5rem;
    }

    .lg-pt1 { padding-top:    0.5rem; }
    .lg-pb1 { padding-bottom: 0.5rem; }
    .lg-pl1 { padding-left:   0.5rem; }
    .lg-pr1 { padding-right:  0.5rem; }

    /* 2 */

    .lg-p2 { padding: 1rem; }

    .lg-px2 {
      padding-left:  1rem;
      padding-right: 1rem;
    }

    .lg-py2 {
      padding-top:    1rem;
      padding-bottom: 1rem;
    }

    .lg-pt2 { padding-top:    1rem; }
    .lg-pb2 { padding-bottom: 1rem; }
    .lg-pl2 { padding-left:   1rem; }
    .lg-pr2 { padding-right:  1rem; }

    /* 3 */

    .lg-p3 { padding: 1.5rem; }

    .lg-px3 {
      padding-left:  1.5rem;
      padding-right: 1.5rem;
    }

    .lg-py3 {
      padding-top:    1.5rem;
      padding-bottom: 1.5rem;
    }

    .lg-pt3 { padding-top:    1.5rem; }
    .lg-pb3 { padding-bottom: 1.5rem; }
    .lg-pl3 { padding-left:   1.5rem; }
    .lg-pr3 { padding-right:  1.5rem; }


    /* 4 */

    .lg-p4 { padding: 2rem; }

    .lg-px4 {
      padding-left:  2rem;
      padding-right: 2rem;
    }

    .lg-py4 {
      padding-top:    2rem;
      padding-bottom: 2rem;
    }

    .lg-pt4 { padding-top:    2rem; }
    .lg-pb4 { padding-bottom: 2rem; }
    .lg-pl4 { padding-left:   2rem; }
    .lg-pr4 { padding-right:  2rem; }


    /* margin */

     /* 0 */
    .lg-m0  { margin:        0; }
    .lg-mt0 { margin-top:    0; }
    .lg-mb0 { margin-bottom: 0; }
    .lg-ml0 { margin-left:   0; }
    .lg-mr0 { margin-right:  0; }

    /* 1 */
    .lg-m1 { margin: 0.5rem; }

    .lg-mx1 {
      margin-left:  0.5rem;
      margin-right: 0.5rem;
    }

    .lg-my1 {
      margin-top:    0.5rem;
      margin-bottom: 0.5rem;
    }

    .lg-mt1 { margin-top:    0.5rem; }
    .lg-mb1 { margin-bottom: 0.5rem; }
    .lg-ml1 { margin-left:   0.5rem; }
    .lg-mr1 { margin-right:  0.5rem; }

    /* 2 */

    .lg-m2 { margin: 1rem; }

    .lg-mx2 {
      margin-left:  1rem;
      margin-right: 1rem;
    }

    .lg-my2 {
      margin-top:    1rem;
      margin-bottom: 1rem;
    }

    .lg-mt2 { margin-top:    1rem; }
    .lg-mb2 { margin-bottom: 1rem; }
    .lg-ml2 { margin-left:   1rem; }
    .lg-mr2 { margin-right:  1rem; }

    /* 3 */

    .lg-m3 { margin: 1.5rem; }

    .lg-mx3 {
      margin-left:  1.5rem;
      margin-right: 1.5rem;
    }

    .lg-my3 {
      margin-top:    1.5rem;
      margin-bottom: 1.5rem;
    }

    .lg-mt3 { margin-top:    1.5rem; }
    .lg-mb3 { margin-bottom: 1.5rem; }
    .lg-ml3 { margin-left:   1.5rem; }
    .lg-mr3 { margin-right:  1.5rem; }

    /* 4 */

    .lg-m4 { margin: 2rem; }

    .lg-mx4 {
      margin-left:  2rem;
      margin-right: 2rem;
    }

    .lg-my4 {
      margin-top:    2rem;
      margin-bottom: 2rem;
    }

    .lg-mt4 { margin-top:    2rem; }
    .lg-mb4 { margin-bottom: 2rem; }
    .lg-ml4 { margin-left:   2rem; }
    .lg-mr4 { margin-right:  2rem; }
}
@media screen and (min-width: 120em) {
    /* padding */

    /* 0 */
    .xl-p0  { padding:        0; }
    .xl-pt0 { padding-top:    0; }
    .xl-pb0 { padding-bottom: 0; }
    .xl-pl0 { padding-left:   0; }
    .xl-pr0 { padding-right:  0; }

    /* 1 */
    .xl-p1 { padding: 0.5rem; }

    .xl-px1 {
      padding-left:  0.5rem;
      padding-right: 0.5rem;
    }

    .xl-py1 {
      padding-top:    0.5rem;
      padding-bottom: 0.5rem;
    }

    .xl-pt1 { padding-top:    0.5rem; }
    .xl-pb1 { padding-bottom: 0.5rem; }
    .xl-pl1 { padding-left:   0.5rem; }
    .xl-pr1 { padding-right:  0.5rem; }

    /* 2 */

    .xl-p2 { padding: 1rem; }

    .xl-px2 {
      padding-left:  1rem;
      padding-right: 1rem;
    }

    .xl-py2 {
      padding-top:    1rem;
      padding-bottom: 1rem;
    }

    .xl-pt2 { padding-top:    1rem; }
    .xl-pb2 { padding-bottom: 1rem; }
    .xl-pl2 { padding-left:   1rem; }
    .xl-pr2 { padding-right:  1rem; }

    /* 3 */

    .xl-p3 { padding: 1.5rem; }

    .xl-px3 {
      padding-left:  1.5rem;
      padding-right: 1.5rem;
    }

    .xl-py3 {
      padding-top:    1.5rem;
      padding-bottom: 1.5rem;
    }

    .xl-pt3 { padding-top:    1.5rem; }
    .xl-pb3 { padding-bottom: 1.5rem; }
    .xl-pl3 { padding-left:   1.5rem; }
    .xl-pr3 { padding-right:  1.5rem; }


    /* 4 */

    .xl-p4 { padding: 2rem; }

    .xl-px4 {
      padding-left:  2rem;
      padding-right: 2rem;
    }

    .xl-py4 {
      padding-top:    2rem;
      padding-bottom: 2rem;
    }

    .xl-pt4 { padding-top:    2rem; }
    .xl-pb4 { padding-bottom: 2rem; }
    .xl-pl4 { padding-left:   2rem; }
    .xl-pr4 { padding-right:  2rem; }


    /* margin */

     /* 0 */
    .xl-m0  { margin:        0; }
    .xl-mt0 { margin-top:    0; }
    .xl-mb0 { margin-bottom: 0; }
    .xl-ml0 { margin-left:   0; }
    .xl-mr0 { margin-right:  0; }

    /* 1 */
    .xl-m1 { margin: 0.5rem; }

    .xl-mx1 {
      margin-left:  0.5rem;
      margin-right: 0.5rem;
    }

    .xl-my1 {
      margin-top:    0.5rem;
      margin-bottom: 0.5rem;
    }

    .xl-mt1 { margin-top:    0.5rem; }
    .xl-mb1 { margin-bottom: 0.5rem; }
    .xl-ml1 { margin-left:   0.5rem; }
    .xl-mr1 { margin-right:  0.5rem; }

    /* 2 */

    .xl-m2 { margin: 1rem; }

    .xl-mx2 {
      margin-left:  1rem;
      margin-right: 1rem;
    }

    .xl-my2 {
      margin-top:    1rem;
      margin-bottom: 1rem;
    }

    .xl-mt2 { margin-top:    1rem; }
    .xl-mb2 { margin-bottom: 1rem; }
    .xl-ml2 { margin-left:   1rem; }
    .xl-mr2 { margin-right:  1rem; }

    /* 3 */

    .xl-m3 { margin: 1.5rem; }

    .xl-mx3 {
      margin-left:  1.5rem;
      margin-right: 1.5rem;
    }

    .xl-my3 {
      margin-top:    1.5rem;
      margin-bottom: 1.5rem;
    }

    .xl-mt3 { margin-top:    1.5rem; }
    .xl-mb3 { margin-bottom: 1.5rem; }
    .xl-ml3 { margin-left:   1.5rem; }
    .xl-mr3 { margin-right:  1.5rem; }

    /* 4 */

    .xl-m4 { margin: 2rem; }

    .xl-mx4 {
      margin-left:  2rem;
      margin-right: 2rem;
    }

    .xl-my4 {
      margin-top:    2rem;
      margin-bottom: 2rem;
    }

    .xl-mt4 { margin-top:    2rem; }
    .xl-mb4 { margin-bottom: 2rem; }
    .xl-ml4 { margin-left:   2rem; }
    .xl-mr4 { margin-right:  2rem; }
}
/* center */
.text-centered, .rTQr- { text-align: center; }
@media screen and (min-width: 40em) {
    .sm-text-centered { text-align: center; }
}
@media screen and (min-width: 60em) {
    .md-text-centered { text-align: center; }
}
@media screen and (min-width: 80em) {
    .lg-text-centered { text-align: center; }
}
@media screen and (min-width: 120em) {
    .xl-text-centered { text-align: center; }
}
/* left */
.text-left, .oCLs1 { text-align: left; }
@media screen and (min-width: 40em) {
    .sm-text-left { text-align: left; }
}
@media screen and (min-width: 60em) {
    .md-text-left { text-align: left; }
}
@media screen and (min-width: 80em) {
    .lg-text-left { text-align: left; }
}
@media screen and (min-width: 120em) {
    .xl-text-left { text-align: left; }
}
/* right */
.text-right, ._2i-mE { text-align: right; }
@media screen and (min-width: 40em) {
    .sm-text-right { text-align: right; }
}
@media screen and (min-width: 60em) {
    .md-text-right { text-align: right; }
}
@media screen and (min-width: 80em) {
    .lg-text-right { text-align: right; }
}
@media screen and (min-width: 120em) {
    .xl-text-right { text-align: right; }
}
.text-uppercase, ._3l3zl {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }
/* text weight */
.text-light  { font-weight: 300; }
.text-normal { font-weight: 400; }
.text-bold, ._3TD8R   { font-weight: 700; }
/* text style */
.text-italic { font-style: italic; }
/* larger text size used for descriptions  */
.text-body, ._3CT2E {
  font-size: 1.286em;
  line-height: 1.457em;
  color: #8E9BA9; /* TODO - is this bad? */
}
.text-paragraph, .Tgxr2 {
  font-size: 1.143em;
  line-height: 1.5em;
}
.text-small {
    font-size: 0.875em;
}
.text-smaller {
    font-size: 0.8em;
}
.text-current {
    color: currentColor;
}
.text-underline {
    text-decoration: underline;
}
.text-underline-hover:hover {
    text-decoration: underline;
}
.text-ellipsis {
    text-overflow: ellipsis;
}
.text-nowrap {
    white-space: nowrap;
}
.text-code {
    font-family: monospace;
    color: #8691AC;
    background-color: #E9F2F5;
    border-radius: 2px;
    padding: 0.2em 0.4em;
    line-height: 1.4em;
    white-space: pre;
}
.text-monospace,
._1UYVa {
    font-family: Monaco, monospace;
}
.text-pre-wrap {
  white-space: pre-wrap;
}
.text-measure {
    max-width: 620px;
}
.transition-color, ._2rmlO {
  transition: color .3s linear;
}
.transition-background, ._18Xrq {
	transition: background .2s linear;
}
.transition-shadow {
  transition: box-shadow .2s linear;
}
.transition-all {
  transition: all .2s linear;
}
.transition-border {
  transition: border .3s linear;
}
._1k4_d {
    z-index: 99;
}

._14p1j {
    width: 320px;
}

.yvUyo {
}

._318oQ {
    color: #509EE3;
}

.lsc_S {
    color: rgb(223, 223, 223);
}

.lsc_S:hover {
    color: rgb(174, 174, 174);
}

.UndoListing-enter {
}

.UndoListing-enter.UndoListing-enter-active {
}

.UndoListing-leave {
    opacity: 1;
}

.UndoListing-leave.UndoListing-leave-active {
    opacity: 0.01;
    transition: opacity 300ms ease-in;
}
._1-Z9y {
    color: #606E7B;
    font-size: 24px;
}

._3WCb_ {
    color: #DEEAF1;
}

._3VMyy {
    color: #606E7B;
    font-size: 20px;
    width: 100%;
}

._3VMyy::-webkit-input-placeholder {
    color: #AAB7C3;
}
._1yBQv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1em 2em 1em 2em;
  color: #525658;
}
._1yBQv ._4U6UK {
  font-weight: bold;
}
._1yBQv ._1QEEv {
  margin-top: 0.5em;
}
._1yBQv._3eqn_ ._4U6UK {
  font-size: 2em;
}
._1yBQv._3eqn_ ._1QEEv {
  font-size: 1em;
}
._1yBQv._2Rovb {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
._1yBQv._2Rovb ._4U6UK {
  font-size: 2.5em;
}
._1yBQv._2Rovb ._1QEEv {
  font-size: 1.2em;
}
.TableInteractive {
  border-radius: 6px;
  overflow: hidden;
}

.TableInteractive-headerCellData {
  font-weight: 700;
}

.TableInteractive-headerCellData .Icon {
  opacity: 0;
}

.TableInteractive-headerCellData--sorted .Icon {
  opacity: 1;
  transition: opacity .3s linear;
}

/* if the column is the one that is being sorted*/

.TableInteractive-headerCellData--sorted {
  color: #509EE3;
}

.TableInteractive-header {
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
}

.TableInteractive .TableInteractive-cellWrapper {
  padding: 1em 1.25em;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid rgba(213, 213, 213, .3);
}

.TableInteractive .TableInteractive-cellWrapper:hover {
  border-color: #509EE3;
  color: #509EE3;
}

.TableInteractive .TableInteractive-header,
.TableInteractive .TableInteractive-header .TableInteractive-cellWrapper {
  background-color: #fff;
  background-image: none;
}

.TableInteractive .TableInteractive-header,
.TableInteractive .TableInteractive-header .TableInteractive-cellWrapper {
  background-color: #fff;
}

/* cell overflow ellipsis */

.TableInteractive .cellData {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

/* pivot */

.TableInteractive.TableInteractive--pivot .TableInteractive-cellWrapper--firstColumn {
  border-right: 1px solid rgb(205, 205, 205);
}

.PagingButtons {
  border: 1px solid #ddd;
}

.TableInteractive .TableInteractive-cellWrapper.tether-enabled {
  background-color: #509EE3;
  color: white;
}


.CtorL {
  /* standard table reset */
  border-collapse: collapse;
  border-spacing: 0;

  width: 100%;

  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
}

.CtorL tr {
  border-bottom: 1px solid rgba(213, 213, 213, .3);
}

.CtorL th,
.CtorL td {
  padding: 1em;
  border-bottom: 1px solid rgba(213, 213, 213, .3);
}

.ipoXK th:first-child,
.ipoXK td:first-child {
  padding-left: 2em;
}

/*
legend item needs to be in the scope in order to control the font size in
fullscreen dashboard mode
*/
.LegendItem {
  font-size: 1.2em;
  font-weight: bold;
  transition: opacity 0.25s linear;
  opacity: 1;
}
._14YpV {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
._1zU60.muted {
  opacity: 0.4;
}
._2tUFa._3YdyC {
  display: none;
}
._2tUFa._1BBNM {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 1em;
}
._2tUFa._1TLy7 {
  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;
  margin-top: 1em;
}
.LineAreaBarChart .renderer {
  margin-top: -5px;
  margin-left: -0.5em;
  margin-right: -0.5em;
  margin-bottom: -0.5em;
  overflow: hidden;
}

.LineAreaBarChart .dc-chart .grid-line.horizontal {
  stroke: rgba(151, 151, 151, .2);
  stroke-dasharray: 5,5;
}

.LineAreaBarChart .dc-chart .axis {
  z-index: -1;
}

.LineAreaBarChart .dc-chart .axis text {
  font-size: 12px;
  font-family: "Lato", sans-serif;
  font-weight: 900;
}

.LineAreaBarChart .dc-chart .axis .domain,
.LineAreaBarChart .dc-chart .axis .tick line {
  stroke: #DCE1E4;
}

.LineAreaBarChart .dc-chart .axis .tick text {
  fill: #93A1AB;
}

.LineAreaBarChart .dc-chart g.row text.outside {
  fill: #C5C6C8;
}

.LineAreaBarChart .dc-chart g.row text.inside {
  fill: white;
}

/* turn off ticks and domain lines */

.LineAreaBarChart .dc-chart .axis.y .domain,
.LineAreaBarChart .dc-chart .axis.yr .domain,
.LineAreaBarChart .dc-chart .axis.y .tick line,
.LineAreaBarChart .dc-chart .axis.yr .tick line {
  display: none;
}

.LineAreaBarChart .dc-chart .x-axis-label,
.LineAreaBarChart .dc-chart .y-axis-label {
  fill: #727479;
  font-size: 14px;
  font-weight: 900;
}

.LineAreaBarChart .dc-chart .tick line {
  display: none;
}

/* gridline at 0 overlaps with X axis */

.LineAreaBarChart .dc-chart .grid-line.horizontal line:first-child {
  display: none;
}

/* disable pointer events on all chart elements while dragging to avoid weird interactions */

.LineAreaBarChart .dc-chart .dragging .area,
.LineAreaBarChart .dc-chart .dragging .bar,
.LineAreaBarChart .dc-chart .dragging .line,
.LineAreaBarChart .dc-chart .dragging .dot,
.LineAreaBarChart .dc-chart .dragging .row,
.LineAreaBarChart .dc-chart .dragging .bubble,
.LineAreaBarChart .dc-chart .dragging .voronoi {
  pointer-events: none !important;
}

/* disable dc default behavior */

.LineAreaBarChart .dc-chart rect.bar:hover {
  fill-opacity: 1;
}

.LineAreaBarChart .dc-chart g.row rect {
  fill-opacity: 1;
}

/* highlight single series bar and row charts */

.LineAreaBarChart.mute-0 .dc-chart rect.bar:hover,
.LineAreaBarChart.mute-0 .dc-chart g.row:hover {
  opacity: 1 !important;
}

.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot {
  r: 3px !important;
  fill: white;
  stroke: currentColor;
  stroke-width: 2;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.LineAreaBarChart .dc-chart circle.bubble {
    fill-opacity: 0.80;
    stroke-width: 1;
    stroke: white;
}

.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot:hover,
.LineAreaBarChart .dc-chart .enable-dots .dc-tooltip .dot.hover {
  fill: currentColor;
}

.LineAreaBarChart .dc-chart .dc-tooltip .dot.selected,
.LineAreaBarChart .dc-chart .enable-dots-onhover .dc-tooltip .dot:hover,
.LineAreaBarChart .dc-chart .enable-dots-onhover .dc-tooltip .dot.hover {
  r: 3px !important;
  fill: white;
  stroke: currentColor;
  stroke-width: 2;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

.LineAreaBarChart .dc-chart .dc-tooltip .dot.deselected {
  opacity: 0;
}

.LineAreaBarChart .dc-chart .line.deselected {
  color: #ccc;
}

.LineAreaBarChart .dc-chart .area,
.LineAreaBarChart .dc-chart .bar,
.LineAreaBarChart .dc-chart .line,
.LineAreaBarChart .dc-chart .dot,
.LineAreaBarChart .dc-chart .row,
.LineAreaBarChart .dc-chart .bubble {
  transition: opacity 0.15s linear;
}

.LineAreaBarChart .dc-chart .axis.y,
.LineAreaBarChart .dc-chart .y-axis-label,
.LineAreaBarChart .dc-chart .axis.yr,
.LineAreaBarChart .dc-chart .yr-axis-label {
  transition: opacity 0.25s linear;
}

/* .mute-* selectors dynamically generated in LineAreaBarChart.js*/

.LineAreaBarChart.mute-yl .dc-chart .axis.y,
.LineAreaBarChart.mute-yl .dc-chart .y-axis-label.y-label {
  opacity: 0;
}

.LineAreaBarChart.mute-yr .dc-chart .axis.yr,
.LineAreaBarChart.mute-yr .dc-chart .y-axis-label.yr-label {
  opacity: 0;
}

.LineAreaBarChart .dc-chart .voronoi {
  fill: transparent;
}

/* we put the brush behind everything so this isn't necessary
/*.LineAreaBarChart .dc-chart .brush {
  pointer-events: none;
}*/

/* grid lines aren't clickable, and get in the way of the brush */

.LineAreaBarChart .dc-chart .grid-line {
  pointer-events: none;
}

/* brush handles */

.LineAreaBarChart .dc-chart .brush .resize path {
  fill: #F9FBFC;
  stroke: #9BA5B1;
}
._2lChr {
    position: relative;
    display: inline-block;
    color: #509EE3;
    box-sizing: border-box;
    width: 48px;
    height: 24px;
    border-radius: 99px;
    border: 1px solid #EAEAEA;
    background-color: #F7F7F7;
    transition: all 0.3s;
}

._2lChr._3MRMF {
    background-color: currentColor;
}

._2lChr:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 99px;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #D9D9D9;
    transition: all 0.3s;
}

._2lChr._3MRMF:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 99px;
    position: absolute;
    top: 1px;
    left: 25px;

    background-color: white;
}
._2I4qY {
}

._1rcAr,
.n71oW {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

._1rcAr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

._2Gb1p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.n71oW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

._2tU5X {
  color: #676C72;
  font-size: 22px;
  font-weight: bolder;
}

.-GCLu {
  color: #B8C0C9;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

._2Gb1p path {
  transition: opacity 0.3s linear;
}
._3qyVV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

._3qyVV ._1ABjV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

._3qyVV ._2luIt {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}

/* SMALL */

._3qyVV._1CAv1 ._1ABjV {
  display: none;
}

._3qyVV._1CAv1 ._2luIt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* VERTICAL */

._3qyVV._1rOS_ {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

._3qyVV._1rOS_ ._1ABjV {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
}

._3qyVV._1rOS_._168j7 ._1ABjV {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-height: 25%;
}

._3qyVV._1rOS_._168j7 ._2luIt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 75%;
}

/* HORIZONTAL */

._3qyVV._32nW- {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

._3qyVV._32nW- ._1ABjV {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: hidden;
}

._3qyVV._32nW-._168j7 ._1ABjV {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 33%;
}

._3qyVV._32nW-._168j7 ._2luIt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-width: 66%;
}

/* DEBUG */

/*
:local .ChartWithLegend .Legend {
  background-color: rgba(0,0,255,0.1);
}
:local .ChartWithLegend .Chart {
  background-color: rgba(0,255,0,0.1);
}
:local .ChartWithLegend.flexChart .Chart {
  background-color: rgba(255,0,0,0.1);
}
*/
.PS5df {
    color: #A2A2A2;
    height: 100%;
}

._2vUMz {
    width: 100%;
    min-width: 20px;
    border-right: 1px solid #E2E2E2;
}

._2vUMz._2N5af {
    min-width: auto;
}

/* Display information for the initial blox */

._2Wc6M {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;

    padding-right: 0.5em;
    font-size: 24px;
}

._2Wc6M ._1o3km {
    font-weight: bold;
    color: black;
}

._2Wc6M ._2N341 {
    font-size: 0.6875em;
}

/* Head information */

._cker {
    text-align: right;
    padding: 0.5em;
    min-width: 0;
}

/* Plot graph element */

.GvdI5 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

/* Information at the end of the step */

._129-- {
    text-align: right;
    padding: 0.5em 0.5em 0  0.5em;
    font-size: 16px;
}

._129-- ._1o3km {

}

._129-- ._2N341 {
    font-size: 0.6875em;
    margin-top: 1em;
}

/* Small version */

._2Xb73 ._cker,
._2Xb73 ._129-- {
    display: none;
}

._2Xb73 ._2vUMz {
    border-color: white;
}
._1PyuO {
    color: #606E7B;
    font-size: 24px;
}
._3LQ64 {
    color: #606E7B;
    font-size: 24px;
}

.bQKSq {
  padding-bottom: 40px;
}

._2Ydkd {
  max-width: 940px;
}

.bQKSq a {
    text-decoration: none;
}

._3LQ64 {
}

._1JV60 {
}

._11yCM {
    padding-top: 20px;
    padding-bottom: 20px;
    border-color: #EDF5FB;
}

._3wIie {
}

._2nDq4 {
    color: #606E7B;
    font-size: 18px;
}

._1Q1yt {
}

._1Q1yt:hover {
    color: #2D86D4;
}

._2GXvv {
    color: #AAB7C3;
    font-size: 14px;
}

._3q1Jt {
    color: #606E7B;
}

/* TAG */

.iQVSf .LUqOT {
    visibility: visible;
    color: #2D86D4;
}

._1vLFj {
}

._1ZXxG {
    margin-bottom: 8px;
}

._1-Vqi {
    font-size: 14px;
    border-radius: 2px;
    padding: 0.25em 0.5em;
    margin: 0 0.25em;
    line-height: 1;
    white-space: nowrap;
}

.CtDFn {
    color: rgba(0, 0, 0, .54);
    border: 1px solid #DEEAF1;
    box-shadow: 1px 1px 0 0 #BFD5E1;
}

._2g6EI {
    margin-right: 0.5em;
}
._2kJ06 {
    color: #606E7B;
    font-size: 24px;
}

._1kFfJ {
    line-height: 1;
    font-size: 14px;
    color: #509EE3;
}

._20mbT {
}

/* ALL CHECKBOX */

.qLQQf {
    margin-left: 10px;
    visibility: visible !important;
}

._3K4Pi {
    color: #2D86D4 !important;
}

._17u7u {
}

._17u7u .Icon {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

._17u7u .Icon-chevrondown {
    color: #DEEAF1;
}
._3KyyC {
    color: #606E7B;
    font-size: 24px;
}

._1_ONh {
    width: 290px;
    color: #606E7B;
    overflow: hidden;
}

.qDG3R {
    font-size: 14px;
}

._30c9y {
    font-size: 14px;
}

._1Gj3C {
    max-height: 300px;
}

._1N0JU {
}

._17I8h {
    font-size: 1em;
    color: #606E7B;
}

._1csl0 {
    opacity: 0.1;
    background-color: currentColor;
    visibility: hidden;
}

._1N0JU._2jwpl ._17I8h,
._1N0JU:hover ._17I8h {
    color: inherit;
}

._1N0JU._2jwpl ._1csl0,
._1N0JU:hover ._1csl0 {
    visibility: visible;
}

._1El4N {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

._2db6G {
}

._1sB4G {
    visibility: hidden;
}

._1N0JU:hover ._1sB4G {
    visibility: visible;
}
._2Xzg6 {
    width: 18px;
    height: 18px;
    border-radius: 3px;
}

.BdMvi {
    font-size: 20px;
}

._2ztzj {
    color: currentColor;
}
.tfpVo {
    transition: opacity 500ms linear;
    border: 2px solid rgb(223, 223, 223);
    margin-right: 0.85em;
    margin-bottom: 0.5em;
    padding: 0.25em 1em 0.25em 1em;
}

.tfpVo legend {
    text-transform: none;
    position: relative;
    height: 2px;
    line-height: 0;
    margin-left: -0.45em;
    padding: 0 0.5em;
}

.tfpVo._2twtF {
    opacity: 0.4;
}

.tfpVo._2twtF:hover {
    opacity: 1;
}

._20z_B {
    font-weight: 600;
    min-height: 30px;
    min-width: 150px;
    color: rgb(149, 149, 149);
}

._2i2x7 {
    min-height: 30px;
    min-width: 150px;
    color: rgb(149, 149, 149);
    border: none;
    font-size: 1em;
    font-weight: 600;
    border: none;
}

._2G87x {
    margin-right: 0;
    margin-left: 0;
}

._2G87x ._2m475 {
    font-size: 14px;
}

._2G87x ._20z_B {
    min-width: 0;
    min-height: 0;
    background-color: transparent;
    font-size: 14px;
}

._20z_B._2YcmO {
    font-weight: bold;
    color: #509EE3;
    border-color: #509EE3;
}

._20z_B.pg3LL input {
    /* NOTE: Fixed with to circumvent issues with flexbox with container having a min-width */
    width: 115px;
    font-size: 1em;
    font-weight: 600;
    border: none;
    background: none;
}

._20z_B.pg3LL._2AYUY input {
    width: 138px;
}

._20z_B.pg3LL._2YcmO input {
    width: 127px;
    font-weight: bold;
    color: #509EE3;
}

._20z_B.pg3LL input:focus {
    outline: none;
    color: #727479;
    width: 127px;
}

._20z_B.pg3LL input::-webkit-input-placeholder {
    color: rgb(149, 149, 149);
}

._20z_B.pg3LL input:-moz-placeholder {
    color: rgb(149, 149, 149);
}

._20z_B.pg3LL input::-moz-placeholder {
    color: rgb(149, 149, 149);
}

._20z_B.pg3LL input:-ms-input-placeholder {
    color: rgb(149, 149, 149);
}

._38Q_V {
}

._2i2x7:focus,
._38Q_V:focus {
    outline: none;
}

._2m475 {
    font-size: 16px;
    font-weight: bold;
    color: rgb(149, 149, 149);
}

._2bHbr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    font-size: smaller;
}

._3tq8o,
._1kPst {
}

._3tq8o:hover {
    color: #509EE3;
}

._1kPst:hover {
    color: #E35050;
}

._1oJCz {
    display: inline-block;
    height: 0;
    margin-left: 0.25em;
    width: 10px;
}

._1oJCz > svg {
    position: absolute;
    top: -6px;
}._1PJaB {
  padding: 1em;
  min-width: 200px;
}

._3oZM_ {
  color: rgb(149, 149, 149);
  font-weight: bold;
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 1em;
  margin-left: 0.5em;
}

._3sT2c {

  color: #727479;
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

._3sT2c:hover,
._3sT2c:hover .UY_RI  {
  color: #509EE3 !important;
}

._3sT2c._1YWy_.BoMv1,
._3sT2c._1YWy_.BoMv1 .UY_RI {
  color: #9CC177;
}

._3sT2c .Icon {
  visibility: hidden;
  margin-right: 0.5em;
}

._3sT2c:hover .Icon {
  visibility: visible;
}

._3sT2c.BoMv1 .Icon {
  visibility: visible;
}

._3sT2c .UY_RI {
  color: rgb(149, 149, 149);
}
._31Acd {
    font-size: 16px;
    border: 2px solid #509EE3;
    border-radius: 4px;
    min-height: 30px;
    min-width: 100px;
    padding: 0.25em 0.5em 0.25em 0.5em;
    color: #727479;
}

._1cuH0 {
    border-color: #9CC177;
    color: #9CC177;
}

._2bBGA {
    border-color: #E35050 !important;
    color: #E35050 !important;
}

._3fcMT {
    border-color: inherit;
}
.i3TqC {
    color: #606E7B;
    font-size: 24px;
}

.i3TqC {
}

._2XxIP {
}

._3JeVK {
}

._2Jnvg,
.CMeaj {
}

._2Jnvg {
}

._1Jfun {
    font-size: 18px;
    color: #606E7B;
}

.y4x81 {
    font-weight: bold;
    color: #509EE3;
}

.SKUG5 {
}

.SKUG5,
.y4x81 {
    visibility: hidden;
}

._2Jnvg:hover .SKUG5,
._2Jnvg:hover .y4x81 {
    visibility: visible;;
}
._2ADeB {
    font-size: 18px;
}

._3rOd9 {
}

.K3QaF {
}
._3JYQX {
    color: #606E7B;
    font-size: 24px;
}

._2t5sZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom: 0px;
}

._1c_Rr {
}

._3JRr7 {
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

._14UYr {
    border: 1px solid transparent;
    width: 50px;
    height: 50px;
}

._14UYr:hover {
    border: 1px solid rgb(235, 235, 235);
    border-radius: 3px;
    background-color: rgb(248, 248, 248);
    cursor: pointer;
}

._3OfvB {
    border: 1px solid #d9d9d9;
    padding: 10px;
}

._3OfvB:hover {
    border-color: #aaa;
}

._6GHBB {
    color: #d9d9d9;
}

._3q1QM {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #CFE4F5;
}

._3q1QM:hover {
    color: #2D86D4;
}
/* disable focus rings on react-virtualized's Grids */
._3DzAH [tabindex] {
    outline: none !important;
}
:root {
    /* taken from Sidebar.css, should probably factor them out into variables */
}

._3_Ba_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #BFC1C2;
}

._2TF9W {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
}

._2gIyS {
    margin-left: 0.75em;
    margin-right: 0.75em;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

/* the breadcrumb path will always inherit the color of the breadcrumbs object */

._2TF9W._22hhf {
    color: currentColor;
    transition: color .3s linear;
}

._2TF9W._22hhf:hover {
    color: #636060;
    transition: color .3s linear;
}

/* the breadcrumb page (current page) should be a different contrasting color  */

._2TF9W._3fU6E {
    color: #636060;
}

._3d7eA {
    color: #9CAEBE;
    max-width: 100%;
}

.eVgJF {
    height: 15px;
}

/* the breadcrumb path will always inherit the color of the breadcrumbs object */

.eVgJF._22hhf {
    color: currentColor;
    transition: color .3s linear;
}

.eVgJF._22hhf:hover {
    color: #2D86D4;
    transition: color .3s linear;
}

/* the breadcrumb page (current page) should be a different contrasting color  */

.eVgJF._3fU6E {
    color: #2D86D4;
}
.PageFlag {
  margin-left: 15px;
  display: inline-block;
  position: relative;
  min-width: 50px;
  height: 24px;
  background-color: rgb(53, 141, 248);
  box-sizing: content-box;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border: 3px solid white;
  border-left: 1px solid white;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .5);

  color: white;
  font-weight: bold;
  padding-left: 0.5em;
  padding-right: 0.75em;
  line-height: 24px;

  transition: left 0.5s ease-in-out, top 0.5s ease-in-out;

  z-index: 5;
}

.PageFlag:before,
.PageFlag:after {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
}

.PageFlag:after {
  left: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid rgb(53, 141, 248);
}

.PageFlag:before {
  content: " ";
  top: -3px;
  left: -16px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right:15px solid white;
}

.PageFlag--large {
  height: 42px;
  line-height: 42px;
}

.PageFlag--large:after {
  left: -21px;
  border-width: 21px;
}

.PageFlag--large:before {
  left: -25px;
  border-width: 24px;
}

.PageFlag-enter {
  transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: opacity 200ms linear, transform 200ms linear;
  transition: opacity 200ms linear, transform 200ms linear, -webkit-transform 200ms linear;
  opacity: 0.01;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.PageFlag-enter-active {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.PageFlag-leave {
  transition: opacity 200ms linear, -webkit-transform 200ms linear;
  transition: opacity 200ms linear, transform 200ms linear;
  transition: opacity 200ms linear, transform 200ms linear, -webkit-transform 200ms linear;
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

.PageFlag-leave-active {
  opacity: 0.01;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.bounce-left {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-name: bounceleft;
          animation-name: bounceleft;
}

@-webkit-keyframes bounceleft {
  0% {
    -webkit-transform:translateX(50px);
            transform:translateX(50px);
  }
  5% {
    -webkit-transform:translateX(50px);
            transform:translateX(50px);
  }
  15% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
  30% {
    -webkit-transform:translateX(25px);
            transform:translateX(25px);
  }
  40% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  50% {
    -webkit-transform:translateX(15px);
            transform:translateX(15px);
  }
  70% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  80% {
    -webkit-transform:translateX(7px);
            transform:translateX(7px);
  }
  90% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  95% {
    -webkit-transform:translateX(3px);
            transform:translateX(3px);
  }
  97% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  99% {
    -webkit-transform:translateX(1px);
            transform:translateX(1px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}

@keyframes bounceleft {
  0% {
    -webkit-transform:translateX(50px);
            transform:translateX(50px);
  }
  5% {
    -webkit-transform:translateX(50px);
            transform:translateX(50px);
  }
  15% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
  30% {
    -webkit-transform:translateX(25px);
            transform:translateX(25px);
  }
  40% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  50% {
    -webkit-transform:translateX(15px);
            transform:translateX(15px);
  }
  70% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  80% {
    -webkit-transform:translateX(7px);
            transform:translateX(7px);
  }
  90% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  95% {
    -webkit-transform:translateX(3px);
            transform:translateX(3px);
  }
  97% {
    -webkit-transform:translateX(0px);
            transform:translateX(0px);
  }
  99% {
    -webkit-transform:translateX(1px);
            transform:translateX(1px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}
.SortableItemList-list {
    overflow-y: auto;
}
.saveQuestionModalFields {
    overflow: hidden;
}

.saveQuestionModalFields-enter {
    max-height: 0px;
}

.saveQuestionModalFields-enter.saveQuestionModalFields-enter-active {
    /* using 100% max-height breaks the transition */
    max-height: 300px;
    transition: max-height 500ms ease-out;
}

.saveQuestionModalFields-leave {
    max-height: 300px;
}

.saveQuestionModalFields-leave.saveQuestionModalFields-leave-active {
    max-height: 0px;
    transition: max-height 500ms ease-out;
}
.NativeQueryEditor .ace_editor {
    height: 100%;
}

.NativeQueryEditor .react-resizable {
  position: relative;
}

.NativeQueryEditor .react-resizable-handle {
  position: absolute;
  width: 100%;
  height: 10px;
  bottom: -5px;
  cursor: ns-resize;
}

.NativeQueryEditor .ace_editor.read-only .ace_cursor {
    display: none;
}

.NativeQueryEditor .ace_editor .ace_gutter-cell {
    padding-top: 2px;
    font-size: 10px;
    font-weight: 700;
    color: rgb(174, 174, 174);
    padding-left: 0;
    padding-right: 0;
    display: block;
    text-align: center;
}

.NativeQueryEditor .ace_editor .ace_gutter {
    background-color: #F9FBFC;
    border-right: 1px solid #F0F0F0;
    padding-left: 5px;
    padding-right: 5px;
}
.cCKvM {
}

._1LYwk {
    max-width: 100%;
}

._1EvPY {
    border: 1px solid currentColor;
    border-radius: 99px;
    width: 20px;
    width: 1.25rem;
    height: 20px;
    height: 1.25rem;
}._3We6t {
    color: #509EE3;
    font-weight: normal;
    font-size: 16px;
}

._3We6t:hover {
    color: rgb(72, 142, 204);
    transition: color .3s linear;
}

.ob3VY {
}._2EsTk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 43px;
    background-color: #6CAFED;
}


._3xwd3 {
}


._34R76 {
    border: none;
    color: #6CAFED;
}


._2jdvQ {
}


._1swfk {
    opacity: 0.5;
}
._2ffFt {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;
}

._10mBH {
    resize: none;
    font-size: 16px;
    min-height: 100px;
}
._3ptc3 {
    font-size: 16px;
}

._2uiuf {
}

.Ofb-4 {
}

._2Qa0O {
}

._1K96C {
    font-size: 14px;
}.oOYV9:last-child {
    margin-bottom: 0;
}

._2K-XC {
    resize: none;
    font-size: 16px;
    width: 100%;
    min-height: 100px;
    background-color: unset;
}

._2K-XC:last-child {
    margin-bottom: 0;
}
._2-ZZC {
  padding-left: 45px;
  padding-right: 45px;
}

.L8K64 {
  margin-left: 45px;
  margin-right: 45px;
}

._1-jio {
    width: 345px;
    background-color: rgb(248, 252, 253);
    border-right: 1px solid rgb(223, 238, 245);
    color: #606E7B;
}

._1-jio a {
    text-decoration: none;
}

._2YdM- {
}

._1qQzv,
._143k8 {
}

._1qQzv {
    font-size: 1em;
    color: #CFE4F5;
}

._1qQzv .saWAj {
  line-height: 1em;
}

._143k8 {
    font-size: 16px;
}

._1qQzv._1CO2D,
._1qQzv._1CO2D .saWAj,
._143k8._1CO2D,
._1qQzv:hover,
._1qQzv:hover .saWAj,
._143k8:hover {
    background-color: #E3F0F9;
    color: #2D86D4;
}

._2A40N {
}

._1IN-G {
    color: #9CAEBE;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

._1qQzv:hover ._1IN-G,
._1qQzv._1CO2D ._1IN-G {
    color: #2D86D4;
}

.saWAj {
}

._2zt9Q {
}
.OrJnq {
  max-width: 940px;
  padding-bottom: 40px;
}

._22-Fp {
  max-width: 940px;
}

.OrJnq a {
    text-decoration: none;
}

._2Q0dA {
    color: #606E7B;
    font-size: 24px;
    min-height: 48px;
}

._3PuT1 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    border-color: #EDF5FB;
}

._3jMbI {
    font-size: 14px;
}

._1Xizi {
    font-size: 14px;
}

._35R0S {
    padding-top: 75px;
}

._3TXsO {
}

._1xlpf {
    max-width: 550px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-color: #EDF5FB;
}

._18GKE {
    max-width: 100%;
    overflow: hidden;
    color: #606E7B;
    font-size: 18px;
}

.DgBui {
    max-width: 100%;
    overflow: hidden;
}

.DgBui:hover {
    color: #2D86D4;
}

.S4xyd {
    color: #AAB7C3;
    font-size: 14px;
}

._3eIll {
    color: #AAB7C3;
    font-size: 14px;
}

._2XUgV {
    color: #606E7B;
}

._3A7d2 {
}

.lVe5d {
    width: 48px;
}

._36T_3 {
}

._3dGxg {
    right: -40px;
}

/* hack fix for IE 11 which was hiding the archive icon */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ._3dGxg {
  }
}

._3wr12 {
    color: #DEEAF1;
}

._3TXsO ._3wr12 {
    visibility: hidden;
}

._3TXsO:hover ._3wr12 {
    visibility: visible;
}

._3wr12:hover {
    color: #2D86D4;
    transition: color .3s linear;
}

/* ITEM CHECKBOX */

._3hW74 {
    display: none;
    visibility: visible !important;
    margin-left: 10px;
}

._3TXsO:hover ._3hW74,
._3TXsO._1yGSm ._3hW74 {
    display: inline;
}

._3TXsO._1yGSm ._3hW74 {
    color: #2D86D4;
}

/* ITEM ICON */

._2ied7 {
    visibility: visible !important;
}

._3TXsO:hover ._2ied7,
._3TXsO._1yGSm ._2ied7 {
    display: none;
}

/* CHART ICON */

._1UrM0 {
    visibility: visible !important;
}

/* ACTION ICONS */

._3xPxp,
._3Nsel,
.bPQA9 {
}

/* TAG */

._3DoUO ._3xPxp {
    visibility: visible;
    color: #2D86D4;
}

/* FAVORITE */

._3TXsO._1iENE ._3Nsel {
    visibility: visible;
    color: #2D86D4;
}

/* ARCHIVE */

._3TXsO._3e35b .bPQA9 {
    color: #2D86D4;
}

._1oUEe {
    line-height: 0;
}
._3hqM3 {
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-color: #EDF5FB;
}

._3RsBq {
    font-size: 18px;
    color: #606E7B;
    width: 100%;
    max-width: 550px;
}

._2iZsI {
}

.jgTY3 {
    margin-left: calc(48px + 1rem);
    font-size: 16px;
}

._1usD6 {
    color: #509EE3;
    text-decoration: none;
}

._1usD6:hover {
    color: rgb(72, 142, 204);
    transition: color .3s linear;
}

.QplMQ {
    left: calc(48px + 1rem);
    top: -10px;
    font-size: 12px;
}
.mZTuB {
    margin-left: calc(48px + 1rem);
}

._1GT7O {
    max-width: 550px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.cDEmX {
    color: #606E7B;
    font-size: 18px;
}

._3XQ7b {
    white-space: pre-wrap;
}

._18EFR {
    color: #AAB7C3;
}

._2ttuh {
    resize: none;
    font-size: 16px;
    width: 100%;
    min-height: 100px;
}
.POIhF {
    font-size: 14px;
}
._190pI {
    font-size: 16px;
    color: #AAB7C3;
}._2Hhl3 {
    background-color: #FBFCFD;
    margin-left: calc(48px + 1rem);
    max-width: 550px;
    cursor: pointer;
}

._3CI1f {
}

.kp0FY {
    font-size: 16px;
}

._1kWrk {
}

.formulaDefinition {
    overflow: hidden;
}

.formulaDefinition-enter {
    max-height: 0px;
}

.formulaDefinition-enter.formulaDefinition-enter-active {
    /* using 100% max-height breaks the transition */
    max-height: 150px;
    transition: max-height 300ms ease-out;
}

.formulaDefinition-leave {
    max-height: 150px;
}

.formulaDefinition-leave.formulaDefinition-leave-active {
    max-height: 0px;
    transition: max-height 300ms ease-out;
}
._3lkOe {
    padding-top: 75px;
}

._12lXO {
    max-width: 400px;
}

._2Nc8g {
}

._1nDeh {
    margin-left: calc(48px + 1rem);
    padding-top: 20px;
    padding-bottom: 20px;
}

._3eHg- {
    padding-top: 20px;
    padding-left: calc(48px + 1rem);
}

.bdjv2 {
    margin-left: calc(48px + 1rem);
    font-size: 18px;
}

._3JG6m {
    color: #AAB7C3;
}

._3h8aH {
}

._3h8aH::before {
    /*FIXME: not sure how to share this with other components
     because we can't use composes here apparently. any workarounds?*/
    content: '';
    display: block;
    -webkit-box-flex: 0.3;
        -ms-flex: 0.3;
            flex: 0.3;
    max-width: 250px;
    margin-right: 50px;
}

._2kKIm {
    -webkit-box-flex: 0.7;
        -ms-flex: 0.7;
            flex: 0.7;
    max-width: 550px;
}

._1ssXs {
    margin-bottom: 50px;
}

._16TLB {
    font-size: 24px;
    margin-top: 50px;
}

._3t1qJ {
}

._3cYiX {
    font-size: 18px;
}

._3eu5P {
}

._27TXd {
}

._2d-Io {
    margin-bottom: 100px;
}

._1MaeR {
    font-size: 16px;
}

._3TJNb {
    max-width: 550px;
    color: #4C545B;
}

._1MXor {
    font-size: 24px;
}

._38Ah_ {
}

._2kwIW {
}

._2hn2X {
    font-size: 16px;
    color: #606E7B;
}

._3fnbu {
    font-size: 16px;
}

._1Ysza {
    color: #606E7B;
    font-size: 16px;
    margin-top: 50px;
}

._28W2g {
    color: rgb(198, 198, 198);
    font-size: 16px;
    max-width: 700px;
}

.JxqTW {
    padding-right: 56px;
    padding-right: 3.5rem;
}

.JxqTW::before {
    content: '';
    display: block;
    -webkit-box-flex: 250;
        -ms-flex: 250;
            flex: 250;
    max-width: 250px;
    margin-right: 50px;
}

._2RVkP {
    -webkit-box-flex: 550;
        -ms-flex: 550;
            flex: 550;
    max-width: 550px;    
}

._2JkPZ {
    resize: none;
    font-size: 16px;
    width: 100%;
    max-width: 850px;
    min-height: 100px;
}

._15kU1 {
}

._1zQbQ {
    -webkit-box-flex: 250;
        -ms-flex: 250;
            flex: 250;
    max-width: 250px;
    margin-right: 50px;
}

._3P-xH {
    -webkit-box-flex: 550;
        -ms-flex: 550;
            flex: 550;
    max-width: 550px;
}

._3a5pX {
    font-size: 16px;
    display: block;
}
._3J87J {
}

._3hiLw {
}

._3jtS4 {
    font-size: 16px;
}

._3MrIp {
    color: #606E7B;
    width: 100%;
    font-size: 14px;
}

._1uQ7X {
}

._12hYh {
    overflow: hidden;
    white-space: nowrap;
}

._3FxLA {
}

.Nf7Hp {
    font-size: 13px;
}

._1NnDR {
}

._4KwNG {
}

._1ujEJ {
}
.EmbedFrame {
  background-color: white;
}

.EmbedFrame-header,
.EmbedFrame-footer {
  color: #4C545B;
  background-color: white;
}

.Theme--night.EmbedFrame {
  background-color: rgb(54, 58, 61);
  border: 1px solid rgb(46, 49, 52);
}

.Theme--night .EmbedFrame-header,
.Theme--night .EmbedFrame-footer {
  color: rgba(255, 255, 255, .86);
  background-color: rgb(54, 58, 61);
  border-color: rgb(46, 49, 52);
}

.Theme--night.EmbedFrame .fullscreen-night-text {
  color: rgba(255, 255, 255, .86);
  transition: color 1s linear;
}

.Theme--night.EmbedFrame svg text {
  fill: rgba(255, 255, 255, .86) !important;
}

.Theme--night.EmbedFrame .DashCard .Card {
  background-color: rgb(54, 58, 61);
  border: 1px solid rgb(46, 49, 52);
}

.Theme--night.EmbedFrame .enable-dots-onhover .dc-tooltip circle.dot:hover,
.Theme--night.EmbedFrame .enable-dots .dc-tooltip circle.dot {
  fill: currentColor;
}

/*# sourceMappingURL=app-main.bundle.css.map?83fda5d08b6ef0f35961f4b7699a5bfc*/