@charset "UTF-8";
/*
 * Copyright (c) 2014 GE Global Research. All rights reserved.
 *
 * The copyright to the computer software herein is the property of
 * GE Global Research. The software may be used and/or copied only
 * with the written permission of GE Global Research or in accordance
 * with the terms and conditions stipulated in the agreement/contract
 * under which the software has been supplied.
 */
/*
THIS FILE SHOULD CONTAIN ONLY RULES SPECIFIC TO PREDIX BRANDING
common/abstract rules go in px-datetime-range-field-sketch.scss, not in this file.
*/
/*
 * Copyright (c) 2014 GE Global Research. All rights reserved.
 *
 * The copyright to the computer software herein is the property of
 * GE Global Research. The software may be used and/or copied only
 * with the written permission of GE Global Research or in accordance
 * with the terms and conditions stipulated in the agreement/contract
 * under which the software has been supplied.
 */
/*
THIS FILE SHOULD CONTAIN ONLY ABSTRACT/'SKETCH' THEME RULES, NOT SPECIFIC TO PREDIX BRANDING
Predix branding rules go in px-rangepicker-predix.scss, not in this file.
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 0.9375em;
  /* [1] */
  line-height: 1.3333333333;
  /* [1] */
  background-color: white;
  color: black;
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Margins
   ========================================================================== */
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 1rem; }

/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 2rem; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10. Make images shrink from their largest size.
 */
img {
  max-width: 100%;
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Zero margins for figure.
 */
figure {
  margin: 0; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/**
 * the html and :host declarations cannot be adjacent to one other
 * or cssmin will combine them into a single rule, breaking in
 * Safari and Firefox.
 */
:host {
  /*! Comment to prevent cssmin munging this rule with html above and borking Safari */
  box-sizing: border-box; }

/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/*------------------------------------*    #PX-COLORS-DESIGN
\*------------------------------------*/
/**
 * Brand Colors
 */
/**
     * Primary
     */
/**
     * Light
     */
/**
     * Dark
     */
/**
 * Monochromatic (gray10 is darkest, gray1 is lightest)
 */
/**
 * Define grey = gray to avoid dev typos
 */
/**
 * Buttons
 */
/**
 * Selection
 */
/**
 * Alerts
 */
/**
 * Data Visualization
 */
/**
     * Basic
     */
/**
     * Light
     */
/**
     * Dark
     */
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  /**
 * Default link colors
 */
  /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */ }
  a:link, a:visited {
    color: #3e87e8; }
  a:hover {
    color: #3573c5; }
  a:active {
    color: #2b5ea2; }
  a:active, a:hover {
    outline: 0; }

/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.text--left {
  text-align: left !important; }

.text--center {
  text-align: center !important; }

.text--right {
  text-align: right !important; }

/**
 * Full height element
 */
.full-height {
  height: 100% !important; }

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
  cursor: help !important; }

/**
 * Mute an object by reducing its opacity.
 */
.muted {
  opacity: 0.5 !important; }

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
  text-align: right !important; }

/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
  text-transform: uppercase !important; }

/**
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/**
 * Hide content off-screen without resorting to `display:none;`
 */
.a11y,
.visuallyhidden {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important; }

.a11y.focusable:active, .a11y.focusable:focus,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  overflow: visible;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto; }

