@charset "UTF-8";
/* Custom colors and branding */
/* -------------------------------------------------------------
General Colors
------------------------------------------------------------- */
/* -------------------------------------------------------------
Global Styles
------------------------------------------------------------- */
/* Primary links color */
/* Background color (Desktop Only) */
/* Background color (Mobile Only) */
/* Global font: Default system font for MacOS & Android */
/* Global text color */
/* Header background color */
/* Product Header background color */
/* Header icon color */
/* Header bar color in between the logo and menu links (Desktop Only)*/
/* Header menu links color (Desktop Only)*/
/* Header menu links color in the slide-out drawer (Mobile Only) */
/* Product left-side menu links color (Desktop Only) */
/* Footer background color */
/* Footer text color */
/* Footer top border color */
/* Footer links color */
/* Layout background color for card elements */
/* Layout background color for expandable background lef-side column */
/* Banner elements under the header */
/* -------------------------------------------------------------
Dashboard
------------------------------------------------------------- */
/* Primary background color  */
/* Right-side transaction list pending status text color */
/* Right-side activity list expanding arrow color */
/* Title text above each account type section */
/* Account block background hover */
/* Positive account value color */
/* Negative account value color */
/* Account call-to-action blocks (Default) */
/* Account call-to-action blocks (Pending) */
/* Account call-to-action blocks (Past Due) */
/* Widget: Loyalty */
/* -------------------------------------------------------------
Account Summary
------------------------------------------------------------- */
/* Disputed note in collapsed transaction detail */
/* Key values outside of collapsed detail block */
/* -------------------------------------------------------------
Transfers & Bill Pay
------------------------------------------------------------- */
/* Account list */
/* Transaction block */
/* Fee block callout */
/* Recurring block callout */
/* Success callout */
/* Compiled libraries */
/* Normalize
   normalize.css v3.0.2 | MIT License | git.io/normalize
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

xmp {
  margin: 0 0 20px 0; }

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.row,
.column,
.columns {
  margin-bottom: 1.5rem; }

.row:only-child {
  margin-bottom: 0; }

.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  /* ORIGINALLY -   For devices larger than 550px */
  /* For devices larger than 768px */ }
  @media (min-width: 769px) {
    .column,
    .columns {
      margin-left: 2%;
      margin-bottom: 0; }
      .column:first-child, .column:only-child,
      .columns:first-child,
      .columns:only-child {
        margin-left: 0; }
      .column.one, .column.one,
      .columns.one,
      .columns.one {
        width: 8.16666666667%; }
      .column.two,
      .columns.two {
        width: 16.3333333333%; }
      .column.three,
      .columns.three {
        width: 24.5%; }
      .column.four,
      .columns.four {
        width: 32.6666666667%; }
      .column.five,
      .columns.five {
        width: 40.8333333333%; }
      .column.six,
      .columns.six {
        width: 49%; }
      .column.seven,
      .columns.seven {
        width: 57.1666666667%; }
      .column.eight,
      .columns.eight {
        width: 65.3333333334%; }
      .column.nine,
      .columns.nine {
        width: 73.5%; }
      .column.ten,
      .columns.ten {
        width: 81.6666666667%; }
      .column.eleven,
      .columns.eleven {
        width: 89.8333333334%; }
      .column.twelve,
      .columns.twelve {
        width: 100%;
        margin-left: 0; }
      .column.one-third,
      .columns.one-third {
        width: 32.6666666667%; }
      .column.two-thirds,
      .columns.two-thirds {
        width: 65.3333333333%; }
      .column.one-half,
      .columns.one-half {
        width: 49%; } }
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400; }

h1 {
  font-size: 2.4rem;
  line-height: 3.2rem; }

h2 {
  font-size: 2.1rem;
  line-height: 2.8rem; }

h3 {
  font-size: 1.8rem;
  line-height: 2.4rem; }

h4 {
  font-size: 2.0rem;
  line-height: 2.4rem; }

h5 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600; }

h6 {
  font-size: 1.2rem;
  line-height: 2.0rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 3.3rem;
    line-height: 4.0rem; }
  h2 {
    font-size: 2.6rem;
    line-height: 3.6rem; }
  h3 {
    font-size: 2.0rem;
    line-height: 2.8rem; } }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/** {
  -ms-overflow-style: none; }*/

html {
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  text-rendering: optimizeLegibility; }

