/* 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 4px 10px rgba(0, 0, 0, .1);
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, 175);
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;
}
.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, 175);
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, 175);
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, .5);
}
.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, 175);
}
.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;
}
.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, 175);
position: relative;
border: 1px solid rgba(198, 199, 200, 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, 175);
border: 2px solid rgb(223, 224, 225);
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;
}
.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);
}
}
._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;
}
/*
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;
}
._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.TableInteractive-cellWrapper--firstColumn {
border-top-left-radius: 6px;
}
.TableInteractive-headerCellData.TableInteractive-cellWrapper--lastColumn {
border-top-right-radius: 6px;
}
.TableInteractive-headerCellData .Icon {
opacity: 0;
}
.TableInteractive-headerCellData--sorted .Icon {
opacity: 1;
transition: opacity 0.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;
}
._3yC8D {
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 0 1em 1.5em;
}
._3yC8D._3Nt-8 {
padding: 2.8em 1.3em 0.65em 1.3em;
}
._3yC8D ._3KwDU {
padding: 0.5em 0.75em 0.5em 0.75em;
font-size: 1.143em;
line-height: 1.602em;
pointer-events: all;
resize: none;
outline: none;
border-radius: 4px;
}
._3yC8D ._3KwDU:focus {
border-color: #509ee3;
background-color: white;
box-shadow: 0 1px 7px rgba(0, 0, 0, .1);
}
._3yC8D ._1J_Mq {
overflow: auto;
pointer-events: all;
}
._3yC8D ._1J_Mq h1 {
font-weight: 900;
font-size: 1.831em;
margin: 0.375em 0 0.25em 0;
padding-right: 1.5em;
}
._3yC8D ._1J_Mq h2 {
font-size: 1.627em;
margin: 0.375em 0 0.25em 0;
padding-right: 1.5em;
}
._3yC8D ._1J_Mq h3 {
font-size: 1.447em;
margin: 0.375em 0 0.25em 0;
padding-right: 1.5em;
}
._3yC8D ._1J_Mq h4 {
font-size: 1.286em;
margin: 0.375em 0 0.25em 0;
padding-right: 1.5em;
}
._3yC8D ._1J_Mq h5 {
font-size: 1.143em;
margin: 0.375em 0 0.25em 0;
padding-right: 1.5em;
}
._3yC8D ._1J_Mq p {
font-size: 1.143em;
line-height: 1.602em;
padding: 0;
margin: 0 1.5em 0.5em 0;
}
._1J_Mq ul {
font-size: 16px;
margin: 0.5em 0 0.5em 0;
padding: 0 1.5em 0 1em;
list-style-type: disc;
}
._1J_Mq ol {
font-size: 16px;
margin: 0.5em 0 0.5em 0;
padding: 0 1.5em 0 1em;
list-style-type: decimal;
}
._1J_Mq li {
list-style-position: inside;
padding: 0.25em 0 0 0;
}
._1J_Mq ol li::before {
content: "";
width: 7px;
display: inline-block;
}
._1J_Mq a {
font-weight: bold;
cursor: pointer;
text-decoration: none;
color: #4a90e2;
}
._1J_Mq a:hover {
text-decoration: underline;
}
._1J_Mq a:hover {
text-decoration: underline;
}
._1J_Mq th {
text-align: left;
}
._1J_Mq table {
/* standard table reset */
border-collapse: collapse;
border-spacing: 0;
margin: 1em 0 1em 0;
width: 100%;
font-family: Monaco, monospace;
font-size: 12.64px;
line-height: 12.16px;
line-height: 0.76rem;
text-align: left;
}
._1J_Mq tr {
border-bottom: 1px solid rgba(213, 213, 213, .3);
}
._1J_Mq tr:nth-child(even) {
background-color: rgba(0, 0, 0, .02);
}
._1J_Mq th,
._1J_Mq td {
padding: 0.75em;
border: 1px solid rgba(213, 213, 213, .3);
}
._1J_Mq code {
font-family: Monaco, monospace;
font-size: 12.64px;
line-height: 20px;
padding: 0 0.25em;
background-color: #f8f9fa;
border-radius: 4px;
}
._1J_Mq pre code {
padding: 1em;
display: block;
margin-right: 1.5em;
}
._1J_Mq blockquote {
color: rgb(149, 149, 150);
border-left: 5px solid rgb(223, 224, 225);
padding: 0 1.5em 0 17px;
margin: 0.5em 0 0.5em 1em;
}
._1J_Mq blockquote p {
padding: 0;
margin: 0;
}
._1J_Mq img {
width: 100%;
height: auto;
}
@media screen and (max-width: 80em) {
._3yC8D {
padding: 0.5em 0 0.5em 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.8;
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);
}
*/
/* hide leaflet-draw controls */
.leaflet-draw.leaflet-control {
display: none;
}
.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;
}
/* TODO - ideally this would be more reusable and not hardcode a value */
@-webkit-keyframes progress-bar {
from {
-webkit-transform: translate3d(0, 0, 0, 0);
transform: translate3d(0, 0, 0, 0);
}
to {
-webkit-transform: translate3d(1000px, 0, 0);
transform: translate3d(1000px, 0, 0);
}
}
@keyframes progress-bar {
from {
-webkit-transform: translate3d(0, 0, 0, 0);
transform: translate3d(0, 0, 0, 0);
}
to {
-webkit-transform: translate3d(1000px, 0, 0);
transform: translate3d(1000px, 0, 0);
}
}
/* 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, 224, 225) !important;
}
.border-grey-2 {
border-color: rgb(198, 199, 200) !important;
}
.border-green {
border-color: #9cc177 !important;
}
.border-purple {
border-color: #a989c5 !important;
}
.border-error,
._3P-AT {
border-color: #e35050 !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;
}
/* 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: #e35050;
}
.bg-error,
.bg-error-hover:hover {
background-color: #e35050;
}
.bg-error-input {
background-color: #fce8e8;
}
/* 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: #90bd64;
}
.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,
.bg-purple-hover:hover {
background-color: #a989c5;
}
.bg-green {
background-color: #9cc177;
}
.bg-green-saturated,
.bg-green-saturated-hover:hover {
background-color: #90bd64;
}
/* alt */
.bg-alt,
.bg-alt-hover:hover {
background-color: #f5f7f9;
}
/* grey */
.text-grey-1,
._3Gl-E,
.text-grey-1-hover:hover {
color: rgb(223, 224, 225);
}
.text-grey-2,
._2SVp9,
.text-grey-2-hover:hover {
color: rgb(198, 199, 200);
}
.text-grey-3,
._1fEsB,
.text-grey-3-hover:hover {
color: rgb(174, 174, 175);
}
.text-grey-4,
.text-grey-4-hover:hover {
color: rgb(149, 149, 150);
}
.text-grey-5,
.text-grey-5-hover:hover {
color: rgb(124, 125, 125);
}
.bg-grey-0,
.bg-grey-0-hover:hover {
background-color: #f8f9fa;
}
.bg-grey-05 {
background-color: rgb(236, 237, 238);
}
.bg-grey-1 {
background-color: rgb(223, 224, 225);
}
.bg-grey-2 {
background-color: rgb(198, 199, 200);
}
.bg-grey-3 {
background-color: rgb(174, 174, 175);
}
.bg-grey-4 {
background-color: rgb(149, 149, 150);
}
.bg-grey-5 {
background-color: rgb(124, 125, 125);
}
.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;
}
@media screen and (min-width: 40em) {
.sm-flex-row {
-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: 0.83em;
}
.h6 {
font-size: 0.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: 0.83em;
}
.sm-h6 {
font-size: 0.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: 0.83em;
}
.md-h6 {
font-size: 0.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: 0.83em;
}
.lg-h6 {
font-size: 0.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 0.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 0.3s linear;
color: #222;
}
.input--borderless,
.input--borderless:focus {
box-shadow: none;
outline: 0;
border: none !important;
background: transparent;
}
.input:disabled {
opacity: 0.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;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: 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;
min-height: 10px;
}
.scroll-show--hover::-webkit-scrollbar {
display: none;
}
.scroll-show--hover:hover::-webkit-scrollbar {
display: inherit;
}
.scroll-show::-webkit-scrollbar-thumb {
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;
}
.mb-auto {
margin-bottom: 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 0.3s linear;
}
.transition-background,
._18Xrq {
transition: background 0.2s linear;
}
.transition-shadow {
transition: box-shadow 0.2s linear;
}
.transition-all {
transition: all 0.2s linear;
}
.transition-border {
transition: border 0.3s linear;
}
._1k4_d {
z-index: 99;
}
._14p1j {
width: 320px;
background-color: #2e353b;
color: white;
}
.yvUyo {
}
._318oQ {
color: #509ee3;
}
.lsc_S {
color: rgb(223, 224, 225);
}
.lsc_S:hover {
color: rgb(174, 174, 175);
}
/* enter and exit initial and final state */
.UndoListing-enter,
.UndoListing-leave.UndoListing-leave-active {
opacity: 0.01;
transition: opacity 300ms ease-in;
}
.UndoListing-leave,
.UndoListing-enter.UndoListing-enter-active {
opacity: 1;
}
._1-Z9y {
color: #606e7b;
font-size: 24px;
}
._3WCb_ {
color: #deeaf1;
}
._3VMyy {
color: #606e7b;
font-size: 20px;
width: 100%;
}
._3VMyy::-webkit-input-placeholder {
color: #aab7c3;
}
._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;
}
._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, 224, 225);
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, 150);
}
._2i2x7 {
min-height: 30px;
min-width: 150px;
color: rgb(149, 149, 150);
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, 150);
}
._20z_B.pg3LL input:-moz-placeholder {
color: rgb(149, 149, 150);
}
._20z_B.pg3LL input::-moz-placeholder {
color: rgb(149, 149, 150);
}
._20z_B.pg3LL input:-ms-input-placeholder {
color: rgb(149, 149, 150);
}
._38Q_V {
}
._2i2x7:focus,
._38Q_V:focus {
outline: none;
}
._2m475 {
font-size: 16px;
font-weight: bold;
color: rgb(149, 149, 150);
}
._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, 150);
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, 150);
}
._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;
}
/* 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 0.3s linear;
}
._2TF9W._22hhf:hover {
color: #636060;
transition: color 0.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 0.3s linear;
}
.eVgJF._22hhf:hover {
color: #2d86d4;
transition: color 0.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 {
top: 0;
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, 175);
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 0.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,
._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 0.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 0.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, 199, 200);
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?ba841c448482b4531e8298f24aeb0ccf*/