@charset "UTF-8";
/**
 *  ESC Navindexer styles.
 *
 */
/*!
 * UptownCSS (http://www.uptowncss.com)
 * Copyright 2016 ShopPad, Inc.
 * Licensed under MIT (https://github.com/shoppad/UptownCSS/blob/master/LICENSE)
 */
/* 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,
.overuse-alert,
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;
  /* For devices larger than 550px */ }
  @media (min-width: 550px) {
    .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: 300; }

h1 {
  font-size: 4.0rem;
  line-height: 1.2; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25; }

h3 {
  font-size: 3.0rem;
  line-height: 1.3; }

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

h5 {
  font-size: 1.8rem;
  line-height: 1.5; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 {
    font-size: 5.0rem; }
  h2 {
    font-size: 4.2rem; }
  h3 {
    font-size: 3.6rem; }
  h4 {
    font-size: 3.0rem; }
  h5 {
    font-size: 2.4rem; }
  h6 {
    font-size: 1.5rem; } }

/* 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%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility; }

body {
  box-sizing: border-box;
  height: 100%;
  font-size: 1.4em;
  line-height: 1.6;
  font-family: -apple-system, "BlinkMacSystemFont", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
  color: rgba(0, 0, 0, 0.9);
  background-color: #ebeef0;
  margin: 0;
  padding: 0;
  text-align: center;
  fill: currentColor;
  font-weight: 400;
  text-transform: initial;
  letter-spacing: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  margin-top: 0; }

em {
  font-style: italic;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.56);
  margin-top: .5rem; }

hr {
  margin: 0;
  border-width: 0;
  border-collapse: collapse;
  border-top: .1rem solid #ebeef0; }

a {
  text-decoration: none;
  color: #0078bd;
  cursor: pointer; }
  a:hover {
    color: #0069a6;
    text-decoration: underline; }

svg,
path {
  fill: currentColor; }

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

::-webkit-scrollbar-thumb {
  background-color: transparent; }

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

ol {
  list-style: decimal outside; }

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

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

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  white-space: nowrap;
  background: #F1F1F1;
  border: .1rem solid #E1E1E1;
  border-radius: .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; }

section, .overuse-alert {
  display: block;
  width: 100%;
  max-width: 1036px;
  text-align: left;
  margin: 0 auto; }
  @media (min-width: 550px) {
    section, .overuse-alert {
      display: box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      box-align: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch;
      -ms-flex-align: stretch;
      box-orient: vertical;
      box-direction: normal;
      -moz-flex-direction: column;
      flex-direction: column;
      -ms-flex-direction: column;
      box-orient: horizontal;
      box-direction: normal;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  section + section, .overuse-alert + section, section + .overuse-alert, .overuse-alert + .overuse-alert {
    padding-top: 2rem;
    border-top: .1rem solid #d3dbe2; }
  section aside, .overuse-alert aside {
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2.0rem;
    box-sizing: border-box; }
    @media (min-width: 550px) {
      section aside, .overuse-alert aside {
        box-flex: 1;
        -moz-flex: 1 0 24rem;
        -ms-flex: 1 0 24rem;
        flex: 1 0 24rem; } }
    section aside h2, .overuse-alert aside h2 {
      color: rgba(0, 0, 0, 0.9);
      margin: 0 0 2.0rem 0;
      font-weight: 400;
      font-size: 1.8rem;
      line-height: 1.2em; }
    section aside p, .overuse-alert aside p {
      color: rgba(0, 0, 0, 0.56);
      line-height: 1.4; }
  section article, .overuse-alert article {
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-orient: vertical;
    box-direction: normal;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    margin: 0 2.0rem; }
    @media (min-width: 550px) {
      section article, .overuse-alert article {
        box-flex: 2;
        -moz-flex: 2 1 48rem;
        -ms-flex: 2 1 48rem;
        flex: 2 1 48rem;
        box-orient: horizontal;
        box-direction: normal;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row; } }
  section .card, .overuse-alert .card, section .overuse-alert > div, .overuse-alert > div {
    display: inline-block;
    width: 100%;
    border-radius: .3rem;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.9);
    box-sizing: border-box;
    margin-bottom: 2.0rem;
    padding: 2.0rem;
    background-color: #ffffff; }
    section .card.secondary, .overuse-alert .card.secondary, section .overuse-alert > div.secondary, .overuse-alert > div.secondary {
      background-color: #f5f6f7; }
    section .card.has-sections, .overuse-alert .card.has-sections, section .overuse-alert > div.has-sections, .overuse-alert > div.has-sections {
      padding: 0; }
    section .card .card-section, .overuse-alert .card .card-section, section .overuse-alert > div .card-section, .overuse-alert > div .card-section {
      padding: 2.0rem; }
    section .card h1, .overuse-alert .card h1, section .overuse-alert > div h1, .overuse-alert > div h1, section .card h2, .overuse-alert .card h2, section .overuse-alert > div h2, .overuse-alert > div h2, section .card h3, .overuse-alert .card h3, section .overuse-alert > div h3, .overuse-alert > div h3, section .card h4, .overuse-alert .card h4, section .overuse-alert > div h4, .overuse-alert > div h4, section .card h5, .overuse-alert .card h5, section .overuse-alert > div h5, .overuse-alert > div h5, section .card h6, .overuse-alert .card h6, section .overuse-alert > div h6, .overuse-alert > div h6 {
      margin-bottom: 0; }
    section .card p, .overuse-alert .card p, section .overuse-alert > div p, .overuse-alert > div p {
      color: rgba(0, 0, 0, 0.9); }

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

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

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

.pull-right {
  float: right; }

.pull-left {
  float: left; }

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

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

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

.highlight-warning {
  background: #fffbe9;
  color: #e85b0f; }

.helper {
  float: right;
  font-size: 1.3rem; }

.blue {
  color: #3e89b5; }

.green {
  color: #4d684b; }

.yellow {
  color: #6f4f26; }

.red {
  color: #8c2929; }

.grey {
  color: #798c9c; }

.lightblue {
  color: #647f9e; }

.orange {
  color: #7f3a07; }

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

[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 */ }
  [class^="icon-"].icon-prev,
  [class*=" icon-"].icon-prev {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-prev.disabled, [class^="icon-"].icon-prev:disabled,
    [class*=" icon-"].icon-prev.disabled,
    [class*=" icon-"].icon-prev: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"); }
  [class^="icon-"].icon-next,
  [class*=" icon-"].icon-next {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-next.disabled, [class^="icon-"].icon-next:disabled,
    [class*=" icon-"].icon-next.disabled,
    [class*=" icon-"].icon-next: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"); }
  [class^="icon-"].icon-trash,
  [class*=" icon-"].icon-trash {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-trash.disabled, [class^="icon-"].icon-trash:disabled,
    [class*=" icon-"].icon-trash.disabled,
    [class*=" icon-"].icon-trash: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"); }
  [class^="icon-"].icon-clock,
  [class*=" icon-"].icon-clock {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-clock.disabled, [class^="icon-"].icon-clock:disabled,
    [class*=" icon-"].icon-clock.disabled,
    [class*=" icon-"].icon-clock: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"); }
  [class^="icon-"].icon-close,
  [class*=" icon-"].icon-close {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-close.disabled, [class^="icon-"].icon-close:disabled,
    [class*=" icon-"].icon-close.disabled,
    [class*=" icon-"].icon-close: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"); }
  [class^="icon-"].icon-checkmark,
  [class*=" icon-"].icon-checkmark {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-checkmark.disabled, [class^="icon-"].icon-checkmark:disabled,
    [class*=" icon-"].icon-checkmark.disabled,
    [class*=" icon-"].icon-checkmark: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"); }
  [class^="icon-"].icon-search,
  [class*=" icon-"].icon-search {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-search.disabled, [class^="icon-"].icon-search:disabled,
    [class*=" icon-"].icon-search.disabled,
    [class*=" icon-"].icon-search: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"); }
  [class^="icon-"].icon-flag,
  [class*=" icon-"].icon-flag {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-flag.disabled, [class^="icon-"].icon-flag:disabled,
    [class*=" icon-"].icon-flag.disabled,
    [class*=" icon-"].icon-flag: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"); }
  [class^="icon-"].icon-bell,
  [class*=" icon-"].icon-bell {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-bell.disabled, [class^="icon-"].icon-bell:disabled,
    [class*=" icon-"].icon-bell.disabled,
    [class*=" icon-"].icon-bell: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"); }
  [class^="icon-"].icon-exclamation,
  [class*=" icon-"].icon-exclamation {
    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(50,158,204)' 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(50,158,204)' cx='12.5' cy='21.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E"); }
    [class^="icon-"].icon-exclamation.disabled, [class^="icon-"].icon-exclamation:disabled,
    [class*=" icon-"].icon-exclamation.disabled,
    [class*=" icon-"].icon-exclamation: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"); }
  [class^="icon-"].icon-question,
  [class*=" icon-"].icon-question {
    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(50,158,204)' 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(50,158,204)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); }
    [class^="icon-"].icon-question.disabled, [class^="icon-"].icon-question:disabled,
    [class*=" icon-"].icon-question.disabled,
    [class*=" icon-"].icon-question: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"); }
  [class^="icon-"].icon-prohibit,
  [class*=" icon-"].icon-prohibit {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-prohibit.disabled, [class^="icon-"].icon-prohibit:disabled,
    [class*=" icon-"].icon-prohibit.disabled,
    [class*=" icon-"].icon-prohibit: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"); }
  [class^="icon-"].icon-product,
  [class*=" icon-"].icon-product {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-product.disabled, [class^="icon-"].icon-product:disabled,
    [class*=" icon-"].icon-product.disabled,
    [class*=" icon-"].icon-product: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"); }
  [class^="icon-"].icon-preview,
  [class*=" icon-"].icon-preview {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-preview.disabled, [class^="icon-"].icon-preview:disabled,
    [class*=" icon-"].icon-preview.disabled,
    [class*=" icon-"].icon-preview: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"); }
  [class^="icon-"].icon-edit,
  [class*=" icon-"].icon-edit {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-edit.disabled, [class^="icon-"].icon-edit:disabled,
    [class*=" icon-"].icon-edit.disabled,
    [class*=" icon-"].icon-edit: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"); }
  [class^="icon-"].icon-addition,
  [class*=" icon-"].icon-addition {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-addition.disabled, [class^="icon-"].icon-addition:disabled,
    [class*=" icon-"].icon-addition.disabled,
    [class*=" icon-"].icon-addition: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"); }
  [class^="icon-"].icon-subtraction,
  [class*=" icon-"].icon-subtraction {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-subtraction.disabled, [class^="icon-"].icon-subtraction:disabled,
    [class*=" icon-"].icon-subtraction.disabled,
    [class*=" icon-"].icon-subtraction: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"); }
  [class^="icon-"].icon-calendar,
  [class*=" icon-"].icon-calendar {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-calendar.disabled, [class^="icon-"].icon-calendar:disabled,
    [class*=" icon-"].icon-calendar.disabled,
    [class*=" icon-"].icon-calendar: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"); }
  [class^="icon-"].icon-addcircle,
  [class*=" icon-"].icon-addcircle {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-addcircle.disabled, [class^="icon-"].icon-addcircle:disabled,
    [class*=" icon-"].icon-addcircle.disabled,
    [class*=" icon-"].icon-addcircle: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"); }
  [class^="icon-"].icon-orders,
  [class*=" icon-"].icon-orders {
    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(50,158,204)' 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"); }
    [class^="icon-"].icon-orders.disabled, [class^="icon-"].icon-orders:disabled,
    [class*=" icon-"].icon-orders.disabled,
    [class*=" icon-"].icon-orders: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"); }
  [class^="icon-"].icon-photos,
  [class*=" icon-"].icon-photos {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' enable-background='new 0 0 80 80'%3E%3Cpath fill='rgb(50,158,204)' d='M80 57.6l-4-18.7v-23.9c0-1.1-.9-2-2-2h-3.5l-1.1-5.4c-.3-1.1-1.4-1.8-2.4-1.6l-32.6 7h-27.4c-1.1 0-2 .9-2 2v4.3l-3.4.7c-1.1.2-1.8 1.3-1.5 2.4l5 23.4v20.2c0 1.1.9 2 2 2h2.7l.9 4.4c.2.9 1 1.6 2 1.6h.4l27.9-6h33c1.1 0 2-.9 2-2v-5.5l2.4-.5c1.1-.2 1.8-1.3 1.6-2.4zm-75-21.5l-3-14.1 3-.6v14.7zm62.4-28.1l1.1 5h-24.5l23.4-5zm-54.8 64l-.8-4h19.6l-18.8 4zm37.7-6h-43.3v-51h67v51h-23.7zm25.7-7.5v-9.9l2 9.4-2 .5zm-52-21.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm-13-10v43h59v-43h-59zm57 2v24.1l-12.8-12.8c-3-3-7.9-3-11 0l-13.3 13.2-.1-.1c-1.1-1.1-2.5-1.7-4.1-1.7-1.5 0-3 .6-4.1 1.7l-9.6 9.8v-34.2h55zm-55 39v-2l11.1-11.2c1.4-1.4 3.9-1.4 5.3 0l9.7 9.7c-5.2 1.3-9 2.4-9.4 2.5l-3.7 1h-13zm55 0h-34.2c7.1-2 23.2-5.9 33-5.9l1.2-.1v6zm-1.3-7.9c-7.2 0-17.4 2-25.3 3.9l-9.1-9.1 13.3-13.3c2.2-2.2 5.9-2.2 8.1 0l14.3 14.3v4.1l-1.3.1z'/%3E%3C/svg%3E");
    width: 6.4rem;
    height: 6.4rem;
    background-size: 64px 64px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
    [class^="icon-"].icon-photos.disabled, [class^="icon-"].icon-photos:disabled,
    [class*=" icon-"].icon-photos.disabled,
    [class*=" icon-"].icon-photos:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' enable-background='new 0 0 80 80'%3E%3Cpath fill='rgb(195,207,216)' d='M80 57.6l-4-18.7v-23.9c0-1.1-.9-2-2-2h-3.5l-1.1-5.4c-.3-1.1-1.4-1.8-2.4-1.6l-32.6 7h-27.4c-1.1 0-2 .9-2 2v4.3l-3.4.7c-1.1.2-1.8 1.3-1.5 2.4l5 23.4v20.2c0 1.1.9 2 2 2h2.7l.9 4.4c.2.9 1 1.6 2 1.6h.4l27.9-6h33c1.1 0 2-.9 2-2v-5.5l2.4-.5c1.1-.2 1.8-1.3 1.6-2.4zm-75-21.5l-3-14.1 3-.6v14.7zm62.4-28.1l1.1 5h-24.5l23.4-5zm-54.8 64l-.8-4h19.6l-18.8 4zm37.7-6h-43.3v-51h67v51h-23.7zm25.7-7.5v-9.9l2 9.4-2 .5zm-52-21.5c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm0-8c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3zm-13-10v43h59v-43h-59zm57 2v24.1l-12.8-12.8c-3-3-7.9-3-11 0l-13.3 13.2-.1-.1c-1.1-1.1-2.5-1.7-4.1-1.7-1.5 0-3 .6-4.1 1.7l-9.6 9.8v-34.2h55zm-55 39v-2l11.1-11.2c1.4-1.4 3.9-1.4 5.3 0l9.7 9.7c-5.2 1.3-9 2.4-9.4 2.5l-3.7 1h-13zm55 0h-34.2c7.1-2 23.2-5.9 33-5.9l1.2-.1v6zm-1.3-7.9c-7.2 0-17.4 2-25.3 3.9l-9.1-9.1 13.3-13.3c2.2-2.2 5.9-2.2 8.1 0l14.3 14.3v4.1l-1.3.1z'/%3E%3C/svg%3E"); }
  [class^="icon-"].icon-profile,
  [class*=" icon-"].icon-profile {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29' enable-background='new 0 0 29 29'%3E%3Cpath fill='rgb(50,158,204)' d='M25.35,4.76A14.56,14.56,0,0,0,.44,15,14.55,14.55,0,0,0,15,29.55,14.56,14.56,0,0,0,25.35,4.76Zm3,11.53c0,0.21-.06.41-0.08,0.61s-0.05.42-.09,0.63-0.14.61-.22,0.92c0,0.1,0,.2-0.08.31a13.37,13.37,0,0,1-3.43,5.78,57.32,57.32,0,0,0-7-2.83v-3s1.84-.61,1.84-3.67c1,0,1-2.44,0-2.44,0-.3,1-2.58.61-4.28-0.61-2.44-7.33-2.44-7.94,0-3.06-.61-1.23,3.87-1.23,4.28-1,0-1,2.44,0,2.44,0,3.05,1.84,3.67,1.84,3.67v3a53.25,53.25,0,0,0-7,2.84l-0.09-.08A13.24,13.24,0,0,1,1.67,13.35c0-.33.08-0.67,0.15-1h0A13.44,13.44,0,0,1,28.44,15c0,0.1,0,.2,0,0.29C28.42,15.65,28.41,16,28.38,16.29Z' transform='translate(-0.44 -0.45)'/%3E%3C/svg%3E");
    width: 6.4rem;
    height: 6.4rem;
    background-size: 64px 64px;
    /* IE requires pixels. Using cover/contain/rem values cause blurry edges */ }
    [class^="icon-"].icon-profile.disabled, [class^="icon-"].icon-profile:disabled,
    [class*=" icon-"].icon-profile.disabled,
    [class*=" icon-"].icon-profile:disabled {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29' enable-background='new 0 0 29 29'%3E%3Cpath fill='rgb(195,207,216)' d='M25.35,4.76A14.56,14.56,0,0,0,.44,15,14.55,14.55,0,0,0,15,29.55,14.56,14.56,0,0,0,25.35,4.76Zm3,11.53c0,0.21-.06.41-0.08,0.61s-0.05.42-.09,0.63-0.14.61-.22,0.92c0,0.1,0,.2-0.08.31a13.37,13.37,0,0,1-3.43,5.78,57.32,57.32,0,0,0-7-2.83v-3s1.84-.61,1.84-3.67c1,0,1-2.44,0-2.44,0-.3,1-2.58.61-4.28-0.61-2.44-7.33-2.44-7.94,0-3.06-.61-1.23,3.87-1.23,4.28-1,0-1,2.44,0,2.44,0,3.05,1.84,3.67,1.84,3.67v3a53.25,53.25,0,0,0-7,2.84l-0.09-.08A13.24,13.24,0,0,1,1.67,13.35c0-.33.08-0.67,0.15-1h0A13.44,13.44,0,0,1,28.44,15c0,0.1,0,.2,0,0.29C28.42,15.65,28.41,16,28.38,16.29Z' transform='translate(-0.44 -0.45)'/%3E%3C/svg%3E"); }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  background-color: #0078bd;
  color: #fff;
  border: .1rem solid;
  border-color: #0078bd;
  padding: .9rem 1.5rem;
  margin: 0;
  border-radius: .3rem;
  font-size: 1.4rem;
  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: #fff;
    outline: none;
    text-decoration: none;
    border-color: #0069a6;
    background-color: #0069a6; }
  .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: #0069a6; }
  .button.secondary,
  button.secondary,
  input[type="submit"].secondary,
  input[type="reset"].secondary,
  input[type="button"].secondary {
    border-color: #d3dbe2;
    background-color: #fff;
    color: #479ccf; }
    .button.secondary:hover, .button.secondary:focus,
    button.secondary:hover,
    button.secondary:focus,
    input[type="submit"].secondary:hover,
    input[type="submit"].secondary:focus,
    input[type="reset"].secondary:hover,
    input[type="reset"].secondary:focus,
    input[type="button"].secondary:hover,
    input[type="button"].secondary:focus {
      border-color: #d3dbe2;
      background-color: #f5f6f7;
      color: #479ccf; }
    .button.secondary:active,
    button.secondary:active,
    input[type="submit"].secondary:active,
    input[type="reset"].secondary:active,
    input[type="button"].secondary:active {
      box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) inset;
      background-color: #f5f6f7; }
  .button.warning,
  button.warning,
  input[type="submit"].warning,
  input[type="reset"].warning,
  input[type="button"].warning {
    background-color: #ff5d5d;
    border-color: #ff5d5d; }
    .button.warning:hover,
    button.warning:hover,
    input[type="submit"].warning:hover,
    input[type="reset"].warning:hover,
    input[type="button"].warning:hover {
      border-color: #d83e3e;
      background-color: #d83e3e; }
  .button.link,
  button.link,
  input[type="submit"].link,
  input[type="reset"].link,
  input[type="button"].link {
    background: transparent;
    border: 0;
    color: #4293c2;
    text-decoration: none; }
    .button.link:hover,
    button.link:hover,
    input[type="submit"].link:hover,
    input[type="reset"].link:hover,
    input[type="button"].link:hover {
      text-decoration: underline; }
  .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[type="submit"].disabled,
  input[type="submit"]:disabled,
  input[type="submit"]:disabled:hover,
  input[type="submit"]:disabled:focus,
  input[type="submit"]:disabled:active,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="reset"]:disabled:hover,
  input[type="reset"]:disabled:focus,
  input[type="reset"]:disabled:active,
  input[type="button"].disabled,
  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: .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.4rem;
    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: .3rem;
      border-bottom-left-radius: .3rem; }
    .button-group .button:last-child,
    .button-group button:last-child {
      border-right-width: .1rem;
      border-top-right-radius: .3rem;
      border-bottom-right-radius: .3rem; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  padding: .5rem 1rem;
  background-color: #fff;
  border: .1rem solid #d3dbe2;
  border-radius: .3rem;
  color: #31373d;
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 2.2rem;
  min-width: 7.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; }
  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,
  textarea:focus,
  select:focus {
    border: .1rem solid #479ccf;
    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,
  textarea:disabled,
  select:disabled {
    cursor: not-allowed;
    background-color: #fafbfc;
    border: .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
  textarea, .error
  select {
    border-color: #ff5d5d;
    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],
  textarea[type=search],
  select[type=search] {
    padding-left: 3.0rem;
    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 .6rem left .6rem; }

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"],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-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"],
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 1.0rem top 1.0rem; }
  select[multiple] {
    padding-right: 1rem;
    background-image: none; }
  select::-ms-expand {
    display: none; }

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

label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"],
input[type="radio"] {
  position: relative;
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  border: .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: .1rem solid #479ccf; }
  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: .1rem solid #ebeef0;
    color: #c3cfd8; }

input[type="checkbox"] {
  border-radius: .1rem; }
  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(71,156,207)' 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: .1rem;
    left: .1rem; }

input[type="radio"] {
  border-radius: .8rem; }
  input[type="radio"]:disabled:checked:after {
    background-color: #c3cfd8; }
  input[type="radio"]:checked:after {
    width: .8rem;
    height: .8rem;
    background-color: #479ccf;
    border-radius: .5rem;
    top: .3rem;
    left: .3rem; }

label {
  display: block;
  margin-top: .5rem;
  color: #31373d;
  font-weight: normal; }
  label.error,
  .error label {
    color: #ff5d5d; }

.input-group {
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }
  .input-group .append {
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: rgba(49, 55, 61, 0.85);
    line-height: 2.2rem;
    padding: .5rem 1rem;
    border: .1rem solid #d3dbe2;
    background-color: #f5f5f5;
    border-radius: .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: .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 {
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

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

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
  width: 100%; }
  table tbody tr:hover {
    background: #eff9fd; }
  table tbody tr:last-child td {
    border-bottom-width: 0; }
  table th,
  table td {
    padding: 1.2rem 1.5rem;
    text-align: left;
    border-bottom: .1rem solid #E1E1E1; }
  table th {
    font-weight: normal; }
    table th:hover {
      color: #479ccf;
      background: #eff9fd;
      cursor: pointer; }
    table th:empty:hover {
      background: transparent;
      color: inherit;
      cursor: default; }
  table.results tr th {
    border-color: #ebeef0; }
  table.results tr td {
    padding-top: .8rem;
    padding-bottom: .8rem;
    border-color: #ebeef0; }
  table.summary th {
    padding: 0;
    border: 0;
    font-size: 2.4rem; }
    table.summary th span {
      float: right;
      color: #95a7b7;
      font-size: 1.2rem;
      margin-top: 1rem; }
  table.summary tr:hover {
    background-color: transparent; }
  table.summary tr td {
    padding: .4rem 0;
    border: 0; }
    table.summary tr td:first-child {
      width: 67%; }
    table.summary tr td:last-child {
      text-align: right;
      color: #95a7b7; }

/* Pagination
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pagination {
  width: 100%;
  text-align: center;
  margin-top: 2.0rem; }
  .pagination .button-group {
    display: inline-block;
    margin: 0; }

/* 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 {
    background-color: #b2d86a;
    color: #4d684b; }
    .tag.green.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(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 {
    background-color: #ff9797;
    color: #8c2929; }
    .tag.red.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(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: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  box-lines: single;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: #f5f6f7;
  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 {
    box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    .tabs li a {
      display: inline-block;
      padding: 1.5rem 2.0rem;
      border-right: .1rem solid #ebeef0;
      border-bottom: .1rem solid #ebeef0;
      text-align: center;
      cursor: pointer;
      position: relative;
      white-space: nowrap; }
      .tabs li a:hover {
        outline: none;
        background-color: #fafbfc;
        color: #479ccf;
        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: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  box-orient: vertical;
  box-direction: normal;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  box-sizing: border-box;
  padding: 1.5rem;
  color: #31373d;
  margin-bottom: 2.0rem;
  padding-left: 6.0rem;
  background-color: #d3dbe2;
  border: 0.1rem solid rgba(0, 0, 0, 0.1);
  border-radius: .3rem;
  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 {
      box-orient: horizontal;
      box-direction: normal;
      -moz-flex-direction: row;
      flex-direction: row;
      -ms-flex-direction: row; } }
  .alert .close {
    position: absolute;
    top: 1.0rem;
    right: 1.0rem;
    opacity: .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: .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 {
    box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    margin: 0; }
    @media (min-width: 55rem) {
      .alert dl {
        margin-right: 2.0rem; } }
    .alert dl dt {
      font-size: 100%;
      margin: 0; }
    .alert dl dd {
      line-height: 1.4;
      color: rgba(49, 55, 61, 0.85);
      margin: 1.0rem 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: 2.0rem;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    @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%;
      -webkit-transform: translateX(-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);
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: .5rem .8rem;
      position: absolute;
      z-index: 98;
      width: auto;
      white-space: nowrap;
      text-align: left; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
  display: block;
  position: relative;
  width: 100%;
  min-height: 20.0rem;
  text-align: center;
  background-color: #ddd;
  padding-top: 4.5rem;
  box-sizing: border-box; }
  header h1 {
    font-size: 3.2rem;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 1.0rem 1.0rem 1.0rem; }
  header h2 {
    font-size: 1.8rem;
    line-height: 1.2em;
    margin: 0 1.0rem; }
  header + section, header + .overuse-alert {
    position: relative;
    margin-top: -4.4rem;
    z-index: 2; }

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
footer {
  margin: 4.0rem 0;
  text-align: center;
  width: 100%; }
  footer .help {
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: inline-box;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 0.1rem solid #d3dbe2;
    border-radius: 0.3rem;
    color: #798c9c;
    margin: 0 2.0rem 2.0rem 2.0rem;
    padding: 2.0rem; }
    footer .help span {
      min-width: 3.6rem;
      min-height: 3.6rem;
      border-radius: 50%;
      background-color: #479ccf;
      margin-right: 2.5rem;
      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(235,238,240)' 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(235,238,240)' cx='12' cy='22' r='2'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
      background-size: 24px 24px;
      /* IE requires pixels. Using cover/contain/rem values cause blurry edges */
      background-repeat: no-repeat;
      background-position: center; }
    footer .help p {
      margin: 0; }

/* Zero State
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.zero-state {
  padding-top: 56px;
  text-align: center;
  box-sizing: border-box;
  min-height: 400px; }
  .zero-state h2 {
    width: 100%;
    font-size: 32px;
    font-weight: normal;
    margin-bottom: 16px;
    color: #31373d; }
  .zero-state h2 + h6 {
    width: 100%;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 56px;
    color: #798c9c;
    margin-bottom: 56px; }
  .zero-state article {
    display: block; }
    @media (min-width: 550px) {
      .zero-state article button {
        width: auto; } }

/* 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 */
html, body {
  min-height: 100%;
  position: relative;
  height: auto; }

section .card .card-indicator, .overuse-alert .card .card-indicator, section .overuse-alert > div .card-indicator, .overuse-alert > div .card-indicator {
  width: 3rem;
  display: inline-block; }
  section .card .card-indicator::before, .overuse-alert .card .card-indicator::before, section .overuse-alert > div .card-indicator::before, .overuse-alert > div .card-indicator::before {
    content: '•';
    width: 4rem;
    left: 0;
    text-align: left;
    font-size: 3rem;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    margin-top: 0; }

section .card.stacked, .overuse-alert .card.stacked, section .overuse-alert > div.stacked, .overuse-alert > div.stacked {
  margin: 0;
  border-radius: 0;
  box-shadow: none; }

section.stacked, .stacked.overuse-alert {
  -ms-flex-direction: column;
      flex-direction: column; }

section.stacked + section.stacked, .stacked.overuse-alert + section.stacked, section.stacked + .stacked.overuse-alert, .stacked.overuse-alert + .stacked.overuse-alert {
  padding-top: 0; }

.card.stacked + .card.stacked, .overuse-alert > div.stacked + .card.stacked, .overuse-alert > .card.stacked + div.stacked, .overuse-alert > div.stacked + div.stacked {
  border-top: 1px solid #ebeef0; }

.button.small {
  padding: 0.6rem 1rem; }

section.thin-width, .thin-width.overuse-alert {
  max-width: 724px; }

main.with-sidebar {
  padding-right: 380px; }

aside.sidebar-background {
  z-index: 195;
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 380px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fafbfc; }

aside.sidebar {
  z-index: 195;
  width: 100%;
  float: right;
  background: #f5f6f7;
  position: absolute;
  right: 0;
  max-width: 380px;
  top: 0;
  bottom: 0; }
  aside.sidebar table.summary th {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 1.5rem; }
    aside.sidebar table.summary th span {
      margin-top: 0;
      font-weight: normal; }
    aside.sidebar table.summary th:hover {
      background: transparent;
      color: inherit;
      cursor: default; }

header {
  background: #212529;
  color: white; }

footer .shop-id-information {
  font-size: 10px;
  opacity: 0.5;
  padding: 10px 0; }

.text-muted {
  color: #666; }

table td.shrink {
  white-space: nowrap; }

table td.expand {
  white-space: nowrap;
  width: 99%; }

body.show-overuse-alert {
  background: #333333; }
  body.show-overuse-alert .page-container {
    pointer-events: none;
    -webkit-filter: blur(2px) brightness(20%);
            filter: blur(2px) brightness(20%); }
  body.show-overuse-alert .overuse-alert {
    display: block; }

.overuse-alert {
  display: none;
  position: fixed;
  top: 10%;
  left: 25%;
  width: 50%;
  z-index: 999; }
  .overuse-alert > div h1 {
    text-align: center;
    font-size: 3rem; }
  .overuse-alert > div h2 {
    text-align: center;
    font-size: 2rem; }
  .overuse-alert > div h3 {
    font-size: 2.5rem; }
  .overuse-alert > div h4 {
    text-align: center;
    font-size: 2rem; }

.overuse-alert-bar {
  display: block;
  text-align: center;
  padding: 1rem;
  background: #800000;
  color: white; }
  .overuse-alert-bar a {
    color: white;
    text-decoration: underline; }

.beta-unavailable-notice {
  position: relative; }
  .beta-unavailable-notice::after {
    content: '';
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .beta-unavailable-notice:hover::after {
    content: 'This feature is not yet available in the beta version.';
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 4rem; }

.template-editor-files {
  list-style: none;
  padding: 0;
  margin: 0; }
  .template-editor-files .template-link {
    color: black; }
  .template-editor-files li {
    display: block; }
    .template-editor-files li .delete {
      float: right;
      background: none;
      padding: 0;
      margin: 0;
      border: none;
      color: black;
      opacity: 0.5; }
    .template-editor-files li .add-new {
      background: none;
      padding: 0;
      margin: 0;
      border: none;
      color: #0f95e4;
      opacity: 0.8; }
    .template-editor-files li .add-new:active,
    .template-editor-files li .delete:active {
      box-shadow: none;
      opacity: 1.0; }
    .template-editor-files li .add-new:hover,
    .template-editor-files li .delete:hover {
      opacity: 0.9; }

input[readonly] {
  background: #fafbfc; }

.tag-input {
  padding: .5rem 1rem;
  background-color: #fff;
  border: .1rem solid #d3dbe2;
  border-radius: .3rem;
  color: #31373d;
  box-sizing: border-box;
  display: block;
  width: 100%;
  line-height: 2.2rem;
  min-width: 7.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; }
  .tag-input .tag-input--tag {
    border: 1px solid #CCC;
    padding: 0.5rem;
    border-radius: 4px;
    margin-right: 10px;
    position: relative;
    padding-right: 2rem; }
  .tag-input .tag-input--delete {
    position: absolute;
    right: 0.5rem;
    top: 0.1rem;
    color: #666; }
    .tag-input .tag-input--delete:hover {
      color: #980000;
      cursor: pointer; }
  .tag-input .tag-input--text-input {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-bottom: 1px dashed #ccc; }

.color-picker {
  cursor: default;
  background: white;
  padding: 1rem;
  border: 1px solid grey;
  border-radius: 4px;
  display: inline-block; }
  .color-picker--canvas {
    width: 10rem;
    height: 10rem;
    background: magenta;
    position: relative; }
    .color-picker--canvas--color, .color-picker--canvas--white, .color-picker--canvas--black {
      pointer-events: none;
      width: 100%;
      height: 100%;
      position: absolute; }
    .color-picker--canvas--white {
      background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }
    .color-picker--canvas--black {
      background: linear-gradient(to top, #000, transparent); }
  .color-picker--pointer, .color-picker--hue--tracker {
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    border: 2px solid white;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 999px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    pointer-events: none; }
  .color-picker--hue {
    width: 100%;
    position: relative; }
    .color-picker--hue--bar {
      background: linear-gradient(90deg, #f00 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);
      margin-top: 0.5rem;
      height: 1rem; }

div.color-editor--input {
  position: relative; }
  div.color-editor--input .preview {
    position: absolute;
    right: 0.25rem;
    top: 50%;
    height: 2rem;
    width: 6rem;
    margin-top: -1rem; }
  div.color-editor--input .editor {
    display: none; }
  div.color-editor--input.show-editor .editor {
    display: block; }

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