body {
  box-sizing: border-box;
  font-size: 1.4em;
  line-height: 2rem;
  font-weight: 400;
  font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  background-color: #fff;
  color: #212b36;
  margin: 0;
  padding: 0;
  text-align: center;
  fill: currentColor;
  text-transform: initial;
  letter-spacing: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 769px) {
    body {
      background-color: #f9fafb; } }
p {
  margin-top: 0;
  margin-bottom: 1.5rem; }

em {
  font-style: normal;
  color: #707070; }

hr {
  margin: 0;
  border-width: 0;
  border-collapse: collapse;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1); }

a {
  text-decoration: none;
  cursor: pointer;
  color: #007ace; }
  a:hover {
    color: #084e8a; }

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc outside; }

ol {
  list-style: decimal outside; }

ol,
ul {
  padding-left: 0;
  margin-top: 0;
  margin-left: 2rem;
  margin-bottom: 0; }

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0 0 0 3rem; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.1);
  border: 0.1rem solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  margin: 0;
  overflow: auto; }

main {
  position: relative;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center; }
  @media (max-width: 768px) {
    main {
      /*padding-top: 55px;*/ } }
.container {
  width: 100%;
  box-sizing: border-box;
  max-width: 1400px;
  text-align: left;
  margin: 0 auto;
  padding: 0 2rem; }

section {
  display: block;
  width: 100%;
  max-width: 1400px;
  text-align: left;
  margin: 0 auto; }
  @media (min-width: 769px) {
    section {
      display: flex;
      align-items: stretch;
      flex-direction: row; } }
  section.center-card {
    align-items: center; }
    section.center-card .card.column {
      margin-left: auto !important;
      margin-right: auto !important; }
  section aside {
    flex: 1;
    padding: 0 2rem;
    box-sizing: border-box; }
    @media (min-width: 769px) {
      section aside {
        flex: 1 0 24rem; } }
    section aside h2 {
      margin: 0;
      padding: 2rem 0;
      font-weight: 600;
      font-size: 1.6rem;
      line-height: 1.6em; }
    section aside p {
      color: #707070;
      line-height: 1.4; }
  section article {
    display: flex;
    flex: 1;
    flex-direction: column; }
    @media (min-width: 769px) {
      section article {
        flex: 2 1 48rem;
        flex-direction: row;
        margin: 0 2rem; } }
  section .card {
    display: inline-block;
    width: 100%;
    color: #1a1a1a;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 2rem;
    background-color: #fff; }
    section .card ~ h1:first-of-type,
    section .card ~ h2:first-of-type,
    section .card ~ h3:first-of-type,
    section .card ~ h4:first-of-type,
    section .card ~ h5:first-of-type,
    section .card ~ h6:first-of-type {
      margin-top: 0; }
    @media (min-width: 769px) {
      section .card {
        border-radius: 0.3rem;
        box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1), 0 0 0 0.1rem rgba(0, 0, 0, 0.1);
        margin-bottom: 2rem; } }
    section .card.secondary {
      background-color: #f5f6f7; }
    section .card.has-sections {
      padding: 0; }
    section .card .card-section {
      padding: 2rem; }
      section .card .card-section ~ h1:first-of-type,
      section .card .card-section ~ h2:first-of-type,
      section .card .card-section ~ h3:first-of-type,
      section .card .card-section ~ h4:first-of-type,
      section .card .card-section ~ h5:first-of-type,
      section .card .card-section ~ h6:first-of-type {
        margin-top: 0; }
    section .card p {
      color: #1a1a1a; }

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
main:after,
.row:after,
.cf {
  content: "";
  display: table;
  clear: both; }

/* SSO
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#sso-menu {
  display: none; }

body.sso {
  background-color: #fff;
  width: 100%;
  overflow-x: hidden; }
  body.sso main {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
    body.sso main section.center-card {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
  body.sso #sso-menu {
    display: none; }
    @media (max-width: 768px) {
      body.sso #sso-menu {
        float: right;
        display: inline-flex;
        align-items: center;
        justify-content: space-between; }
        body.sso #sso-menu i {
          margin-right: 1rem; } }
  body.sso #product-menu {
    display: inline-block; }
    @media (max-width: 768px) {
      body.sso #product-menu {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        width: 256px;
        padding: 30px 0 60px 0;
        background: #fff;
        z-index: 20;
        transform: translateX(256px);
        transition: all ease 0.3s;
        box-sizing: border-box; } }
    body.sso #product-menu.open {
      transform: translateX(0); }
      body.sso #product-menu.open + .page.full-width:before,
      body.sso #product-menu.open + .card.column:before {
        content: "";
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 10; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
  .icon-image[class^="icon-"],
  .icon-image[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M6.5 8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5m0-1c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm15.5-4h-20c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm-20 2h20v9.6l-4.1-4.1c-1.3-1.3-3.5-1.3-4.9 0l-4 4c-1-.4-2.2-.2-3 .6l-3.9 3.9h-.1v-14zm5.4 11.5c.1-.1.1-.1.2-.1.3-.2.7-.1 1 .1l.6.6 1.9 1.9h-6.2l2.5-2.5zm6.6 2.5l-3.3-3.3 3.8-3.8c.6-.6 1.5-.6 2.1 0l5.5 5.5v1.6h-8.1z'/%3E%3C/svg%3E"); }
    .icon-image.disabled[class^="icon-"], .icon-image[class^="icon-"]:disabled,
    .icon-image.disabled[class*=" icon-"],
    .icon-image[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M6.5 8c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5.7-1.5 1.5-1.5m0-1c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm15.5-4h-20c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2zm-20 2h20v9.6l-4.1-4.1c-1.3-1.3-3.5-1.3-4.9 0l-4 4c-1-.4-2.2-.2-3 .6l-3.9 3.9h-.1v-14zm5.4 11.5c.1-.1.1-.1.2-.1.3-.2.7-.1 1 .1l.6.6 1.9 1.9h-6.2l2.5-2.5zm6.6 2.5l-3.3-3.3 3.8-3.8c.6-.6 1.5-.6 2.1 0l5.5 5.5v1.6h-8.1z'/%3E%3C/svg%3E"); }
  .icon-home[class^="icon-"],
  .icon-home[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M12.6 5.2c-.4-.3-.9-.3-1.3 0l-7.8 6.6c-.3.3-.5.7-.5 1.1V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1v-4.5c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1V12.9c0-.4-.2-.9-.5-1.1l-7.9-6.6zM23.6 9.2L13.4.6C13 .2 12.5 0 12 0c-.5 0-1 .2-1.4.5L.4 9.2c-.4.4-.5 1-.1 1.4.1.3.4.4.7.4.2 0 .5-.1.6-.2l9.8-8.3c.4-.3.8-.3 1.2 0 2.2 1.6 9.8 8.3 9.8 8.3.4.4 1.1.3 1.4-.1.3-.5.3-1.1-.2-1.5z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-home.disabled[class^="icon-"], .icon-home[class^="icon-"]:disabled,
    .icon-home.disabled[class*=" icon-"],
    .icon-home[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12.6 5.2c-.4-.3-.9-.3-1.3 0l-7.8 6.6c-.3.3-.5.7-.5 1.1V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1v-4.5c0-.3.2-.5.5-.5h5c.3 0 .5.2.5.5V23c0 .5.5 1 1 1h4c.5 0 1-.5 1-1V12.9c0-.4-.2-.9-.5-1.1l-7.9-6.6zM23.6 9.2L13.4.6C13 .2 12.5 0 12 0c-.5 0-1 .2-1.4.5L.4 9.2c-.4.4-.5 1-.1 1.4.1.3.4.4.7.4.2 0 .5-.1.6-.2l9.8-8.3c.4-.3.8-.3 1.2 0 2.2 1.6 9.8 8.3 9.8 8.3.4.4 1.1.3 1.4-.1.3-.5.3-1.1-.2-1.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-collection[class^="icon-"],
  .icon-collection[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M18 9.3V3.1c0-.6-.5-1.1-1.1-1.1h-6.2c-.5 0-1 .2-1.4.6l-9 9c-.4.4-.4 1.1 0 1.6l6.5 6.5c.4.4 1.1.4 1.6 0l9-9c.4-.4.6-.9.6-1.4zM14 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM22.9 4h-2.4c-.3 0-.5.2-.5.5v6.1c0 .3-.1.6-.3.8l-8.2 8.2c-.2.2-.2.5 0 .7l1.4 1.4c.4.4 1.1.4 1.5 0l9.3-9.3c.2-.2.3-.5.3-.8V5.1c0-.6-.5-1.1-1.1-1.1z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-collection.disabled[class^="icon-"], .icon-collection[class^="icon-"]:disabled,
    .icon-collection.disabled[class*=" icon-"],
    .icon-collection[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M18 9.3V3.1c0-.6-.5-1.1-1.1-1.1h-6.2c-.5 0-1 .2-1.4.6l-9 9c-.4.4-.4 1.1 0 1.6l6.5 6.5c.4.4 1.1.4 1.6 0l9-9c.4-.4.6-.9.6-1.4zM14 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM22.9 4h-2.4c-.3 0-.5.2-.5.5v6.1c0 .3-.1.6-.3.8l-8.2 8.2c-.2.2-.2.5 0 .7l1.4 1.4c.4.4 1.1.4 1.5 0l9.3-9.3c.2-.2.3-.5.3-.8V5.1c0-.6-.5-1.1-1.1-1.1z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-inventory[class^="icon-"],
  .icon-inventory[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='rgb(121,140,156)' d='M13.1 4c.1.3 0 .6-.2.7l-3.7 1.7c-.3.1-.6 0-.7-.2l-1.7-3.7c-.1-.3 0-.6.2-.7l3.7-1.8c.3-.1.6 0 .7.2l1.7 3.8zm4.5 9.5l-3.4 1.5.4.6c.1.2.2.5.3.8l3.3-1.6c.4-.2.6-.6.4-1-.2-.4-.6-.5-1-.3zm-13.7-10.4l5.2 11.3c.2-.2.4-.3.7-.4.2-.1.5-.2.7-.2l-5.3-11.6c0-.2-.2-.3-.3-.4l-2.8-1.4c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l2.5 1.4zm10 12.9c-.7-1.4-2.3-2-3.8-1.4s-2 2.3-1.4 3.8 2.3 2 3.8 1.4 2.1-2.4 1.4-3.8zm-1.4.6c.3.6 0 1.4-.6 1.7s-1.4 0-1.7-.6c-.3-.6 0-1.4.6-1.7.7-.3 1.4 0 1.7.6zm3.1-12l-6 2.8c-.2.1-.3.4-.2.6l2.6 5.6c.4.1.8.2 1.2.4l5.6-2.6c.3-.1.4-.4.2-.7l-2.8-6c-.1-.1-.4-.2-.6-.1z'/%3E%3C/svg%3E"); }
    .icon-inventory.disabled[class^="icon-"], .icon-inventory[class^="icon-"]:disabled,
    .icon-inventory.disabled[class*=" icon-"],
    .icon-inventory[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='rgb(195,207,216)' d='M13.1 4c.1.3 0 .6-.2.7l-3.7 1.7c-.3.1-.6 0-.7-.2l-1.7-3.7c-.1-.3 0-.6.2-.7l3.7-1.8c.3-.1.6 0 .7.2l1.7 3.8zm4.5 9.5l-3.4 1.5.4.6c.1.2.2.5.3.8l3.3-1.6c.4-.2.6-.6.4-1-.2-.4-.6-.5-1-.3zm-13.7-10.4l5.2 11.3c.2-.2.4-.3.7-.4.2-.1.5-.2.7-.2l-5.3-11.6c0-.2-.2-.3-.3-.4l-2.8-1.4c-.4-.2-.8 0-1 .3-.2.4 0 .8.3 1l2.5 1.4zm10 12.9c-.7-1.4-2.3-2-3.8-1.4s-2 2.3-1.4 3.8 2.3 2 3.8 1.4 2.1-2.4 1.4-3.8zm-1.4.6c.3.6 0 1.4-.6 1.7s-1.4 0-1.7-.6c-.3-.6 0-1.4.6-1.7.7-.3 1.4 0 1.7.6zm3.1-12l-6 2.8c-.2.1-.3.4-.2.6l2.6 5.6c.4.1.8.2 1.2.4l5.6-2.6c.3-.1.4-.4.2-.7l-2.8-6c-.1-.1-.4-.2-.6-.1z'/%3E%3C/svg%3E"); }
  .icon-cart[class^="icon-"],
  .icon-cart[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M21.6 12.4L24 2.8c.1-.4-.2-.8-.7-.8H5.2C5 1 4.1 0 2.3 0h-.8C.7 0 0 .7 0 1.5S.7 3 1.5 3h.9l2.9 13.3c.2 1.3 1.5 2.7 3 2.7h11.2c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H8.4c-.1-.1-.1-.2-.2-.3L7.9 14h12.2c.7 0 1.4-.9 1.5-1.6z'/%3E%3Ccircle fill='rgb(121,140,156)' cx='9' cy='22' r='2'/%3E%3Ccircle fill='rgb(121,140,156)' cx='18' cy='22' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-cart.disabled[class^="icon-"], .icon-cart[class^="icon-"]:disabled,
    .icon-cart.disabled[class*=" icon-"],
    .icon-cart[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M21.6 12.4L24 2.8c.1-.4-.2-.8-.7-.8H5.2C5 1 4.1 0 2.3 0h-.8C.7 0 0 .7 0 1.5S.7 3 1.5 3h.9l2.9 13.3c.2 1.3 1.5 2.7 3 2.7h11.2c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H8.4c-.1-.1-.1-.2-.2-.3L7.9 14h12.2c.7 0 1.4-.9 1.5-1.6z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='9' cy='22' r='2'/%3E%3Ccircle fill='rgb(195,207,216)' cx='18' cy='22' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-giftcards[class^="icon-"],
  .icon-giftcards[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M15 4h-4l1-.8c.4-.4.6-.8.6-1.3s-.1-1-.5-1.3c-.3-.4-.7-.6-1.3-.6-.5 0-1 .1-1.4.5L8 2 6.7.5C6.3.1 5.9 0 5.4 0s-1 .2-1.3.6c-.4.4-.5.8-.5 1.3s.2.9.6 1.3L5 4H1c-.3 0-1 .7-1 1v1c0 .3.7 1 1 1h14c.3 0 1-.7 1-1V5c0-.3-.7-1-1-1zm0 11V8H9v8h5M2 16h5V8H1v7'/%3E%3C/svg%3E"); }
    .icon-giftcards.disabled[class^="icon-"], .icon-giftcards[class^="icon-"]:disabled,
    .icon-giftcards.disabled[class*=" icon-"],
    .icon-giftcards[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15 4h-4l1-.8c.4-.4.6-.8.6-1.3s-.1-1-.5-1.3c-.3-.4-.7-.6-1.3-.6-.5 0-1 .1-1.4.5L8 2 6.7.5C6.3.1 5.9 0 5.4 0s-1 .2-1.3.6c-.4.4-.5.8-.5 1.3s.2.9.6 1.3L5 4H1c-.3 0-1 .7-1 1v1c0 .3.7 1 1 1h14c.3 0 1-.7 1-1V5c0-.3-.7-1-1-1zm0 11V8H9v8h5M2 16h5V8H1v7'/%3E%3C/svg%3E"); }
  .icon-folder[class^="icon-"],
  .icon-folder[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M1 20.6c0 .8.6 1.4 1.4 1.4h19.3c.8 0 1.4-.6 1.4-1.4v-9.2c0-.3-.2-.5-.5-.5H1.5c-.3.1-.5.3-.5.6v9.1zM22 6H12c-.7 0-1.7 0-1.7-1.7v-.9c0-.8-.6-1.4-1.4-1.4H2.4C1.6 2 1 2.6 1 3.4V8.6c0 .2.2.4.5.4h21.1c.2 0 .4-.2.4-.5V7c0-.8-.2-1-1-1z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-folder.disabled[class^="icon-"], .icon-folder[class^="icon-"]:disabled,
    .icon-folder.disabled[class*=" icon-"],
    .icon-folder[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M1 20.6c0 .8.6 1.4 1.4 1.4h19.3c.8 0 1.4-.6 1.4-1.4v-9.2c0-.3-.2-.5-.5-.5H1.5c-.3.1-.5.3-.5.6v9.1zM22 6H12c-.7 0-1.7 0-1.7-1.7v-.9c0-.8-.6-1.4-1.4-1.4H2.4C1.6 2 1 2.6 1 3.4V8.6c0 .2.2.4.5.4h21.1c.2 0 .4-.2.4-.5V7c0-.8-.2-1-1-1z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-account[class^="icon-"],
  .icon-account[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M24 3.4c0-.8-.6-1.4-1.4-1.4H1.4C.6 2 0 2.6 0 3.4v17.3c0 .7.6 1.3 1.4 1.3h21.3c.8 0 1.4-.6 1.4-1.4V3.4zM12 15.7c0 .5-.3 1.3-.8 1.3H4.6c-.4 0-.6-.8-.6-1.3v-.1c0-1.3 1.6-1.8 2.5-2.2.6-.3.6-.7.6-1 0-.3-.3-.7-.6-.9-.4-.4-.6-1-.6-1.7 0-1 .6-2 1.5-2.2 1.4-.4 2.6.6 2.6 2.1 0 .7-.2 1.3-.7 1.7-.3.3-.5.6-.5.9 0 .3 0 .7.6 1 .9.4 2.6.9 2.6 2.2v.2zm7.3-.7h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1zm0-4h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1z'/%3E%3C/svg%3E"); }
    .icon-account.disabled[class^="icon-"], .icon-account[class^="icon-"]:disabled,
    .icon-account.disabled[class*=" icon-"],
    .icon-account[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M24 3.4c0-.8-.6-1.4-1.4-1.4H1.4C.6 2 0 2.6 0 3.4v17.3c0 .7.6 1.3 1.4 1.3h21.3c.8 0 1.4-.6 1.4-1.4V3.4zM12 15.7c0 .5-.3 1.3-.8 1.3H4.6c-.4 0-.6-.8-.6-1.3v-.1c0-1.3 1.6-1.8 2.5-2.2.6-.3.6-.7.6-1 0-.3-.3-.7-.6-.9-.4-.4-.6-1-.6-1.7 0-1 .6-2 1.5-2.2 1.4-.4 2.6.6 2.6 2.1 0 .7-.2 1.3-.7 1.7-.3.3-.5.6-.5.9 0 .3 0 .7.6 1 .9.4 2.6.9 2.6 2.2v.2zm7.3-.7h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1zm0-4h-4.5c-.5 0-.9-.5-.9-1s.4-1 .9-1h4.5c.5 0 .9.5.9 1s-.4 1-.9 1z'/%3E%3C/svg%3E"); }
  .icon-chevron-down[class^="icon-"],
  .icon-chevron-down[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M21 5.176l-9.086 9.353-8.914-9.353-2.314 2.471 11.314 11.735 11.314-11.735-2.314-2.471z'/%3E%3C/svg%3E"); }
    .icon-chevron-down.disabled[class^="icon-"], .icon-chevron-down[class^="icon-"]:disabled,
    .icon-chevron-down.disabled[class*=" icon-"],
    .icon-chevron-down[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M21 5.176l-9.086 9.353-8.914-9.353-2.314 2.471 11.314 11.735 11.314-11.735-2.314-2.471z'/%3E%3C/svg%3E"); }
  .icon-prev[class^="icon-"],
  .icon-prev[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(121,140,156)' d='M23,24.7L12.5,14.2L23,3.7L20.3,1L7,14.2l13.3,13.3C20.3,27.5,23,24.7,23,24.7z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-prev.disabled[class^="icon-"], .icon-prev[class^="icon-"]:disabled,
    .icon-prev.disabled[class*=" icon-"],
    .icon-prev[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(195,207,216)' d='M23,24.7L12.5,14.2L23,3.7L20.3,1L7,14.2l13.3,13.3C20.3,27.5,23,24.7,23,24.7z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-next[class^="icon-"],
  .icon-next[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(121,140,156)' d='M7,3.8l10.5,10.5L7,24.7l2.7,2.7L23,14.3L9.7,1C9.7,1,7,3.8,7,3.8z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-next.disabled[class^="icon-"], .icon-next[class^="icon-"]:disabled,
    .icon-next.disabled[class*=" icon-"],
    .icon-next[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(195,207,216)' d='M7,3.8l10.5,10.5L7,24.7l2.7,2.7L23,14.3L9.7,1C9.7,1,7,3.8,7,3.8z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-trash[class^="icon-"],
  .icon-trash[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27' enable-background='new 0 0 27 27'%3E%3Cpath fill='rgb(121,140,156)' d='M27.5,5a2.22,2.22,0,0,1-1.8,2.25H2.3A2.22,2.22,0,0,1,.5,5,2.22,2.22,0,0,1,2.3,2.75H9.5C9.5,1.63,11.07.5,12.2,0.5h3.6c1.13,0,2.7,1.35,2.7,2.25h7.2A2.22,2.22,0,0,1,27.5,5Zm-2.25,5.85V25.7c0,0.9-1.8,1.8-2.7,1.8H5.45c-0.9,0-2.7-.68-2.7-1.8V10.85A3.17,3.17,0,0,1,4.33,9.5H23.9A3.88,3.88,0,0,1,25.25,10.85ZM11.75,14.9a1,1,0,0,0-.9-0.9H10.4a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9h0.45a1,1,0,0,0,.9-0.9V14.9Zm6.75,0a1,1,0,0,0-.9-0.9H17.15a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9H17.6a1,1,0,0,0,.9-0.9V14.9Z' transform='translate(-0.5 -0.5)' /%3E%3C/svg%3E"); }
    .icon-trash.disabled[class^="icon-"], .icon-trash[class^="icon-"]:disabled,
    .icon-trash.disabled[class*=" icon-"],
    .icon-trash[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27' enable-background='new 0 0 27 27'%3E%3Cpath fill='rgb(195,207,216)' d='M27.5,5a2.22,2.22,0,0,1-1.8,2.25H2.3A2.22,2.22,0,0,1,.5,5,2.22,2.22,0,0,1,2.3,2.75H9.5C9.5,1.63,11.07.5,12.2,0.5h3.6c1.13,0,2.7,1.35,2.7,2.25h7.2A2.22,2.22,0,0,1,27.5,5Zm-2.25,5.85V25.7c0,0.9-1.8,1.8-2.7,1.8H5.45c-0.9,0-2.7-.68-2.7-1.8V10.85A3.17,3.17,0,0,1,4.33,9.5H23.9A3.88,3.88,0,0,1,25.25,10.85ZM11.75,14.9a1,1,0,0,0-.9-0.9H10.4a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9h0.45a1,1,0,0,0,.9-0.9V14.9Zm6.75,0a1,1,0,0,0-.9-0.9H17.15a1,1,0,0,0-.9.9v7.2a1,1,0,0,0,.9.9H17.6a1,1,0,0,0,.9-0.9V14.9Z' transform='translate(-0.5 -0.5)' /%3E%3C/svg%3E"); }
  .icon-clock[class^="icon-"],
  .icon-clock[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-clock.disabled[class^="icon-"], .icon-clock[class^="icon-"]:disabled,
    .icon-clock.disabled[class*=" icon-"],
    .icon-clock[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-close[class^="icon-"],
  .icon-close[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-close.disabled[class^="icon-"], .icon-close[class^="icon-"]:disabled,
    .icon-close.disabled[class*=" icon-"],
    .icon-close[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-checkmark[class^="icon-"],
  .icon-checkmark[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E"); }
    .icon-checkmark.disabled[class^="icon-"], .icon-checkmark[class^="icon-"]:disabled,
    .icon-checkmark.disabled[class*=" icon-"],
    .icon-checkmark[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E"); }
  .icon-search[class^="icon-"],
  .icon-search[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M0 5.667c0 3.125 2.542 5.667 5.667 5.667 1.202 0 2.315-.38 3.233-1.02l.455.456c-.07.5.082 1.025.466 1.41l3.334 3.332c.326.325.753.488 1.18.488.425 0 .852-.163 1.177-.488.652-.65.652-1.706 0-2.357L12.18 9.822c-.384-.384-.91-.536-1.41-.466l-.454-.456c.64-.918 1.02-2.03 1.02-3.233C11.333 2.542 8.79 0 5.666 0S0 2.542 0 5.667zm2 0C2 3.645 3.645 2 5.667 2s3.667 1.645 3.667 3.667-1.646 3.666-3.667 3.666S2 7.688 2 5.667z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-search.disabled[class^="icon-"], .icon-search[class^="icon-"]:disabled,
    .icon-search.disabled[class*=" icon-"],
    .icon-search[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M0 5.667c0 3.125 2.542 5.667 5.667 5.667 1.202 0 2.315-.38 3.233-1.02l.455.456c-.07.5.082 1.025.466 1.41l3.334 3.332c.326.325.753.488 1.18.488.425 0 .852-.163 1.177-.488.652-.65.652-1.706 0-2.357L12.18 9.822c-.384-.384-.91-.536-1.41-.466l-.454-.456c.64-.918 1.02-2.03 1.02-3.233C11.333 2.542 8.79 0 5.666 0S0 2.542 0 5.667zm2 0C2 3.645 3.645 2 5.667 2s3.667 1.645 3.667 3.667-1.646 3.666-3.667 3.666S2 7.688 2 5.667z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-flag[class^="icon-"],
  .icon-flag[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-flag.disabled[class^="icon-"], .icon-flag[class^="icon-"]:disabled,
    .icon-flag.disabled[class*=" icon-"],
    .icon-flag[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-bell[class^="icon-"],
  .icon-bell[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='rgb(121,140,156)' d='M1.5 13.2l.1-.2c.7-1.7 3 0 3.9-2.1l1.1-2.5c1.4-3.3 4.7-5.3 8.3-5.2 0-.1 0-.2.1-.3.6-1.4 2.1-2 3.5-1.4 1.4.6 2 2.1 1.4 3.5 0 0 0 .1-.1.1 2.8 2.3 3.7 6 2.2 9.4L20.9 17c-.9 2.1 1.9 2.5 1.2 4.2l-.1.2c-.2.4-.5.3-.8.1l-7.5-3-2.1-.8-2.1-.8-7.5-3c-.5-.2-.7-.3-.5-.7zM10.4 22.3c-1.4-.6-2.3-2-2.5-3.4 0-.3.3-.6.6-.5l6.1 2.4c.3.1.4.5.1.8-1.1.9-2.8 1.3-4.3.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
    .icon-bell.disabled[class^="icon-"], .icon-bell[class^="icon-"]:disabled,
    .icon-bell.disabled[class*=" icon-"],
    .icon-bell[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='rgb(195,207,216)' d='M1.5 13.2l.1-.2c.7-1.7 3 0 3.9-2.1l1.1-2.5c1.4-3.3 4.7-5.3 8.3-5.2 0-.1 0-.2.1-.3.6-1.4 2.1-2 3.5-1.4 1.4.6 2 2.1 1.4 3.5 0 0 0 .1-.1.1 2.8 2.3 3.7 6 2.2 9.4L20.9 17c-.9 2.1 1.9 2.5 1.2 4.2l-.1.2c-.2.4-.5.3-.8.1l-7.5-3-2.1-.8-2.1-.8-7.5-3c-.5-.2-.7-.3-.5-.7zM10.4 22.3c-1.4-.6-2.3-2-2.5-3.4 0-.3.3-.6.6-.5l6.1 2.4c.3.1.4.5.1.8-1.1.9-2.8 1.3-4.3.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  .icon-exclamation[class^="icon-"],
  .icon-exclamation[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M13.5 0h-2c-.8 0-1.5.7-1.5 1.5v14c0 .8.7 1.5 1.5 1.5h2c.8 0 1.5-.7 1.5-1.5v-14c0-.8-.7-1.5-1.5-1.5z'%3E%3C/path%3E%3Ccircle fill='rgb(121,140,156)' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E"); }
    .icon-exclamation.disabled[class^="icon-"], .icon-exclamation[class^="icon-"]:disabled,
    .icon-exclamation.disabled[class*=" icon-"],
    .icon-exclamation[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M13.5 0h-2c-.8 0-1.5.7-1.5 1.5v14c0 .8.7 1.5 1.5 1.5h2c.8 0 1.5-.7 1.5-1.5v-14c0-.8-.7-1.5-1.5-1.5z'%3E%3C/path%3E%3Ccircle fill='rgb(195,207,216)' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E"); }
  .icon-question[class^="icon-"],
  .icon-question[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M18.5 4.4c-.9-2.1-2.7-3.7-5-4.2-3.8-.8-7.3 1.6-8.3 5C5 6.1 5.7 7 6.7 7h1.1c.6 0 1.2-.4 1.4-1 .4-1.2 1.5-2 2.8-2 2.1 0 3.9 2.5 2.5 4.6-.4.6-1 1-1.6 1.3-1.7.6-2.9 2.1-2.9 3.8v2.8c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5v-2.1c0-.4.3-.8.6-.9 3.4-1.4 5.4-5.3 3.9-9.1z'%3E%3C/path%3E%3Ccircle fill='rgb(121,140,156)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); }
    .icon-question.disabled[class^="icon-"], .icon-question[class^="icon-"]:disabled,
    .icon-question.disabled[class*=" icon-"],
    .icon-question[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M18.5 4.4c-.9-2.1-2.7-3.7-5-4.2-3.8-.8-7.3 1.6-8.3 5C5 6.1 5.7 7 6.7 7h1.1c.6 0 1.2-.4 1.4-1 .4-1.2 1.5-2 2.8-2 2.1 0 3.9 2.5 2.5 4.6-.4.6-1 1-1.6 1.3-1.7.6-2.9 2.1-2.9 3.8v2.8c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5v-2.1c0-.4.3-.8.6-.9 3.4-1.4 5.4-5.3 3.9-9.1z'%3E%3C/path%3E%3Ccircle fill='rgb(195,207,216)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); }
  .icon-prohibit[class^="icon-"],
  .icon-prohibit[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z'%3E%3C/path%3E%3C/svg%3E"); }
    .icon-prohibit.disabled[class^="icon-"], .icon-prohibit[class^="icon-"]:disabled,
    .icon-prohibit.disabled[class*=" icon-"],
    .icon-prohibit[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z'%3E%3C/path%3E%3C/svg%3E"); }
  .icon-product[class^="icon-"],
  .icon-product[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M15.087 0H10.01c-.554 0-1.085.235-1.476.627L.3 8.87c-.37.368-.37.965 0 1.327l5.553 5.556c.362.368.955.37 1.323 0L15.4 7.52c.39-.392.6-.922.6-1.476V.967C16 .45 15.604 0 15.087 0zm-2.89 5.56c-.94 0-1.702-.764-1.702-1.703 0-.94.763-1.702 1.702-1.702.94 0 1.702.763 1.702 1.702 0 .94-.764 1.702-1.703 1.702z'/%3E%3C/svg%3E"); }
    .icon-product.disabled[class^="icon-"], .icon-product[class^="icon-"]:disabled,
    .icon-product.disabled[class*=" icon-"],
    .icon-product[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15.087 0H10.01c-.554 0-1.085.235-1.476.627L.3 8.87c-.37.368-.37.965 0 1.327l5.553 5.556c.362.368.955.37 1.323 0L15.4 7.52c.39-.392.6-.922.6-1.476V.967C16 .45 15.604 0 15.087 0zm-2.89 5.56c-.94 0-1.702-.764-1.702-1.703 0-.94.763-1.702 1.702-1.702.94 0 1.702.763 1.702 1.702 0 .94-.764 1.702-1.703 1.702z'/%3E%3C/svg%3E"); }
  .icon-preview[class^="icon-"],
  .icon-preview[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500'%3E%3Cpath fill='rgb(121,140,156)' d='M497.9 237.5C447.9 129.2 352.1 58.3 250 58.3S52.1 129.2 2.1 237.5c-4.2 8.3-4.2 18.8 0 27.1 50 108.3 145.8 179.2 247.9 179.2S447.9 373 497.9 264.6c2.1-10.4 2.1-18.8 0-27.1zM250 345.8c-52.1 0-95.8-43.8-95.8-95.8s43.8-95.8 95.8-95.8 95.8 43.8 95.8 95.8-43.7 95.8-95.8 95.8z'/%3E%3C/svg%3E"); }
    .icon-preview.disabled[class^="icon-"], .icon-preview[class^="icon-"]:disabled,
    .icon-preview.disabled[class*=" icon-"],
    .icon-preview[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500'%3E%3Cpath fill='rgb(195,207,216)' d='M497.9 237.5C447.9 129.2 352.1 58.3 250 58.3S52.1 129.2 2.1 237.5c-4.2 8.3-4.2 18.8 0 27.1 50 108.3 145.8 179.2 247.9 179.2S447.9 373 497.9 264.6c2.1-10.4 2.1-18.8 0-27.1zM250 345.8c-52.1 0-95.8-43.8-95.8-95.8s43.8-95.8 95.8-95.8 95.8 43.8 95.8 95.8-43.7 95.8-95.8 95.8z'/%3E%3C/svg%3E"); }
  .icon-edit[class^="icon-"],
  .icon-edit[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M19.758 8.15L8.656 19.25l-3.89-3.89L15.87 4.26zM22.4 3.2l-1.6-1.6c-.6-.6-1.7-.6-2.3 0l-1.2 1.2 3.9 3.9 1.2-1.2c.6-.6.6-1.7 0-2.3zM3.4 16.8l-.3.3c-.2.2-.3.4-.4.7l-1.4 4.3c-.1.4.3.8.7.7l4.3-1.4c.3-.1.5-.2.7-.4l.3-.3-3.9-3.9z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-edit.disabled[class^="icon-"], .icon-edit[class^="icon-"]:disabled,
    .icon-edit.disabled[class*=" icon-"],
    .icon-edit[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M19.758 8.15L8.656 19.25l-3.89-3.89L15.87 4.26zM22.4 3.2l-1.6-1.6c-.6-.6-1.7-.6-2.3 0l-1.2 1.2 3.9 3.9 1.2-1.2c.6-.6.6-1.7 0-2.3zM3.4 16.8l-.3.3c-.2.2-.3.4-.4.7l-1.4 4.3c-.1.4.3.8.7.7l4.3-1.4c.3-.1.5-.2.7-.4l.3-.3-3.9-3.9z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-addition[class^="icon-"],
  .icon-addition[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M22.5 10H14V1.5c0-.8-.7-1.5-1.5-1.5h-1c-.8 0-1.5.7-1.5 1.5V10H1.5c-.8 0-1.5.7-1.5 1.5v1c0 .8.7 1.5 1.5 1.5H10v8.5c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5V14h8.5c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/svg%3E"); }
    .icon-addition.disabled[class^="icon-"], .icon-addition[class^="icon-"]:disabled,
    .icon-addition.disabled[class*=" icon-"],
    .icon-addition[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M22.5 10H14V1.5c0-.8-.7-1.5-1.5-1.5h-1c-.8 0-1.5.7-1.5 1.5V10H1.5c-.8 0-1.5.7-1.5 1.5v1c0 .8.7 1.5 1.5 1.5H10v8.5c0 .8.7 1.5 1.5 1.5h1c.8 0 1.5-.7 1.5-1.5V14h8.5c.8 0 1.5-.7 1.5-1.5v-1c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  .icon-subtraction[class^="icon-"],
  .icon-subtraction[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath d='M6 0'/%3E%3Cpath fill='rgb(121,140,156)' d='M.8 7C.3 7 0 6.7 0 6.2v-.4c0-.5.3-.8.8-.8h10.5c.4 0 .7.3.7.8v.5c0 .4-.3.7-.8.7H.8z'/%3E%3C/svg%3E"); }
    .icon-subtraction.disabled[class^="icon-"], .icon-subtraction[class^="icon-"]:disabled,
    .icon-subtraction.disabled[class*=" icon-"],
    .icon-subtraction[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath d='M6 0'/%3E%3Cpath fill='rgb(195,207,216)' d='M.8 7C.3 7 0 6.7 0 6.2v-.4c0-.5.3-.8.8-.8h10.5c.4 0 .7.3.7.8v.5c0 .4-.3.7-.8.7H.8z'/%3E%3C/svg%3E"); }
  .icon-calendar[class^="icon-"],
  .icon-calendar[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M21 3h-1V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H8V2c0-1.1-.9-2-2-2S4 .9 4 2v1H3C1.3 3 0 4.3 0 6v15c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 21V10h18v11H3z'/%3E%3C/svg%3E"); }
    .icon-calendar.disabled[class^="icon-"], .icon-calendar[class^="icon-"]:disabled,
    .icon-calendar.disabled[class*=" icon-"],
    .icon-calendar[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M21 3h-1V2c0-1.1-.9-2-2-2s-2 .9-2 2v1H8V2c0-1.1-.9-2-2-2S4 .9 4 2v1H3C1.3 3 0 4.3 0 6v15c0 1.7 1.3 3 3 3h18c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3zM3 21V10h18v11H3z'/%3E%3C/svg%3E"); }
  .icon-addcircle[class^="icon-"],
  .icon-addcircle[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath fill='rgb(121,140,156)' d='M6 0c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm3 7h-2v2c0 .5-.5 1-1 1s-1-.5-1-1v-2h-2c-.5 0-1-.5-1-1s.5-1 1-1h2v-2c0-.5.5-1 1-1s1 .5 1 1v2h2c.5 0 1 .5 1 1s-.5 1-1 1z'/%3E%3C/svg%3E"); }
    .icon-addcircle.disabled[class^="icon-"], .icon-addcircle[class^="icon-"]:disabled,
    .icon-addcircle.disabled[class*=" icon-"],
    .icon-addcircle[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' enable-background='new 0 0 12 12'%3E%3Cpath fill='rgb(195,207,216)' d='M6 0c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm3 7h-2v2c0 .5-.5 1-1 1s-1-.5-1-1v-2h-2c-.5 0-1-.5-1-1s.5-1 1-1h2v-2c0-.5.5-1 1-1s1 .5 1 1v2h2c.5 0 1 .5 1 1s-.5 1-1 1z'/%3E%3C/svg%3E"); }
  .icon-orders[class^="icon-"],
  .icon-orders[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M13.992 0H2.1C.94 0 0 .94 0 2.1v12.244C0 15.305.785 16 1.75 16H14.34c.964 0 1.658-.694 1.658-1.658V2.1C16 .94 15.15 0 13.992 0zM14 2v8h-1.757C11.28 10 10 11.28 10 12.243v.7c0 .193.337.057.144.057H5.247c-.193 0-.247.136-.247-.057v-.7C5 11.28 4.113 10 3.148 10H2V2h12zM7.117 9.963c.167.16.437.16.603.002l5.17-5.042c.165-.16.165-.422 0-.583l-.604-.583c-.166-.16-.437-.16-.603 0L7.42 7.924 5.694 6.24c-.166-.16-.437-.16-.603 0l-.604.582c-.166.162-.166.423 0 .584l2.63 2.557z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-orders.disabled[class^="icon-"], .icon-orders[class^="icon-"]:disabled,
    .icon-orders.disabled[class*=" icon-"],
    .icon-orders[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M13.992 0H2.1C.94 0 0 .94 0 2.1v12.244C0 15.305.785 16 1.75 16H14.34c.964 0 1.658-.694 1.658-1.658V2.1C16 .94 15.15 0 13.992 0zM14 2v8h-1.757C11.28 10 10 11.28 10 12.243v.7c0 .193.337.057.144.057H5.247c-.193 0-.247.136-.247-.057v-.7C5 11.28 4.113 10 3.148 10H2V2h12zM7.117 9.963c.167.16.437.16.603.002l5.17-5.042c.165-.16.165-.422 0-.583l-.604-.583c-.166-.16-.437-.16-.603 0L7.42 7.924 5.694 6.24c-.166-.16-.437-.16-.603 0l-.604.582c-.166.162-.166.423 0 .584l2.63 2.557z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-globe[class^="icon-"],
  .icon-globe[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 21.15c-5.1 0-9.15-4.05-9.15-9.15 0-1.35.3-2.7.9-3.9v.45c0 .3.45.75.45 1.05 0 .45.3.75.6 1.05.45.15.9.3 1.2.6.3.3.6.45 1.05.3.3.3.15.6 0 .9-.3.3-.45.6-.45.75-.15.45-.15.9.3 1.2.3.15.45.45.45.75s.3.6.45.75c.6.3.6.9.75 1.5.15 1.2 1.05 3 1.35 2.4.3-.45.9-1.35 1.2-1.65.15-.15.3-.3.3-.45.15-.3.3-.6.6-.75.15-.15.3-.3.3-.45 0-.6.3-1.2.6-1.65.6-.75.3-1.2-.6-1.5-.45-.15-1.05-.45-1.65-.15v-.3c.15-.75 0-.9-.75-1.2-.3-.3-.6-.45-.9-.6-.3-.15-.75 0-1.2-.15-.45.15-.3-.6-.75-.75-.9-.9.45-1.2 1.05-.9.15.15.75-.75 1.95-1.5.3 0 .15-1.5.45-1.5-2.55-1.5-3-2.1-3-2.1h-.3c1.35-.9 3-1.35 4.8-1.35h.9l-.15.15s-.75.45.15 1.5c.3.3 1.05 1.2.9 1.35 0 .3 2.1-.15 2.4-.15.6 0 .45.9 0 1.05 0 .15-2.7.45-2.85.45-.45.6-.45.45-.3 1.05 0 .3-.15.45-.15.9.3.3.6.75.9 1.2.45.45.75 1.2 1.2 1.05.15 0 .3-.15.6-.3.15.15.45.6.75.75-.15.45 0 .75.3 1.2.15.15 0 1.2-.15 1.35-.15.3 0 .9.3 1.5s1.05.6 1.35 0l1.05-2.85c.3-.6.75-1.05 1.35-1.35l.45-.15V12c.15 5.1-3.9 9.15-9 9.15z'/%3E%3C/svg%3E"); }
    .icon-globe.disabled[class^="icon-"], .icon-globe[class^="icon-"]:disabled,
    .icon-globe.disabled[class*=" icon-"],
    .icon-globe[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 21.15c-5.1 0-9.15-4.05-9.15-9.15 0-1.35.3-2.7.9-3.9v.45c0 .3.45.75.45 1.05 0 .45.3.75.6 1.05.45.15.9.3 1.2.6.3.3.6.45 1.05.3.3.3.15.6 0 .9-.3.3-.45.6-.45.75-.15.45-.15.9.3 1.2.3.15.45.45.45.75s.3.6.45.75c.6.3.6.9.75 1.5.15 1.2 1.05 3 1.35 2.4.3-.45.9-1.35 1.2-1.65.15-.15.3-.3.3-.45.15-.3.3-.6.6-.75.15-.15.3-.3.3-.45 0-.6.3-1.2.6-1.65.6-.75.3-1.2-.6-1.5-.45-.15-1.05-.45-1.65-.15v-.3c.15-.75 0-.9-.75-1.2-.3-.3-.6-.45-.9-.6-.3-.15-.75 0-1.2-.15-.45.15-.3-.6-.75-.75-.9-.9.45-1.2 1.05-.9.15.15.75-.75 1.95-1.5.3 0 .15-1.5.45-1.5-2.55-1.5-3-2.1-3-2.1h-.3c1.35-.9 3-1.35 4.8-1.35h.9l-.15.15s-.75.45.15 1.5c.3.3 1.05 1.2.9 1.35 0 .3 2.1-.15 2.4-.15.6 0 .45.9 0 1.05 0 .15-2.7.45-2.85.45-.45.6-.45.45-.3 1.05 0 .3-.15.45-.15.9.3.3.6.75.9 1.2.45.45.75 1.2 1.2 1.05.15 0 .3-.15.6-.3.15.15.45.6.75.75-.15.45 0 .75.3 1.2.15.15 0 1.2-.15 1.35-.15.3 0 .9.3 1.5s1.05.6 1.35 0l1.05-2.85c.3-.6.75-1.05 1.35-1.35l.45-.15V12c.15 5.1-3.9 9.15-9 9.15z'/%3E%3C/svg%3E"); }
  .icon-funnel[class^="icon-"],
  .icon-funnel[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M1.2,1.6c0-0.5,0-1,0-1.6c4.6,0,9.1,0,13.7,0c0,0.5,0,1,0,1.6c0,0-0.1,0-0.1,0.1C13.1,3.8,11.4,6,9.7,8.2  C9.6,8.3,9.6,8.5,9.6,8.6c0,2.5,0,4.9,0,7.4c0,0-2-1-2.8-1.4c-0.2-0.1-0.2-0.2-0.2-0.4c0-1.9,0-3.7,0-5.6c0-0.2-0.1-0.3-0.2-0.5  c-1-1.3-1.9-2.5-2.9-3.7C2.7,3.5,1.9,2.5,1.2,1.6z'/%3E%3C/svg%3E"); }
    .icon-funnel.disabled[class^="icon-"], .icon-funnel[class^="icon-"]:disabled,
    .icon-funnel.disabled[class*=" icon-"],
    .icon-funnel[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M1.2,1.6c0-0.5,0-1,0-1.6c4.6,0,9.1,0,13.7,0c0,0.5,0,1,0,1.6c0,0-0.1,0-0.1,0.1C13.1,3.8,11.4,6,9.7,8.2  C9.6,8.3,9.6,8.5,9.6,8.6c0,2.5,0,4.9,0,7.4c0,0-2-1-2.8-1.4c-0.2-0.1-0.2-0.2-0.2-0.4c0-1.9,0-3.7,0-5.6c0-0.2-0.1-0.3-0.2-0.5  c-1-1.3-1.9-2.5-2.9-3.7C2.7,3.5,1.9,2.5,1.2,1.6z'/%3E%3C/svg%3E"); }
  .icon-percent[class^="icon-"],
  .icon-percent[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M20.6 4.7l-1.3-1.3c-.5-.5-1.4-.5-1.9 0l-14 14c-.5.5-.5 1.4 0 1.9l1.3 1.3c.5.5 1.4.5 1.9 0l14-14c.5-.5.5-1.4 0-1.9z'/%3E%3Ccircle fill='rgb(121,140,156)' cx='5.7' cy='5.7' r='2.7'/%3E%3Ccircle fill='rgb(121,140,156)' cx='18.3' cy='18.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-percent.disabled[class^="icon-"], .icon-percent[class^="icon-"]:disabled,
    .icon-percent.disabled[class*=" icon-"],
    .icon-percent[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M20.6 4.7l-1.3-1.3c-.5-.5-1.4-.5-1.9 0l-14 14c-.5.5-.5 1.4 0 1.9l1.3 1.3c.5.5 1.4.5 1.9 0l14-14c.5-.5.5-1.4 0-1.9z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='5.7' cy='5.7' r='2.7'/%3E%3Ccircle fill='rgb(195,207,216)' cx='18.3' cy='18.3' r='2.7'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-payment[class^="icon-"],
  .icon-payment[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M12.7 9.1c.2.2.5.2.7 0l4.2-4.6c.2-.3 0-.5-.3-.5H15V.9c0-.5-.6-.9-1.1-.9h-1.8c-.5 0-1.1.4-1.1.9V4H8.8c-.3 0-.5.2-.3.5l4.2 4.6zM3 20.8V15h-.6c-.8 0-1.4.4-1.4 1.2v6.5c0 .7.6 1.3 1.4 1.3h15.7c.8 0 .9-.6.9-1.4V22H4.2c-.7 0-1.2-.5-1.2-1.2zM23 12.4c0-.8-.6-1.4-1.4-1.4H6.4c-.8 0-1.4.6-1.4 1.4v6.2c0 .8.6 1.4 1.4 1.4h15.2c.8 0 1.4-.6 1.4-1.4v-6.2zm-9.1 6.1c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8 1.5 0 2.8 1.2 2.8 2.8 0 1.5-1.2 2.8-2.8 2.8z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-payment.disabled[class^="icon-"], .icon-payment[class^="icon-"]:disabled,
    .icon-payment.disabled[class*=" icon-"],
    .icon-payment[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12.7 9.1c.2.2.5.2.7 0l4.2-4.6c.2-.3 0-.5-.3-.5H15V.9c0-.5-.6-.9-1.1-.9h-1.8c-.5 0-1.1.4-1.1.9V4H8.8c-.3 0-.5.2-.3.5l4.2 4.6zM3 20.8V15h-.6c-.8 0-1.4.4-1.4 1.2v6.5c0 .7.6 1.3 1.4 1.3h15.7c.8 0 .9-.6.9-1.4V22H4.2c-.7 0-1.2-.5-1.2-1.2zM23 12.4c0-.8-.6-1.4-1.4-1.4H6.4c-.8 0-1.4.6-1.4 1.4v6.2c0 .8.6 1.4 1.4 1.4h15.2c.8 0 1.4-.6 1.4-1.4v-6.2zm-9.1 6.1c-1.5 0-2.8-1.2-2.8-2.8 0-1.5 1.2-2.8 2.8-2.8 1.5 0 2.8 1.2 2.8 2.8 0 1.5-1.2 2.8-2.8 2.8z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-discount[class^="icon-"],
  .icon-discount[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M6.5 20H6v-.5c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5V21c0 .6.4 1 1 1h1.5c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 19h-1c-.3 0-.5.2-.5.5v.5h-.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5H23c.6 0 1-.4 1-1v-1.5c0-.3-.2-.5-.5-.5zM23 8h-1.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h.5v.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5V9c0-.6-.4-1-1-1zM12.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM18.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 13h-1c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM16.9 14l-6-4.9 6-4.9c-1-1.3-2.9-1.5-4.2-.4L8.5 7.2 6.8 5.7c.1-.4.2-.8.2-1.2C7 2.6 5.4 1 3.5 1S0 2.6 0 4.5 1.6 8 3.5 8c.4 0 .7-.1 1.1-.2l1.6 1.3-1.4 1.1c-.4-.1-.9-.2-1.3-.2C1.6 10 0 11.6 0 13.5S1.6 17 3.5 17 7 15.4 7 13.5c0-.4-.1-.7-.2-1.1L8.5 11l4.2 3.4c1.3 1.1 3.2.9 4.2-.4zM2 4.5C2 3.7 2.7 3 3.5 3S5 3.7 5 4.5 4.3 6 3.5 6 2 5.3 2 4.5zM3.5 15c-.8 0-1.5-.7-1.5-1.5S2.7 12 3.5 12s1.5.7 1.5 1.5S4.3 15 3.5 15zM18.5 8h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-discount.disabled[class^="icon-"], .icon-discount[class^="icon-"]:disabled,
    .icon-discount.disabled[class*=" icon-"],
    .icon-discount[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M6.5 20H6v-.5c0-.3-.2-.5-.5-.5h-1c-.3 0-.5.2-.5.5V21c0 .6.4 1 1 1h1.5c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 19h-1c-.3 0-.5.2-.5.5v.5h-.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5H23c.6 0 1-.4 1-1v-1.5c0-.3-.2-.5-.5-.5zM23 8h-1.5c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h.5v.5c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5V9c0-.6-.4-1-1-1zM12.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM18.5 20h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5zM23.5 13h-1c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5h1c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM16.9 14l-6-4.9 6-4.9c-1-1.3-2.9-1.5-4.2-.4L8.5 7.2 6.8 5.7c.1-.4.2-.8.2-1.2C7 2.6 5.4 1 3.5 1S0 2.6 0 4.5 1.6 8 3.5 8c.4 0 .7-.1 1.1-.2l1.6 1.3-1.4 1.1c-.4-.1-.9-.2-1.3-.2C1.6 10 0 11.6 0 13.5S1.6 17 3.5 17 7 15.4 7 13.5c0-.4-.1-.7-.2-1.1L8.5 11l4.2 3.4c1.3 1.1 3.2.9 4.2-.4zM2 4.5C2 3.7 2.7 3 3.5 3S5 3.7 5 4.5 4.3 6 3.5 6 2 5.3 2 4.5zM3.5 15c-.8 0-1.5-.7-1.5-1.5S2.7 12 3.5 12s1.5.7 1.5 1.5S4.3 15 3.5 15zM18.5 8h-3c-.3 0-.5.2-.5.5v1c0 .3.2.5.5.5h3c.3 0 .5-.2.5-.5v-1c0-.3-.2-.5-.5-.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-report[class^="icon-"],
  .icon-report[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M4 9.667C4 9.297 3.702 9 3.333 9H1.667C1.297 9 1 9.298 1 9.667v5.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V9.667zM8 3.667C8 3.297 7.702 3 7.333 3H5.667C5.297 3 5 3.298 5 3.667v11.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V3.667zM12 .667c0-.37-.298-.667-.667-.667H9.667C9.297 0 9 .298 9 .667v14.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V.667zM16 6.667c0-.37-.298-.667-.667-.667h-1.667c-.368 0-.666.298-.666.667v8.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V6.667z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-report.disabled[class^="icon-"], .icon-report[class^="icon-"]:disabled,
    .icon-report.disabled[class*=" icon-"],
    .icon-report[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M4 9.667C4 9.297 3.702 9 3.333 9H1.667C1.297 9 1 9.298 1 9.667v5.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V9.667zM8 3.667C8 3.297 7.702 3 7.333 3H5.667C5.297 3 5 3.298 5 3.667v11.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V3.667zM12 .667c0-.37-.298-.667-.667-.667H9.667C9.297 0 9 .298 9 .667v14.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V.667zM16 6.667c0-.37-.298-.667-.667-.667h-1.667c-.368 0-.666.298-.666.667v8.667c0 .368.298.666.667.666h1.667c.368 0 .666-.298.666-.667V6.667z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-customers[class^="icon-"],
  .icon-customers[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M13.08 8.26c-.68-.275-.674-.732-.674-1.007 0-.274.29-.657.566-.903.48-.423.777-1.04.777-1.737 0-1.206-1.018-2.21-2.224-2.257-.896-.03-1.658.41-2.062 1.1-.088.15-.03.337.127.415 1.12.555 1.873 1.69 1.873 3.03 0 .87-.32 1.698-.894 2.332-.128.14-.077.362.094.442.663.31 2.044.745 2.598 1.462.055.07.134-.136.224-.136h1.657c.473 0 .857.116.857-.358v-.12c0-1.308-1.93-1.85-2.92-2.263zM5.398 9.232c-.542-.603-.827-1.39-.827-2.304 0-1.348.74-2.53 1.863-3.08.16-.077.22-.267.128-.418-.5-.816-1.523-1.265-2.634-.993-1.006.24-1.64 1.17-1.64 2.21 0 .698.223 1.28.71 1.704.273.247.6.63.6.904s-.035.73-.715 1.006C1.89 8.67 0 9.214 0 10.522v.12c0 .474.384.358.857.358h1.656c.09 0 .17.206.226.133.544-.716 1.905-1.277 2.56-1.59.167-.078.222-.173.098-.31zM9.867 10.546c-.68-.278-.78-.735-.78-1.006 0-.274.234-.656.508-.9.483-.426.754-1.046.754-1.74 0-1.492-1.39-2.55-2.957-2.184-1.018.237-1.672 1.168-1.672 2.212 0 .695.223 1.286.706 1.71.274.246.596.628.596.902 0 .27-.248.728-.927 1.006C5.11 10.954 3 11.5 3 12.806v.122C3 13.4 3.812 14 4.286 14h7.43c.472 0 1.284-.6 1.284-1.072v-.122c0-1.307-2.147-1.852-3.133-2.26z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-customers.disabled[class^="icon-"], .icon-customers[class^="icon-"]:disabled,
    .icon-customers.disabled[class*=" icon-"],
    .icon-customers[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M13.08 8.26c-.68-.275-.674-.732-.674-1.007 0-.274.29-.657.566-.903.48-.423.777-1.04.777-1.737 0-1.206-1.018-2.21-2.224-2.257-.896-.03-1.658.41-2.062 1.1-.088.15-.03.337.127.415 1.12.555 1.873 1.69 1.873 3.03 0 .87-.32 1.698-.894 2.332-.128.14-.077.362.094.442.663.31 2.044.745 2.598 1.462.055.07.134-.136.224-.136h1.657c.473 0 .857.116.857-.358v-.12c0-1.308-1.93-1.85-2.92-2.263zM5.398 9.232c-.542-.603-.827-1.39-.827-2.304 0-1.348.74-2.53 1.863-3.08.16-.077.22-.267.128-.418-.5-.816-1.523-1.265-2.634-.993-1.006.24-1.64 1.17-1.64 2.21 0 .698.223 1.28.71 1.704.273.247.6.63.6.904s-.035.73-.715 1.006C1.89 8.67 0 9.214 0 10.522v.12c0 .474.384.358.857.358h1.656c.09 0 .17.206.226.133.544-.716 1.905-1.277 2.56-1.59.167-.078.222-.173.098-.31zM9.867 10.546c-.68-.278-.78-.735-.78-1.006 0-.274.234-.656.508-.9.483-.426.754-1.046.754-1.74 0-1.492-1.39-2.55-2.957-2.184-1.018.237-1.672 1.168-1.672 2.212 0 .695.223 1.286.706 1.71.274.246.596.628.596.902 0 .27-.248.728-.927 1.006C5.11 10.954 3 11.5 3 12.806v.122C3 13.4 3.812 14 4.286 14h7.43c.472 0 1.284-.6 1.284-1.072v-.122c0-1.307-2.147-1.852-3.133-2.26z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-gear[class^="icon-"],
  .icon-gear[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M15.733 6.767l-1.77-.36c-.117-.025-.21-.112-.245-.227-.102-.323-.232-.636-.39-.935-.056-.107-.053-.234.013-.335l1-1.51c.086-.13.07-.304-.042-.415L13.02 1.707c-.114-.114-.292-.132-.426-.043l-1.504.995c-.1.066-.228.07-.335.013-.3-.158-.61-.288-.935-.39-.114-.037-.202-.13-.226-.247l-.36-1.77C9.2.113 9.063 0 8.906 0H7.093c-.158 0-.295.11-.326.267l-.36 1.77c-.025.117-.113.21-.227.245-.323.102-.636.232-.935.39-.107.056-.234.053-.335-.013l-1.504-.996c-.134-.09-.312-.07-.426.043L1.702 2.985c-.11.11-.128.284-.042.415l1 1.51c.066.1.07.228.012.335-.158.3-.288.612-.39.935-.036.114-.128.202-.246.226l-1.77.36C.113 6.8 0 6.937 0 7.094v1.813c0 .158.11.295.267.327l1.77.36c.117.025.21.112.245.227.102.323.232.636.39.935.056.107.053.234-.013.335l-.996 1.504c-.09.134-.07.312.043.426l1.273 1.273c.114.114.292.132.426.043l1.504-.995c.1-.066.228-.07.335-.012.3.158.61.288.935.39.115.036.202.128.226.246l.36 1.77c.032.155.17.266.327.266h1.813c.158 0 .295-.11.327-.267l.36-1.77c.025-.117.112-.21.227-.245.323-.102.636-.232.935-.39.107-.056.234-.053.335.013l1.504.996c.134.09.312.07.426-.043l1.273-1.273c.114-.114.132-.292.043-.426l-.995-1.504c-.066-.1-.07-.228-.012-.335.158-.3.288-.61.39-.935.036-.115.128-.202.246-.226l1.77-.36c.155-.032.266-.17.266-.327V7.093c0-.158-.112-.295-.267-.326zM10.667 8c0 1.473-1.193 2.667-2.667 2.667S5.333 9.473 5.333 8c0-1.473 1.193-2.667 2.667-2.667S10.667 6.527 10.667 8z'/%3E%3C/svg%3E"); }
    .icon-gear.disabled[class^="icon-"], .icon-gear[class^="icon-"]:disabled,
    .icon-gear.disabled[class*=" icon-"],
    .icon-gear[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M15.733 6.767l-1.77-.36c-.117-.025-.21-.112-.245-.227-.102-.323-.232-.636-.39-.935-.056-.107-.053-.234.013-.335l1-1.51c.086-.13.07-.304-.042-.415L13.02 1.707c-.114-.114-.292-.132-.426-.043l-1.504.995c-.1.066-.228.07-.335.013-.3-.158-.61-.288-.935-.39-.114-.037-.202-.13-.226-.247l-.36-1.77C9.2.113 9.063 0 8.906 0H7.093c-.158 0-.295.11-.326.267l-.36 1.77c-.025.117-.113.21-.227.245-.323.102-.636.232-.935.39-.107.056-.234.053-.335-.013l-1.504-.996c-.134-.09-.312-.07-.426.043L1.702 2.985c-.11.11-.128.284-.042.415l1 1.51c.066.1.07.228.012.335-.158.3-.288.612-.39.935-.036.114-.128.202-.246.226l-1.77.36C.113 6.8 0 6.937 0 7.094v1.813c0 .158.11.295.267.327l1.77.36c.117.025.21.112.245.227.102.323.232.636.39.935.056.107.053.234-.013.335l-.996 1.504c-.09.134-.07.312.043.426l1.273 1.273c.114.114.292.132.426.043l1.504-.995c.1-.066.228-.07.335-.012.3.158.61.288.935.39.115.036.202.128.226.246l.36 1.77c.032.155.17.266.327.266h1.813c.158 0 .295-.11.327-.267l.36-1.77c.025-.117.112-.21.227-.245.323-.102.636-.232.935-.39.107-.056.234-.053.335.013l1.504.996c.134.09.312.07.426-.043l1.273-1.273c.114-.114.132-.292.043-.426l-.995-1.504c-.066-.1-.07-.228-.012-.335.158-.3.288-.61.39-.935.036-.115.128-.202.246-.226l1.77-.36c.155-.032.266-.17.266-.327V7.093c0-.158-.112-.295-.267-.326zM10.667 8c0 1.473-1.193 2.667-2.667 2.667S5.333 9.473 5.333 8c0-1.473 1.193-2.667 2.667-2.667S10.667 6.527 10.667 8z'/%3E%3C/svg%3E"); }
  .icon-apps[class^="icon-"],
  .icon-apps[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(121,140,156)' d='M12.383 9.734c.59.41.882 1.044.87 1.675-.004.29.357.43.563.226l1.894-1.894c.387-.387.387-1.015 0-1.402l-2.498-2.498c-.167-.167-.115-.463.11-.54.397-.133.76-.396 1.02-.798.432-.662.416-1.56-.04-2.204-.734-1.033-2.175-1.123-3.03-.268-.216.216-.37.47-.463.74-.08.23-.387.28-.56.108L7.767.397C7.38.01 6.75.01 6.364.397L4.472 2.29c-.215.214-.05.565.257.565.504 0 1.013.192 1.4.58.87.87.765 2.34-.316 3.06-.663.443-1.568.435-2.216-.028-.576-.412-.86-1.04-.855-1.664.01-.29-.355-.43-.56-.224L.29 6.47c-.387.388-.387 1.016 0 1.403l2.498 2.498c.167.168.115.464-.11.54-.397.134-.76.397-1.02.8-.432.66-.416 1.56.04 2.203.734 1.033 2.175 1.123 3.03.268.216-.215.37-.47.463-.74.08-.23.387-.28.56-.107l2.483 2.484c.387.387 1.015.387 1.402 0l1.892-1.892c.215-.215.05-.564-.254-.563-.508 0-1.016-.193-1.404-.582-.86-.86-.768-2.304.278-3.037.658-.462 1.574-.466 2.235-.01z'/%3E%3C/svg%3E"); }
    .icon-apps.disabled[class^="icon-"], .icon-apps[class^="icon-"]:disabled,
    .icon-apps.disabled[class*=" icon-"],
    .icon-apps[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(195,207,216)' d='M12.383 9.734c.59.41.882 1.044.87 1.675-.004.29.357.43.563.226l1.894-1.894c.387-.387.387-1.015 0-1.402l-2.498-2.498c-.167-.167-.115-.463.11-.54.397-.133.76-.396 1.02-.798.432-.662.416-1.56-.04-2.204-.734-1.033-2.175-1.123-3.03-.268-.216.216-.37.47-.463.74-.08.23-.387.28-.56.108L7.767.397C7.38.01 6.75.01 6.364.397L4.472 2.29c-.215.214-.05.565.257.565.504 0 1.013.192 1.4.58.87.87.765 2.34-.316 3.06-.663.443-1.568.435-2.216-.028-.576-.412-.86-1.04-.855-1.664.01-.29-.355-.43-.56-.224L.29 6.47c-.387.388-.387 1.016 0 1.403l2.498 2.498c.167.168.115.464-.11.54-.397.134-.76.397-1.02.8-.432.66-.416 1.56.04 2.203.734 1.033 2.175 1.123 3.03.268.216-.215.37-.47.463-.74.08-.23.387-.28.56-.107l2.483 2.484c.387.387 1.015.387 1.402 0l1.892-1.892c.215-.215.05-.564-.254-.563-.508 0-1.016-.193-1.404-.582-.86-.86-.768-2.304.278-3.037.658-.462 1.574-.466 2.235-.01z'/%3E%3C/svg%3E"); }
  .icon-themes[class^="icon-"],
  .icon-themes[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M23.5 7.7C22.4 3 17.5.1 12 .1 5.4.1 0 5.4 0 12c0 6.6 5.4 12 12 12 9.2 0 8.5-4.7 5.5-6.5-1.7-1.1-2.6-3.6-.9-5.4 3.2-3.4 8.3 1.9 6.9-4.4zM4.3 17.1c-.3 0-.4-.3-.2-.5 1.9-2.3.4-4.5 3.3-5.4.2-.1.4 0 .5.1l1.9 1.9c.1.1.2.3.1.4-.4 3.2-4 3.5-5.6 3.5zM16.5 6.5l-4.9 4.9c-.2.2-.5.2-.7 0l-1.3-1.3c-.2-.2-.2-.5 0-.7l4.9-4.9c1.3-1.3 2.7-1.9 3.3-1.3.5.6 0 2-1.3 3.3z'/%3E%3C/svg%3E"); }
    .icon-themes.disabled[class^="icon-"], .icon-themes[class^="icon-"]:disabled,
    .icon-themes.disabled[class*=" icon-"],
    .icon-themes[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.5 7.7C22.4 3 17.5.1 12 .1 5.4.1 0 5.4 0 12c0 6.6 5.4 12 12 12 9.2 0 8.5-4.7 5.5-6.5-1.7-1.1-2.6-3.6-.9-5.4 3.2-3.4 8.3 1.9 6.9-4.4zM4.3 17.1c-.3 0-.4-.3-.2-.5 1.9-2.3.4-4.5 3.3-5.4.2-.1.4 0 .5.1l1.9 1.9c.1.1.2.3.1.4-.4 3.2-4 3.5-5.6 3.5zM16.5 6.5l-4.9 4.9c-.2.2-.5.2-.7 0l-1.3-1.3c-.2-.2-.2-.5 0-.7l4.9-4.9c1.3-1.3 2.7-1.9 3.3-1.3.5.6 0 2-1.3 3.3z'/%3E%3C/svg%3E"); }
  .icon-pages[class^="icon-"],
  .icon-pages[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M16.5 6h-15C.7 6 0 6.7 0 7.5v15c0 .8.7 1.5 1.5 1.5h15c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5zM13 20H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM22.5 0h-15C6.7 0 6 .7 6 1.5v2c0 .3.2.5.5.5h12c.8 0 1.5.7 1.5 1.5v12c0 .3.2.5.5.5h2c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-pages.disabled[class^="icon-"], .icon-pages[class^="icon-"]:disabled,
    .icon-pages.disabled[class*=" icon-"],
    .icon-pages[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M16.5 6h-15C.7 6 0 6.7 0 7.5v15c0 .8.7 1.5 1.5 1.5h15c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5zM13 20H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zm0-4H5c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM22.5 0h-15C6.7 0 6 .7 6 1.5v2c0 .3.2.5.5.5h12c.8 0 1.5.7 1.5 1.5v12c0 .3.2.5.5.5h2c.8 0 1.5-.7 1.5-1.5v-15c0-.8-.7-1.5-1.5-1.5z'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-navigation[class^="icon-"],
  .icon-navigation[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(121,140,156)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm6.7 5.7c-.5 1.7-2.1 7-4 8.8l-.1.1-.1.1c-1.9 1.9-7.2 3.5-8.8 4-.2.1-.4-.1-.4-.4.5-1.7 2.1-7 4-8.8l.1-.1.1-.1c1.9-1.9 7.2-3.5 8.8-4 .3-.1.5.1.4.4z'/%3E%3Ccircle fill='rgb(121,140,156)' cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
    .icon-navigation.disabled[class^="icon-"], .icon-navigation[class^="icon-"]:disabled,
    .icon-navigation.disabled[class*=" icon-"],
    .icon-navigation[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg%3E%3Cpath fill='rgb(195,207,216)' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm6.7 5.7c-.5 1.7-2.1 7-4 8.8l-.1.1-.1.1c-1.9 1.9-7.2 3.5-8.8 4-.2.1-.4-.1-.4-.4.5-1.7 2.1-7 4-8.8l.1-.1.1-.1c1.9-1.9 7.2-3.5 8.8-4 .3-.1.5.1.4.4z'/%3E%3Ccircle fill='rgb(195,207,216)' cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E"); }
  .icon-post[class^="icon-"],
  .icon-post[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12 1C5.4 1 0 5.9 0 12c0 1.9.5 3.7 1.5 5.3L0 21.7c-.1.4 0 .8.2 1 .3.2.5.3.8.3.1 0 .2 0 .3-.1l4.5-1.5c1.9 1 4 1.6 6.2 1.6 6.6 0 12-4.9 12-11S18.6 1 12 1zm5 16H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1zM6 12c0-.6.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1H7c-.6 0-1-.4-1-1zm11-3H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1z'/%3E%3C/svg%3E"); }
    .icon-post.disabled[class^="icon-"], .icon-post[class^="icon-"]:disabled,
    .icon-post.disabled[class*=" icon-"],
    .icon-post[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M12 1C5.4 1 0 5.9 0 12c0 1.9.5 3.7 1.5 5.3L0 21.7c-.1.4 0 .8.2 1 .3.2.5.3.8.3.1 0 .2 0 .3-.1l4.5-1.5c1.9 1 4 1.6 6.2 1.6 6.6 0 12-4.9 12-11S18.6 1 12 1zm5 16H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1zM6 12c0-.6.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1H7c-.6 0-1-.4-1-1zm11-3H7c-.6 0-1-.4-1-1s.4-1 1-1h10c.6 0 1 .4 1 1s-.4 1-1 1z'/%3E%3C/svg%3E"); }
  .icon-photos[class^="icon-"],
  .icon-photos[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,");
    width: 6.4rem;
    height: 6.4rem;
    background-size: 64px 64px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
    .icon-photos.disabled[class^="icon-"], .icon-photos[class^="icon-"]:disabled,
    .icon-photos.disabled[class*=" icon-"],
    .icon-photos[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,"); }
  .icon-profile[class^="icon-"],
  .icon-profile[class*=" icon-"] {
    background-image: url("data:image/svg+xml;charset=utf8,");
    width: 6.4rem;
    height: 6.4rem;
    background-size: 64px 64px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
    .icon-profile.disabled[class^="icon-"], .icon-profile[class^="icon-"]:disabled,
    .icon-profile.disabled[class*=" icon-"],
    .icon-profile[class*=" icon-"]:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,"); }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  border: 0.1rem solid;
  padding: 0.9rem 1.5rem 1.1rem;
  margin: 0;
  border-radius: 0.3rem;
  border-color: #d3dbe2;
  background-color: #fff;
  box-shadow: inset 0 -2px 0 0 #d3dbe2;
  color: #212b36;
  font-size: 1.6rem;
  line-height: 1;
  height: auto;
  white-space: nowrap;
  text-transform: none;
  font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  font-weight: normal;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; }
  .button:hover, .button:focus,
  button:hover,
  button:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="reset"]:hover,
  input[type="reset"]:focus,
  input[type="button"]:hover,
  input[type="button"]:focus {
    color: #212b36;
    outline: none;
    text-decoration: none;
    border-color: #c4cdd5;
    background-color: #f9fafb;
    box-shadow: inset 0 -2px 0 0 #c4cdd5; }
  .button:active,
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.2) inset;
    background-color: #dfe3e8; }
  .button.secondary,
  button.secondary,
  input.secondary[type="submit"],
  input.secondary[type="reset"],
  input.secondary[type="button"] {
    border-color: #d3dbe2;
    background-color: #fff;
    color: #212b36; }
    .button.secondary:hover, .button.secondary:focus,
    button.secondary:hover,
    button.secondary:focus,
    input.secondary[type="submit"]:hover,
    input.secondary[type="submit"]:focus,
    input.secondary[type="reset"]:hover,
    input.secondary[type="reset"]:focus,
    input.secondary[type="button"]:hover,
    input.secondary[type="button"]:focus {
      border-color: #c4cdd5;
      background-color: #f9fafb;
      color: #212b36;
      box-shadow: inset 0 -2px 0 0 #c4cdd5; }
    .button.secondary:active,
    button.secondary:active,
    input.secondary[type="submit"]:active,
    input.secondary[type="reset"]:active,
    input.secondary[type="button"]:active {
      box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) inset;
      background-color: #dfe3e8; }
  .button.warning,
  button.warning,
  input.warning[type="submit"],
  input.warning[type="reset"],
  input.warning[type="button"] {
    color: #bf0711; }
    .button.warning:hover,
    button.warning:hover,
    input.warning[type="submit"]:hover,
    input.warning[type="reset"]:hover,
    input.warning[type="button"]:hover {
      background-color: #fff; }
  .button.link,
  button.link,
  input.link[type="submit"],
  input.link[type="reset"],
  input.link[type="button"] {
    background: transparent;
    border: 0;
    color: #0074d9;
    text-decoration: none; }
    .button.link:hover, .button.link:active, .button.link:focus,
    button.link:hover,
    button.link:active,
    button.link:focus,
    input.link[type="submit"]:hover,
    input.link[type="submit"]:active,
    input.link[type="submit"]:focus,
    input.link[type="reset"]:hover,
    input.link[type="reset"]:active,
    input.link[type="reset"]:focus,
    input.link[type="button"]:hover,
    input.link[type="button"]:active,
    input.link[type="button"]:focus {
      text-decoration: underline;
      background-color: transparent;
      box-shadow: none; }
  .button.disabled, .button:disabled, .button:disabled:hover, .button:disabled:focus, .button:disabled:active,
  button.disabled,
  button:disabled,
  button:disabled:hover,
  button:disabled:focus,
  button:disabled:active,
  input.disabled[type="submit"],
  input[type="submit"]:disabled,
  input[type="submit"]:disabled:hover,
  input[type="submit"]:disabled:focus,
  input[type="submit"]:disabled:active,
  input.disabled[type="reset"],
  input[type="reset"]:disabled,
  input[type="reset"]:disabled:hover,
  input[type="reset"]:disabled:focus,
  input[type="reset"]:disabled:active,
  input.disabled[type="button"],
  input[type="button"]:disabled,
  input[type="button"]:disabled:hover,
  input[type="button"]:disabled:focus,
  input[type="button"]:disabled:active {
    cursor: not-allowed;
    box-shadow: none;
    background-color: #fafbfc;
    color: #c3cfd8;
    border: 0.1rem solid;
    border-color: #d3dbe2; }
  .button[class^="icon-"], .button[class*=" icon-"],
  button[class^="icon-"],
  button[class*=" icon-"],
  input[type="submit"][class^="icon-"],
  input[type="submit"][class*=" icon-"],
  input[type="reset"][class^="icon-"],
  input[type="reset"][class*=" icon-"],
  input[type="button"][class^="icon-"],
  input[type="button"][class*=" icon-"] {
    padding-left: 2.1rem;
    padding-right: 2.1rem;
    min-height: 3.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }

.button-group {
  margin-right: 1rem; }
  .button-group .button,
  .button-group button {
    float: left;
    border-right-width: 0;
    border-radius: 0; }
    .button-group .button:hover, .button-group .button:focus, .button-group .button:active,
    .button-group button:hover,
    .button-group button:focus,
    .button-group button:active {
      border-right-width: 0; }
    .button-group .button:first-child,
    .button-group button:first-child {
      border-top-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem; }
    .button-group .button:last-child,
    .button-group button:last-child {
      border-right-width: 0.1rem;
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="file"],
textarea,
select,
.select-account {
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 0.1rem solid #d3dbe2;
  border-radius: 0.3rem;
  color: #31373d;
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2.4rem;
  min-width: 5.5rem;
  vertical-align: baseline;
  height: auto;
  margin: 0;
  max-width: 100%;
  font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  box-shadow: none;
  box-sizing: border-box;
  -moz-appearance: textfield; }
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="text"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="file"]:focus,
  textarea:focus,
  select:focus,
  .select-account:focus {
    border: 0.1rem solid #0074d9;
    outline: none; }
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="search"]:disabled,
  input[type="text"]:disabled,
  input[type="tel"]:disabled,
  input[type="url"]:disabled,
  input[type="password"]:disabled,
  input[type="file"]:disabled,
  textarea:disabled,
  select:disabled,
  .select-account:disabled {
    cursor: not-allowed;
    background-color: #fafbfc;
    border: 0.1rem solid #ebeef0;
    color: #c3cfd8; }
  .error input[type="email"], .error input[type="number"], .error input[type="search"], .error input[type="text"], .error input[type="tel"], .error input[type="url"], .error input[type="password"], .error input[type="file"], .error textarea, .error select, .error .select-account {
    border-color: #ff4136;
    background-color: #fef6f5; }
  input[type="email"][type="search"],
  input[type="number"][type="search"],
  input[type="search"][type="search"],
  input[type="text"][type="search"],
  input[type="tel"][type="search"],
  input[type="url"][type="search"],
  input[type="password"][type="search"],
  input[type="file"][type="search"],
  textarea[type="search"],
  select[type="search"],
  .select-account[type="search"] {
    padding-left: 3rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' enable-background='new 0 0 16 16'%3E%3Cpath fill='rgb(149,167,183)' d='M0 5.667c0 3.125 2.542 5.667 5.667 5.667 1.202 0 2.315-.38 3.233-1.02l.455.456c-.07.5.082 1.025.466 1.41l3.334 3.332c.326.325.753.488 1.18.488.425 0 .852-.163 1.177-.488.652-.65.652-1.706 0-2.357L12.18 9.822c-.384-.384-.91-.536-1.41-.466l-.454-.456c.64-.918 1.02-2.03 1.02-3.233C11.333 2.542 8.79 0 5.666 0S0 2.542 0 5.667zm2 0C2 3.645 3.645 2 5.667 2s3.667 1.645 3.667 3.667-1.646 3.666-3.667 3.666S2 7.688 2 5.667z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-position: top 0.8rem left 0.8rem; }
  input[type="email"][type="number"]::-webkit-inner-spin-button, input[type="email"][type="number"]::-webkit-outer-spin-button,
  input[type="number"][type="number"]::-webkit-inner-spin-button,
  input[type="number"][type="number"]::-webkit-outer-spin-button,
  input[type="search"][type="number"]::-webkit-inner-spin-button,
  input[type="search"][type="number"]::-webkit-outer-spin-button,
  input[type="text"][type="number"]::-webkit-inner-spin-button,
  input[type="text"][type="number"]::-webkit-outer-spin-button,
  input[type="tel"][type="number"]::-webkit-inner-spin-button,
  input[type="tel"][type="number"]::-webkit-outer-spin-button,
  input[type="url"][type="number"]::-webkit-inner-spin-button,
  input[type="url"][type="number"]::-webkit-outer-spin-button,
  input[type="password"][type="number"]::-webkit-inner-spin-button,
  input[type="password"][type="number"]::-webkit-outer-spin-button,
  input[type="file"][type="number"]::-webkit-inner-spin-button,
  input[type="file"][type="number"]::-webkit-outer-spin-button,
  textarea[type="number"]::-webkit-inner-spin-button,
  textarea[type="number"]::-webkit-outer-spin-button,
  select[type="number"]::-webkit-inner-spin-button,
  select[type="number"]::-webkit-outer-spin-button,
  .select-account[type="number"]::-webkit-inner-spin-button,
  .select-account[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

::-webkit-input-placeholder {
  color: #9e9e9e; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #9e9e9e; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e9e9e; }

:-ms-input-placeholder {
  color: #9e9e9e; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="radio"],
input[type="checkbox"],
input[type="file"],
textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="file"],
textarea,
select {
  min-height: 3.4rem; }

select {
  padding-right: 3.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M21 5.176l-9.086 9.353-8.914-9.353-2.314 2.471 11.314 11.735 11.314-11.735-2.314-2.471z'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
  background-repeat: no-repeat;
  background-position: right 1rem top 1.1rem; }
  select[multiple] {
    padding-right: 1rem;
    background-image: none; }
  select::-ms-expand {
    display: none; }

.select-account {
  padding-right: 3.2rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' enable-background='new 0 0 28 28'%3E%3Cpath fill='rgb(121,140,156)' d='M7,3.8l10.5,10.5L7,24.7l2.7,2.7L23,14.3L9.7,1C9.7,1,7,3.8,7,3.8z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 12px 12px;
  /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
  background-repeat: no-repeat;
  background-position: right 1rem top 1.1rem; }

textarea {
  min-height: 6.5rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem; }

label,
legend {
  display: block;
  font-weight: 600; }

fieldset {
  margin: 0;
  padding: 0;
  border-width: 0; }
  fieldset > h6 {
    margin-top: 4rem; }
  fieldset.fee-detail dl {
    margin-bottom: 0; }
  fieldset.total-amount dl {
    display: inline-flex;
    width: 100%;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: space-between; }
    fieldset.total-amount dl dt {
      padding: 0;
      margin: 0; }
    fieldset.total-amount dl dd {
      padding: 0;
      margin: 0;
      text-align: right; }
    fieldset.total-amount dl.grand-total {
      font-weight: bold;
      border: 0; }
  fieldset.agreement {
    box-sizing: border-box;
    display: inline-block;
    clear: left;
    width: 100%;
    margin-top: 2rem;
    padding: 1rem 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.05); }
    fieldset.agreement + .agreement {
      margin-top: 0; }

input[type="file"] {
  line-height: 1.2rem;
  min-height: 3.6rem;
  font-size: 1.4rem;
  padding: 0.75rem 1rem; }

input[type="checkbox"],
input[type="radio"] {
  position: relative;
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  min-width: 1.6rem;
  border: 0.1rem solid #d3dbe2;
  background-color: #fff;
  margin: 0 1rem 0 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: text-bottom; }
  input[type="checkbox"]:checked:after,
  input[type="radio"]:checked:after {
    content: "";
    position: absolute; }
  input[type="checkbox"]:active,
  input[type="radio"]:active {
    border: 0.1rem solid #0074d9; }
  input[type="checkbox"]:focus,
  input[type="radio"]:focus {
    outline: none; }
  input[type="checkbox"]:disabled,
  input[type="radio"]:disabled {
    cursor: not-allowed;
    background-color: #fafbfc;
    border: 0.1rem solid #ebeef0;
    color: #c3cfd8; }
  .error input[type="checkbox"], .error input[type="radio"] {
    border-color: #ff4136; }

input[type="checkbox"] {
  border-radius: 0.3rem; }
  input[type="checkbox"]:disabled:checked:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(195,207,216)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E"); }
  input[type="checkbox"]:checked:after {
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(0,116,217)' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    top: 0.1rem;
    left: 0.1rem; }

input[type="radio"] {
  border-radius: 0.8rem; }
  input[type="radio"]:disabled:checked:after {
    background-color: #c3cfd8; }
  input[type="radio"]:checked:after {
    width: 0.8rem;
    height: 0.8rem;
    background-color: #0074d9;
    border-radius: 0.5rem;
    top: 0.3rem;
    left: 0.3rem; }

label {
  display: block;
  color: #31373d;
  font-weight: normal; }
  label.error, .error label {
    color: #ff4136; }
  label .label-cta {
    float: right; }

.input-group {
  display: flex;
  align-items: stretch; }
  .input-group .append {
    flex: 0 0 auto;
    color: rgba(49, 55, 61, 0.85);
    line-height: 2.4rem;
    padding: 0.5rem 1rem;
    border: 0.1rem solid #d3dbe2;
    background-color: #f5f5f5;
    border-radius: 0.3rem; }
  .input-group select,
  .input-group input,
  .input-group .append,
  .input-group .button,
  .input-group button {
    border-left-width: 0; }
    .input-group select:first-child,
    .input-group input:first-child,
    .input-group .append:first-child,
    .input-group .button:first-child,
    .input-group button:first-child {
      border-left-width: 0.1rem;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group select:last-child,
    .input-group input:last-child,
    .input-group .append:last-child,
    .input-group .button:last-child,
    .input-group button:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .input-group select:not(:first-child):not(:last-child),
    .input-group input:not(:first-child):not(:last-child),
    .input-group .append:not(:first-child):not(:last-child),
    .input-group .button:not(:first-child):not(:last-child),
    .input-group button:not(:first-child):not(:last-child) {
      border-radius: 0; }
  .input-group .button,
  .input-group button {
    flex: 0 0 auto;
    box-shadow: none; }

.side-elements {
  display: flex;
  align-items: center; }
  .side-elements label {
    flex: 0 0 auto;
    margin: 0 1rem 0 0;
    white-space: nowrap; }
  .side-elements button,
  .side-elements .button {
    flex: 0 0 auto;
    margin-left: 1rem; }

.row {
  box-sizing: border-box;
  display: inline-block;
  width: 100%; }
  .row.divider {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .row > .column > label,
  .row > label {
    font-weight: 500; }

.floating-label {
  position: relative;
  top: 0;
  z-index: 2;
  opacity: 0;
  margin: 0; }

/* Switch
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  min-width: 65px;
  height: 28px; }

@media (min-width: 480px) {
  .switch {
    height: 34px; } }

/* Hide default HTML checkbox */
.switch input {
  display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s; }

.slider:before {
  position: absolute;
  content: "";
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  height: 20px;
  width: 20px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1); }

@media (min-width: 480px) {
  .slider:before {
    height: 26px;
    width: 26px;
    left: 4px; } }

input:checked + .slider {
  background-color: #7eb053; }

input:focus + .slider {
  box-shadow: 0 0 1px #7eb053; }

input:checked + .slider:before {
  transform: translateX(32px); }

@media (min-width: 480px) {
  input:checked + .slider:before {
    transform: translateX(31px); } }

.switch:hover input:checked + .slider:before {
  transform: translateX(22px); }

.switch:hover input + .slider:before {
  transform: translateX(4px); }

.slider:after {
  position: absolute;
  content: "";
  bottom: 7px;
  transition: 0.4s;
  height: 20px;
  width: 30px;
  font-size: 1.2rem; }

.switch input:checked + .slider:after {
  content: "On";
  color: #fff;
  font-weight: bold;
  left: -5px; }

.switch input + .slider:after {
  content: "Off";
  color: #454f5b;
  right: 7px; }

/* Rounded sliders */
.slider.round {
  border-radius: 0.4rem; }

.slider.round:before {
  border-radius: 0.3rem; }

/* I agree fieldset; above .form-actions */
label.input-iagree {
  display: inline-flex;
  width: 100%;
  align-items: flex-start; }
  label.input-iagree input {
    margin: 3px 10px 0 0; }
  label.input-iagree span {
    flex-grow: 2; }

/* Confirmation Screens */
form dl.confirm {
  box-sizing: border-box;
  margin: 0;
  padding: 1rem 2rem;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  form dl.confirm dt {
    margin: 0;
    padding: 0; }
  form dl.confirm dd {
    margin: 0;
    padding: 0;
    text-align: right;
    font-weight: 500; }
  form dl.confirm:last-of-type {
    border-bottom: 0; }

ul.option-list {
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0; }

/* CTA Row */
.form-actions {
  box-sizing: border-box;
  width: 100%;
  padding: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.025);
  margin-bottom: 0; }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.table-container {
  width: 100%;
  overflow-x: auto; }

table {
  width: 100%;
  margin-bottom: 30px; }
  table tr.scheduled .status {
    color: #108043;
    font-weight: bold; }
  table tr.failed .status, table tr.disputed .status {
    color: #ff4136;
    font-weight: bold; }
  table tr.pending .status {
    color: #ff851b;
    font-weight: bold; }
  table tr.complete .status {
    color: #919EAB;
    font-weight: bold; }
  table tr.locked .status, table tr.disabled .status {
    color: #bbb;
    font-weight: bold; }
  table tr.verified .status, table tr.enabled .status {
    color: #339900;
    font-weight: bold; }
  table th,
  table td {
    padding: 1rem 2rem;
    text-align: left; }
    @media (max-width: 768px) {
      table th,
      table td {
        padding: 0.6rem 1.5rem; } }
  table th {
    font-weight: 600;
    color: #212b35;
    border-bottom: 0.1rem solid #dfe4e8; }
  table td {
    border-bottom: 0.1rem solid #dfe4e8; }
  table.expanding tbody tr:nth-child(even) {
    display: none;
    box-shadow: inset 0 6px 12px -6px rgba(0, 0, 0, 0.2); }
  table.expanding tr th:first-child {
    padding-right: 0; }
  table.expanding tr td:first-child {
    padding-right: 0; }
    table.expanding tr td:first-child .collapse-trigger {
      margin-top: 2px; }

/* Tags
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tag {
  position: relative;
  display: inline-block;
  border-radius: .3rem;
  margin-right: .5rem;
  padding: 0 1rem;
  line-height: 2.7rem;
  vertical-align: middle; }
  .tag.pending {
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
    background-position: .7rem .7rem; }
  .tag.blue {
    background-color: #cae9f7;
    color: #3e89b5; }
    .tag.blue.pending {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(62,137,181)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.green, #product-menu .tag.qualified {
    background-color: #b2d86a;
    color: #4d684b; }
    .tag.green.pending, #product-menu .tag.pending.qualified {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(77,104,75)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.yellow {
    background-color: #ffe477;
    color: #6f4f26; }
    .tag.yellow.pending {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(111,79,38)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.red, #product-menu .tag.disqualified {
    background-color: #ff9797;
    color: #8c2929; }
    .tag.red.pending, #product-menu .tag.pending.disqualified {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(140,41,41)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.grey {
    background-color: #ebeef0;
    color: #798c9c; }
    .tag.grey.pending {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(121,140,156)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.lightblue {
    background-color: #e9f3ff;
    color: #647f9e; }
    .tag.lightblue.pending {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(100,127,158)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.orange {
    background-color: #fec97d;
    color: #7f3a07; }
    .tag.orange.pending {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgb(127,58,7)' d='M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M12,21c-5,0-9-4-9-9c0-5,4-9,9-9s9,4,9,9 C21,17,17,21,12,21z M17.4,14.5l-4.4-3V6.4l-0.1-0.3L12.5,6h-1.2L11,6.1l-0.1,0.3v6l0.1,0.3l0.1,0.1l5.1,3.4l0.3,0.1l0.1,0l0.3-0.2 l0.6-1C17.6,14.9,17.6,14.6,17.4,14.5z'%3E%3C/path%3E%3C/svg%3E"); }
  .tag.remove, .tag.collapsable {
    white-space: nowrap;
    padding-left: 1.0rem;
    padding-right: 3.5rem; }
    .tag.remove a, .tag.collapsable a {
      position: absolute;
      top: 0;
      right: 0;
      width: .9rem;
      height: 2.5rem;
      margin: .1rem;
      padding: 0 .8rem;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='rgba(0, 0, 0, 0.55)' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
      background-size: 9px 9px;
      /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
      background-repeat: no-repeat;
      background-position: center; }
  .tag.collapsable {
    box-shadow: inset 0 0 0 0.1rem rgba(0, 0, 0, 0.15); }
    .tag.collapsable a {
      margin-left: .7rem;
      border-left: 0.1rem solid rgba(0, 0, 0, 0.15); }
      .tag.collapsable a:hover {
        background-color: rgba(255, 255, 255, 0.25); }

/* Tabs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tabs {
  display: flex;
  flex-wrap: nowrap;
  border-radius: .3rem .3rem 0 0;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  box-shadow: inset 0 -.1rem 0 #ebeef0; }
  .tabs li {
    flex: 0 0 auto;
    margin-left: .5rem; }
    .tabs li:first-of-type {
      margin-left: 0; }
    .tabs li a {
      display: inline-block;
      padding: 0.75rem 1.5rem;
      border-top: 1px solid #ebeef0;
      border-left: 1px solid #ebeef0;
      border-right: 1px solid #ebeef0;
      border-bottom: 1px solid #ebeef0;
      text-align: center;
      cursor: pointer;
      position: relative;
      white-space: nowrap;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      background-color: rgba(0, 0, 0, 0.05); }
      .tabs li a:hover {
        outline: none;
        background-color: #fafbfc;
        text-decoration: none; }
      .tabs li a:first-child {
        border-top-left-radius: .3rem; }
    .tabs li.active a, .tabs li:first-child:last-child a {
      background-color: #fff;
      color: #31373d;
      border-bottom-color: #fff;
      cursor: default;
      text-decoration: none; }
    .tabs li.active:first-child a {
      border-top-left-radius: .3rem; }
    .tabs li.active:last-child a {
      border-top-right-radius: .3rem; }

/* Notice Banners
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.alert {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding: 1.5rem;
  color: #31373d;
  margin: -2rem -2rem 4rem -2rem;
  padding-left: 6rem;
  background-color: #d3dbe2;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%23798c9c' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
  background-position: 1.8rem 1.5rem;
  text-align: left; }
  @media (min-width: 550px) {
    .alert {
      flex-direction: row;
      margin: 0 0 2rem 0;
      border-radius: 0.3rem; } }
  .alert .close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0.25;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%23000000' d='M19.5 22c-.2 0-.5-.1-.7-.3L12 14.9l-6.8 6.8c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3l-1.6-1.6c-.1-.2-.2-.4-.2-.6 0-.2.1-.5.3-.7L9.1 12 2.3 5.2C2.1 5 2 4.8 2 4.5c0-.2.1-.5.3-.7l1.6-1.6c.2-.1.4-.2.6-.2.3 0 .5.1.7.3L12 9.1l6.8-6.8c.2-.2.4-.3.7-.3.2 0 .5.1.7.3l1.6 1.6c.1.2.2.4.2.6 0 .2-.1.5-.3.7L14.9 12l6.8 6.8c.2.2.3.4.3.7 0 .2-.1.5-.3.7l-1.6 1.6c-.2.1-.4.2-.6.2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
    .alert .close:hover {
      opacity: 0.5; }
  .alert.notice {
    background-color: #cae9f7;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%234fb0e8' d='M24 10.1L20 .3c-.2-.5-.7-.6-1.1-.2C14.3 5.5 8.6 0 3.2 3.8L2.9 3C2.6 2.2 1.8 1.8 1 2 .2 2.3-.2 3.1.1 3.9l6.5 18.9c.2.6.8 1 1.4 1 .2 0 .3 0 .5-.1.8-.3 1.2-1.1.9-1.9l-2.6-7.5c5.7-3.4 12.3 2.7 17-3.4.2-.2.2-.5.2-.8z'%3E%3C/path%3E%3C/svg%3E"); }
  .alert.notification {
    background-color: #fff7b2;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cg fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath fill='%23d4a002' d='M1.5 13.2l.1-.2c.7-1.7 3 0 3.9-2.1l1.1-2.5c1.4-3.3 4.7-5.3 8.3-5.2 0-.1 0-.2.1-.3.6-1.4 2.1-2 3.5-1.4 1.4.6 2 2.1 1.4 3.5 0 0 0 .1-.1.1 2.8 2.3 3.7 6 2.2 9.4L20.9 17c-.9 2.1 1.9 2.5 1.2 4.2l-.1.2c-.2.4-.5.3-.8.1l-7.5-3-2.1-.8-2.1-.8-7.5-3c-.5-.2-.7-.3-.5-.7zM10.4 22.3c-1.4-.6-2.3-2-2.5-3.4 0-.3.3-.6.6-.5l6.1 2.4c.3.1.4.5.1.8-1.1.9-2.8 1.3-4.3.7z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }
  .alert.success {
    background-color: #e5fabc;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%237ba232' d='M23.6 5L22 3.4c-.5-.4-1.2-.4-1.7 0L8.5 15l-4.8-4.7c-.5-.4-1.2-.4-1.7 0L.3 11.9c-.5.4-.5 1.2 0 1.6l7.3 7.1c.5.4 1.2.4 1.7 0l14.3-14c.5-.4.5-1.1 0-1.6z'/%3E%3C/svg%3E"); }
  .alert.warning {
    background-color: #fff7b2;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%23d4a002' d='M13.5 0h-2c-.8 0-1.5.7-1.5 1.5v14c0 .8.7 1.5 1.5 1.5h2c.8 0 1.5-.7 1.5-1.5v-14c0-.8-.7-1.5-1.5-1.5z'%3E%3C/path%3E%3Ccircle fill='%23d4a002' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E"); }
  .alert.error {
    background-color: #ff9797;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' enable-background='new 0 0 24 24'%3E%3Cpath fill='%23d83e3e' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z'%3E%3C/path%3E%3C/svg%3E"); }
  .alert dl {
    flex: 1 1 auto;
    width: 100%;
    margin: 0; }
    @media (min-width: 55rem) {
      .alert dl {
        margin-right: 2rem; } }
    .alert dl dt {
      font-size: 110%;
      line-height: 120%;
      font-weight: 600;
      margin: 0; }
    .alert dl dd {
      line-height: 1.4;
      color: rgba(49, 55, 61, 0.85);
      margin: 1rem 0 0 0; }
  .alert a {
    color: #31373d;
    text-decoration: underline; }
    .alert a:hover {
      color: rgba(49, 55, 61, 0.85);
      text-decoration: none; }
  .alert .button,
  .alert button,
  .alert input[type="submit"],
  .alert input[type="reset"],
  .alert input[type="button"] {
    color: #31373d;
    text-decoration: none;
    border-color: #31373d;
    background: transparent;
    width: 100%;
    margin-top: 2rem;
    flex: 0 0 auto;
    box-shadow: none; }
    @media (min-width: 550px) {
      .alert .button,
      .alert button,
      .alert input[type="submit"],
      .alert input[type="reset"],
      .alert input[type="button"] {
        width: auto;
        margin-top: 0; } }
    .alert .button:hover, .alert .button:focus,
    .alert button:hover,
    .alert button:focus,
    .alert input[type="submit"]:hover,
    .alert input[type="submit"]:focus,
    .alert input[type="reset"]:hover,
    .alert input[type="reset"]:focus,
    .alert input[type="button"]:hover,
    .alert input[type="button"]:focus {
      background-color: rgba(49, 55, 61, 0.1);
      border-color: rgba(49, 55, 61, 0.85);
      color: rgba(49, 55, 61, 0.85) !important; }

/* Tips
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.tip {
  display: inline;
  position: relative; }
  .tip:hover {
    text-decoration: none; }
    .tip:hover:before {
      border: solid;
      border-color: #333 transparent;
      border-width: .6rem .6rem 0 .6rem;
      bottom: 2.0rem;
      content: "";
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      z-index: 99; }
    .tip:hover:after {
      background-color: #333;
      border-radius: .3rem;
      bottom: 2.5rem;
      color: #fff;
      content: attr(data-hover);
      font-size: 1.4rem;
      line-height: 2.0rem;
      left: 50%;
      transform: translateX(-50%);
      padding: .5rem 1.5rem;
      position: absolute;
      z-index: 98;
      width: auto;
      white-space: nowrap;
      text-align: left; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  z-index: 600; }
  @media screen and (max-width: 768px) {
    header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0; }
      header > .profile {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.25);
        color: #fff;
        padding: 0.5rem 1.5rem;
        font-size: 1.2rem;
        line-height: 1.4rem; } }
  header .logo {
    display: inline-table;
    vertical-align: middle;
    width: 100%;
    max-width: 20rem;
    max-height: 3.5rem;
    transition: all 0.2s ease-in-out; }
    header .logo img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 20rem;
      max-height: 3.5rem; }
    header .logo:hover {
      transform: scale(1.05); }
  header .container {
    padding-top: 1rem;
    padding-bottom: 1rem; }
    @media screen and (max-width: 768px) {
      header .container {
        text-align: center;
        box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.2); } }
    header .container + .container {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 768px) {
        header .container + .container {
          display: none; } }
  header#header-preauth {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    header#header-preauth .container {
      text-align: center; }

nav {
  box-sizing: border-box;
  display: inline-flex;
  vertical-align: middle; }
  nav a {
    display: inline-block;
    color: #007ace;
    font-size: 1.2rem;
    line-height: 2rem; }
    @media screen and (max-width: 768px) {
      nav a {
        color: #007ace; } }
    nav a:hover {
      color: #084e8a;
      text-decoration: none; }
      @media screen and (max-width: 768px) {
        nav a:hover {
          color: #084e8a; } }
  nav#nav-account {
    display: inline-table;
    padding-left: 1.5rem; }
    @media screen and (max-width: 768px) {
      nav#nav-account {
        padding-top: 1.5rem;
        padding-bottom: 3rem; } }
    nav#nav-account a {
      position: relative;
      padding: 0 1.6rem;
      margin-right: 1rem; }
      @media screen and (max-width: 768px) {
        nav#nav-account a {
          width: 100%;
          padding: 0.5rem 0;
          margin: 0;
          font-size: 1.4rem; } }
      nav#nav-account a:after {
        display: none; }
      nav#nav-account a:last-child {
        margin-right: 0; }
      nav#nav-account a.active {
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 3px; }
        nav#nav-account a.active:after {
          display: none; }
      nav#nav-account a.profile {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 0; }
        @media screen and (max-width: 768px) {
          nav#nav-account a.profile {
            color: rgba(0, 0, 0, 0.5); } }
      nav#nav-account a.has-arrow:after {
        content: "";
        position: absolute;
        transition: all 0.3s ease;
        width: 0;
        height: 0;
        top: 0.6rem;
        right: 0.5rem;
        border-top: 0.4rem solid transparent;
        border-bottom: 0.4rem solid transparent;
        border-left: 0.4rem solid white; }
      nav#nav-account a:hover:after {
        right: 0;
        opacity: 0.8; }
  nav#nav-utility {
    float: right;
    display: inline-flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      nav#nav-utility {
        flex-direction: column;
        width: 100%;
        padding: 3rem 0;
        box-sizing: border-box;
        margin-bottom: 9.5rem; } }
    nav#nav-utility a {
      margin-left: 0.5rem;
      display: inline-flex;
      align-items: center;
      margin-left: 1.5rem; }
      @media screen and (max-width: 768px) {
        nav#nav-utility a {
          font-size: 1.4rem;
          border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } }
      nav#nav-utility a:first-child {
        border-color: transparent;
        margin-left: 0; }
      nav#nav-utility a.utility-settings svg, nav#nav-utility a.utility-help svg {
        width: 100%;
        margin-right: 0.5rem; }
        @media screen and (max-width: 768px) {
          nav#nav-utility a.utility-settings svg, nav#nav-utility a.utility-help svg {
            display: none; } }
        nav#nav-utility a.utility-settings svg path, nav#nav-utility a.utility-help svg path {
          fill: #637381; }
      nav#nav-utility a.utility-settings:hover, nav#nav-utility a.utility-help:hover {
        opacity: 1; }
      nav#nav-utility a.utility-settings svg {
        max-width: 1.5rem;
        max-height: 1.5rem; }
      @media screen and (max-width: 768px) {
        nav#nav-utility a.utility-settings {
          order: 2;
          box-sizing: border-box;
          background-image: none;
          width: 100%;
          height: auto;
          padding: 0.5rem 1.5rem;
          opacity: 1;
          text-indent: 0;
          margin: 0; } }
      nav#nav-utility a.utility-help svg {
        max-width: 1.3rem;
        max-height: 1.3rem; }
      @media screen and (max-width: 768px) {
        nav#nav-utility a.utility-help {
          order: 3;
          box-sizing: border-box;
          background-image: none;
          width: 100%;
          height: auto;
          padding: 0.5rem 1.5rem;
          opacity: 1;
          text-indent: 0;
          margin: 0; } }
      @media screen and (min-width: 769px) {
        nav#nav-utility a.utility-logout {
          position: relative;
          background-color: rgba(0, 0, 0, 0.65);
          color: #fff;
          font-weight: bold;
          border-radius: 2px;
          padding: 0.5rem 1.5rem; } }
      @media screen and (max-width: 768px) {
        nav#nav-utility a.utility-logout {
          box-sizing: border-box;
          order: 1;
          width: 100%;
          margin: 0;
          padding: 0.5rem 1.5rem; } }
  nav#nav-shortcuts {
    font-weight: bold; }
    nav#nav-shortcuts a {
      margin-right: 3rem;
      display: inline-flex; }
    nav#nav-shortcuts #shortcuts-menu {
      align-items: center; }
      nav#nav-shortcuts #shortcuts-menu svg {
        width: 100%;
        max-width: 2rem;
        max-height: 2rem;
        margin-right: 1rem; }
        nav#nav-shortcuts #shortcuts-menu svg.menu {
          display: inline-block; }
        nav#nav-shortcuts #shortcuts-menu svg.menu-close {
          display: none; }
        nav#nav-shortcuts #shortcuts-menu svg path {
          fill: #637381; }
      nav#nav-shortcuts #shortcuts-menu:hover span {
        opacity: 0.75; }
      nav#nav-shortcuts #shortcuts-menu.close svg.menu {
        display: none; }
      nav#nav-shortcuts #shortcuts-menu.close svg.menu-close {
        display: inline-block;
        max-width: 2rem;
        max-height: 2rem; }

.dimmer {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: -1;
  transition: all ease 0.3s; }
  .dimmer.open {
    opacity: 1;
    z-index: 10; }

#settings-menu {
  visibility: hidden;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  box-sizing: border-box;
  overflow-x: hidden; }
  #settings-menu .services-menu-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 256px;
    padding-bottom: 60px;
    background: #fff;
    z-index: 20;
    transform: translateX(100vw);
    transition: all ease 0.3s;
    box-sizing: border-box; }
    #settings-menu .services-menu-level.parent-level h6:first-child {
      margin-top: 3rem; }
  #settings-menu.open {
    visibility: visible; }
    #settings-menu.open .services-menu-level {
      left: -256px; }

#services-menu {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  box-sizing: border-box;
  overflow-x: hidden; }
  @media (max-width: 768px) {
    #services-menu {
      position: fixed; } }
  #services-menu.open {
    visibility: visible; }
  #services-menu .services-menu-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    width: 256px;
    background: #fff;
    z-index: 20;
    transform: translateX(-256px);
    transition: all ease 0.3s;
    box-sizing: border-box;
    padding-bottom: 130px;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 768px) {
      #services-menu .services-menu-level {
        padding-top: 55px; } }
    #services-menu .services-menu-level::-webkit-scrollbar {
      display: none; }
    #services-menu .services-menu-level.open {
      transform: translateX(0); }
    #services-menu .services-menu-level.parent-level h6:first-child {
      margin-top: 3rem; }
    #services-menu .services-menu-level #secondary-users {
      padding: 0.5rem 1.5rem; }
      #services-menu .services-menu-level #secondary-users li a {
        padding: 0;
        border-bottom: 0; }
        #services-menu .services-menu-level #secondary-users li a:hover {
          background-color: transparent; }
      #services-menu .services-menu-level #secondary-users li.disclaimer {
        line-height: normal;
        margin-top: 1rem; }
  #services-menu .back {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    margin-bottom: 3rem; }
    #services-menu .back:hover {
      color: rgba(0, 0, 0, 0.75); }
  #services-menu h6 {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  #services-menu ul {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0 0 3rem 0;
    padding: 0; }
    #services-menu ul li {
      display: inline-block;
      width: 100%;
      padding: 0;
      margin: 0; }
      #services-menu ul li a {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        padding: 0.75rem 1.5rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
        #services-menu ul li a em {
          display: block;
          font-size: 1.2rem;
          line-height: 2rem; }
        #services-menu ul li a .indicator {
          display: inline-block;
          background: #ff4136;
          padding: 0.25em 0.5rem;
          border-radius: 1rem;
          color: #fff;
          font-size: 1.2rem;
          line-height: 1.2rem;
          min-width: 10px;
          text-align: center; }
        #services-menu ul li a .icon-next {
          float: right;
          margin-top: 0.2rem;
          background-size: 12px 12px;
          opacity: 0.25;
          transition: all ease 0.3s; }
        #services-menu ul li a:hover .icon-next {
          margin-right: -0.5rem;
          opacity: 0.5; }
    #services-menu ul dl {
      margin: 0;
      padding: 0; }
      #services-menu ul dl dt {
        padding: 0;
        margin: 0;
        font-weight: bold; }
        #services-menu ul dl dt span {
          font-weight: normal;
          display: block; }
      #services-menu ul dl dd {
        padding: 0;
        margin: 0;
        float: left;
        width: 50%; }
        #services-menu ul dl dd:last-child {
          text-align: right; }

/* Section: Mobile Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#mobile-header-user {
  display: none;
  position: absolute;
  right: 1rem;
  top: 1.7rem;
  min-width: 2.4rem;
  min-height: 2.4rem; }
  @media screen and (max-width: 768px) {
    #mobile-header-user {
      display: inline-flex;
      align-items: center; } }
  #mobile-header-user svg {
    width: 100%;
    max-width: 2rem;
    max-height: 2rem; }
    #mobile-header-user svg.menu-close {
      display: none; }
    #mobile-header-user svg path {
      fill: #637381; }
  #mobile-header-user.close svg.menu-user {
    display: none; }
  #mobile-header-user.close svg.menu-close {
    display: inline-block;
    max-width: 2rem;
    max-height: 2rem; }

/* delete - no longer using logout icon */
#mobile-header-logout {
  display: none;
  position: absolute;
  right: 1rem;
  top: 1.7rem;
  min-width: 2.4rem;
  min-height: 2.4rem; }
  @media screen and (max-width: 768px) {
    #mobile-header-logout {
      display: inline-flex;
      align-items: center; } }
  #mobile-header-logout svg {
    width: 100%;
    max-width: 2rem;
    max-height: 2rem; }
    #mobile-header-logout svg.menu-close {
      display: none; }
    #mobile-header-logout svg path {
      fill: #637381; }

#mobile-header-menu {
  display: none;
  position: absolute;
  left: 1rem;
  top: 1.7rem;
  min-width: 2.4rem;
  min-height: 2.4rem; }
  @media screen and (max-width: 768px) {
    #mobile-header-menu {
      display: inline-flex;
      align-items: center; } }
  #mobile-header-menu svg {
    width: 100%;
    max-width: 2.4rem;
    max-height: 2.4rem; }
    #mobile-header-menu svg.menu-close {
      display: none; }
    #mobile-header-menu svg path {
      fill: #637381; }
  #mobile-header-menu span {
    display: none; }
  #mobile-header-menu.close svg.menu {
    display: none; }
  #mobile-header-menu.close svg.menu-close {
    display: inline-block;
    max-width: 2rem;
    max-height: 2rem; }

