@charset "UTF-8";
@font-face {
  font-family: "Proxima";
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.eot");
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.eot?#iefix") format("embedded-opentype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Proxima";
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.eot");
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.eot?#iefix") format("embedded-opentype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "icons";
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.eot");
  src: url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.eot?#iefix") format("eot"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.svg#icons") format("svg");
}
.namely-ui {
  /*****

    MAIN STYLESHEET FOR NAMELY

  *****/
  /**

    base
  -----------------------------------------

    Your CS begins with some global variables, a reset, some mixins, and a print stylesheet.

  ---------------------------------------*/
  /**

    sizing
  -------------------------

    Variables for controlling visual sizing and spacing with utility classes.

  -----------------------*/
  /** pixels here for reference
  -------------------------------
    $space-1  =   .3125rem  = 5px
    $space-2  =   .625rem   = 10px
    $space-3  =   1.25rem   = 20px
    $space-4  =   1.875rem  = 30px
    $space-5  =   2.5rem    = 40px
  -------------------------------*/
  /**

    reset
  --------------------------------

    This reset institutes block and margin/padding resets.

    Based off of Normalize

  ------------------------------*/
  /**

    fonts
  -------------------------------------

    Define the fonts used in this app and declare silent classes to be used in your CSS.

  -----------------------------------*/
  /* sans
  ------------------------------------

    This is your basic sans font.

  ---------------------------------*/
  /* serif
  -----------------------------------

    This is your basic serif font.

  ---------------------------------*/
  /* weights
  ----------------------------------

    Various weights used with your fonts

  --------------------------------*/
  /****

    states

  **********************

    Utility classes for interaction states that can be used around a site.

    i.e. .is-selected, .hover-container > .hover-show

  *********************/
  /**

    borders
  -----------------------

    These are the utility classes for borders and border-radii.

    b: border
    bw: border-width

  ---------------------*/
  /****

    Vertical alignment

  **********************

    Utility classes for vertical alignment.

  *********************/
  /**

    selection
  -----------------------

    These are styles related to cursor selection.

    no-select: selection is disabled

  ---------------------*/
  /**

    elements
  --------------------------------------

    Global styling of elements.

  ------------------------------------*/
  /**

    html
  -----------------------------------------

    HTML should contain the sit's default background color and font-size

  ---------------------------------------*/
  /**

    body
  -------------------------------------

    Body should contain the document's default font and background color for the content, if that background color is different than the html.

  -----------------------------------*/
  /**

    typogrpahy
  --------------------------

    We set default typographic styles for the body, headings, paragraphs, lists, and other elements.

    Additionally, we add classnames so we can apply the styling of, for instance, an h1 to an h2.

  ------------------------*/
  /**

    links
  ------------------------------------

    Links, <a> etc. & Webkit tab highlight

  ----------------------------------*/
  /* anchors
  ------------------------------------

    Anchors will have this base styling

  ----------------------------------*/
  /**

    buttons
  -------------------------------------

    Various button styles

  -----------------------------------*/
  /* ------- WHITE CHECKBOX, GREY TICK ------- */
  /* ------- BLUE CHECKBOX, WHITE TICK, NO BORDER ------- */
  /* overrides, remove when deprecation above rule disapear */
  /* overrides, remove when deprecation above rule disapear */
  /* checkmark tick */
  /**
   * React Select
   * ============
   * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
   * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
   * MIT License: https://github.com/keystonejs/react-select
  */
  /**

    datepicker
  -----------------------------------------

    (Mostly) sizing rules for the Namely UI datepicker.

  ---------------------------------------*/
  /**

    layout
  -----------------------------

    A large portion of CSS is structural layout. You will use these helpers to crate the scaffolding that will support the elements and modules that make up your site.

  ---------------------------*/
  /**

    grid
  --------------------------------

    The grid is made up of utility classes that refer to the number of columns out of a 12 column system.

  ------------------------------*/
  /**

    flexbox
  ---------------------------

    Flexbox is a modern layout tool we can take advantage of on occasion using the following utility classes.

  -------------------------*/
  /**

    display
  -------------------------

    Utility classes for setting the display style for an element.

  ------------------------*/
  /**

    floats
  -------------------------

    Utility classes for setting the float style for an element.

  ------------------------*/
  /**

    overflow
  -------------------------

    Utility classes for setting the overflow style for an element.

  ------------------------*/
  /**

    positions
  --------------------------

    The position styles for an element with these utility classes

  ------------------------*/
  /**

    spacing
  --------------------------

    Utility classes used for controlling margin and padding for elements.

    m: margin
    p: padding
    t: top
    r: right
    b: bottom
    l: left
    x: x-axis (left and right)
    y: y-axis (top and bottom)
    n: Negative (margin only)

  ------------------------*/
  /**

    components
  ------------------------------

    Reusuable objects that are combinations of elements and other components.

    When you create a new component, make sure the partial is in the component directory and import it below.

  ----------------------------*/
  /**

    grid
  ---------------------------

    THe grid component is made up of grid blocks to display how the column classes work visually.

  -------------------------*/
  /**********

    Triangle Shape Component

  **************************

    A simple component for creating a triangle shape in several directions

  *************************/
  /*

  based on http://jxnblk.com/vhs/

  */
  /*****************************
   *
   *  Shame
   *
   *  Quick hacks that should only be temporary. Commit only in an emergency
   ****************************/
}
.namely-ui .white {
  color: #ffffff;
}
.namely-ui .bg-white {
  background-color: #ffffff;
}
.namely-ui .bc-white {
  border-color: #ffffff;
}
.namely-ui .blue-50 {
  color: #276df6;
}
.namely-ui .bg-blue-50 {
  background-color: #276df6;
}
.namely-ui .bc-blue-50 {
  border-color: #276df6;
}
.namely-ui .blue-70 {
  color: #276df6;
}
.namely-ui .bg-blue-70 {
  background-color: #276df6;
}
.namely-ui .bc-blue-70 {
  border-color: #276df6;
}
.namely-ui .blue-80 {
  color: #4686ff;
}
.namely-ui .bg-blue-80 {
  background-color: #4686ff;
}
.namely-ui .bc-blue-80 {
  border-color: #4686ff;
}
.namely-ui .blue-05 {
  color: #e5f3ff;
}
.namely-ui .bg-blue-05 {
  background-color: #e5f3ff;
}
.namely-ui .bc-blue-05 {
  border-color: #e5f3ff;
}
.namely-ui .blue-25 {
  color: #276df6;
}
.namely-ui .bg-blue-25 {
  background-color: #276df6;
}
.namely-ui .bc-blue-25 {
  border-color: #276df6;
}
.namely-ui .blue-95 {
  color: #2a3742;
}
.namely-ui .bg-blue-95 {
  background-color: #2a3742;
}
.namely-ui .bc-blue-95 {
  border-color: #2a3742;
}
.namely-ui .orange {
  color: #e05b18;
}
.namely-ui .bg-orange {
  background-color: #e05b18;
}
.namely-ui .bc-orange {
  border-color: #e05b18;
}
.namely-ui .orange-pastel {
  color: #f5c3aa;
}
.namely-ui .bg-orange-pastel {
  background-color: #f5c3aa;
}
.namely-ui .bc-orange-pastel {
  border-color: #f5c3aa;
}
.namely-ui .orange-shade {
  color: #b85828;
}
.namely-ui .bg-orange-shade {
  background-color: #b85828;
}
.namely-ui .bc-orange-shade {
  border-color: #b85828;
}
.namely-ui .orange-dark {
  color: #87411d;
}
.namely-ui .bg-orange-dark {
  background-color: #87411d;
}
.namely-ui .bc-orange-dark {
  border-color: #87411d;
}
.namely-ui .yellow {
  color: #fdb836;
}
.namely-ui .bg-yellow {
  background-color: #fdb836;
}
.namely-ui .bc-yellow {
  border-color: #fdb836;
}
.namely-ui .yellow-pastel {
  color: #fee5b7;
}
.namely-ui .bg-yellow-pastel {
  background-color: #fee5b7;
}
.namely-ui .bc-yellow-pastel {
  border-color: #fee5b7;
}
.namely-ui .yellow-shade {
  color: #d2a043;
}
.namely-ui .bg-yellow-shade {
  background-color: #d2a043;
}
.namely-ui .bc-yellow-shade {
  border-color: #d2a043;
}
.namely-ui .yellow-dark {
  color: #9b7531;
}
.namely-ui .bg-yellow-dark {
  background-color: #9b7531;
}
.namely-ui .bc-yellow-dark {
  border-color: #9b7531;
}
.namely-ui .green {
  color: #52ac00;
}
.namely-ui .bg-green {
  background-color: #52ac00;
}
.namely-ui .bc-green {
  border-color: #52ac00;
}
.namely-ui .green-pastel {
  color: #c0e1a3;
}
.namely-ui .bg-green-pastel {
  background-color: #c0e1a3;
}
.namely-ui .bc-green-pastel {
  border-color: #c0e1a3;
}
.namely-ui .green-shade {
  color: #4a8b0f;
}
.namely-ui .bg-green-shade {
  background-color: #4a8b0f;
}
.namely-ui .bc-green-shade {
  border-color: #4a8b0f;
}
.namely-ui .green-dark {
  color: #36660a;
}
.namely-ui .bg-green-dark {
  background-color: #36660a;
}
.namely-ui .bc-green-dark {
  border-color: #36660a;
}
.namely-ui .teal {
  color: #00c2cb;
}
.namely-ui .bg-teal {
  background-color: #00c2cb;
}
.namely-ui .bc-teal {
  border-color: #00c2cb;
}
.namely-ui .teal-pastel {
  color: #a3e9ed;
}
.namely-ui .bg-teal-pastel {
  background-color: #a3e9ed;
}
.namely-ui .bc-teal-pastel {
  border-color: #a3e9ed;
}
.namely-ui .teal-shade {
  color: #129ea5;
}
.namely-ui .bg-teal-shade {
  background-color: #129ea5;
}
.namely-ui .bc-teal-shade {
  border-color: #129ea5;
}
.namely-ui .teal-dark {
  color: #0c7379;
}
.namely-ui .bg-teal-dark {
  background-color: #0c7379;
}
.namely-ui .bc-teal-dark {
  border-color: #0c7379;
}
.namely-ui .purple {
  color: #9846af;
}
.namely-ui .bg-purple {
  background-color: #9846af;
}
.namely-ui .bc-purple {
  border-color: #9846af;
}
.namely-ui .purple-pastel {
  color: #dec2e5;
}
.namely-ui .bg-purple-pastel {
  background-color: #dec2e5;
}
.namely-ui .bc-purple-pastel {
  border-color: #dec2e5;
}
.namely-ui .purple-shade {
  color: #6f3b7e;
}
.namely-ui .bg-purple-shade {
  background-color: #6f3b7e;
}
.namely-ui .bc-purple-shade {
  border-color: #6f3b7e;
}
.namely-ui .purple-dark {
  color: #582e63;
}
.namely-ui .bg-purple-dark {
  background-color: #582e63;
}
.namely-ui .bc-purple-dark {
  border-color: #582e63;
}
.namely-ui .grey-3 {
  color: #f9f9f9;
}
.namely-ui .bg-grey-3 {
  background-color: #f9f9f9;
}
.namely-ui .bc-grey-3 {
  border-color: #f9f9f9;
}
.namely-ui .grey-5 {
  color: #f3f3f4;
}
.namely-ui .bg-grey-5 {
  background-color: #f3f3f4;
}
.namely-ui .bc-grey-5 {
  border-color: #f3f3f4;
}
.namely-ui .grey-10 {
  color: #dcdee0;
}
.namely-ui .bg-grey-10 {
  background-color: #dcdee0;
}
.namely-ui .bc-grey-10 {
  border-color: #dcdee0;
}
.namely-ui .grey-15 {
  color: #dcdee0;
}
.namely-ui .bg-grey-15 {
  background-color: #dcdee0;
}
.namely-ui .bc-grey-15 {
  border-color: #dcdee0;
}
.namely-ui .grey-25 {
  color: #c4c7ca;
}
.namely-ui .bg-grey-25 {
  background-color: #c4c7ca;
}
.namely-ui .bc-grey-25 {
  border-color: #c4c7ca;
}
.namely-ui .grey-50 {
  color: #6e757c;
}
.namely-ui .bg-grey-50 {
  background-color: #6e757c;
}
.namely-ui .bc-grey-50 {
  border-color: #6e757c;
}
.namely-ui .grey-75 {
  color: #2a3742;
}
.namely-ui .bg-grey-75 {
  background-color: #2a3742;
}
.namely-ui .bc-grey-75 {
  border-color: #2a3742;
}
.namely-ui .grey-90 {
  color: #2a3742;
}
.namely-ui .bg-grey-90 {
  background-color: #2a3742;
}
.namely-ui .bc-grey-90 {
  border-color: #2a3742;
}
.namely-ui .grey-95 {
  color: #2a3742;
}
.namely-ui .bg-grey-95 {
  background-color: #2a3742;
}
.namely-ui .bc-grey-95 {
  border-color: #2a3742;
}
.namely-ui *, .namely-ui *::before, .namely-ui *::after {
  margin: 0;
  padding: 0;
}
.namely-ui article,
.namely-ui aside,
.namely-ui details,
.namely-ui figcaption,
.namely-ui figure,
.namely-ui footer,
.namely-ui header,
.namely-ui hgroup,
.namely-ui main,
.namely-ui nav,
.namely-ui section,
.namely-ui summary,
.namely-ui audio,
.namely-ui canvas,
.namely-ui video {
  display: block;
}
@font-face {
  .namely-ui {
    font-family: "Proxima";
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.eot");
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.eot?#iefix") format("embedded-opentype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-reg.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
@font-face {
  .namely-ui {
    font-family: "Proxima";
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.eot");
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.eot?#iefix") format("embedded-opentype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/proximanova-sbold.svg#proxima_nova_ltsemibold") format("svg");
    font-weight: bold;
    font-style: normal;
  }
}
@font-face {
  .namely-ui {
    font-family: "icons";
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.eot");
    src: url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.eot?#iefix") format("eot"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.woff") format("woff"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.ttf") format("truetype"), url("https://dzmqh46i6l1ir.cloudfront.net/public/namely-ui.icons.svg#icons") format("svg");
  }
}
.namely-ui .Select-arrow:before, .namely-ui .checkbox-white[type=checkbox]:checked:before, .namely-ui [type=checkbox]:checked:before, .namely-ui .icon-view:before, .namely-ui .icon-view-stop:before, .namely-ui .icon-upload:before, .namely-ui .icon-team:before, .namely-ui .icon-tags:before, .namely-ui .icon-tag:before, .namely-ui .icon-star:before, .namely-ui .icon-social-twitter:before, .namely-ui .icon-social-tumblr:before, .namely-ui .icon-social-linkedin:before, .namely-ui .icon-social-googleplus:before, .namely-ui .icon-social-google:before, .namely-ui .icon-social-fb:before, .namely-ui .icon-settings:before, .namely-ui .icon-search:before, .namely-ui .icon-print:before, .namely-ui .icon-plane:before, .namely-ui .icon-pin:before, .namely-ui .icon-phone:before, .namely-ui .icon-person:before, .namely-ui .icon-person-add:before, .namely-ui .icon-people:before, .namely-ui .icon-pencil:before, .namely-ui .icon-paperclip:before, .namely-ui .icon-namely:before, .namely-ui .icon-namely-inverted:before, .namely-ui .icon-mobile:before, .namely-ui .icon-lock:before, .namely-ui .icon-location:before, .namely-ui .icon-list:before, .namely-ui .icon-link:before, .namely-ui .icon-key:before, .namely-ui .icon-home:before, .namely-ui .icon-help:before, .namely-ui .icon-heart:before, .namely-ui .icon-heart-outline:before, .namely-ui .icon-graph:before, .namely-ui .icon-folder:before, .namely-ui .icon-folder-open:before, .namely-ui .icon-flagpole:before, .namely-ui .icon-flag:before, .namely-ui .icon-feed:before, .namely-ui .icon-export:before, .namely-ui .icon-expand:before, .namely-ui .icon-exit:before, .namely-ui .icon-email:before, .namely-ui .icon-drag:before, .namely-ui .icon-download:before, .namely-ui .icon-document:before, .namely-ui .icon-document-blank:before, .namely-ui .icon-disabled:before, .namely-ui .icon-denied:before, .namely-ui .icon-delete:before, .namely-ui .icon-delete-inverted:before, .namely-ui .icon-copy:before, .namely-ui .icon-collapse:before, .namely-ui .icon-clock:before, .namely-ui .icon-clipboard:before, .namely-ui .icon-clipboard-paste:before, .namely-ui .icon-clipboard-check:before, .namely-ui .icon-chevron-right:before, .namely-ui .icon-chevron-left:before, .namely-ui .icon-check:before, .namely-ui .icon-calendar:before, .namely-ui .icon-cake:before, .namely-ui .icon-bell:before, .namely-ui .icon-asterisk:before, .namely-ui .icon-arrow-up:before, .namely-ui .icon-arrow-right:before, .namely-ui .icon-arrow-left:before, .namely-ui .icon-arrow-down:before, .namely-ui .icon-arrow-double:before, .namely-ui .icon-api:before, .namely-ui .icon-alert:before {
  font-family: "icons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}
.namely-ui .icon-alert:before {
  content: "";
}
.namely-ui .icon-api:before {
  content: "";
}
.namely-ui .icon-arrow-double:before {
  content: "";
}
.namely-ui .icon-arrow-down:before {
  content: "";
}
.namely-ui .icon-arrow-left:before {
  content: "";
}
.namely-ui .icon-arrow-right:before {
  content: "";
}
.namely-ui .icon-arrow-up:before {
  content: "";
}
.namely-ui .icon-asterisk:before {
  content: "";
}
.namely-ui .icon-bell:before {
  content: "";
}
.namely-ui .icon-cake:before {
  content: "";
}
.namely-ui .icon-calendar:before {
  content: "";
}
.namely-ui .icon-check:before {
  content: "";
}
.namely-ui .icon-chevron-left:before {
  content: "";
}
.namely-ui .icon-chevron-right:before {
  content: "";
}
.namely-ui .icon-clipboard-check:before {
  content: "";
}
.namely-ui .icon-clipboard-paste:before {
  content: "";
}
.namely-ui .icon-clipboard:before {
  content: "";
}
.namely-ui .icon-clock:before {
  content: "";
}
.namely-ui .icon-collapse:before {
  content: "";
}
.namely-ui .icon-copy:before {
  content: "";
}
.namely-ui .icon-delete-inverted:before {
  content: "";
}
.namely-ui .icon-delete:before {
  content: "";
}
.namely-ui .icon-denied:before {
  content: "";
}
.namely-ui .icon-disabled:before {
  content: "";
}
.namely-ui .icon-document-blank:before {
  content: "";
}
.namely-ui .icon-document:before {
  content: "";
}
.namely-ui .icon-download:before {
  content: "";
}
.namely-ui .icon-drag:before {
  content: "";
}
.namely-ui .icon-email:before {
  content: "";
}
.namely-ui .icon-exit:before {
  content: "";
}
.namely-ui .icon-expand:before {
  content: "";
}
.namely-ui .icon-export:before {
  content: "";
}
.namely-ui .icon-feed:before {
  content: "";
}
.namely-ui .icon-flag:before {
  content: "";
}
.namely-ui .icon-flagpole:before {
  content: "";
}
.namely-ui .icon-folder-open:before {
  content: "";
}
.namely-ui .icon-folder:before {
  content: "";
}
.namely-ui .icon-graph:before {
  content: "";
}
.namely-ui .icon-heart-outline:before {
  content: "";
}
.namely-ui .icon-heart:before {
  content: "";
}
.namely-ui .icon-help:before {
  content: "";
}
.namely-ui .icon-home:before {
  content: "";
}
.namely-ui .icon-key:before {
  content: "";
}
.namely-ui .icon-link:before {
  content: "";
}
.namely-ui .icon-list:before {
  content: "";
}
.namely-ui .icon-location:before {
  content: "";
}
.namely-ui .icon-lock:before {
  content: "";
}
.namely-ui .icon-mobile:before {
  content: "";
}
.namely-ui .icon-namely-inverted:before {
  content: "";
}
.namely-ui .icon-namely:before {
  content: "";
}
.namely-ui .icon-paperclip:before {
  content: "";
}
.namely-ui .icon-pencil:before {
  content: "";
}
.namely-ui .icon-people:before {
  content: "";
}
.namely-ui .icon-person-add:before {
  content: "";
}
.namely-ui .icon-person:before {
  content: "";
}
.namely-ui .icon-phone:before {
  content: "";
}
.namely-ui .icon-pin:before {
  content: "";
}
.namely-ui .icon-plane:before {
  content: "";
}
.namely-ui .icon-print:before {
  content: "";
}
.namely-ui .icon-search:before {
  content: "";
}
.namely-ui .icon-settings:before {
  content: "";
}
.namely-ui .icon-social-fb:before {
  content: "";
}
.namely-ui .icon-social-google:before {
  content: "";
}
.namely-ui .icon-social-googleplus:before {
  content: "";
}
.namely-ui .icon-social-linkedin:before {
  content: "";
}
.namely-ui .icon-social-tumblr:before {
  content: "";
}
.namely-ui .icon-social-twitter:before {
  content: "";
}
.namely-ui .icon-star:before {
  content: "";
}
.namely-ui .icon-tag:before {
  content: "";
}
.namely-ui .icon-tags:before {
  content: "";
}
.namely-ui .icon-team:before {
  content: "";
}
.namely-ui .icon-upload:before {
  content: "";
}
.namely-ui .icon-view-stop:before {
  content: "";
}
.namely-ui .icon-view:before {
  content: "";
}
.namely-ui .hover-show {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.namely-ui .hover-container:hover .hover-show {
  opacity: 1;
}
.namely-ui .hover-danger:hover {
  color: #e05b18;
}
.namely-ui .hover-row:hover {
  background: #f3f3f4;
}
.namely-ui .pointer {
  cursor: pointer;
}
.namely-ui .is-open {
  height: auto;
}
.namely-ui .is-closed {
  height: 0;
}
.namely-ui .b {
  border-style: solid;
}
.namely-ui .bt {
  border-top-style: solid;
}
.namely-ui .br {
  border-right-style: solid;
}
.namely-ui .bb {
  border-bottom-style: solid;
}
.namely-ui .bl {
  border-left-style: solid;
}
.namely-ui .bd {
  border-style: dotted;
}
.namely-ui .btd {
  border-top-style: dotted;
}
.namely-ui .brd {
  border-right-style: dotted;
}
.namely-ui .bbd {
  border-bottom-style: dotted;
}
.namely-ui .bld {
  border-left-style: dotted;
}
.namely-ui .bw-1 {
  border-width: 1px;
}
.namely-ui .bw-2 {
  border-width: 2px;
}
.namely-ui .bw-3 {
  border-width: 3px;
}
.namely-ui .bw-4 {
  border-width: 4px;
}
.namely-ui .bw-5 {
  border-width: 5px;
}
.namely-ui .rounded-1 {
  border-radius: 2px;
}
.namely-ui .rounded-2 {
  border-radius: 3px;
}
.namely-ui .rounded-3 {
  border-radius: 6px;
}
.namely-ui .rounded-top-2 {
  border-radius: 3px 3px 0 0;
}
.namely-ui .rounded-bottom-2 {
  border-radius: 0 0 3px 3px;
}
.namely-ui .shadow {
  box-shadow: 0 2px 5px rgba(42, 55, 66, 0.1);
}
.namely-ui .circle {
  border-radius: 50%;
}
.namely-ui .not-rounded {
  border-radius: 0px;
}
.namely-ui table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
}
.namely-ui thead tr th {
  border-bottom: 3px solid #c4c7ca;
}
.namely-ui thead .secondary th {
  border-bottom: 0;
}
.namely-ui thead .secondary th:last-child {
  border-bottom: 1px solid #c4c7ca;
  color: #f3f3f4;
  font-weight: normal;
  text-transform: uppercase;
}
.namely-ui th {
  font-size: 1rem;
  font-weight: bold;
  padding: 0.625rem;
  text-align: left;
  vertical-align: bottom;
}
.namely-ui th,
.namely-ui td {
  line-height: inherit;
}
.namely-ui td {
  padding: 0.625rem;
  vertical-align: top;
}
.namely-ui tbody tr:hover {
  background-color: #f3f3f4;
}
.namely-ui tbody tr td {
  border-bottom: 1px solid #f3f3f4;
  margin-bottom: 0rem;
}
.namely-ui tbody tr:last-child td {
  border-bottom: 0;
}
.namely-ui .align-middle {
  vertical-align: middle;
}
.namely-ui .no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.namely-ui html {
  box-sizing: border-box;
  font-size: 100%;
  font-family: "Proxima";
}
.namely-ui * {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
.namely-ui body {
  font-family: "Proxima", sans-serif;
  line-height: 1.375;
}
.namely-ui h1, .namely-ui h2, .namely-ui h3, .namely-ui h4 {
  line-height: 1.1;
  margin: 0.625rem 0;
}
.namely-ui h5, .namely-ui h6 {
  line-height: 1.375;
  margin: 0.3125rem 0;
}
.namely-ui p {
  line-height: 1.375;
  margin: 0.625rem 0;
}
.namely-ui p, .namely-ui dl, .namely-ui ol, .namely-ui ul {
  font-size: 1rem;
}
.namely-ui small, .namely-ui .small {
  font-size: 0.875rem;
  line-height: 1;
}
.namely-ui hr {
  border: 0;
  border-bottom: 1px solid #c4c7ca;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.namely-ui h1, .namely-ui .h1 {
  font-size: 2.25rem;
}
.namely-ui h2, .namely-ui .h2 {
  font-size: 1.5rem;
}
.namely-ui h3, .namely-ui .h3 {
  font-size: 1.3rem;
}
.namely-ui h4, .namely-ui .h4 {
  font-size: 1.125rem;
}
.namely-ui h5, .namely-ui .h5 {
  font-size: 1rem;
}
.namely-ui h6, .namely-ui .h6 {
  font-size: 0.875rem;
}
.namely-ui .light {
  font-weight: 300;
}
.namely-ui .regular {
  font-weight: 400;
}
.namely-ui .semibold {
  font-weight: 600;
}
.namely-ui .bold {
  font-weight: 700;
}
.namely-ui .italic {
  font-style: italic;
}
.namely-ui .caps {
  text-transform: uppercase;
}
.namely-ui .left-align {
  text-align: left;
}
.namely-ui .center {
  text-align: center;
}
.namely-ui .right-align {
  text-align: right;
}
.namely-ui .justify {
  text-align: justify;
}
.namely-ui .nowrap {
  white-space: nowrap;
}
.namely-ui .list-reset {
  list-style: none;
  padding-left: 0px;
}
.namely-ui .noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.namely-ui [class*=language-] {
  background: #2a3742;
  border-color: #2a3742;
}
.namely-ui a {
  color: #276df6;
  text-decoration: none;
}
.namely-ui a:hover {
  color: #4686ff;
  cursor: pointer;
}
.namely-ui a:hover, .namely-ui a:active {
  outline: 0;
}
.namely-ui .popover.dark a,
.namely-ui .tooltip a {
  color: #276df6;
}
.namely-ui .popover.dark a:hover,
.namely-ui .tooltip a:hover {
  color: #ffffff;
  cursor: pointer;
}
.namely-ui .popover.dark a:hover, .namely-ui .popover.dark a:active,
.namely-ui .tooltip a:hover,
.namely-ui .tooltip a:active {
  outline: 0;
}
.namely-ui button,
.namely-ui .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #276df6;
  border: 0;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: normal;
  height: auto;
  line-height: 1.125rem;
  outline: none;
  padding: 0.46875rem 0.625rem;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  transition: background 0s, color 0s;
  vertical-align: middle;
}
.namely-ui button:hover, .namely-ui button:active,
.namely-ui .button:hover,
.namely-ui .button:active {
  background: #4686ff;
  text-decoration: none;
  transition: background 0.1s, color 0.1s;
}
.namely-ui button::before,
.namely-ui .button::before {
  font-size: 1rem;
  line-height: 1.125rem;
  margin-right: 0.3125rem;
}
.namely-ui ::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.namely-ui .button-secondary {
  background: #276df6;
}
.namely-ui .button-secondary:hover {
  background: #276df6;
}
.namely-ui .button-secondary:active {
  background: #4686ff;
}
.namely-ui .button-baby {
  background: #276df6;
}
.namely-ui .button-baby:hover {
  background: #276df6;
}
.namely-ui .button-baby:active {
  background: #4686ff;
}
.namely-ui .button-danger {
  background: #e05b18;
}
.namely-ui .button-danger:hover {
  background: #b85828;
}
.namely-ui .button-danger:active {
  background: #87411d;
}
.namely-ui .button-link {
  background: none;
  color: #276df6;
  font-size: 1rem;
  font-weight: bold;
  padding: 0;
}
.namely-ui .button-link:hover, .namely-ui .button-link:active {
  background: none;
  color: #4686ff;
}
.namely-ui .button-link.button-secondary {
  color: #276df6;
}
.namely-ui .button-link.button-secondary:hover {
  color: #276df6;
}
.namely-ui .button-link.button-secondary:active {
  color: #4686ff;
}
.namely-ui .button-link.button-danger {
  color: #e05b18;
}
.namely-ui .button-link.button-danger:hover {
  color: #b85828;
}
.namely-ui .button-link.button-danger:active {
  color: #87411d;
}
.namely-ui .button-link.button-baby {
  color: #276df6;
}
.namely-ui .button-link.button-baby:hover {
  color: #276df6;
}
.namely-ui .button-link.button-baby:active {
  color: #4686ff;
}
.namely-ui .button-link.button-sm {
  padding: 0;
}
.namely-ui .button-link:disabled, .namely-ui .button-link.button-disabled {
  color: #c4c7ca;
}
.namely-ui .button-sm {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1rem;
  padding: 0.25rem 0.625rem;
}
.namely-ui .button-sm::before {
  font-size: 0.625rem;
  line-height: 0.875rem;
}
.namely-ui .button-previous {
  background: #276df6;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: 1em;
  padding-left: 0.3125rem;
}
.namely-ui .button-previous::before {
  background: #276df6;
  content: "";
  height: 1.546875rem;
  left: -0.75rem;
  transition: background 0s;
  width: 1.546875rem;
}
.namely-ui .button-previous:hover {
  background: #276df6;
}
.namely-ui .button-previous:hover::before {
  background: #276df6;
}
.namely-ui .button-previous:active {
  background: #4686ff;
}
.namely-ui .button-previous:active::before {
  background: #4686ff;
}
.namely-ui .button-next {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  margin-right: 1em;
  padding-right: 0.3125rem;
}
.namely-ui .button-next::after {
  background: #276df6;
  content: "";
  height: 1.546875rem;
  right: -0.75rem;
  width: 1.546875rem;
}
.namely-ui .button-next:hover::after {
  background: #4686ff;
}
.namely-ui .button-previous,
.namely-ui .button-next {
  position: relative;
  transform: translateZ(0px);
  z-index: 20;
}
.namely-ui .button-previous::after, .namely-ui .button-previous::before,
.namely-ui .button-next::after,
.namely-ui .button-next::before {
  border-radius: 3px;
  display: block;
  line-height: 1.125rem;
  position: absolute;
  top: 0.2578125rem;
  transform: rotate(45deg) translateZ(0px);
  z-index: -1;
}
.namely-ui .button-previous:hover::before, .namely-ui .button-previous:hover::after,
.namely-ui .button-next:hover::before,
.namely-ui .button-next:hover::after {
  transition: background 0.1s;
}
.namely-ui .button-previous:active::before, .namely-ui .button-previous:active::after,
.namely-ui .button-next:active::before,
.namely-ui .button-next:active::after {
  background: #4686ff;
}
.namely-ui button:disabled,
.namely-ui .button-disabled {
  background: #c4c7ca;
  cursor: not-allowed;
}
.namely-ui button:disabled::before, .namely-ui button:disabled::after,
.namely-ui .button-disabled::before,
.namely-ui .button-disabled::after {
  background: #c4c7ca;
}
.namely-ui button:disabled:hover,
.namely-ui .button-disabled:hover {
  background: #c4c7ca;
}
.namely-ui button:disabled:hover::before, .namely-ui button:disabled:hover::after,
.namely-ui .button-disabled:hover::before,
.namely-ui .button-disabled:hover::after {
  background: #c4c7ca;
}
.namely-ui button:disabled.button-link,
.namely-ui .button-disabled.button-link {
  background: none;
}
.namely-ui .button-group {
  padding: 1.25rem;
  text-align: left;
}
.namely-ui .button-group button:not(.button-previous), .namely-ui .button-group .button:not(.button-previous) {
  margin-left: 0.625rem;
}
.namely-ui .button-group button:not(.button-previous):first-child, .namely-ui .button-group .button:not(.button-previous):first-child {
  margin-left: 0;
}
.namely-ui .button-group-actions {
  border-top: 1px solid #dcdee0;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.namely-ui .button-group-actions .button-group {
  padding: 0;
}
.namely-ui .button-group-actions .button-group:last-child {
  text-align: right;
}
.namely-ui .button-group-actions .button-group:last-child button, .namely-ui .button-group-actions .button-group:last-child .button {
  margin-left: 0;
}
.namely-ui .button-group-actions .button-group:last-child button:not(.button-next), .namely-ui .button-group-actions .button-group:last-child .button:not(.button-next) {
  margin-right: 0.625rem;
}
.namely-ui .button-group-actions .button-group:last-child button:not(.button-next):last-child, .namely-ui .button-group-actions .button-group:last-child .button:not(.button-next):last-child {
  margin-right: 0;
}
.namely-ui input {
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Proxima", sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 0;
}
.namely-ui input:-ms-input-placeholder {
  color: #f3f3f4;
}
.namely-ui input::placeholder {
  color: #f3f3f4;
}
.namely-ui input::not([readonly]):focus:-ms-input-placeholder {
  color: transparent;
}
.namely-ui input::not([readonly]):focus::placeholder {
  color: transparent;
}
.namely-ui input:focus {
  outline: 0;
}
.namely-ui input.bc-orange {
  border-color: #e05b18 !important;
}
.namely-ui [type=text],
.namely-ui [type=datetime],
.namely-ui [type=datetime-local],
.namely-ui [type=email],
.namely-ui [type=month],
.namely-ui [type=number],
.namely-ui [type=password],
.namely-ui [type=search],
.namely-ui [type=tel],
.namely-ui [type=time],
.namely-ui [type=url],
.namely-ui [type=week],
.namely-ui .date-field input {
  background-color: #e5f3ff;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #2a3742;
  vertical-align: middle;
  width: 100%;
}
.namely-ui [type=text].disabled, .namely-ui [type=text]:disabled,
.namely-ui [type=datetime].disabled,
.namely-ui [type=datetime]:disabled,
.namely-ui [type=datetime-local].disabled,
.namely-ui [type=datetime-local]:disabled,
.namely-ui [type=email].disabled,
.namely-ui [type=email]:disabled,
.namely-ui [type=month].disabled,
.namely-ui [type=month]:disabled,
.namely-ui [type=number].disabled,
.namely-ui [type=number]:disabled,
.namely-ui [type=password].disabled,
.namely-ui [type=password]:disabled,
.namely-ui [type=search].disabled,
.namely-ui [type=search]:disabled,
.namely-ui [type=tel].disabled,
.namely-ui [type=tel]:disabled,
.namely-ui [type=time].disabled,
.namely-ui [type=time]:disabled,
.namely-ui [type=url].disabled,
.namely-ui [type=url]:disabled,
.namely-ui [type=week].disabled,
.namely-ui [type=week]:disabled,
.namely-ui .date-field input.disabled,
.namely-ui .date-field input:disabled {
  background: #dcdee0;
  color: #f3f3f4;
}
.namely-ui [type=checkbox] {
  background-color: #ffffff;
  border: 0;
  height: 1.25rem;
  line-height: normal;
  position: relative;
  width: 1.25rem;
}
.namely-ui [type=checkbox]::after {
  background-color: #ffffff;
  border: 1px solid #dcdee0;
  border-radius: 3px;
  color: #f3f3f4;
  content: "";
  cursor: pointer;
  display: block;
  height: 1.25rem;
  position: absolute;
  width: 1.25rem;
  z-index: 1;
}
.namely-ui [type=checkbox]:disabled::after {
  background-color: #dcdee0;
  border-color: #dcdee0;
  border-radius: 3px;
  content: "";
  cursor: default;
}
.namely-ui [type=checkbox]:disabled:hover::after {
  border-color: #dcdee0;
}
.namely-ui [type=checkbox][readonly] {
  background: none;
}
.namely-ui [type=checkbox][readonly]::after {
  background: none;
  border: 0;
  cursor: default;
}
.namely-ui [type=checkbox]:hover::after {
  border-color: #f3f3f4;
}
.namely-ui [type=checkbox]:checked:before {
  content: "";
}
.namely-ui [type=checkbox]:checked::before {
  color: #f3f3f4;
  font-size: 0.875rem;
  left: 3px;
  position: absolute;
  top: 4px;
  z-index: 2;
}
.namely-ui [type=checkbox]:disabled:checked::after {
  border: 0;
  cursor: default;
  margin-left: 1px;
  margin-top: 1px;
}
.namely-ui .checkbox-white[type=checkbox] {
  background-color: #ffffff;
  border: 0;
  height: 1.25rem;
  line-height: normal;
  position: relative;
  width: 1.25rem;
}
.namely-ui .checkbox-white[type=checkbox]::after {
  background-color: #ffffff;
  border: 1px solid #dcdee0;
  border-radius: 3px;
  color: #f3f3f4;
  content: "";
  cursor: pointer;
  display: block;
  height: 1.25rem;
  position: absolute;
  width: 1.25rem;
  z-index: 1;
}
.namely-ui .checkbox-white[type=checkbox]:disabled::after {
  background-color: #dcdee0;
  border-color: #dcdee0;
  border-radius: 3px;
  content: "";
  cursor: default;
}
.namely-ui .checkbox-white[type=checkbox]:disabled:hover::after {
  border-color: #dcdee0;
}
.namely-ui .checkbox-white[type=checkbox][readonly] {
  background: none;
}
.namely-ui .checkbox-white[type=checkbox][readonly]::after {
  background: none;
  border: 0;
  cursor: default;
}
.namely-ui .checkbox-white[type=checkbox]:hover::after {
  border-color: #f3f3f4;
}
.namely-ui .checkbox-white[type=checkbox]:checked:before {
  content: "";
}
.namely-ui .checkbox-white[type=checkbox]:checked::before {
  color: #f3f3f4;
  font-size: 0.875rem;
  left: 3px;
  position: absolute;
  top: 4px;
  z-index: 2;
}
.namely-ui .checkbox-white[type=checkbox]:disabled:checked::after {
  border: 0;
  cursor: default;
  margin-left: 1px;
  margin-top: 1px;
}
.namely-ui .checkbox-blue[type=checkbox] {
  -moz-appearance: checkbox;
  /* otherwise the styles doesn't take affect in FF */
  background-color: #ffffff;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-appearance: none;
  position: relative;
  border-radius: 3px;
}
.namely-ui .checkbox-blue[type=checkbox]:checked {
  background-color: #276df6;
}
.namely-ui .checkbox-blue[type=checkbox]:after,
.namely-ui .checkbox-blue[type=checkbox]:before {
  background: none;
  border: 1px solid #dcdee0;
  content: "";
}
.namely-ui .checkbox-blue[type=checkbox]:checked:before {
  content: "";
}
.namely-ui .checkbox-blue[type=checkbox]:checked:after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 7px;
  top: 3px;
  width: 4px;
  border-bottom: 2px solid #FFF;
  height: 9px;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  border-radius: 0px;
}
.namely-ui select,
.namely-ui textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  font-family: "Proxima", sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
  margin-top: 0;
}
.namely-ui select:-ms-input-placeholder,
.namely-ui textarea:-ms-input-placeholder {
  color: #f3f3f4;
}
.namely-ui select::placeholder,
.namely-ui textarea::placeholder {
  color: #f3f3f4;
}
.namely-ui select::not([readonly]):focus:-ms-input-placeholder,
.namely-ui textarea::not([readonly]):focus:-ms-input-placeholder {
  color: transparent;
}
.namely-ui select::not([readonly]):focus::placeholder,
.namely-ui textarea::not([readonly]):focus::placeholder {
  color: transparent;
}
.namely-ui select:focus,
.namely-ui textarea:focus {
  outline: 0;
}
.namely-ui select.bc-orange,
.namely-ui textarea.bc-orange {
  border-color: #e05b18 !important;
}
.namely-ui label {
  color: #6e757c;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1;
}
.namely-ui select,
.namely-ui textarea {
  background-color: #e5f3ff;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: #2a3742;
  vertical-align: middle;
  width: 100%;
}
.namely-ui select.disabled, .namely-ui select:disabled,
.namely-ui textarea.disabled,
.namely-ui textarea:disabled {
  background: #dcdee0;
  color: #f3f3f4;
}
.namely-ui [type=text],
.namely-ui [type=datetime],
.namely-ui [type=datetime-local],
.namely-ui [type=email],
.namely-ui [type=month],
.namely-ui [type=number],
.namely-ui [type=password],
.namely-ui [type=search],
.namely-ui [type=tel],
.namely-ui [type=time],
.namely-ui [type=url],
.namely-ui [type=week],
.namely-ui textarea {
  border-color: #e5f3ff;
}
.namely-ui [type=text]:focus:not([readonly]), .namely-ui [type=text]:hover:not([readonly]),
.namely-ui [type=datetime]:focus:not([readonly]),
.namely-ui [type=datetime]:hover:not([readonly]),
.namely-ui [type=datetime-local]:focus:not([readonly]),
.namely-ui [type=datetime-local]:hover:not([readonly]),
.namely-ui [type=email]:focus:not([readonly]),
.namely-ui [type=email]:hover:not([readonly]),
.namely-ui [type=month]:focus:not([readonly]),
.namely-ui [type=month]:hover:not([readonly]),
.namely-ui [type=number]:focus:not([readonly]),
.namely-ui [type=number]:hover:not([readonly]),
.namely-ui [type=password]:focus:not([readonly]),
.namely-ui [type=password]:hover:not([readonly]),
.namely-ui [type=search]:focus:not([readonly]),
.namely-ui [type=search]:hover:not([readonly]),
.namely-ui [type=tel]:focus:not([readonly]),
.namely-ui [type=tel]:hover:not([readonly]),
.namely-ui [type=time]:focus:not([readonly]),
.namely-ui [type=time]:hover:not([readonly]),
.namely-ui [type=url]:focus:not([readonly]),
.namely-ui [type=url]:hover:not([readonly]),
.namely-ui [type=week]:focus:not([readonly]),
.namely-ui [type=week]:hover:not([readonly]),
.namely-ui textarea:focus:not([readonly]),
.namely-ui textarea:hover:not([readonly]) {
  border-color: #276df6;
}
.namely-ui [type=text]:disabled, .namely-ui [type=text].disabled,
.namely-ui [type=datetime]:disabled,
.namely-ui [type=datetime].disabled,
.namely-ui [type=datetime-local]:disabled,
.namely-ui [type=datetime-local].disabled,
.namely-ui [type=email]:disabled,
.namely-ui [type=email].disabled,
.namely-ui [type=month]:disabled,
.namely-ui [type=month].disabled,
.namely-ui [type=number]:disabled,
.namely-ui [type=number].disabled,
.namely-ui [type=password]:disabled,
.namely-ui [type=password].disabled,
.namely-ui [type=search]:disabled,
.namely-ui [type=search].disabled,
.namely-ui [type=tel]:disabled,
.namely-ui [type=tel].disabled,
.namely-ui [type=time]:disabled,
.namely-ui [type=time].disabled,
.namely-ui [type=url]:disabled,
.namely-ui [type=url].disabled,
.namely-ui [type=week]:disabled,
.namely-ui [type=week].disabled,
.namely-ui textarea:disabled,
.namely-ui textarea.disabled {
  border-color: #dcdee0;
}
.namely-ui [type=text]:disabled:focus:not([readonly]), .namely-ui [type=text]:disabled:hover:not([readonly]), .namely-ui [type=text].disabled:focus:not([readonly]), .namely-ui [type=text].disabled:hover:not([readonly]),
.namely-ui [type=datetime]:disabled:focus:not([readonly]),
.namely-ui [type=datetime]:disabled:hover:not([readonly]),
.namely-ui [type=datetime].disabled:focus:not([readonly]),
.namely-ui [type=datetime].disabled:hover:not([readonly]),
.namely-ui [type=datetime-local]:disabled:focus:not([readonly]),
.namely-ui [type=datetime-local]:disabled:hover:not([readonly]),
.namely-ui [type=datetime-local].disabled:focus:not([readonly]),
.namely-ui [type=datetime-local].disabled:hover:not([readonly]),
.namely-ui [type=email]:disabled:focus:not([readonly]),
.namely-ui [type=email]:disabled:hover:not([readonly]),
.namely-ui [type=email].disabled:focus:not([readonly]),
.namely-ui [type=email].disabled:hover:not([readonly]),
.namely-ui [type=month]:disabled:focus:not([readonly]),
.namely-ui [type=month]:disabled:hover:not([readonly]),
.namely-ui [type=month].disabled:focus:not([readonly]),
.namely-ui [type=month].disabled:hover:not([readonly]),
.namely-ui [type=number]:disabled:focus:not([readonly]),
.namely-ui [type=number]:disabled:hover:not([readonly]),
.namely-ui [type=number].disabled:focus:not([readonly]),
.namely-ui [type=number].disabled:hover:not([readonly]),
.namely-ui [type=password]:disabled:focus:not([readonly]),
.namely-ui [type=password]:disabled:hover:not([readonly]),
.namely-ui [type=password].disabled:focus:not([readonly]),
.namely-ui [type=password].disabled:hover:not([readonly]),
.namely-ui [type=search]:disabled:focus:not([readonly]),
.namely-ui [type=search]:disabled:hover:not([readonly]),
.namely-ui [type=search].disabled:focus:not([readonly]),
.namely-ui [type=search].disabled:hover:not([readonly]),
.namely-ui [type=tel]:disabled:focus:not([readonly]),
.namely-ui [type=tel]:disabled:hover:not([readonly]),
.namely-ui [type=tel].disabled:focus:not([readonly]),
.namely-ui [type=tel].disabled:hover:not([readonly]),
.namely-ui [type=time]:disabled:focus:not([readonly]),
.namely-ui [type=time]:disabled:hover:not([readonly]),
.namely-ui [type=time].disabled:focus:not([readonly]),
.namely-ui [type=time].disabled:hover:not([readonly]),
.namely-ui [type=url]:disabled:focus:not([readonly]),
.namely-ui [type=url]:disabled:hover:not([readonly]),
.namely-ui [type=url].disabled:focus:not([readonly]),
.namely-ui [type=url].disabled:hover:not([readonly]),
.namely-ui [type=week]:disabled:focus:not([readonly]),
.namely-ui [type=week]:disabled:hover:not([readonly]),
.namely-ui [type=week].disabled:focus:not([readonly]),
.namely-ui [type=week].disabled:hover:not([readonly]),
.namely-ui textarea:disabled:focus:not([readonly]),
.namely-ui textarea:disabled:hover:not([readonly]),
.namely-ui textarea.disabled:focus:not([readonly]),
.namely-ui textarea.disabled:hover:not([readonly]) {
  border-color: #dcdee0;
}
.namely-ui .date-field .icon-calendar {
  color: #276df6;
}
.namely-ui .date-field input {
  border-color: #e5f3ff;
}
.namely-ui .date-field input:disabled {
  border-color: #dcdee0;
}
.namely-ui .date-field:focus input, .namely-ui .date-field:hover input {
  border-color: #276df6;
}
.namely-ui .date-field:focus .icon-calendar, .namely-ui .date-field:hover .icon-calendar {
  color: #276df6;
}
.namely-ui .date-field:focus input:disabled, .namely-ui .date-field:hover input:disabled {
  border-color: #dcdee0;
}
.namely-ui .date-field.disabled .icon-calendar {
  color: #f3f3f4;
}
.namely-ui select,
.namely-ui .simple-select {
  background-color: #ffffff;
  border: 1px solid #c4c7ca;
}
.namely-ui select.bc-grey-50,
.namely-ui .simple-select.bc-grey-50 {
  border-color: #f3f3f4;
}
.namely-ui select.bc-orange,
.namely-ui .simple-select.bc-orange {
  border-color: #e05b18;
}
.namely-ui select.disabled, .namely-ui select:disabled,
.namely-ui .simple-select.disabled,
.namely-ui .simple-select:disabled {
  background-color: #dcdee0;
  border-color: #dcdee0;
}
.namely-ui select.disabled:hover, .namely-ui select:disabled:hover,
.namely-ui .simple-select.disabled:hover,
.namely-ui .simple-select:disabled:hover {
  border-color: #dcdee0;
}
.namely-ui select:focus, .namely-ui select:hover,
.namely-ui .simple-select:focus,
.namely-ui .simple-select:hover {
  border-color: #f3f3f4;
}
.namely-ui select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 8'%3E %3Cpolygon fill='#276df6' stroke='#276df6' points='12.209,0.5 6.708,6.5 1.208,0.5 '/%3E %3C/svg%3E");
  background-position: right 11px;
  background-repeat: no-repeat;
  background-size: 23px 8px;
  height: 31.5px;
}
.namely-ui select:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 8'%3E %3Cpolygon fill='#276df6' stroke='#276df6' points='12.209,0.5 6.708,6.5 1.208,0.5 '/%3E %3C/svg%3E");
}
.namely-ui select:disabled, .namely-ui select:disabled:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 8'%3E %3Cpolygon fill='#f3f3f4' stroke='#f3f3f4' points='12.209,0.5 6.708,6.5 1.208,0.5 '/%3E %3C/svg%3E");
  background-position: right 11px;
  background-repeat: no-repeat;
  background-size: 23px 8px;
}
.namely-ui select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #ffffff;
}
@-moz-document url-prefix() {
  .namely-ui select {
    padding: 0;
  }
  .namely-ui select option {
    padding: 0.3125rem;
  }
}
.namely-ui [type=radio] {
  -webkit-appearance: none;
  background: none;
  height: 1.25rem;
  padding: 0;
  position: relative;
  width: 1.25rem;
}
.namely-ui [type=radio]::after {
  border: 1px solid #c1c5c8;
  border-radius: 50%;
  color: #f3f3f4;
  content: "";
  cursor: pointer;
  display: block;
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}
.namely-ui [type=radio]:disabled::after {
  background: #dcdee0;
  border-color: #dcdee0;
  cursor: default;
}
.namely-ui [type=radio]:disabled:hover::after {
  border-color: #dcdee0;
}
.namely-ui [type=radio]:hover::after {
  border-color: #f3f3f4;
}
.namely-ui [type=radio]:checked::before {
  background: #276df6;
  border: 0;
  border-radius: 5px;
  content: "";
  cursor: pointer;
  height: 8px;
  left: 7px;
  position: absolute;
  top: 7px;
  width: 8px;
  z-index: 1;
}
.namely-ui fieldset {
  border: 0;
}
.namely-ui .fieldset [type=text],
.namely-ui .fieldset [type=datetime],
.namely-ui .fieldset [type=datetime-local],
.namely-ui .fieldset [type=email],
.namely-ui .fieldset [type=month],
.namely-ui .fieldset [type=number],
.namely-ui .fieldset [type=password],
.namely-ui .fieldset [type=search],
.namely-ui .fieldset [type=tel],
.namely-ui .fieldset [type=time],
.namely-ui .fieldset [type=url],
.namely-ui .fieldset [type=week],
.namely-ui .fieldset select,
.namely-ui .fieldset .simple-select,
.namely-ui .fieldset textarea {
  background-color: #ffffff;
  border-color: #ffffff;
}
.namely-ui .fieldset [type=text]:focus:not([readonly]), .namely-ui .fieldset [type=text]:hover:not([readonly]),
.namely-ui .fieldset [type=datetime]:focus:not([readonly]),
.namely-ui .fieldset [type=datetime]:hover:not([readonly]),
.namely-ui .fieldset [type=datetime-local]:focus:not([readonly]),
.namely-ui .fieldset [type=datetime-local]:hover:not([readonly]),
.namely-ui .fieldset [type=email]:focus:not([readonly]),
.namely-ui .fieldset [type=email]:hover:not([readonly]),
.namely-ui .fieldset [type=month]:focus:not([readonly]),
.namely-ui .fieldset [type=month]:hover:not([readonly]),
.namely-ui .fieldset [type=number]:focus:not([readonly]),
.namely-ui .fieldset [type=number]:hover:not([readonly]),
.namely-ui .fieldset [type=password]:focus:not([readonly]),
.namely-ui .fieldset [type=password]:hover:not([readonly]),
.namely-ui .fieldset [type=search]:focus:not([readonly]),
.namely-ui .fieldset [type=search]:hover:not([readonly]),
.namely-ui .fieldset [type=tel]:focus:not([readonly]),
.namely-ui .fieldset [type=tel]:hover:not([readonly]),
.namely-ui .fieldset [type=time]:focus:not([readonly]),
.namely-ui .fieldset [type=time]:hover:not([readonly]),
.namely-ui .fieldset [type=url]:focus:not([readonly]),
.namely-ui .fieldset [type=url]:hover:not([readonly]),
.namely-ui .fieldset [type=week]:focus:not([readonly]),
.namely-ui .fieldset [type=week]:hover:not([readonly]),
.namely-ui .fieldset select:focus:not([readonly]),
.namely-ui .fieldset select:hover:not([readonly]),
.namely-ui .fieldset .simple-select:focus:not([readonly]),
.namely-ui .fieldset .simple-select:hover:not([readonly]),
.namely-ui .fieldset textarea:focus:not([readonly]),
.namely-ui .fieldset textarea:hover:not([readonly]) {
  border-color: #f3f3f4;
}
.namely-ui .fieldset [type=text].disabled, .namely-ui .fieldset [type=text]:disabled,
.namely-ui .fieldset [type=datetime].disabled,
.namely-ui .fieldset [type=datetime]:disabled,
.namely-ui .fieldset [type=datetime-local].disabled,
.namely-ui .fieldset [type=datetime-local]:disabled,
.namely-ui .fieldset [type=email].disabled,
.namely-ui .fieldset [type=email]:disabled,
.namely-ui .fieldset [type=month].disabled,
.namely-ui .fieldset [type=month]:disabled,
.namely-ui .fieldset [type=number].disabled,
.namely-ui .fieldset [type=number]:disabled,
.namely-ui .fieldset [type=password].disabled,
.namely-ui .fieldset [type=password]:disabled,
.namely-ui .fieldset [type=search].disabled,
.namely-ui .fieldset [type=search]:disabled,
.namely-ui .fieldset [type=tel].disabled,
.namely-ui .fieldset [type=tel]:disabled,
.namely-ui .fieldset [type=time].disabled,
.namely-ui .fieldset [type=time]:disabled,
.namely-ui .fieldset [type=url].disabled,
.namely-ui .fieldset [type=url]:disabled,
.namely-ui .fieldset [type=week].disabled,
.namely-ui .fieldset [type=week]:disabled,
.namely-ui .fieldset select.disabled,
.namely-ui .fieldset select:disabled,
.namely-ui .fieldset .simple-select.disabled,
.namely-ui .fieldset .simple-select:disabled,
.namely-ui .fieldset textarea.disabled,
.namely-ui .fieldset textarea:disabled {
  background-color: #dcdee0;
  border-color: #dcdee0;
  color: #f3f3f4;
}
.namely-ui .fieldset [type=text]:focus:not([readonly]):disabled, .namely-ui .fieldset [type=text]:hover:not([readonly]):disabled, .namely-ui .fieldset [type=text]:focus:not([readonly]).disabled, .namely-ui .fieldset [type=text]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=datetime]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=datetime]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=datetime]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=datetime]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=datetime-local]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=datetime-local]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=datetime-local]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=datetime-local]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=email]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=email]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=email]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=email]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=month]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=month]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=month]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=month]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=number]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=number]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=number]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=number]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=password]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=password]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=password]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=password]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=search]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=search]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=search]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=search]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=tel]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=tel]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=tel]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=tel]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=time]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=time]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=time]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=time]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=url]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=url]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=url]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=url]:hover:not([readonly]).disabled,
.namely-ui .fieldset [type=week]:focus:not([readonly]):disabled,
.namely-ui .fieldset [type=week]:hover:not([readonly]):disabled,
.namely-ui .fieldset [type=week]:focus:not([readonly]).disabled,
.namely-ui .fieldset [type=week]:hover:not([readonly]).disabled,
.namely-ui .fieldset select:focus:not([readonly]):disabled,
.namely-ui .fieldset select:hover:not([readonly]):disabled,
.namely-ui .fieldset select:focus:not([readonly]).disabled,
.namely-ui .fieldset select:hover:not([readonly]).disabled,
.namely-ui .fieldset .simple-select:focus:not([readonly]):disabled,
.namely-ui .fieldset .simple-select:hover:not([readonly]):disabled,
.namely-ui .fieldset .simple-select:focus:not([readonly]).disabled,
.namely-ui .fieldset .simple-select:hover:not([readonly]).disabled,
.namely-ui .fieldset textarea:focus:not([readonly]):disabled,
.namely-ui .fieldset textarea:hover:not([readonly]):disabled,
.namely-ui .fieldset textarea:focus:not([readonly]).disabled,
.namely-ui .fieldset textarea:hover:not([readonly]).disabled {
  border-color: #dcdee0;
}
.namely-ui .fieldset .date-field input {
  background-color: #ffffff;
}
.namely-ui .fieldset .date-field input:disabled {
  background-color: #dcdee0;
  border-color: #dcdee0;
  color: #f3f3f4;
}
.namely-ui .fieldset .date-field:focus input, .namely-ui .fieldset .date-field:hover input {
  border-color: #f3f3f4;
}
.namely-ui .fieldset .date-field:focus input:disabled, .namely-ui .fieldset .date-field:hover input:disabled {
  border-color: #dcdee0;
}
.namely-ui .fieldset .date-field.disabled .icon-calendar {
  color: #f3f3f4;
}
.namely-ui .fieldset [type=checkbox],
.namely-ui .fieldset [type=radio] {
  background-color: #dcdee0;
}
.namely-ui .fieldset [type=checkbox]::after,
.namely-ui .fieldset [type=radio]::after {
  background-color: #ffffff;
  border-color: #ffffff;
}
.namely-ui .fieldset [type=checkbox]:disabled::after,
.namely-ui .fieldset [type=radio]:disabled::after {
  background-color: #dcdee0;
  border-color: #dcdee0;
}
.namely-ui .fieldset [type=checkbox]:focus:not([readonly]):disabled::after, .namely-ui .fieldset [type=checkbox]:hover:not([readonly]):disabled::after,
.namely-ui .fieldset [type=radio]:focus:not([readonly]):disabled::after,
.namely-ui .fieldset [type=radio]:hover:not([readonly]):disabled::after {
  border-color: #dcdee0;
}
.namely-ui .fieldset hr {
  border-color: #c4c7ca;
}
.namely-ui .modal [type=text]:focus:not([readonly]), .namely-ui .modal [type=text]:hover:not([readonly]),
.namely-ui .modal [type=datetime]:focus:not([readonly]),
.namely-ui .modal [type=datetime]:hover:not([readonly]),
.namely-ui .modal [type=datetime-local]:focus:not([readonly]),
.namely-ui .modal [type=datetime-local]:hover:not([readonly]),
.namely-ui .modal [type=email]:focus:not([readonly]),
.namely-ui .modal [type=email]:hover:not([readonly]),
.namely-ui .modal [type=month]:focus:not([readonly]),
.namely-ui .modal [type=month]:hover:not([readonly]),
.namely-ui .modal [type=number]:focus:not([readonly]),
.namely-ui .modal [type=number]:hover:not([readonly]),
.namely-ui .modal [type=password]:focus:not([readonly]),
.namely-ui .modal [type=password]:hover:not([readonly]),
.namely-ui .modal [type=search]:focus:not([readonly]),
.namely-ui .modal [type=search]:hover:not([readonly]),
.namely-ui .modal [type=tel]:focus:not([readonly]),
.namely-ui .modal [type=tel]:hover:not([readonly]),
.namely-ui .modal [type=time]:focus:not([readonly]),
.namely-ui .modal [type=time]:hover:not([readonly]),
.namely-ui .modal [type=url]:focus:not([readonly]),
.namely-ui .modal [type=url]:hover:not([readonly]),
.namely-ui .modal [type=week]:focus:not([readonly]),
.namely-ui .modal [type=week]:hover:not([readonly]),
.namely-ui .modal textarea:focus:not([readonly]),
.namely-ui .modal textarea:hover:not([readonly]),
.namely-ui .tooltip [type=text]:focus:not([readonly]),
.namely-ui .tooltip [type=text]:hover:not([readonly]),
.namely-ui .tooltip [type=datetime]:focus:not([readonly]),
.namely-ui .tooltip [type=datetime]:hover:not([readonly]),
.namely-ui .tooltip [type=datetime-local]:focus:not([readonly]),
.namely-ui .tooltip [type=datetime-local]:hover:not([readonly]),
.namely-ui .tooltip [type=email]:focus:not([readonly]),
.namely-ui .tooltip [type=email]:hover:not([readonly]),
.namely-ui .tooltip [type=month]:focus:not([readonly]),
.namely-ui .tooltip [type=month]:hover:not([readonly]),
.namely-ui .tooltip [type=number]:focus:not([readonly]),
.namely-ui .tooltip [type=number]:hover:not([readonly]),
.namely-ui .tooltip [type=password]:focus:not([readonly]),
.namely-ui .tooltip [type=password]:hover:not([readonly]),
.namely-ui .tooltip [type=search]:focus:not([readonly]),
.namely-ui .tooltip [type=search]:hover:not([readonly]),
.namely-ui .tooltip [type=tel]:focus:not([readonly]),
.namely-ui .tooltip [type=tel]:hover:not([readonly]),
.namely-ui .tooltip [type=time]:focus:not([readonly]),
.namely-ui .tooltip [type=time]:hover:not([readonly]),
.namely-ui .tooltip [type=url]:focus:not([readonly]),
.namely-ui .tooltip [type=url]:hover:not([readonly]),
.namely-ui .tooltip [type=week]:focus:not([readonly]),
.namely-ui .tooltip [type=week]:hover:not([readonly]),
.namely-ui .tooltip textarea:focus:not([readonly]),
.namely-ui .tooltip textarea:hover:not([readonly]) {
  border-color: #276df6;
}
.namely-ui .modal [type=text].disabled, .namely-ui .modal [type=text]:disabled,
.namely-ui .modal [type=datetime].disabled,
.namely-ui .modal [type=datetime]:disabled,
.namely-ui .modal [type=datetime-local].disabled,
.namely-ui .modal [type=datetime-local]:disabled,
.namely-ui .modal [type=email].disabled,
.namely-ui .modal [type=email]:disabled,
.namely-ui .modal [type=month].disabled,
.namely-ui .modal [type=month]:disabled,
.namely-ui .modal [type=number].disabled,
.namely-ui .modal [type=number]:disabled,
.namely-ui .modal [type=password].disabled,
.namely-ui .modal [type=password]:disabled,
.namely-ui .modal [type=search].disabled,
.namely-ui .modal [type=search]:disabled,
.namely-ui .modal [type=tel].disabled,
.namely-ui .modal [type=tel]:disabled,
.namely-ui .modal [type=time].disabled,
.namely-ui .modal [type=time]:disabled,
.namely-ui .modal [type=url].disabled,
.namely-ui .modal [type=url]:disabled,
.namely-ui .modal [type=week].disabled,
.namely-ui .modal [type=week]:disabled,
.namely-ui .modal textarea.disabled,
.namely-ui .modal textarea:disabled,
.namely-ui .tooltip [type=text].disabled,
.namely-ui .tooltip [type=text]:disabled,
.namely-ui .tooltip [type=datetime].disabled,
.namely-ui .tooltip [type=datetime]:disabled,
.namely-ui .tooltip [type=datetime-local].disabled,
.namely-ui .tooltip [type=datetime-local]:disabled,
.namely-ui .tooltip [type=email].disabled,
.namely-ui .tooltip [type=email]:disabled,
.namely-ui .tooltip [type=month].disabled,
.namely-ui .tooltip [type=month]:disabled,
.namely-ui .tooltip [type=number].disabled,
.namely-ui .tooltip [type=number]:disabled,
.namely-ui .tooltip [type=password].disabled,
.namely-ui .tooltip [type=password]:disabled,
.namely-ui .tooltip [type=search].disabled,
.namely-ui .tooltip [type=search]:disabled,
.namely-ui .tooltip [type=tel].disabled,
.namely-ui .tooltip [type=tel]:disabled,
.namely-ui .tooltip [type=time].disabled,
.namely-ui .tooltip [type=time]:disabled,
.namely-ui .tooltip [type=url].disabled,
.namely-ui .tooltip [type=url]:disabled,
.namely-ui .tooltip [type=week].disabled,
.namely-ui .tooltip [type=week]:disabled,
.namely-ui .tooltip textarea.disabled,
.namely-ui .tooltip textarea:disabled {
  background-color: #2a3742;
  border-color: #2a3742;
  color: #f3f3f4;
}
.namely-ui .modal [type=text]:focus:not([readonly]).disabled, .namely-ui .modal [type=text]:hover:not([readonly]):disabled, .namely-ui .modal [type=text]:focus:not([readonly]).disabled, .namely-ui .modal [type=text]:hover:not([readonly]):disabled,
.namely-ui .modal [type=datetime]:focus:not([readonly]).disabled,
.namely-ui .modal [type=datetime]:hover:not([readonly]):disabled,
.namely-ui .modal [type=datetime]:focus:not([readonly]).disabled,
.namely-ui .modal [type=datetime]:hover:not([readonly]):disabled,
.namely-ui .modal [type=datetime-local]:focus:not([readonly]).disabled,
.namely-ui .modal [type=datetime-local]:hover:not([readonly]):disabled,
.namely-ui .modal [type=datetime-local]:focus:not([readonly]).disabled,
.namely-ui .modal [type=datetime-local]:hover:not([readonly]):disabled,
.namely-ui .modal [type=email]:focus:not([readonly]).disabled,
.namely-ui .modal [type=email]:hover:not([readonly]):disabled,
.namely-ui .modal [type=email]:focus:not([readonly]).disabled,
.namely-ui .modal [type=email]:hover:not([readonly]):disabled,
.namely-ui .modal [type=month]:focus:not([readonly]).disabled,
.namely-ui .modal [type=month]:hover:not([readonly]):disabled,
.namely-ui .modal [type=month]:focus:not([readonly]).disabled,
.namely-ui .modal [type=month]:hover:not([readonly]):disabled,
.namely-ui .modal [type=number]:focus:not([readonly]).disabled,
.namely-ui .modal [type=number]:hover:not([readonly]):disabled,
.namely-ui .modal [type=number]:focus:not([readonly]).disabled,
.namely-ui .modal [type=number]:hover:not([readonly]):disabled,
.namely-ui .modal [type=password]:focus:not([readonly]).disabled,
.namely-ui .modal [type=password]:hover:not([readonly]):disabled,
.namely-ui .modal [type=password]:focus:not([readonly]).disabled,
.namely-ui .modal [type=password]:hover:not([readonly]):disabled,
.namely-ui .modal [type=search]:focus:not([readonly]).disabled,
.namely-ui .modal [type=search]:hover:not([readonly]):disabled,
.namely-ui .modal [type=search]:focus:not([readonly]).disabled,
.namely-ui .modal [type=search]:hover:not([readonly]):disabled,
.namely-ui .modal [type=tel]:focus:not([readonly]).disabled,
.namely-ui .modal [type=tel]:hover:not([readonly]):disabled,
.namely-ui .modal [type=tel]:focus:not([readonly]).disabled,
.namely-ui .modal [type=tel]:hover:not([readonly]):disabled,
.namely-ui .modal [type=time]:focus:not([readonly]).disabled,
.namely-ui .modal [type=time]:hover:not([readonly]):disabled,
.namely-ui .modal [type=time]:focus:not([readonly]).disabled,
.namely-ui .modal [type=time]:hover:not([readonly]):disabled,
.namely-ui .modal [type=url]:focus:not([readonly]).disabled,
.namely-ui .modal [type=url]:hover:not([readonly]):disabled,
.namely-ui .modal [type=url]:focus:not([readonly]).disabled,
.namely-ui .modal [type=url]:hover:not([readonly]):disabled,
.namely-ui .modal [type=week]:focus:not([readonly]).disabled,
.namely-ui .modal [type=week]:hover:not([readonly]):disabled,
.namely-ui .modal [type=week]:focus:not([readonly]).disabled,
.namely-ui .modal [type=week]:hover:not([readonly]):disabled,
.namely-ui .modal textarea:focus:not([readonly]).disabled,
.namely-ui .modal textarea:hover:not([readonly]):disabled,
.namely-ui .modal textarea:focus:not([readonly]).disabled,
.namely-ui .modal textarea:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=text]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=text]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=text]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=text]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=datetime]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=datetime]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=datetime]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=datetime]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=datetime-local]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=datetime-local]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=datetime-local]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=datetime-local]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=email]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=email]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=email]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=email]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=month]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=month]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=month]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=month]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=number]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=number]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=number]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=number]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=password]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=password]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=password]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=password]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=search]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=search]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=search]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=search]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=tel]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=tel]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=tel]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=tel]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=time]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=time]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=time]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=time]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=url]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=url]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=url]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=url]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=week]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=week]:hover:not([readonly]):disabled,
.namely-ui .tooltip [type=week]:focus:not([readonly]).disabled,
.namely-ui .tooltip [type=week]:hover:not([readonly]):disabled,
.namely-ui .tooltip textarea:focus:not([readonly]).disabled,
.namely-ui .tooltip textarea:hover:not([readonly]):disabled,
.namely-ui .tooltip textarea:focus:not([readonly]).disabled,
.namely-ui .tooltip textarea:hover:not([readonly]):disabled {
  border-color: #2a3742;
}
.namely-ui .modal select.disabled, .namely-ui .modal select:disabled,
.namely-ui .modal .simple-select.disabled,
.namely-ui .modal .simple-select:disabled,
.namely-ui .tooltip select.disabled,
.namely-ui .tooltip select:disabled,
.namely-ui .tooltip .simple-select.disabled,
.namely-ui .tooltip .simple-select:disabled {
  background-color: #2a3742;
  border-color: #2a3742;
  color: #f3f3f4;
}
.namely-ui .modal select.disabled:focus:not([readonly]), .namely-ui .modal select:disabled:hover:not([readonly]), .namely-ui .modal select:disabled:focus:not([readonly]), .namely-ui .modal select.disabled:hover:not([readonly]),
.namely-ui .modal .simple-select.disabled:focus:not([readonly]),
.namely-ui .modal .simple-select:disabled:hover:not([readonly]),
.namely-ui .modal .simple-select:disabled:focus:not([readonly]),
.namely-ui .modal .simple-select.disabled:hover:not([readonly]),
.namely-ui .tooltip select.disabled:focus:not([readonly]),
.namely-ui .tooltip select:disabled:hover:not([readonly]),
.namely-ui .tooltip select:disabled:focus:not([readonly]),
.namely-ui .tooltip select.disabled:hover:not([readonly]),
.namely-ui .tooltip .simple-select.disabled:focus:not([readonly]),
.namely-ui .tooltip .simple-select:disabled:hover:not([readonly]),
.namely-ui .tooltip .simple-select:disabled:focus:not([readonly]),
.namely-ui .tooltip .simple-select.disabled:hover:not([readonly]) {
  border-color: #2a3742;
}
.namely-ui .modal select:focus:not([readonly]), .namely-ui .modal select:hover:not([readonly]),
.namely-ui .modal .simple-select:focus:not([readonly]),
.namely-ui .modal .simple-select:hover:not([readonly]),
.namely-ui .tooltip select:focus:not([readonly]),
.namely-ui .tooltip select:hover:not([readonly]),
.namely-ui .tooltip .simple-select:focus:not([readonly]),
.namely-ui .tooltip .simple-select:hover:not([readonly]) {
  border-color: #276df6;
}
.namely-ui .modal .date-field input:focus, .namely-ui .modal .date-field input:hover,
.namely-ui .tooltip .date-field input:focus,
.namely-ui .tooltip .date-field input:hover {
  border-color: #276df6;
}
.namely-ui .modal .date-field input.disabled, .namely-ui .modal .date-field input:disabled,
.namely-ui .tooltip .date-field input.disabled,
.namely-ui .tooltip .date-field input:disabled {
  background: #2a3742;
  border-color: #2a3742;
  color: #2a3742;
}
.namely-ui .modal .date-field input:focus.disabled, .namely-ui .modal .date-field input:hover:disabled, .namely-ui .modal .date-field input:focus.disabled, .namely-ui .modal .date-field input:hover:disabled,
.namely-ui .tooltip .date-field input:focus.disabled,
.namely-ui .tooltip .date-field input:hover:disabled,
.namely-ui .tooltip .date-field input:focus.disabled,
.namely-ui .tooltip .date-field input:hover:disabled {
  border-color: #2a3742;
}
.namely-ui .modal [type=checkbox],
.namely-ui .modal [type=radio],
.namely-ui .tooltip [type=checkbox],
.namely-ui .tooltip [type=radio] {
  background-color: #2a3742;
}
.namely-ui .modal [type=checkbox]::after,
.namely-ui .modal [type=radio]::after,
.namely-ui .tooltip [type=checkbox]::after,
.namely-ui .tooltip [type=radio]::after {
  background-color: #ffffff;
  border-color: #2a3742;
}
.namely-ui .modal [type=checkbox]:focus:not([readonly])::after, .namely-ui .modal [type=checkbox]:hover:not([readonly])::after,
.namely-ui .modal [type=radio]:focus:not([readonly])::after,
.namely-ui .modal [type=radio]:hover:not([readonly])::after,
.namely-ui .tooltip [type=checkbox]:focus:not([readonly])::after,
.namely-ui .tooltip [type=checkbox]:hover:not([readonly])::after,
.namely-ui .tooltip [type=radio]:focus:not([readonly])::after,
.namely-ui .tooltip [type=radio]:hover:not([readonly])::after {
  border-color: #276df6;
}
.namely-ui .modal [type=checkbox][readonly]::after,
.namely-ui .modal [type=radio][readonly]::after,
.namely-ui .tooltip [type=checkbox][readonly]::after,
.namely-ui .tooltip [type=radio][readonly]::after {
  background-color: #2a3742;
}
.namely-ui .modal [type=checkbox]:disabled::after,
.namely-ui .modal [type=radio]:disabled::after,
.namely-ui .tooltip [type=checkbox]:disabled::after,
.namely-ui .tooltip [type=radio]:disabled::after {
  background-color: #2a3742;
  border-color: #2a3742;
}
.namely-ui .modal [type=checkbox]:focus:not([readonly]):disabled::after, .namely-ui .modal [type=checkbox]:hover:not([readonly]):disabled::after,
.namely-ui .modal [type=radio]:focus:not([readonly]):disabled::after,
.namely-ui .modal [type=radio]:hover:not([readonly]):disabled::after,
.namely-ui .tooltip [type=checkbox]:focus:not([readonly]):disabled::after,
.namely-ui .tooltip [type=checkbox]:hover:not([readonly]):disabled::after,
.namely-ui .tooltip [type=radio]:focus:not([readonly]):disabled::after,
.namely-ui .tooltip [type=radio]:hover:not([readonly]):disabled::after {
  border-color: #2a3742;
}
.namely-ui .modal hr,
.namely-ui .tooltip hr {
  border-color: #2a3742;
}
.namely-ui [type=text],
.namely-ui [type=datetime],
.namely-ui [type=datetime-local],
.namely-ui [type=email],
.namely-ui [type=month],
.namely-ui [type=number],
.namely-ui [type=password],
.namely-ui [type=search],
.namely-ui [type=tel],
.namely-ui [type=time],
.namely-ui [type=url],
.namely-ui [type=week],
.namely-ui select,
.namely-ui .date-field input {
  padding: 0.3125rem;
}
.namely-ui textarea {
  padding: 0.625rem;
}
.namely-ui [type=number]::-webkit-inner-spin-button,
.namely-ui [type=number]::-webkit-outer-spin-button {
  opacity: 0;
}
.namely-ui .number-field .icon-arrow-double,
.namely-ui .number-field .icon-arrow-down,
.namely-ui .number-field .icon-arrow-up,
.namely-ui .select-field .icon-arrow-double,
.namely-ui .select-field .icon-arrow-down,
.namely-ui .select-field .icon-arrow-up {
  color: #276df6;
}
.namely-ui .number-field:focus:not([readonly]) .icon-arrow-double,
.namely-ui .number-field:focus:not([readonly]) .icon-arrow-down,
.namely-ui .number-field:focus:not([readonly]) .icon-arrow-up, .namely-ui .number-field:hover:not([readonly]) .icon-arrow-double,
.namely-ui .number-field:hover:not([readonly]) .icon-arrow-down,
.namely-ui .number-field:hover:not([readonly]) .icon-arrow-up,
.namely-ui .select-field:focus:not([readonly]) .icon-arrow-double,
.namely-ui .select-field:focus:not([readonly]) .icon-arrow-down,
.namely-ui .select-field:focus:not([readonly]) .icon-arrow-up,
.namely-ui .select-field:hover:not([readonly]) .icon-arrow-double,
.namely-ui .select-field:hover:not([readonly]) .icon-arrow-down,
.namely-ui .select-field:hover:not([readonly]) .icon-arrow-up {
  color: #276df6;
}
.namely-ui .number-field.disabled .icon-arrow-double,
.namely-ui .number-field.disabled .icon-arrow-down,
.namely-ui .number-field.disabled .icon-arrow-up, .namely-ui .number-field.disabled:focus .icon-arrow-double,
.namely-ui .number-field.disabled:focus .icon-arrow-down,
.namely-ui .number-field.disabled:focus .icon-arrow-up, .namely-ui .number-field.disabled:hover .icon-arrow-double,
.namely-ui .number-field.disabled:hover .icon-arrow-down,
.namely-ui .number-field.disabled:hover .icon-arrow-up,
.namely-ui .select-field.disabled .icon-arrow-double,
.namely-ui .select-field.disabled .icon-arrow-down,
.namely-ui .select-field.disabled .icon-arrow-up,
.namely-ui .select-field.disabled:focus .icon-arrow-double,
.namely-ui .select-field.disabled:focus .icon-arrow-down,
.namely-ui .select-field.disabled:focus .icon-arrow-up,
.namely-ui .select-field.disabled:hover .icon-arrow-double,
.namely-ui .select-field.disabled:hover .icon-arrow-down,
.namely-ui .select-field.disabled:hover .icon-arrow-up {
  color: #f3f3f4;
}
.namely-ui .number-field .icon-arrow-double {
  font-size: 14px;
  height: 0;
  margin-left: -20px;
  pointer-events: none;
  width: 0;
}
@-moz-document url-prefix() {
  .namely-ui .number-field .icon-arrow-double {
    display: none;
  }
}
.namely-ui .number-field .units {
  margin-left: 15px;
}
.namely-ui .number-field input {
  width: auto;
}
.namely-ui .checkbox-field,
.namely-ui .radio-field {
  margin-right: 1.875rem;
}
.namely-ui .checkbox-field .label-right,
.namely-ui .radio-field .label-right {
  margin-left: 0.625rem;
  position: relative;
  top: -4px;
}
.namely-ui .checkbox-field.inactive input,
.namely-ui .radio-field.inactive input {
  background: none;
}
.namely-ui .no-resize {
  resize: none;
}
.namely-ui .Select {
  position: relative;
}
.namely-ui .Select.is-multi .Select-control {
  padding: 0.625rem 3.25rem 0.625rem 0.625rem;
}
.namely-ui .Select.is-multi .Select-input {
  vertical-align: middle;
}
.namely-ui .Select-control {
  background-color: #ffffff;
  border: 1px solid #dcdee0;
  border-radius: 3px;
  color: #c4c7ca;
  cursor: default;
  outline: none;
  overflow: hidden;
  padding: 0.625rem 3.25rem 0.625rem 0.625rem;
  position: relative;
}
.namely-ui .is-searchable.is-open > .Select-control {
  cursor: text;
}
.namely-ui .is-open > .Select-control {
  background: #ffffff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #c4c7ca;
}
.namely-ui .is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #c4c7ca;
  border-width: 0 5px 5px;
}
.namely-ui .is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.namely-ui .Select-placeholder {
  left: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0.625rem 3.25rem 0.625rem 0.625rem;
  position: absolute;
  right: -15px;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
.namely-ui .has-value > .Select-control > .Select-placeholder {
  color: #2a3742;
}
.namely-ui .Select-input > input {
  -webkit-appearance: none;
  background: none transparent;
  border: 0 none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0;
}
.namely-ui .is-focused .Select-input > input {
  cursor: text;
}
.namely-ui .Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.namely-ui .has-value > .Select-control > .Select-loading {
  right: 46px;
}
.namely-ui .Select-clear {
  color: #c4c7ca;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0;
}
.namely-ui .Select-clear > span {
  font-size: 1.1em;
}
.namely-ui .Select-arrow {
  color: #276df6;
  position: absolute;
  right: 10px;
  top: 9px;
}
.namely-ui .Select-arrow:before {
  content: "";
}
.namely-ui .Select-menu-outer {
  background-color: #ffffff;
  border: 1px solid #dcdee0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
}
.namely-ui .Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.namely-ui .Select-option {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.namely-ui .Select-option.is-focused {
  background-color: #dcdee0;
}
.namely-ui .Select-option:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.namely-ui .Select-noresults {
  box-sizing: border-box;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.namely-ui .Select-item {
  background-color: #ffffff;
  border: 1px solid #c4c7ca;
  border-radius: 2px;
  display: inline-block;
  font-size: 1em;
  margin: 2px;
}
.namely-ui .Select-item-icon,
.namely-ui .Select-item-label {
  display: inline-block;
  vertical-align: middle;
}
.namely-ui .Select-item-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #2a3742;
  cursor: default;
  padding: 3px 5px;
}
.namely-ui .Select-item-label .Select-item-label__a {
  cursor: pointer;
}
.namely-ui .Select-item-icon {
  border-bottom-left-radius: 2px;
  border-right: 1px solid #c4c7ca;
  border-top-left-radius: 2px;
  cursor: pointer;
  padding: 2px 5px 4px;
}
.namely-ui .Select-item-icon:hover,
.namely-ui .Select-item-icon:focus {
  background-color: #f3f3f4;
}
.namely-ui .Select-item-icon:active {
  background-color: #f3f3f4;
}
.namely-ui .datepicker {
  width: 13.125rem;
}
.namely-ui .datepicker .day-in-week-0 {
  left: 0rem;
}
.namely-ui .datepicker .day-in-week-1 {
  left: 1.875rem;
}
.namely-ui .datepicker .day-in-week-2 {
  left: 3.75rem;
}
.namely-ui .datepicker .day-in-week-3 {
  left: 5.625rem;
}
.namely-ui .datepicker .day-in-week-4 {
  left: 7.5rem;
}
.namely-ui .datepicker .day-in-week-5 {
  left: 9.375rem;
}
.namely-ui .datepicker .day-in-week-6 {
  left: 11.25rem;
}
.namely-ui .datepicker .week-1 {
  top: 0rem;
}
.namely-ui .datepicker .week-2 {
  top: 1.875rem;
}
.namely-ui .datepicker .week-3 {
  top: 3.75rem;
}
.namely-ui .datepicker .week-4 {
  top: 5.625rem;
}
.namely-ui .datepicker .week-5 {
  top: 7.5rem;
}
.namely-ui .datepicker .week-6 {
  top: 9.375rem;
}
.namely-ui .monthpicker {
  margin-top: 0.3125rem;
}
.namely-ui .monthpicker .icon-chevron-left {
  left: 1.875rem;
}
.namely-ui .monthpicker .icon-chevron-right {
  right: 1.875rem;
}
.namely-ui .daypicker {
  height: 9.375rem;
  width: 13.125rem;
}
.namely-ui .daypicker.extra-week {
  height: 11.25rem;
}
.namely-ui .day div {
  height: 1.5625rem;
  padding-top: 0.15625rem;
  width: 1.875rem;
}
.namely-ui .day div:hover {
  color: #ffffff;
}
.namely-ui .day.disabled a:hover {
  color: #2a3742;
  cursor: default;
}
.namely-ui .week-labels span {
  font-size: 12px;
  width: 1.875rem;
}
.namely-ui .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 67.5em;
}
.namely-ui .col-1 {
  float: left;
  width: calc(1/12 * 100%);
}
.namely-ui .col-2 {
  float: left;
  width: calc(2/12 * 100%);
}
.namely-ui .col-3 {
  float: left;
  width: calc(3/12 * 100%);
}
.namely-ui .col-4 {
  float: left;
  width: calc(4/12 * 100%);
}
.namely-ui .col-5 {
  float: left;
  width: calc(5/12 * 100%);
}
.namely-ui .col-6 {
  float: left;
  width: calc(6/12 * 100%);
}
.namely-ui .col-7 {
  float: left;
  width: calc(7/12 * 100%);
}
.namely-ui .col-8 {
  float: left;
  width: calc(8/12 * 100%);
}
.namely-ui .col-9 {
  float: left;
  width: calc(9/12 * 100%);
}
.namely-ui .col-10 {
  float: left;
  width: calc(10/12 * 100%);
}
.namely-ui .col-11 {
  float: left;
  width: calc(11/12 * 100%);
}
.namely-ui .col-12 {
  float: left;
  width: calc(12/12 * 100%);
}
.namely-ui .fit {
  max-width: 100%;
}
.namely-ui .fill {
  width: 100%;
}
.namely-ui .tall {
  height: 100%;
}
.namely-ui .flex, .namely-ui .button-group-actions {
  display: -ms-flexbox;
  display: flex;
}
.namely-ui .flex-column {
  -ms-flex-direction: column;
      flex-direction: column;
}
.namely-ui .flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.namely-ui .flex-center {
  -ms-flex-align: center;
      align-items: center;
}
.namely-ui .flex-baseline {
  -ms-flex-align: baseline;
      align-items: baseline;
}
.namely-ui .flex-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
}
.namely-ui .flex-start {
  -ms-flex-align: start;
      align-items: flex-start;
}
.namely-ui .flex-end {
  -ms-flex-align: end;
      align-items: flex-end;
}
.namely-ui .flex-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.namely-ui .flex-auto, .namely-ui .button-group-actions .button-group {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.namely-ui .flex-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
}
.namely-ui .flex-equal {
  -ms-flex: 1 0 0px;
      flex: 1 0 0;
}
.namely-ui .flex-none {
  -ms-flex: none;
      flex: none;
}
.namely-ui .block {
  display: block;
}
.namely-ui .inline-block {
  display: inline-block;
}
.namely-ui .inline {
  display: inline;
}
.namely-ui .none {
  display: none;
}
.namely-ui .clearfix::before, .namely-ui .clearfix::after {
  content: " ";
  display: table;
}
.namely-ui .clearfix::after {
  clear: both;
}
.namely-ui .left {
  float: left;
}
.namely-ui .right {
  float: right;
}
.namely-ui .float-none {
  float: none;
}
.namely-ui .overflow-hidden {
  overflow: hidden;
}
.namely-ui .overflow-scroll {
  overflow: scroll;
}
.namely-ui .overflow-auto {
  overflow: auto;
}
.namely-ui .relative {
  position: relative;
}
.namely-ui .absolute {
  position: absolute;
}
.namely-ui .fixed {
  position: fixed;
}
.namely-ui .top-0 {
  top: 0;
}
.namely-ui .right-0 {
  right: 0;
}
.namely-ui .bottom-0 {
  bottom: 0;
}
.namely-ui .left-0 {
  left: 0;
}
.namely-ui .m0 {
  margin: 0;
}
.namely-ui .mt0 {
  margin-top: 0;
}
.namely-ui .mr0 {
  margin-right: 0;
}
.namely-ui .mb0 {
  margin-bottom: 0;
}
.namely-ui .ml0 {
  margin-left: 0;
}
.namely-ui .m1 {
  margin: 0.3125rem;
}
.namely-ui .mt1 {
  margin-top: 0.3125rem;
}
.namely-ui .mr1 {
  margin-right: 0.3125rem;
}
.namely-ui .mb1 {
  margin-bottom: 0.3125rem;
}
.namely-ui .ml1 {
  margin-left: 0.3125rem;
}
.namely-ui .m2 {
  margin: 0.625rem;
}
.namely-ui .mt2 {
  margin-top: 0.625rem;
}
.namely-ui .mr2 {
  margin-right: 0.625rem;
}
.namely-ui .mb2 {
  margin-bottom: 0.625rem;
}
.namely-ui .ml2 {
  margin-left: 0.625rem;
}
.namely-ui .m3 {
  margin: 1.25rem;
}
.namely-ui .mt3 {
  margin-top: 1.25rem;
}
.namely-ui .mr3 {
  margin-right: 1.25rem;
}
.namely-ui .mb3 {
  margin-bottom: 1.25rem;
}
.namely-ui .ml3 {
  margin-left: 1.25rem;
}
.namely-ui .m4 {
  margin: 1.875rem;
}
.namely-ui .mt4 {
  margin-top: 1.875rem;
}
.namely-ui .mr4 {
  margin-right: 1.875rem;
}
.namely-ui .mb4 {
  margin-bottom: 1.875rem;
}
.namely-ui .ml4 {
  margin-left: 1.875rem;
}
.namely-ui .m5 {
  margin: 2.5rem;
}
.namely-ui .mt5 {
  margin-top: 2.5rem;
}
.namely-ui .mr5 {
  margin-right: 2.5rem;
}
.namely-ui .mb5 {
  margin-bottom: 2.5rem;
}
.namely-ui .ml5 {
  margin-left: 2.5rem;
}
.namely-ui .mxn1 {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}
.namely-ui .mxn2 {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
.namely-ui .mxn3 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.namely-ui .mxn4 {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
.namely-ui .mxn5 {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
.namely-ui .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.namely-ui .p0 {
  padding: 0;
}
.namely-ui .py0 {
  padding-bottom: 0;
  padding-top: 0;
}
.namely-ui .px0 {
  padding-left: 0;
  padding-right: 0;
}
.namely-ui .p1 {
  padding: 0.3125rem;
}
.namely-ui .py1 {
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}
.namely-ui .px1 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.namely-ui .p2 {
  padding: 0.625rem;
}
.namely-ui .py2 {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
.namely-ui .px2 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.namely-ui .p3 {
  padding: 1.25rem;
}
.namely-ui .py3 {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
.namely-ui .px3 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.namely-ui .p4 {
  padding: 1.875rem;
}
.namely-ui .py4 {
  padding-bottom: 1.875rem;
  padding-top: 1.875rem;
}
.namely-ui .px4 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.namely-ui .pr4 {
  padding-right: 1.875rem;
}
.namely-ui .p5 {
  padding: 2.5rem;
}
.namely-ui .py5 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
.namely-ui .px5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.namely-ui .grid-block {
  background: #2a3742;
  color: #f9f9f9;
  display: table;
  height: 2em;
  margin-top: 0.5em;
  text-align: center;
}
.namely-ui .col-class {
  display: table-cell;
  vertical-align: middle;
}
.namely-ui .triangle-bottom {
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-top: 0.625rem solid;
  border-top-color: inherit;
}
.namely-ui .triangle-left {
  border-bottom: 0.625rem solid transparent;
  border-right: 0.625rem solid;
  border-right-color: inherit;
  border-top: 0.625rem solid transparent;
}
.namely-ui .triangle-right {
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid;
  border-left-color: inherit;
  border-top: 0.625rem solid transparent;
}
.namely-ui .triangle-top {
  border-bottom: 0.625rem solid;
  border-bottom-color: inherit;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
}
.namely-ui .modal-background {
  background-color: rgba(0, 0, 0, 0.6);
}
.namely-ui .tooltip {
  background-color: #2a3742;
  border-radius: 6px;
  display: block;
  line-height: normal;
  padding: 0.625rem;
}
.namely-ui .tooltip.top-left .triangle-top {
  left: 1.875rem;
  top: -0.625rem;
}
.namely-ui .tooltip.top-center .triangle-top {
  left: 50%;
  margin-left: -0.625rem;
  top: -0.625rem;
}
.namely-ui .tooltip.top-right .triangle-top {
  right: 1.875rem;
  top: -0.625rem;
}
.namely-ui .tooltip.right-top .triangle-right {
  right: -0.625rem;
  top: 1.875rem;
}
.namely-ui .tooltip.right-center .triangle-right {
  margin-top: -0.625rem;
  right: -0.625rem;
  top: 50%;
}
.namely-ui .tooltip.right-bottom .triangle-right {
  bottom: 1.875rem;
  right: -0.625rem;
}
.namely-ui .tooltip.bottom-right .triangle-bottom {
  bottom: -0.625rem;
  right: 1.875rem;
}
.namely-ui .tooltip.bottom-center .triangle-bottom {
  bottom: -0.625rem;
  left: 50%;
  margin-left: -0.625rem;
}
.namely-ui .tooltip.bottom-left .triangle-bottom {
  bottom: -0.625rem;
  left: 1.875rem;
}
.namely-ui .tooltip.left-bottom .triangle-left {
  bottom: 1.875rem;
  left: -0.625rem;
}
.namely-ui .tooltip.left-center .triangle-left {
  left: -0.625rem;
  margin-top: -0.625rem;
  top: 50%;
}
.namely-ui .tooltip.left-top .triangle-left {
  left: -0.625rem;
  top: 1.875rem;
}
.namely-ui .linear {
  animation-timing-function: linear;
}
.namely-ui .ease-in {
  animation-timing-function: ease-in;
}
.namely-ui .ease-out {
  animation-timing-function: ease-out;
}
.namely-ui .ease-in-out {
  animation-timing-function: ease-in-out;
}
.namely-ui .anim-fade {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-name: fade;
  opacity: 0;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.namely-ui .c-fade {
  transition: color 0.1s;
}
.namely-ui .anim-fade-top-appear {
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.1s ease-out;
}
.namely-ui .anim-fade-top-appear.anim-fade-top-appear-active {
  opacity: 1;
  transform: translateY(0px);
}
.namely-ui .anim-fade-right-appear {
  opacity: 0;
  transform: translateX(5px);
  transition: all 0.1s ease-out;
}
.namely-ui .anim-fade-right-appear.anim-fade-top-active-appear {
  opacity: 1;
  transform: translateX(0px);
}
.namely-ui .anim-fade-bottom-appear {
  opacity: 0;
  transform: translateY(-5px);
  transition: all 0.1s ease-out;
}
.namely-ui .anim-fade-bottom-appear.anim-fade-top-active-appear {
  opacity: 1;
  transform: translateY(0px);
}
.namely-ui .anim-fade-left-appear {
  opacity: 0;
  transform: translateX(-5px);
  transition: all 0.1s ease-out;
}
.namely-ui .anim-fade-left-appear.anim-fade-top-active-appear {
  opacity: 1;
  transform: translateX(0px);
}
.namely-ui .zoom {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: zoom;
  transform: scale(0);
}
@keyframes zoom {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.namely-ui .anim-drop {
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: drop;
  opacity: 0;
  transform: translateY(-100%);
}
@keyframes drop {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=styles.css.map */