@media screen and (max-width: 44.9375em) {
  .a11y-palm,
  .visuallyhidden-palm {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 45em) and (max-width: 63.9375em) {
  .a11y-lap,
  .visuallyhidden-lap {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 45em) {
  .a11y-lap-and-up,
  .visuallyhidden-lap-and-up {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

@media screen and (max-width: 63.9375em) {
  .a11y-portable,
  .visuallyhidden-portable {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

@media screen and (min-width: 64em) {
  .a11y-desk,
  .visuallyhidden-desk {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  .a11y-retina,
  .visuallyhidden-retina {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important; } }

/**
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden !important; }

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

.inline--flex {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.flex--row {
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row; }

.flex--row--rev {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex--col {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex--col--rev {
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.flex--nowrap {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.flex--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.flex--wrap--rev {
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse; }

.flex--left {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.flex--center {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex--right {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.flex--justify {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

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

.flex--top {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start; }

.flex--middle {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.flex--bottom {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.flex--stretch {
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flex--baseline {
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.flex--top--multi {
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start; }

.flex--middle--multi {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center; }

.flex--bottom--multi {
  -webkit-align-content: flex-end;
      -ms-flex-line-pack: end;
          align-content: flex-end; }

.flex--stretch--multi {
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch; }

.flex--justify--multi {
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between; }

.flex--spaced--multi {
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around; }

.flex__item {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex__item--top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start; }

.flex__item--middle {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center; }

.flex__item--bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end; }

.flex__item--baseline {
  -webkit-align-self: baseline;
      -ms-flex-item-align: baseline;
          align-self: baseline; }

.viewport {
  width: 100%;
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto; }

.viewport--full-height {
  min-height: 100vh; }

fieldset {
  margin: 0; }
  fieldset, fieldset legend {
    border: 0;
    padding: 0; }

legend {
  margin-bottom: 1.3333333333rem;
  font-weight: bold; }

.form-field {
  margin-bottom: 1.3333333333rem; }
  .form-field:last-child {
    margin-bottom: 2.6666666667rem; }

label {
  display: block;
  margin-bottom: 0.3333333333rem;
  cursor: pointer; }

.label--inline {
  display: inline-block;
  margin-bottom: 0;
  line-height: 1; }
  .label--inline + .text-input {
    margin-left: 0.6666666667rem; }

.text-input,
textarea, select {
  margin: 0;
  border: 1px solid #b1b1bc;
  font: inherit;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .text-input:disabled,
  textarea:disabled, select:disabled {
    cursor: not-allowed; }

.text-input,
textarea {
  width: 100%;
  padding: 0 0.6666666667rem;
  box-shadow: inset 0 0 0 1px #e4e4ea;
  background-color: #efeff4;
  color: black; }
  .text-input[readonly], .text-input[disabled],
  textarea[readonly],
  textarea[disabled] {
    box-shadow: none; }
  .text-input[readonly],
  textarea[readonly] {
    border: 1px solid #e4e4ea;
    background-color: white;
    color: #b1b1bc; }
  .text-input:disabled,
  textarea:disabled {
    border: 1px solid #e4e4ea;
    box-shadow: none;
    background-color: #f7f7fc;
    color: #b1b1bc; }
  .text-input:focus,
  textarea:focus {
    border-color: #0a9ec1;
    box-shadow: inset 0 0 0 1px #d1d0d8; }
  .text-input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #b1b1bc; }
  .text-input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #b1b1bc; }

select {
  border-radius: 3px;
  padding: 0 3em 0 1em;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  line-height: calc(2em - 2px);
  height: calc(2em - 2px);
  cursor: pointer;
  background-color: #e4e4ea;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%233b3b3f%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.6666666667rem) 37.5%;
  color: #3b3b3f; }
  select:hover, select:focus {
    border: 1px solid #9999a3;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #b1b1bc; }
  select:active {
    border: 1px solid #7c7c84;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #9999a3; }
  select:disabled {
    border: 1px solid #d1d0d8;
    box-shadow: none;
    background-color: white;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20viewBox%3D%220%200%20658%201024%22%3E%3Cpath%20fill%3D%22%23d1d0d8%22%20d%3D%22M614.286%20420.571q0%207.429-5.714%2013.143l-266.286%20266.286q-5.714%205.714-13.143%205.714t-13.143-5.714l-266.286-266.286q-5.714-5.714-5.714-13.143t5.714-13.143l28.571-28.571q5.714-5.714%2013.143-5.714t13.143%205.714l224.571%20224.571%20224.571-224.571q5.714-5.714%2013.143-5.714t13.143%205.714l28.571%2028.571q5.714%205.714%205.714%2013.143z%22%2F%3E%3C%2Fsvg%3E");
    color: #d1d0d8; }
  select[multiple] {
    border: 1px solid #b1b1bc;
    padding: 0.3333333333rem;
    cursor: pointer;
    background: #f7f7fc; }

select::-ms-expand {
  display: none; }

@-moz-document url-prefix() {
  select {
    padding-top: .4em;
    padding-bottom: .4em; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select {
    padding-top: .4em;
    padding-bottom: .4em; } }

.text-input {
  height: 2em;
  line-height: 1; }
  .text-input + [type=checkbox], .text-input + [type=radio] {
    margin-left: 1.3333333333rem; }
  .text-input + .label--inline {
    margin-left: 0.6666666667rem; }
  .text-input[type=search] {
    -webkit-appearance: none;
    padding: 0; }
  .text-input::-webkit-input-placeholder {
    padding-top: 1px; }
  .text-input:-moz-placeholder {
    padding-top: 1px; }

.text-input + [type=submit], .text-input [type=cancel],
.label--inline + [type=submit],
.label--inline [type=cancel] {
  margin-left: 1.3333333333rem; }

textarea {
  overflow: auto;
  min-height: calc(120px + 0.6666666667rem);
  padding: 0.3333333333rem 0.6666666667rem;
  resize: vertical; }

[type=checkbox], [type=radio] {
  margin: 0;
  padding: 0;
  font-size: 1.05em;
  cursor: pointer; }
  [type=checkbox][disabled], [type=radio][disabled] {
    cursor: not-allowed; }
    [type=checkbox][disabled] + .label--inline, [type=radio][disabled] + .label--inline {
      cursor: not-allowed; }

[type=checkbox] + .label--inline {
  padding-left: 5px; }

[type=radio] + .label--inline {
  padding-left: 3px; }

.form-field__help {
  display: inline-block;
  margin-top: 0.3333333333rem;
  font-size: 1rem;
  line-height: inherit;
  color: #7c7c84; }

/**
   * Text inputs with no styles.
   */
.text-input--bare {
  border: 0 !important; }

/**
   * Styles for validation states
   */
.validation-warning {
  color: #dd6b1f; }

.validation-error {
  color: #e53838; }

.validation-success {
  color: #46ad00; }

.text-input.validation-warning {
  border-color: #dd6b1f;
  color: inherit; }

.text-input.validation-error {
  border-color: #e53838;
  color: inherit; }

.text-input.validation-success {
  border-color: #46ad00;
  color: inherit; }

.form {
  position: relative; }

.text-input {
  width: auto; }

.validation-container {
  cursor: pointer;
  margin-left: auto; }

.validation-container__icon {
  width: 0.8666666667rem;
  height: 0.8666666667rem;
  vertical-align: text-top; }

/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.u-(m|p)(t|r|b|l|h|v)(-|+|0) {}` = utility - margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Margin helper classes.
     *
     * Add margins.
     */
.u-m {
  margin: 1rem !important; }

.u-mt {
  margin-top: 1rem !important; }

.u-mr {
  margin-right: 1rem !important; }

.u-mb {
  margin-bottom: 1rem !important; }

.u-ml {
  margin-left: 1rem !important; }

.u-mh {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.u-mv {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

/**
     * Add tiny margins.
     */
.u-m-- {
  margin: 0.3333333333rem !important; }

.u-mt-- {
  margin-top: 0.3333333333rem !important; }

.u-mr-- {
  margin-right: 0.3333333333rem !important; }

.u-mb-- {
  margin-bottom: 0.3333333333rem !important; }

.u-ml-- {
  margin-left: 0.3333333333rem !important; }

.u-mh-- {
  margin-right: 0.3333333333rem !important;
  margin-left: 0.3333333333rem !important; }

.u-mv-- {
  margin-top: 0.3333333333rem !important;
  margin-bottom: 0.3333333333rem !important; }

/**
     * Add small margins.
     */
.u-m- {
  margin: 0.6666666667rem !important; }

.u-mt- {
  margin-top: 0.6666666667rem !important; }

.u-mr- {
  margin-right: 0.6666666667rem !important; }

.u-mb- {
  margin-bottom: 0.6666666667rem !important; }

.u-ml- {
  margin-left: 0.6666666667rem !important; }

.u-mh- {
  margin-right: 0.6666666667rem !important;
  margin-left: 0.6666666667rem !important; }

.u-mv- {
  margin-top: 0.6666666667rem !important;
  margin-bottom: 0.6666666667rem !important; }

/**
     * Add large margins.
     */
.u-m\00002b
{
  margin: 1.3333333333rem !important; }

.u-mt\00002b
{
  margin-top: 1.3333333333rem !important; }

.u-mr\00002b
{
  margin-right: 1.3333333333rem !important; }

.u-mb\00002b
{
  margin-bottom: 1.3333333333rem !important; }

.u-ml\00002b
{
  margin-left: 1.3333333333rem !important; }

.u-mh\00002b
{
  margin-right: 1.3333333333rem !important;
  margin-left: 1.3333333333rem !important; }

.u-mv\00002b
{
  margin-top: 1.3333333333rem !important;
  margin-bottom: 1.3333333333rem !important; }

/**
     * Remove margins.
     */
.u-m0 {
  margin: 0 !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mr0 {
  margin-right: 0 !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-ml0 {
  margin-left: 0 !important; }

.u-mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.u-mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.validation-container__icon--failed {
  color: #e53838; }

.to {
  color: var(--px-datetime-range-field-to-color, black); }