#mobile-menu {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #336699;
  z-index: 500;
  padding-top: 0;
  border-top: 0; }
  @media screen and (max-width: 768px) {
    #mobile-menu {
      display: inline-block; } }
  #mobile-menu a {
    float: left;
    width: 20%;
    text-align: center;
    text-decoration: none;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 4rem 0 0.5rem;
    box-sizing: border-box;
    font-size: 1.1rem;
    color: #fff;
    background-repeat: no-repeat;
    background-position: top 10px left 50%;
    background-size: 24px 24px; }
    #mobile-menu a:last-child {
      border-right: 0; }
    #mobile-menu a.nav-dashboard {
      background-image: url(../images/icon-dashboard.svg); }
    #mobile-menu a.nav-accounts {
      background-image: url(../images/icon-accounts.svg); }
    #mobile-menu a.nav-transfers {
      background-image: url(../images/icon-transfers.svg); }
    #mobile-menu a.nav-billpay {
      background-image: url(../images/icon-billpay.svg); }
    #mobile-menu a.nav-quickpay {
      background-size: 28px 28px;
      background-image: url(../images/icon-quickpay.svg); }
    #mobile-menu a.nav-cardlock {
      background-size: 34px 28px;
      background-image: url(../images/icon-cardlock.svg); }
    #mobile-menu a.nav-deposits {
      background-size: 28px 28px;
      background-image: url(../images/icon-deposits.svg); }
    #mobile-menu a.nav-statements {
      background-size: 28px 28px;
      background-image: url(../images/icon-statements.svg); }
    #mobile-menu a.nav-home {
      background-size: 28px 28px;
      background-image: url(../images/icon-home.svg); }
    #mobile-menu a.nav-loans {
      background-size: 28px 28px;
      background-image: url(../images/icon-loan.svg); }
    #mobile-menu a.nav-requests {
      background-size: 28px 28px;
      background-image: url(../images/icon-requests.svg); }
    #mobile-menu a.nav-message {
      background-size: 28px 28px;
      background-image: url(../images/icon-message.svg); }
    #mobile-menu a.nav-skipapay {
      background-size: 28px 28px;
      background-image: url(../images/icon-skipapay.svg); }
    #mobile-menu a:active {
      box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5); }

/* Mobile-only Product Title Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#product-header {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 1rem;
  box-sizing: border-box;
  background-color: #f9fafb; }
  @media screen and (min-width: 769px) {
    #product-header {
      display: none; } }
  #product-header h2 {
    color: #007ace;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    font-weight: 500; }

.extra-admin-nav {
  display: none; }

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
  box-sizing: border-box;
  clear: left;
  width: 100%;
  padding: 2rem 0 4rem 0;
  margin: 0;
  display: inline-block;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border-top: 3px solid #637381;
  color: #212b35;
  font-size: 12px; }
  @media (max-width: 768px) {
    footer {
      border-top: 0;
      background-color: #f9f9f9; } }
  footer ul {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0; }
    footer ul li {
      display: inline-block;
      margin: 0 10px 0 0;
      padding: 0; }
      @media (max-width: 768px) {
        footer ul li {
          width: 100%;
          margin: 0 0 10px 0; } }
      footer ul li a {
        color: #084e8a;
        text-decoration: underline; }
        footer ul li a:hover {
          color: #007ace;
          text-decoration: none; }
  footer p {
    display: inline-block;
    width: 100%;
    margin: 0 0 10px 0; }

/* Zero State
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.zero-state {
  padding-top: 5.0rem;
  text-align: center;
  box-sizing: border-box;
  min-height: 400px; }
  .zero-state h1 {
    width: 100%;
    font-size: 3.2rem;
    font-weight: normal;
    margin-bottom: 1.8rem; }
  .zero-state h1 + h3 {
    width: 100%;
    font-size: 1.8rem;
    line-height: 2.0rem;
    margin-bottom: 5.0rem;
    color: #707070;
    margin-bottom: 5.0rem; }
  .zero-state article {
    display: block; }
    @media (min-width: 550px) {
      .zero-state article button {
        width: auto; } }
.blocker {
  z-index: 1000 !important;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
  /*position: relative;*/ }
  @media (max-width: 768px) {
    .blocker {
      padding: 0 !important; } }
img.modal {
  max-width: 100% !important;
  padding: 0 !important; }

.modal.modal-container {
  border-radius: 3px !important;
  padding: 0 !important; }
  @media (max-width: 768px) {
    .modal.modal-container {
      width: 100%;
      border-radius: 0 !important; } }
  .modal.modal-container .modal-container-inner {
    padding: 1.5rem;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    position: relative; }
  .modal.modal-container .icon-close {
    float: right;
    text-indent: -100rem;
    overflow: hidden; }
  .modal.modal-container h6 {
    padding: 0 0 1.5rem 0;
    margin: 0; }
  .modal.modal-container dl {
    display: flex;
    margin: 0;
    padding: 0; }
    .modal.modal-container dl dt {
      flex-grow: 1;
      margin: 0;
      padding: 5px 0; }
    .modal.modal-container dl dd {
      flex-grow: 1;
      margin: 0;
      padding: 5px 0;
      text-align: right; }
  .modal.modal-container .alert {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2rem; }
    .modal.modal-container .alert dl {
      flex-direction: column; }
      .modal.modal-container .alert dl dd {
        text-align: left; }
    .modal.modal-container .alert .button {
      margin-top: 2rem; }
  .modal.modal-container ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0; }
    .modal.modal-container ul li {
      box-sizing: border-box;
      display: inline-block;
      width: 100%;
      margin: 0;
      padding: 0.5rem 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      .modal.modal-container ul li:last-of-type {
        padding-bottom: 0;
        border-bottom: 0; }
  .modal.modal-container > button,
  .modal.modal-container > .button {
    margin-top: 1.5rem;
    text-align: center;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
    @media (max-width: 768px) {
      .modal.modal-container > button,
      .modal.modal-container > .button {
        border-radius: 0; } }
/*::-webkit-scrollbar {
  display: none; }*/

/*********************************************************
Toggle Content Display
**********************************************************/
.toggle-label {
  position: relative;
  background: #fff;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  padding: 0; }
  .toggle-label:after {
    order: 1;
    transition: 0.3s ease all;
    content: "";
    float: left;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M34.75%2C66.75a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C34.75%2C66.75Zm0-58a26%2C26%2C0%2C1%2C0%2C26%2C26A26%2C26%2C0%2C0%2C0%2C34.75%2C8.75Zm13%2C29h-10v10a3%2C3%2C0%2C0%2C1-6%2C0v-10h-10a3%2C3%2C0%2C1%2C1%2C0-6h10v-10a3%2C3%2C0%2C0%2C1%2C6%2C0v10h10a3%2C3%2C0%2C1%2C1%2C0%2C6Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22rgb(121%2C140%2C156)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px; }
  .toggle-label:hover:after {
    opacity: 0.65; }
  .toggle-label > div {
    order: 2;
    display: inline-block;
    max-width: 270px; }

.toggle-content {
  padding: 0 0 30px 0; }

.toggle-input {
  display: none !important; }
  .toggle-input:not(checked) ~ .toggle-content {
    display: none; }

.toggle-input:checked ~ .toggle-content {
  display: block; }

.toggle-input:checked ~ .toggle-label:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M34.75%2C66.75a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C34.75%2C66.75Zm0-58a26%2C26%2C0%2C1%2C0%2C26%2C26A26%2C26%2C0%2C0%2C0%2C34.75%2C8.75Zm13%2C29h-26a3%2C3%2C0%2C1%2C1%2C0-6h26a3%2C3%2C0%2C1%2C1%2C0%2C6Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22rgb(121%2C140%2C156)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px; }

.collapse-trigger {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M34.75%2C66.75a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C34.75%2C66.75Zm0-58a26%2C26%2C0%2C1%2C0%2C26%2C26A26%2C26%2C0%2C0%2C0%2C34.75%2C8.75Zm13%2C29h-10v10a3%2C3%2C0%2C0%2C1-6%2C0v-10h-10a3%2C3%2C0%2C1%2C1%2C0-6h10v-10a3%2C3%2C0%2C0%2C1%2C6%2C0v10h10a3%2C3%2C0%2C1%2C1%2C0%2C6Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22rgb(121%2C140%2C156)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px; }
  .collapse-trigger:hover {
    opacity: 0.35; }
  .collapse-trigger.collapse {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M34.75%2C66.75a32%2C32%2C0%2C1%2C1%2C32-32A32%2C32%2C0%2C0%2C1%2C34.75%2C66.75Zm0-58a26%2C26%2C0%2C1%2C0%2C26%2C26A26%2C26%2C0%2C0%2C0%2C34.75%2C8.75Zm13%2C29h-26a3%2C3%2C0%2C1%2C1%2C0-6h26a3%2C3%2C0%2C1%2C1%2C0%2C6Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22rgb(121%2C140%2C156)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); }

.collapse-content td {
  padding: 0; }

.collapse-content dl {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .collapse-content dl:last-of-type {
    border-bottom: 0; }
  .collapse-content dl dt {
    flex-grow: 1;
    margin: 0;
    padding: 0; }
  .collapse-content dl dd {
    flex-grow: 1;
    margin: 0;
    padding: 0;
    text-align: right; }
    @media (max-width: 768px) {
      .collapse-content dl dd {
        white-space: initial; } }
.trigger-column {
  width: 18px; }

/*********************************************************
Product - side column navigation
**********************************************************/
#product-menu {
  display: none; }
  @media (min-width: 769px) {
    #product-menu {
      display: inline-block;
      position: relative; } }
  #product-menu h6 {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0 2rem 2rem 2rem;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600; }
    @media (min-width: 769px) {
      #product-menu h6 {
        margin-top: 15px; }
        #product-menu h6:first-of-type {
          margin-top: 30px; } }
  #product-menu .disqualified,
  #product-menu .qualified {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
    margin: 0; }
  #product-menu .qualified-reasons {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    margin-bottom: 3rem; }
  #product-menu ul {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 0 0 4rem 0;
    padding: 0; }
    #product-menu ul.viewall {
      margin-top: 3rem;
      margin-bottom: 0; }
    #product-menu ul.disqualified-reasons {
      padding: 0.5rem 1.5rem;
      margin: 0 0 3rem 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
      #product-menu ul.disqualified-reasons li {
        font-style: italic;
        opacity: 0.65; }
    #product-menu ul li {
      display: inline-block;
      width: 100%;
      padding: 0;
      margin: 0; }
      #product-menu ul li a {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        padding: 0.5rem 2rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        color: #007ace; }
        #product-menu ul li a em {
          display: block;
          font-size: 1.2rem;
          line-height: 2rem; }
        #product-menu ul li a .indicator {
          display: inline-block;
          background: #ff4136;
          padding: 0.25em 0.5rem;
          border-radius: 1rem;
          color: #fff;
          font-size: 1.2rem;
          line-height: 1.2rem; }
        #product-menu ul li a .icon-next {
          float: right;
          margin-top: 0.2rem;
          background-size: 12px 12px;
          opacity: 0.25;
          transition: all ease 0.3s; }
        #product-menu ul li a:hover {
          background: #fff;
          color: #084e8a; }
          #product-menu ul li a:hover .icon-next {
            margin-right: -0.5rem;
            opacity: 0.5; }
    #product-menu ul#secondary-users {
      padding: 0.5rem 2rem; }
      #product-menu ul#secondary-users li a {
        padding: 0;
        border-bottom: 0; }
        #product-menu ul#secondary-users li a:hover {
          background-color: transparent; }
      #product-menu ul#secondary-users li.disclaimer {
        line-height: normal;
        margin-top: 1rem; }
    #product-menu ul dl {
      margin: 0;
      padding: 0; }
      #product-menu ul dl dt {
        padding: 0;
        margin: 0;
        font-weight: bold; }
        #product-menu ul dl dt span {
          font-weight: normal;
          display: block; }
      #product-menu ul dl dd {
        padding: 0;
        margin: 0;
        float: left;
        width: 50%; }
        #product-menu ul dl dd:last-child {
          text-align: right; }
  #product-menu .extra-admin-nav {
    display: none; }

/*********************************************************
Page block
**********************************************************/
.page {
  position: relative;
  padding: 2rem;
  background: #fff;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.1); }
  @media (min-width: 769px) {
    .page.nine.column {
      margin-left: 0;
      width: 75.5%; }
      .page.nine.column:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: 100%;
        box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1); } }
/*********************************************************
Date Picker
**********************************************************/
input.datepicker {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20d%3D%22M63.75%2C66.75h-58a3%2C3%2C0%2C0%2C1-3-3v-50a3%2C3%2C0%2C0%2C1%2C3-3h6v3a7%2C7%2C0%2C0%2C0%2C14%2C0v-3h18v3a7%2C7%2C0%2C0%2C0%2C14%2C0v-3h6a3%2C3%2C0%2C0%2C1%2C3%2C3v50A3%2C3%2C0%2C0%2C1%2C63.75%2C66.75Zm-3-40h-52v34h52Zm-10-10a3%2C3%2C0%2C0%2C1-3-3v-8a3%2C3%2C0%2C1%2C1%2C6%2C0v8A3%2C3%2C0%2C0%2C1%2C50.75%2C16.75Zm-32%2C0a3%2C3%2C0%2C0%2C1-3-3v-8a3%2C3%2C0%2C1%2C1%2C6%2C0v8A3%2C3%2C0%2C0%2C1%2C18.75%2C16.75Z%22%20transform%3D%22translate(-2.75%20-2.75)%22%20fill%3D%22rgb(121%2C140%2C156)%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: top 6px right 6px;
  background-size: 20px 20px; }

.datepicker {
  position: relative;
  width: 100%;
  background: #fff; }

.datepicker tr:after,
.datepicker tr:before,
.datepicker th:after,
.datepicker th:before,
.datepicker td:after,
.datepicker td:before {
  display: none !important; }

.ui-datepicker {
  display: none;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 99999999999 !important; }

.ui-datepicker-inline {
  margin: 0;
  padding-top: 0;
  background-color: #fff;
  color: #333;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000; }

.ui-datepicker-calendar {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  cursor: pointer;
  text-align: center !important;
  padding: 5px !important;
  height: 10px !important;
  width: 10px !important;
  background-color: #fff;
  border: 1px solid #ddd; }
  .ui-datepicker-calendar td.ui-datepicker-unselectable,
  .ui-datepicker-calendar th.ui-datepicker-unselectable {
    background: rgba(0, 0, 0, 0.05); }

.ui-datepicker-header {
  border: 1px solid #ddd;
  border-bottom: 0; }

.ui-datepicker-title {
  text-align: center;
  padding: 10px; }

.ui-datepicker-prev {
  float: left;
  padding: 10px; }

.ui-datepicker-next {
  float: right;
  padding: 10px; }

.ui-icon {
  cursor: pointer; }

.ui-state-disabled {
  opacity: 0.5; }

/*********************************************************
Icons
**********************************************************/
.icon-trash {
  text-indent: 1000px;
  overflow: hidden; }

/*
.delete {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-12593%20-7557%2014.325%2020%22%3E%3Cg%20transform%3D%22translate(-12593%20-7557)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M18%2C2.857H14.074V1.433A1.433%2C1.433%2C0%2C0%2C0%2C12.649%2C0H9.784A1.433%2C1.433%2C0%2C0%2C0%2C8.36%2C1.433V2.857H4.43a.36.36%2C0%2C0%2C0-.36.344v.712a.36.36%2C0%2C0%2C0%2C.36.36H18.035a.36.36%2C0%2C0%2C0%2C.36-.36V3.2A.36.36%2C0%2C0%2C0%2C18%2C2.857Zm-8.187%2C0h0V1.433h2.857V2.857Z%22%20transform%3D%22translate(-4.07)%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M17.325%2C6.25h-12c-.28%2C0-.36.128-.36.36V21.016a.368.368%2C0%2C0%2C0%2C.36.232h12c.28%2C0%2C.5-.128.5-.36V6.546C17.8%2C6.314%2C17.6%2C6.25%2C17.325%2C6.25Zm-8.8%2C12.509a.36.36%2C0%2C0%2C1-.36.36h-.7a.36.36%2C0%2C0%2C1-.36-.36v-10a.36.36%2C0%2C0%2C1%2C.36-.36h.728a.36.36%2C0%2C0%2C1%2C.36.36Zm3.569%2C0a.36.36%2C0%2C0%2C1-.36.36h-.712a.36.36%2C0%2C0%2C1-.36-.36v-10a.36.36%2C0%2C0%2C1%2C.36-.36h.712a.36.36%2C0%2C0%2C1%2C.36.36Zm3.569%2C0a.36.36%2C0%2C0%2C1-.36.36h-.7a.36.36%2C0%2C0%2C1-.36-.36v-10a.36.36%2C0%2C0%2C1%2C.36-.36h.712a.36.36%2C0%2C0%2C1%2C.36.36Z%22%20transform%3D%22translate(-4.248%20-1.248)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  opacity: .25;

  &:hover {
    opacity: .35;
  }
}
*/
/*********************************************************
Responsive Helpers
**********************************************************/
@media (max-width: 768px) {
  .hide--mobile {
    display: none !important; } }

@media (min-width: 769px) {
  .show--mobile {
    display: none !important; }
  .hide--desktop {
    display: none !important; } }

.product-service {
  font-size: 1.4rem;
  line-height: 1.4rem;
  display: inline-block;
  margin-left: 10px; }

/*********************************************************
Expanding Details
**********************************************************/
.detail-columns {
  display: flex; }
  .detail-columns .detail-col1 {
    flex-basis: 30%;
    padding: 1.5rem;
    background-color: #ebf5fa;
    box-shadow: inset 0 6px 12px -6px rgba(0, 0, 0, 0.2), inset -1px 0 0 0 rgba(0, 0, 0, 0.025), inset 1px 0 0 0 rgba(0, 0, 0, 0.05); }
    .detail-columns .detail-col1 ul li {
      color: rgba(0, 0, 0, 0.5); }
    .detail-columns .detail-col1 h6 {
      margin-top: 2rem;
      margin-bottom: 1rem; }
      .detail-columns .detail-col1 h6:first-of-type {
        margin-top: 0; }
  .detail-columns .detail-col2 {
    flex-basis: 70%;
    padding: 1.5rem;
    padding-bottom: 30px; }
  .detail-columns .detail-col3 {
    flex-basis: 100%;
    padding: 1.5rem;
    padding-bottom: 30px; }
  @media (max-width: 768px) {
    .detail-columns {
      flex-direction: column;
      width: 100%; }
      .detail-columns .detail-col1,
      .detail-columns .detail-col2 {
        flex-basis: auto;
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        box-sizing: border-box; }
      .detail-columns .detail-col1 p:last-of-type,
      .detail-columns .detail-col1 ul:last-of-type {
        margin-bottom: 0; }
      .detail-columns .detail-col2 {
        background-color: #f3f3f3; } }
  .detail-columns dl dt {
    color: rgba(0, 0, 0, 0.5); }

.pagination {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 30px 0 60px 0; }
  .pagination span {
    padding: 0 15px; }

.button.icon-prev,
button.icon-prev,
.button.icon-next,
button.icon-next {
  text-indent: 100rem;
  overflow: hidden; }

/*********************************************************
Banner - under header
**********************************************************/
#banner-blocks + #dashboard {
  border-top: 0;
  padding-top: 0; }

/*
#banner-blocks-nav {
  background-color: #336699;
  border-top: 1px solid #fff;

  .slick-list {
    overflow: visible;
  }
  .slick-slide {
    position: relative;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    font-size: 1.1rem;

    &.slick-current {
      font-weight: 700;

      &:focus {
        outline: none;
      }

      &:before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #336699;
        transform: translateX(-50%) rotate(45deg);
        border-radius: 1px;
        position: absolute;
        top: -6px;
        left: 50%;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
      }
    }
  }
}
*/
#banner-blocks {
  padding: 0;
  border-top: 0; }
  #banner-blocks button {
    box-shadow: none; }
  #banner-blocks a {
    display: inline-block;
    width: 100%;
    min-height: 175px;
    max-height: 175px;
    padding: 2rem;
    margin: 0;
    text-align: center;
    transition: all ease 0.3s; }
    @media screen and (max-width: 768px) {
      #banner-blocks a {
        padding: 2rem 1.5rem; } }
    #banner-blocks a p {
      margin: 0;
      text-transform: uppercase;
      font-weight: 700; }
    #banner-blocks a h2 {
      margin: 0 0 10px 0;
      font-weight: 700; }
    #banner-blocks a h3 {
      font-weight: 300; }
  #banner-blocks .banner-offer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #336699;
    background-image: url("../images/marketing-block.jpg"); }
    #banner-blocks .banner-offer a {
      color: #fff; }
      #banner-blocks .banner-offer a h2,
      #banner-blocks .banner-offer a h3,
      #banner-blocks .banner-offer a p {
        color: #fff; }
  #banner-blocks .banner-points {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #336699;
    background-image: none; }
    #banner-blocks .banner-points a {
      color: #fff; }
      #banner-blocks .banner-points a h2,
      #banner-blocks .banner-points a h3,
      #banner-blocks .banner-points a p {
        color: #fff; }
  #banner-blocks .banner-loyalty {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #336699;
    background-image: none; }
    #banner-blocks .banner-loyalty a {
      color: #fff; }
      #banner-blocks .banner-loyalty a h2,
      #banner-blocks .banner-loyalty a h3,
      #banner-blocks .banner-loyalty a p {
        color: #fff; }
  #banner-blocks .banner-news {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #336699;
    background-image: url("../images/marketing-block.jpg"); }
    #banner-blocks .banner-news a {
      color: #fff; }
      #banner-blocks .banner-news a h2,
      #banner-blocks .banner-news a h3,
      #banner-blocks .banner-news a p {
        color: #fff; }
    #banner-blocks .banner-news p {
      margin: 0;
      text-transform: uppercase;
      font-weight: 700;
      opacity: 0.65; }

/*********************************************************
Slick Slider
**********************************************************/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../images/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: white;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: white;
      opacity: 0.75; }

#secondary-users {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin: 2rem 0 0 0;
  padding: 0 2rem;
  box-sizing: border-box; }
  #secondary-users li {
    font-size: 12px;
    margin-right: 20px; }
    #secondary-users li.user {
      display: inline-flex;
      align-items: center;
      white-space: nowrap; }
      #secondary-users li.user svg {
        width: 100%;
        max-width: 10px;
        margin-right: 5px; }
    #secondary-users li.disclaimer {
      clear: left;
      width: 100%;
      font-style: italic;
      opacity: 0.75; }

.account-card {
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 280px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 10px 2% 20px 0; }
  @media (max-width: 768px) {
    .account-card {
      max-width: 92%;
      margin: 0 4% 40px 4%;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.1); } }
  .account-card.staffonly {
    position: relative; }
    .account-card.staffonly:before {
      content: "Staff Only";
      padding: 2px 6px;
      background-color: #ffffff;
      color: #007ace;
      position: absolute;
      top: -10px;
      right: 1rem;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-weight: bold;
      border-radius: 0.3rem; }
  .account-card .account-name {
    margin: 0;
    padding: 15px; }
    .account-card .account-name dt {
      font-size: 12px;
      line-height: 24px;
      color: #999;
      padding: 0;
      margin: 0; }
    .account-card .account-name dd {
      font-size: 18px;
      padding: 0;
      margin: 0;
      color: #333;
      font-weight: 500; }
  .account-card .account-callout {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    min-height: 70px;
    padding: 15px 15px 15px 50px;
    margin: 0;
    background-color: #f4f6f8;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    background-repeat: no-repeat;
    background-position: 5% 50%;
    background-size: 30px; }
    .account-card .account-callout > img {
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 30px;
    }
    .account-card .account-callout > svg {
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      max-width: 30px; }
      .account-card .account-callout > svg polyline,
      .account-card .account-callout > svg polygon,
      .account-card .account-callout > svg path,
      .account-card .account-callout > svg line,
      .account-card .account-callout > svg rect,
      .account-card .account-callout > svg circle {
        stroke: #919eab; }
    .account-card .account-callout.green, .account-card #product-menu .account-callout.qualified, #product-menu .account-card .account-callout.qualified {
      background-color: #e3f1df;
      border-bottom: 1px solid #27ae60;
      color: #212b36; }
      .account-card .account-callout.green svg polyline, .account-card #product-menu .account-callout.qualified svg polyline, #product-menu .account-card .account-callout.qualified svg polyline,
      .account-card .account-callout.green svg polygon,
      .account-card #product-menu .account-callout.qualified svg polygon,
      #product-menu .account-card .account-callout.qualified svg polygon,
      .account-card .account-callout.green svg path,
      .account-card #product-menu .account-callout.qualified svg path,
      #product-menu .account-card .account-callout.qualified svg path,
      .account-card .account-callout.green svg line,
      .account-card #product-menu .account-callout.qualified svg line,
      #product-menu .account-card .account-callout.qualified svg line,
      .account-card .account-callout.green svg rect,
      .account-card #product-menu .account-callout.qualified svg rect,
      #product-menu .account-card .account-callout.qualified svg rect,
      .account-card .account-callout.green svg circle,
      .account-card #product-menu .account-callout.qualified svg circle,
      #product-menu .account-card .account-callout.qualified svg circle {
        stroke: #27ae60; }
      .account-card .account-callout.green .call-to-action, .account-card #product-menu .account-callout.qualified .call-to-action, #product-menu .account-card .account-callout.qualified .call-to-action {
        color: #27ae60; }
    .account-card .account-callout.yellow {
      background-color: #fcf1cd;
      border-bottom: 1px solid #c05717;
      color: #212b36; }
      .account-card .account-callout.yellow svg polyline,
      .account-card .account-callout.yellow svg polygon,
      .account-card .account-callout.yellow svg path,
      .account-card .account-callout.yellow svg line,
      .account-card .account-callout.yellow svg rect,
      .account-card .account-callout.yellow svg circle {
        stroke: #c05717; }
      .account-card .account-callout.yellow .call-to-action {
        color: #c05717; }
    .account-card .account-callout.red, .account-card #product-menu .account-callout.disqualified, #product-menu .account-card .account-callout.disqualified {
      background-color: #fbeae5;
      border-bottom: 1px solid #e74c3c;
      color: #212b36; }
      .account-card .account-callout.red svg polyline, .account-card #product-menu .account-callout.disqualified svg polyline, #product-menu .account-card .account-callout.disqualified svg polyline,
      .account-card .account-callout.red svg polygon,
      .account-card #product-menu .account-callout.disqualified svg polygon,
      #product-menu .account-card .account-callout.disqualified svg polygon,
      .account-card .account-callout.red svg path,
      .account-card #product-menu .account-callout.disqualified svg path,
      #product-menu .account-card .account-callout.disqualified svg path,
      .account-card .account-callout.red svg line,
      .account-card #product-menu .account-callout.disqualified svg line,
      #product-menu .account-card .account-callout.disqualified svg line,
      .account-card .account-callout.red svg rect,
      .account-card #product-menu .account-callout.disqualified svg rect,
      #product-menu .account-card .account-callout.disqualified svg rect,
      .account-card .account-callout.red svg circle,
      .account-card #product-menu .account-callout.disqualified svg circle,
      #product-menu .account-card .account-callout.disqualified svg circle {
        stroke: #e74c3c; }
      .account-card .account-callout.red .call-to-action, .account-card #product-menu .account-callout.disqualified .call-to-action, #product-menu .account-card .account-callout.disqualified .call-to-action {
        color: #e74c3c; }
    .account-card .account-callout dt {
      padding: 0;
      margin: 0; }
    .account-card .account-callout dd {
      padding: 0;
      margin: 0;
      font-weight: bold; }
    .account-card .account-callout .call-to-action {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0);
      font-weight: bold;
      padding: 0 15px;
      border-left: 1px solid rgba(255, 255, 255, 0.7);
      display: inline-flex;
      align-items: center;
      transition: all ease-in-out 0.2s; }
      .account-card .account-callout .call-to-action:hover {
        background-color: rgba(255, 255, 255, 0.5); }
  .account-card h6.title {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 10px 0 0 15px;
    font-size: 12px;
    color: #999;
    font-weight: normal; }
  .account-card .extra-detail {
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 15px;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    align-items: center; }
    .account-card .extra-detail:last-child, .account-card .extra-detail:last-of-type {
      border-bottom: 0;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      padding-bottom: 15px; }
    .account-card .extra-detail.green, .account-card #product-menu .extra-detail.qualified, #product-menu .account-card .extra-detail.qualified {
      background-color: #27ae60;
      color: #fff; }
    .account-card .extra-detail.red, .account-card #product-menu .extra-detail.disqualified, #product-menu .account-card .extra-detail.disqualified {
      background-color: #e74c3c;
      color: #fff; }
    .account-card .extra-detail dt {
      display: flex;
      align-items: center;
      padding: 0;
      margin: 0;
      font-weight: 500;
      white-space: nowrap; }
    .account-card .extra-detail dd {
      display: flex;
      align-items: center;
      padding: 0 0 0 20px;
      margin: 0;
      text-align: right; }
      .account-card .extra-detail dd.yes svg {
        stroke: #27ae60; }
      .account-card .extra-detail dd.no svg {
        stroke: #e74c3c; }
    .account-card .extra-detail.full-block {
      display: inline-block;
      width: 100%; }
      .account-card .extra-detail.full-block dd {
        display: block;
        width: 100%;
        text-align: left;
        line-height: normal;
        padding: 0; }

/* account-card breadcrumb element */
.account-confirm {
  display: flex;
  align-items: stretch;
  background-color: #f4f6f8;
  border: 1px solid #d3dbe2;
  border-radius: 0.3rem; }
  .account-confirm .button.icon-prev {
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none; }
  .account-confirm dl {
    display: inline-flex;
    align-items: center;
    flex-grow: 2;
    justify-content: space-between;
    margin: 0;
    padding: 0; }
    @media (max-width: 768px) {
      .account-confirm dl {
        flex-direction: column;
        align-items: stretch; } }
    .account-confirm dl dt {
      margin: 0;
      padding: 0.5rem 0 0.5rem 1rem;
      font-weight: 500; }
      .account-confirm dl dt span {
        display: block;
        font-weight: normal; }
    .account-confirm dl dd {
      margin: 0;
      padding: 0 1rem 0 0;
      text-align: right; }
      @media (max-width: 768px) {
        .account-confirm dl dd {
          padding: 0.5rem 0 0.5rem 1rem;
          text-align: left; } }
  .account-confirm.pastdue {
    background-color: #fbeae5;
    border-color: #e74c3c; }
    .account-confirm.pastdue .button {
      border-right-color: #e74c3c; }
    .account-confirm.pastdue dd {
      color: #e74c3c;
      font-weight: bold; }

#progress-bar {
  display: inline-flex;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  #progress-bar li {
    width: 100%;
    height: 5px;
    flex-grow: 1;
    background: #eee;
    border-right: 2px solid #fff;
    margin: 0;
    padding: 0; }
    #progress-bar li:first-of-type {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    #progress-bar li:last-of-type {
      border-right: 0;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    #progress-bar li.complete {
      background: #007ace; }
    #progress-bar li.current {
      background: rgba(0, 122, 206, 0.25); }

.sortable li {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  list-style: none;
  box-sizing: border-box;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #d3dbe2;
  background: #f4f6f8;
  padding: 5px 10px; }
  .sortable li.ui-sortable-helper {
    border: 1px solid #d3dbe2;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }

.text-row {
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .text-row dt {
    margin: 0;
    padding: 0;
    opacity: 0.65; }
  .text-row dd {
    margin: 0;
    padding: 0;
    text-align: right; }
  .text-row.align-middle {
    align-items: center; }
    .text-row.align-middle dt,
    .text-row.align-middle dd {
      display: flex;
      align-items: center; }
  .text-row:last-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .text-row.stacked {
    flex-direction: column; }
    .text-row.stacked dd {
      text-align: left; }

.message {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  padding: 2rem; }
  .message.success {
    background-color: #e3f1df;
    border-bottom-color: #27ae60; }
  .message.error {
    /*
    background-color: #fff;
    border-bottom-color: $red;
    */ }
  .message.info {
    /*
    background-color: #fff;
    border-bottom-color: $blue;
    */ }
  .message *:last-child {
    margin-bottom: 0; }
  .message > h1 {
    font-weight: 700;
    margin-bottom: 0; }
  .message > p:first-of-type {
    margin-top: 2rem; }
  .message > h6 {
    margin-top: 0; }
  .message .text-row dd {
    font-weight: 500; }

/* Back button */
.icon-prev {
  text-indent: -100rem;
  overflow: hidden;
  max-width: 50px; }

/* One-time Password */
.otp {
  margin-top: 4rem;
  background-color: #e3f1df;
  border-bottom: 3px solid #27ae60; }
  .otp h6 {
    margin-top: 0 !important; }
  .otp label {
    margin-bottom: 1rem; }
  .otp .input-group {
    align-items: stretch; }
    .otp .input-group .append {
      display: inline-flex;
      align-items: center; }
  .otp input {
    font-size: 30px;
    max-width: 200px; }

/* Save for Later */
.saveforlater .input-nickname {
  box-sizing: border-box;
  padding: 2rem 0 0 0;
  margin-bottom: 0; }

.saveforlater .toggle-content {
  padding-bottom: 0.5rem; }

.sso-frame {
  width: 100%;
  padding: 0;
  z-index: 1; }
  .sso-frame iframe {
    border: 0;
    width: 100%;
    height: 100vh; }

/* Keypad */
.easy-numpad-container,
.easy-numpad-output,
.easy-numpad-number-container > table a {
  border-radius: 0.3rem !important; }

.easy-numpad-output {
  border: 0 !important; }

.easy-numpad-container {
  background-color: #222; }

.easy-numpad-number-container table {
  margin-bottom: 0; }
  .easy-numpad-number-container table td {
    padding: 0.25rem;
    border-bottom: 0; }

.easy-numpad-number-container .cancel {
  background-color: #e74c3c; }

.easy-numpad-number-container .done {
  background-color: #27ae60; }

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.half-width {
  width: 50% !important;
  max-width: 50% !important;
  box-sizing: border-box !important; }

.full-width {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important; }

.max-full-width {
  max-width: 100% !important;
  box-sizing: border-box !important; }

.push-left {
  float: left; }

.push-right {
  float: right; }

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

.align-left {
  text-align: left; }

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

.highlight-warning {
  background: #fbeae5;
  color: #e74c3c; }

.positive {
  color: #27ae60; }

.negative {
  color: #e74c3c; }

.black {
  color: #000; }

.blue {
  color: #007ace; }

.green, #product-menu .qualified {
  color: #27ae60; }

.yellow {
  color: #eec200; }

.red, #product-menu .disqualified {
  color: #e74c3c; }

.grey {
  color: #919eab; }

.lightblue {
  color: #ebf5fa; }

.orange {
  color: #c05717; }

.emphasis {
  font-weight: 600;
  color: #1a1a1a; }

.subdued {
  font-weight: normal;
  color: #707070; }

.hide-scrollbars ::-webkit-scrollbar {
  display: none !important;
  width: 10px !important;
  height: 0 !important; }

.hide-scrollbars ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0); }

.overflow-container {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.list-none {
  list-style: none;
  margin: 0; }

.padding-0 {
  padding: 0 !important; }

.pb-20 {
  padding-bottom: 20px; }

.content-container {
  padding: 2rem; }

.no-break {
  white-space: nowrap; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries near the relevant code. For example, if you wanted to change the styles for buttons on small devices, paste the mobile query code up in the buttons section and style it there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */