@charset "UTF-8";
/*==============================================================================
  #MCC - Master Stylesheet
  ============================================================================*/
/**
  * ITCSS – 'Inverted Triangle CSS' structure
  *
  * Based on Harry Roberts concept: http://csswizardry.net/talks/2014/11/itcss-dafed.pdf
  *
  * 1) Settings: global variables, such as brand colours, configs etc
  * 2) Tools: mixins and helper functions
  * 3) Generic: ground zero styles, reset styles such as normalize.css
  * 4) Elements: a.k.a. Base, unclassed html elements, e.g. headings, lists, tables, this is the last layer that styles tag selectors
  * 5) Objects:  no cosmetic design patterns. Class only styles from here onwards. Classes here are loosely named and I start doing OOCSS here (e.g. .button, .list-item, grid systems etc)
  * 6) Components: rich design UI styling. Class names here are more specific. This layer usually has the biggest volume
  * 7) Themes: if applicable, thematic styles are placed here (e.g. seasonal Christmas theme)
  * 8) Trumps: utilities, helpers and overrides. !important is often use
  *
  */
/*==============================================================================
 #MCC - Tools - Functions
 globally available function tools
 ============================================================================*/
/*==============================================================================
 #MCC - Settings
 ============================================================================*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700,800");
:root {
  --color-white: #fff;
  --color-green: #4cabaa;
  --color-dark-green: #347978;
  --color-blue: #4591f7;
  --color-red: #b02318;
  --color-dark-grey: #ccc;
  --color-royal-black: #0c0c0c;
  --color-darker-green: #20464c;
  --color-brown: #666;
  --color-light-grey: #ebebeb;
}

:root {
  --color-gold: #e27b00;
  --color-royal-blue: #006ee0;
  --color-lime: #04b100;
  --color-fuchsia: #ff00c7;
}

/*------------------------------------------------------------------------------
  #App Admin Specific Settings
  ----------------------------------------------------------------------------*/
/*==============================================================================
 #MCC - Tools - placeholders and mixins
 globally available placeholder and mixin tools
 ============================================================================*/
/* ----- Mixins ----- */
/*==============================================================================
  #MCC - Generic
  very high-level, far reaching styles, Normalize and Reset
  ============================================================================*/
/*------------------------------------------------------------------------------
  #Generic - Normalize
  ----------------------------------------------------------------------------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

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

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

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

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

/* Links
------------------------------------------------------------------------*/
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
------------------------------------------------------------------------*/
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 600;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
------------------------------------------------------------------------*/
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

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

/* Grouping content
------------------------------------------------------------------------*/
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
------------------------------------------------------------------------*/
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 600;
}

/* Tables
------------------------------------------------------------------------*/
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*------------------------------------------------------------------------------
  #Generic - Reset
  ----------------------------------------------------------------------------*/
/**
 * In addition to normalize.css we also apply a reset which mainly removes all
 * margins, paddings, and borders, from all elements, and applies the nice
 * `border-box` value for `box-sizing` amongst a few other things.
 */
/**
 * Remove all margins, paddings, and borders.
 *
 * N.B. the complete list of HTML5 elements
 * https://developer.mozilla.org/en/docs/Web/Guide/HTML/HTML5/HTML5_element_list
 */
a,
abbr,
acronym,
address,
applet,
article,
aside,
b,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
u,
ul,
var {
  margin: 0;
  padding: 0;
  border: 0;
}

/**
 * Reset the `box-sizing` property to the more friendly `border-box` value.
 *
 * @credit
 * http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
html {
  box-sizing: border-box;
}

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

/**
 * Reset lists.
 */
ul,
ol {
  list-style-type: none;
}

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

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Suppress the focus outline on links that cannot be accessed via a keyboard.
 * This prevents an unwanted focus outline from appearing around elements that
 * might still respond to pointer events.
 *
 * N.B. it is okay to use `!important` here as we're doing it preemptively
 * i.e. you know you will always want the rule it's applied too to take
 * precedence.
 *
 * @credit
 * https://github.com/suitcss/
 */
[tabindex="-1"]:focus {
  outline: none !important;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}

/*------------------------------------------------------------------------------
  #Generic - View Port
  ----------------------------------------------------------------------------*/
/**
 * Add optional `@viewport` rule to future proof.
 *
 * N.B. leave out `-ms-` prefix, see here:
 * http://nostrongbeliefs.com/why-i-think-we-shouldnt-use-css-viewport-in-ie10-for-now/
 */
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
p, hr, h1, .h1, h2, .h2, h3, .h3 {
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-bottom: 8px;
  margin-bottom: 0.6666666667rem;
}

p:last-child, hr:last-child, h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
  margin-bottom: 0;
}

/*==============================================================================
  #MCC - Elements
  bare, unclassed HTML elements
  ============================================================================*/
/*------------------------------------------------------------------------------
  #Elements - Details
  ----------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
  #Elements - Page
  ----------------------------------------------------------------------------*/
html {
  background: #fff;
  color: #222222;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Tahoma, Arial, "Lucida Sans", sans-serif;
  font-size: 0.75em;
  line-height: 1.3666666667;
  height: 100%;
  overflow-x: auto;
  /*overflow-y: scroll; // [3]*/
  overflow-y: auto;
}

body {
  height: 100%;
  background: #fff;
}

/*------------------------------------------------------------------------------
  #Elements - Headings
  ----------------------------------------------------------------------------*/
h1,
.h1 {
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1.8222222222;
  font-weight: 600;
  margin-top: 0;
}

h2,
.h2 {
  font-size: 17px;
  font-size: 1.4166666667rem;
  line-height: 1.9294117647;
  font-weight: 600;
}

h3,
.h3 {
  font-size: 17px;
  font-size: 1.4166666667rem;
  line-height: 1.9294117647;
  font-weight: 600;
}

h4,
.h4 {
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.0933333333;
  font-weight: 600;
}

h5,
.h5 {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-weight: 600;
}

h6,
.h6 {
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  font-weight: 600;
}

/*------------------------------------------------------------------------------
  #Elements - Forms
  ----------------------------------------------------------------------------*/
/**
 * Indicate that `label` will shift focus to the associated `input` element.
 */
label,
.faux-label {
  cursor: pointer;
}

/**
 * Disable `textarea`s from being resized horizontally.
 */
textarea {
  resize: vertical;
}

/**
 * Make multiple select elements height not fixed
 */
select[multiple],
select[size],
textarea {
  height: auto;
}

/**
 * Override `content-box` from normalize.css for search inputs.
 */
input[type=search] {
  box-sizing: border-box;
}

/**
 * Remove rounded corners from iOS search inputs by overriding
 * `appearance: textfield` from normalize.css.
 * See: https://github.com/necolas/normalize.css/issues/360.
 */
input[type=search] {
  appearance: none;
}

/**
 * Remove rounded corners that iOS applies to all `input` buttons, see:
 * https://github.com/necolas/normalize.css/issues/178. And certain browsers
 * e.g. Chrome, apply rounded corners to `select` lists so if we haven't opted
 * in for rounded corners via the `$enable-text-input-and-select-styles` and
 * `$enable-text-input-and-select-rounded-corners` settings then turn them off.
 */
input[type=submit],
input[type=button],
input[type=image],
input[type=reset],
select {
  border-radius: 0;
}

/**
 * Fix for IE and old versions of some other browsers not wrapping text within
 * a `legend`.
 *
 * 1. Enable line-wrapping in IE8+.
 * 2. Enable line-wrapping in old versions of some other browsers.
 *
 * @credit
 * http://www.456bereastreet.com/archive/201210/how_to_line_wrap_text_in_legend_elements_even_in_ie/
 */
legend {
  display: table;
  white-space: normal;
  font-weight: 600;
}

textarea.textarea-resizable {
  height: auto;
}
textarea.textarea-resizable.ht-min-50 {
  min-height: 50px;
}
textarea.textarea-resizable.ht-min-100 {
  min-height: 100px;
}
textarea.textarea-resizable.ht-min-150 {
  min-height: 150px;
}
textarea.textarea-resizable.ht-min-200 {
  min-height: 200px;
}

/**
 * Set whitespace for `legend`s via a class, we use `padding` over `margin` as
 * `padding` is the most cross-browser compatible for `legend`s.
 */
.form-header {
  padding-bottom: 16.4px;
  padding-bottom: 1.3666666667rem;
}

/**
 * Disabled state.
 *
 * N.B. it is okay to use `!important` here as we're doing it preemptively
 * i.e. you know you will always want the rule it's applied too to take
 * precedence.
 */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: not-allowed !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
}

.is-disabled--no-hover {
  cursor: inherit !important;
  color: inherit !important;
  background: inherit !important;
  text-decoration: none !important;
}

button[readonly],
input[readonly],
select[readonly],
textarea[readonly],
.is-readonly {
  pointer-events: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/**
 * Required field indicator (asterisk).
 */
/*.is-required {
  color: $color-danger;
  cursor: help;
}*/
/**
 * Text inputs alternatively via `.text-input` class, `textarea`s, and `select` lists.
 */
input,
textarea,
select,
.is-faux-input {
  display: inline-block;
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.25;
  vertical-align: middle;
  width: auto;
}
@media (min-width: 62em) {
  input,
textarea,
select,
.is-faux-input {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.25;
  }
}

input[type=radio],
input[type=checkbox] {
  background: transparent;
}

input[type=radio] {
  margin-left: 1px;
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
select:not([size]):not([multiple]),
.is-faux-input {
  height: 3rem;
}
@media (min-width: 62em) {
  input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
select:not([size]):not([multiple]),
.is-faux-input {
    height: 2.084rem;
  }
}

input[type=file] {
  height: auto;
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=file],
textarea,
select,
.is-faux-input {
  padding: 4px;
  padding: 0.3333333333rem;
  background: #fff;
  color: #222222;
  vertical-align: top;
  border: 1px solid #e8e8e8;
}

input[type=text]:not([disabled]):not([readonly]):focus,
input[type=search]:not([disabled]):not([readonly]):focus,
input[type=email]:not([disabled]):not([readonly]):focus,
input[type=tel]:not([disabled]):not([readonly]):focus,
input[type=url]:not([disabled]):not([readonly]):focus,
input[type=password]:not([disabled]):not([readonly]):focus,
input[type=date]:not([disabled]):not([readonly]):focus,
input[type=datetime]:not([disabled]):not([readonly]):focus,
input[type=datetime-local]:not([disabled]):not([readonly]):focus,
input[type=month]:not([disabled]):not([readonly]):focus,
input[type=week]:not([disabled]):not([readonly]):focus,
input[type=time]:not([disabled]):not([readonly]):focus,
input[type=number]:not([disabled]):not([readonly]):focus,
input[type=file]:not([disabled]):not([readonly]):focus,
input[type=checkbox]:not([disabled]):not([readonly]):focus,
input[type=radio]:not([disabled]):not([readonly]):focus,
textarea:not([disabled]):not([readonly]):focus,
select:not([disabled]):not([readonly]):focus,
.is-faux-input:not([disabled]):not([readonly]):focus {
  border-color: #2195a1;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(49, 90, 156, 0.6);
}

select:not([size]):not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

/**
 * Text input placeholder colour which uses the
 * `text-input-placeholder-color()` mixin.
 */
::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999;
}

:input-placeholder {
  color: #999;
}

::input-placeholder {
  color: #999;
}

/**
 * Remove the top inner shadow from iOS inputs.
 *
 * N.B. this needs to be isolated to iOS devices so user-agent sniffing needs
 * to happen and the most robust implementation of this is to apply the hook
 * to the `html` element e.g. `.ios`.
 */
/**
 * Hide the close button generated by IE 10+ for inputs.
 */
.c-edit__item--startdate input[type=date], .c-edit__item--enddate input[type=date] {
  color: #999;
}

/*------------------------------------------------------------------------------
  #Elements - Details
  ----------------------------------------------------------------------------*/
summary {
  cursor: pointer;
}

/*------------------------------------------------------------------------------
  #Elements - Horizontal Rule
  ----------------------------------------------------------------------------*/
hr {
  display: block;
  border: 0;
  border-top: 1px solid #222222;
  padding: 0;
}

/*------------------------------------------------------------------------------
  #Elements - Links
  ----------------------------------------------------------------------------*/
/**
 * Base link styles. At the bare minimum a colour is applied for both default
 * and hover states. 
 *
 * N.B. a mixin is used to contain the base link styles
 *
 * - Link complex object
 * - Button faux component
 */
/**
 * Settings.
 */
a {
  color: #006362;
  /**
   * Hover and focus states.
   */
}
a:hover {
  color: #2c4551;
  text-decoration: underline;
}
a:focus {
  color: #2c4551;
}
a.is-disabled:hover {
  color: #006362;
}
a.is-disabled:focus {
  color: #006362;
}

/*------------------------------------------------------------------------------
  #Elements - Media
  ----------------------------------------------------------------------------*/
/**
 * Remove the gap between media elements and the bottom of their containers.
 *
 * @credit
 * http://html5boilerplate.com/
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Images.
 *
 * 1. Make responsive.
 * 2. So that `alt` text is visually offset if images don't load.
 */
img {
  font-style: italic;
  max-width: 100%;
  height: auto;
}

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.o-gm-style img,
img[width],
img[height] {
  /* [2] */
  max-width: none;
}

/**
 * If responsive images are turned off but you still need to apply it in
 * certain cases.
 */
.o-img-responsive {
  max-width: 100%;
  height: auto;
}

/**
 * If responsive images are turned on but you need to turn it off in certain
 * cases.
 */
.o-img-not-responsive {
  max-width: none;
}

/**
 * Set the default behaviour for touch-based browsing in IE 10 on devices
 * running Windows 8.
 */
canvas {
  -ms-touch-action: double-tap-zoom;
}

/*------------------------------------------------------------------------------
  #Elements - Paragraph
  ----------------------------------------------------------------------------*/
b, strong {
  font-weight: 600;
}

br {
  line-height: initial;
}

/*==============================================================================
 #MCC - Vendors
 vendor custom css
 ============================================================================*/
/*------------------------------------------------------------------------------
 #Vendors - Icomoon
 ----------------------------------------------------------------------------*/
/**
 * Creates Icomoon font icons
 */
@font-face {
  font-family: "mnkyadmin";
  src: url("../fonts/mnky/mnkyadmin.eot?zzaamm");
  src: url("../fonts/mnky/mnkyadmin.eot?zzaamm#iefix") format("embedded-opentype"), url("../fonts/mnky/mnkyadmin.ttf?zzaamm") format("truetype"), url("../fonts/mnky/mnkyadmin.woff?zzaamm") format("woff"), url("../fonts/mnky/mnkyadmin.svg?zzaamm#mnkyadmin") format("svg");
  font-weight: normal;
  font-style: normal;
}
.c-icon,
.c-reward-highlight__icon,
.c-tree-list__trigger::after,
.c-order-items__trigger::after,
.c-help-search-result__toggle::after,
.c-sortable__icon,
.c-form-choice__label--with-icons:before,
.c-drop-down__icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  display: inline-block;
  font-family: "mnkyadmin" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-icon--leadtracker:before {
  content: "";
}
.c-icon--system-admin:before {
  content: "";
}
.c-icon--user-account:before {
  content: "";
}
.c-icon--add-cart:before {
  content: "";
}
.c-icon--plus:before {
  content: "";
}
.c-icon--delivery:before {
  content: "";
}
.c-icon--distribution:before {
  content: "";
}
.c-icon--tasks:before {
  content: "";
}
.c-icon--analytics:before {
  content: "";
}
.c-icon--reports:before {
  content: "";
}
.c-icon--sales-reports:before {
  content: "";
}
.c-icon--reload:before {
  content: "";
}
.c-icon--dashboard:before {
  content: "";
}
.c-icon--switch-store:before {
  content: "";
}
.c-icon--gift-card:before, .c-reward-highlight--open-dollar-comp-card .c-reward-highlight__icon:before {
  content: "";
}
.c-icon--gift-card-wrapped:before {
  content: "";
}
.c-icon--gift-box:before {
  content: "";
}
.c-icon--filter:before {
  content: "";
}
.c-icon--check:before {
  content: "";
}
.c-icon--check-circle:before {
  content: "";
}
.c-icon--remove-circle:before {
  content: "";
}
.c-icon--info:before {
  content: "";
}
.c-icon--arrow-left:before {
  content: "";
}
.c-icon--arrow-right:before {
  content: "";
}
.c-icon--close:before {
  content: "";
}
.c-icon--cross:before {
  content: "";
}
.c-icon--code:before {
  content: "";
}
.c-icon--edit:before {
  content: "";
}
.c-icon--manage-payments:before, .c-icon--payments:before {
  content: "";
}
.c-icon--point-of-sale:before {
  content: "";
}
.c-icon--content-mgmt-system:before, .c-icon--content-management-system:before {
  content: "";
}
.c-icon--collections:before {
  content: "";
}
.c-icon--star:before, .c-reward-highlight--free-item .c-reward-highlight__icon:before {
  content: "";
}
.c-icon--help:before {
  content: "";
}
.c-icon--arrow-down:before, .c-icon--arrow_down:before {
  content: "";
}
.c-icon--arrow-top:before {
  content: "";
}
.c-icon--accounting-reports:before {
  content: "";
}
.c-icon--operational-reports:before {
  content: "";
}
.c-icon--production:before {
  content: "";
}
.c-icon--lightbulb-outline:before {
  content: "";
}
.c-icon--orders:before {
  content: "";
}
.c-icon--cart:before {
  content: "";
}
.c-icon--location:before {
  content: "";
}
.c-icon--menu-management:before {
  content: "";
}
.c-icon--map:before {
  content: "";
}
.c-icon--flag:before {
  content: "";
}
.c-icon--menu:before {
  content: "";
}
.c-icon--nav:before {
  content: "";
}
.c-icon--action:before {
  content: "";
}
.c-icon--ellipse:before {
  content: "";
}
.c-icon--notifications:before {
  content: "";
}
.c-icon--clients:before {
  content: "";
}
.c-icon--user:before {
  content: "";
}
.c-icon--user-plus:before {
  content: "";
}
.c-icon--stores:before {
  content: "";
}
.c-icon--earth:before {
  content: "";
}
.c-icon--minus:before {
  content: "";
}
.c-icon--search:before {
  content: "";
}
.c-icon--dissatisfied:before {
  content: "";
}
.c-icon--satisfied:before {
  content: "";
}
.c-icon--preferences:before {
  content: "";
}
.c-icon--config:before {
  content: "";
}
.c-icon--store:before {
  content: "";
}
.c-icon--users:before {
  content: "";
}
.c-icon--daily-accounting:before {
  content: "";
}
.c-icon--daily-activity:before {
  content: "";
}
.c-icon--unfold:before {
  content: "";
}
.c-icon--sortable:before {
  content: "";
}
.c-icon--promo:before, .c-reward-highlight--percentage .c-reward-highlight__icon:before,
.c-reward-highlight--fixed-dollar .c-reward-highlight__icon:before,
.c-reward-highlight--open-dollar .c-reward-highlight__icon:before,
.c-reward-highlight--promo .c-reward-highlight__icon:before {
  content: "";
}
.c-icon--trophy:before, .c-reward-highlight--suggested .c-reward-highlight__icon:before {
  content: "";
}
.c-icon--toggle-on:before {
  content: "";
}
.c-icon--toggle-off:before {
  content: "";
}
.c-icon--warning:before {
  content: "";
}
.c-icon--store-load:before {
  content: "";
}
.c-icon--store-search:before {
  content: "";
}
.c-icon--upload:before {
  content: "";
}
.c-icon--download:before {
  content: "";
}
.c-icon--spin {
  -webkit-animation: c-icon--spin 2s infinite linear;
  animation: c-icon--spin 2s infinite linear;
}
.c-icon--pulse {
  -webkit-animation: c-icon--spin 1s infinite steps(8);
  animation: c-icon--spin 1s infinite steps(8);
}

@-webkit-keyframes c-icon--spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes c-icon--spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 *
 * Copied from all.css and modified src paths for @font-face rules to match our folder layout
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.fa-xs {
  font-size: 0.75em;
}

.fa-sm {
  font-size: 0.875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}

.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-bacteria:before {
  content: "";
}

.fa-bacterium:before {
  content: "";
}

.fa-bahai:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-tissue:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caravan:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudflare:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dailymotion:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deezer:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-disease:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edge-legacy:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-faucet:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-firefox-browser:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-pay:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guilded:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-medical:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-sparkles:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-wash:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt-slash:before {
  content: "";
}

.fa-handshake-slash:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side-cough:before {
  content: "";
}

.fa-head-side-cough-slash:before {
  content: "";
}

.fa-head-side-mask:before {
  content: "";
}

.fa-head-side-virus:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hive:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hospital-user:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-user:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-ideal:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-innosoft:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-instagram-square:before {
  content: "";
}

.fa-instalod:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-house:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lungs-virus:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microblog:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mixer:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octopus-deploy:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-arrows:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-perbyte:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-square:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-plane-slash:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pump-medical:before {
  content: "";
}

.fa-pump-soap:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rust:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-virus:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopify:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sink:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-soap:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-stopwatch-20:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-store-alt-slash:before {
  content: "";
}

.fa-store-slash:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tiktok:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-slash:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-trailer:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-uncharted:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-unity:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-unsplash:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-slash:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-vest:before {
  content: "";
}

.fa-vest-patches:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-virus:before {
  content: "";
}

.fa-virus-slash:before {
  content: "";
}

.fa-viruses:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-watchman-monitoring:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wodu:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fontawesome/fa-brands-400.eot");
  src: url("../fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-brands-400.woff") format("woff"), url("../fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fontawesome/fa-regular-400.eot");
  src: url("../fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fontawesome/fa-solid-900.eot");
  src: url("../fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}
.fa,
.fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*------------------------------------------------------------------------------
 #Vendors - EXT JS - Coldfusion component over rides
 ----------------------------------------------------------------------------*/
.x-border-box, .x-border-box * {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
}

.x-body {
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
}

/*------------------------------------------------------------------------------
 * typehead.js-bootstrap3.less
 * @version 0.2.3
 * https://github.com/hyspace/typeahead.js-bootstrap3.less
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 ----------------------------------------------------------------------------*/
.has-warning .twitter-typeahead .tt-input,
.has-warning .twitter-typeahead .tt-hint {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .twitter-typeahead .tt-input:focus,
.has-warning .twitter-typeahead .tt-hint:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .twitter-typeahead .tt-input,
.has-error .twitter-typeahead .tt-hint {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .twitter-typeahead .tt-input:focus,
.has-error .twitter-typeahead .tt-hint:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-success .twitter-typeahead .tt-input,
.has-success .twitter-typeahead .tt-hint {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .twitter-typeahead .tt-input:focus,
.has-success .twitter-typeahead .tt-hint:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.input-group .twitter-typeahead:first-child .tt-input,
.input-group .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.input-group .twitter-typeahead:last-child .tt-input,
.input-group .twitter-typeahead:last-child .tt-hint {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.input-group.input-group-sm .twitter-typeahead .tt-input,
.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group.input-group-sm .twitter-typeahead .tt-input,
select.input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: 30px;
  line-height: 30px;
}

textarea.input-group.input-group-sm .twitter-typeahead .tt-input,
textarea.input-group.input-group-sm .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-sm .twitter-typeahead .tt-hint {
  height: auto;
}

.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-sm .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:first-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group.input-group-sm .twitter-typeahead:last-child .tt-input,
.input-group.input-group-sm .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.input-group.input-group-lg .twitter-typeahead .tt-input,
.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group.input-group-lg .twitter-typeahead .tt-input,
select.input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: 46px;
  line-height: 46px;
}

textarea.input-group.input-group-lg .twitter-typeahead .tt-input,
textarea.input-group.input-group-lg .twitter-typeahead .tt-hint,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-input,
select[multiple].input-group.input-group-lg .twitter-typeahead .tt-hint {
  height: auto;
}

.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-input,
.input-group.input-group-lg .twitter-typeahead:not(:first-child):not(:last-child) .tt-hint {
  border-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:first-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:first-child .tt-hint {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group.input-group-lg .twitter-typeahead:last-child .tt-input,
.input-group.input-group-lg .twitter-typeahead:last-child .tt-hint {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.twitter-typeahead {
  width: 100%;
}

.input-group .twitter-typeahead {
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
}

.c-form-item-group .twitter-typeahead,
.c-form-item__field-group .twitter-typeahead {
  position: relative;
  display: table-cell;
  float: left;
  vertical-align: top;
}

.twitter-typeahead .tt-hint {
  color: #999999;
}

.twitter-typeahead .tt-input {
  position: relative;
  z-index: 2;
}

.twitter-typeahead .tt-input[disabled],
.twitter-typeahead .tt-input[readonly],
fieldset[disabled] .twitter-typeahead .tt-input {
  cursor: not-allowed;
  background-color: #eeeeee !important;
}

.tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 160px;
  width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.tt-dropdown-menu .tt-suggestion,
.tt-dropdown-menu .tt-no-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.tt-dropdown-menu .tt-suggestion.tt-cursor {
  text-decoration: none;
  outline: 0;
  background-color: #f5f5f5;
  color: #262626;
}

.tt-dropdown-menu .tt-suggestion.tt-cursor a {
  color: #262626;
}

.tt-dropdown-menu .tt-suggestion p {
  margin: 0;
}

.tt-dropdown-menu .tt-suggestion.tt-selectable {
  cursor: pointer;
}

.tt-dropdown-menu .tt-suggestion.tt-selectable:hover {
  background-color: #f5f5f5;
}

/*------------------------------------------------------------------------------
 #Vendors - Tabber
 ----------------------------------------------------------------------------*/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabberlive {
  margin-top: 1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
  margin: 0;
  padding: 3px 0;
  border-bottom: 1px solid #778;
  font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
}

ul.tabbernav li a:link {
  color: #5C5C5C;
  /*#448*/
  background: #FFFFFF;
  border-color: #A6ABAD;
}

ul.tabbernav li a:visited {
  color: #5C5C5C;
  /*#667*/
  background: #FFFFFF;
  border-color: #A6ABAD;
}

ul.tabbernav li a:hover {
  color: #000;
  background: #F2F2F2;
  /*#AAE*/
  border-color: #A6ABAD;
}

ul.tabbernav li.tabberactive a {
  background-color: #F2F2F2;
  /*fffaf0*/
  border-bottom: 1px solid #F2F2F2;
  /*fffaf0*/
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: #F2F2F2;
  /*fffaf0*/
  border-bottom: 1px solid #F2F2F2;
  /*fffaf0*/
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  padding: 5px;
  border: 1px solid #aaa;
  border-top: 0;
  background-color: #F2F2F2;
  /*fffaf0*/
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display: none;
}

.tabberlive .tabbertab h3 {
  display: none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab2 .tabbertab {
  height: 200px;
  overflow: auto;
}

/*------------------------------------------------------------------------------
 #Vendors - TinyMCE
 ----------------------------------------------------------------------------*/
.tox.tox-tinymce.tox-fullscreen, .tox-tinymce-aux {
  z-index: 19995 !important;
}

/*------------------------------------------------------------------------------
 #Vendors - Validation Engine
 ----------------------------------------------------------------------------*/
.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  padding: 0 0 13px 0 !important;
  display: block;
  z-index: 900;
  cursor: pointer;
}

.formError .formErrorContent {
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  min-width: 180px;
  min-width: 15rem;
  padding: 4px;
  padding: 0.3333333333rem;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  width: 100%;
}
.formError .formErrorContent a {
  color: #a94442;
}
.formError .formErrorContent ahover {
  text-decoration: underline;
}

.formError .formErrorArrow {
  width: 11px;
  margin: -2px 0 0 15px;
  padding: 0 !important;
  z-index: 901;
  position: relative;
  background: #f2dede;
  border: 1px solid #f2dede;
}
.formError .formErrorArrow:after, .formError .formErrorArrow:before {
  top: 100%;
  left: 50%;
  border: 1px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.formError .formErrorArrow:after {
  border-top-color: #f2dede;
  border-width: 10px;
  margin-left: -10px;
}
.formError .formErrorArrow:before {
  border-top-color: #ebccd1;
  border-width: 11px;
  margin-left: -11px;
}

.formError .formErrorArrowBottom {
  top: 0;
  margin: -6px;
}

.formError.parentFormfeedback {
  z-index: 1000;
}

/*==============================================================================
 #MCC - Objects
 class-based selectors, styling non-cosmetic design patterns
 ============================================================================*/
/* ============================================================================
   @OBJECTS -> DROP DOWN
   ========================================================================= */
/**
 * A generic drop down object powered by some JavaScript which toggles a
 * class e.g. `is-visible` on the drop down trigger (the button that makes the
 * drop down visible and invisible) and the target (the actual drop down).
 * This class will be used to make the drop down target visible when the
 * trigger is selected. There is also a version for showing the drop down via
 * the `:hover` pseudo class which is turned off for touch devices.
 *
 * The objects block class, its modifier class(s), and its element class(s)
 * (available as silent placeholder selectors also):
 *
   .o-drop-down
   .o-drop-down__target
 *
 * @markup
   <div class="o-drop-down [modifier]">
     <!-- The trigger -->
     <button class="o-drop-down__trigger"> [...] </button>
     <!-- The target -->
     <div class="o-drop-down__target"> [...] </div>
   </div>
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * State classes.
 */
/**
 * Drop down container for the trigger and target.
 *
 * 1. Sets the positioning context for the target.
 */
.o-drop-down {
  position: relative;
}

/**
 * The target, the actual drop down.
 */
.o-drop-down__target {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}
.o-drop-down__target.is-visible {
  display: block;
}

/**
 * Modifier: position to the right instead of the left.
 */
.o-drop-down__target--right {
  left: auto;
  right: 0;
}

/**
 * Disable for touch devices as they don't have `:hover` support.
 *
 * N.B. this will require functionality that can append a hook to an element
 * (typically the `html` element) if touch is supported.
 */
.o-drop-down__trigger--hover:hover + .o-drop-down__target {
  display: block;
}

.is-touch .o-drop-down__target {
  display: none !important;
}

/*------------------------------------------------------------------------------
    #Objects - List Block
  ----------------------------------------------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.o-list-block,
.c-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-list-block__item,
.c-list__item,
.o-list-block > li,
.c-list > li {
  margin: 0;
  padding: 16.4px;
  padding: 1.3666666667rem;
}

/*------------------------------------------------------------------------------
    #Objects - List Inline
  ----------------------------------------------------------------------------*/
/**
 * The list-inline object creates inline list items out of a `ul` or `ol`.
 */
.o-list-inline,
.c-list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.o-list-inline__item,
.c-list-inline__item,
.o-list-inline > li,
.c-list-inline > li {
  display: inline-block;
}

/*------------------------------------------------------------------------------
    #Objects - Overlay
  ----------------------------------------------------------------------------*/
/**
 * A simple semi-transparent overlay in a dark and light version and a version
 * that can be applied only on hover (and `:focus` if the element is a natively
 * focusable element). The overlay will pin itself to all the corners of it's
 * parent element.
 *
 * They're 2 type of applications for the overlay:
 *
 * 1. Full viewport (the default): the overlay covers the entire viewport. This
 *    is the most common application. The markup will live either after the
 *    opening `body` element or before the closing `body` element.
 * 2. In context (a modifier): the overlay covers a certain part of the UI
 *    e.g. the main content area. The markup will live in the part of the UI
 *    it's covering.
 *
 * N.B. The `z-index` should be managed by: Core -> Settings -> Positioning.
 * And this may end up not being used instead being sucked into a component
 * e.g. a Modal component.
 *
 * The objects block class, its modifier class(s), and its element class(s)
 * (available as silent placeholder selectors also):
 *
  .o-overlay
  .o-overlay--in-context
  .o-overlay--dark
  .o-overlay--light
  .o-overlay--hover
  .o-overlay__inner
 *
 * @markup
   <div class="o-overlay [modifier]">
     <div class="o-overlay__inner"></div>
   </div>
 *
 * If the Hover modifier version:
 *
   <div class="o-overlay o-overlay--hover [modifier]"></div>
 */
/**
 * Container.
 *
 * 1. So it can work on inline elements e.g. `a`.
 */
.o-overlay {
  display: block;
}

/**
 * Modifier: in context, for this version the container needs to apply the
 * positioning context for the inner element.
 */
.o-overlay--in-context {
  position: relative;
}

/**
 * The inner element that pins itself to it's parent including the `:before`
 * pseudo element for the Hover modifier version.
 */
.o-overlay__inner,
.o-overlay--hover:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/**
 * Modifier: dark overlay.
 */
.o-overlay--dark .o-overlay__inner {
  background-color: rgba(0, 0, 0, 0.6);
}

/**
 * Modifier: light overlay.
 */
.o-overlay--light .o-overlay__inner {
  background-color: rgba(255, 255, 255, 0.6);
}

/*
 * Modifier: hover version.
 *
 * 1. Apply positioning context for the pseudo element.
 * 2. Apply a transition?
 * 3. Make transparent by default.
 * 4. Turn off pointer events for safe measure.
 */
.o-overlay--hover {
  position: relative;
}
.o-overlay--hover:before {
  content: "";
  transition: background-color 0.2s ease;
  background-color: transparent;
  pointer-events: none;
}

.o-overlay--hover.o-overlay--dark:hover:before,
.o-overlay--hover.o-overlay--dark:focus:before {
  background-color: rgba(0, 0, 0, 0.6);
}

.o-overlay--hover.o-overlay--light:hover:before,
.o-overlay--hover.o-overlay--light:focus:before {
  background-color: rgba(255, 255, 255, 0.6);
}

/*------------------------------------------------------------------------------
   #Objects - Table
 ----------------------------------------------------------------------------*/
/**
 * The table object creates common table styles which can be
 * extended with a number of modifiers.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
.o-table {
  width: 100%;
}
.o-table caption,
.o-table th {
  text-align: left;
}
.o-table th,
.o-table td {
  padding: 8px;
  padding: 0.6666666667rem;
}

/**
 * Modifier: layout fixed, force tables into having equal-width columns.
 */
/**
 * Modifier: striped.
 *
 * Applies a background colour to every odd row.
 */
.o-table--striped tr:nth-of-type(odd) td {
  background-color: #e6e6e6;
}

/**
 * Modifier: borders.
 */
/**
 * Modifiers: cell padding.
 */
/*------------------------------------------------------------------------------
    #Objects - Button
  ----------------------------------------------------------------------------*/
/**
 * 1.  Reset/normalize styles from the UA stylesheet.
 * 2.  Improve usability and consistency of cursor style between image-type
 *     `input` and others.
 * 3.  Allow us to style box model properties.
 * 4.  Correct font family not being inherited in all browsers.
 * 5.  Correct font size not being inherited in all browsers.
 * 6.  Address Firefox 4+ setting `line-height` on `input` using `!important`
 *     in the UA stylesheet.
 * 7.  Line different sized buttons up a little nicer.
 * 8.  Make sure `input` will wrap text across multiple lines.
 * 9.  Prevent button text from being selectable.
 * 10. Because this object can be applied to links we want to remove any
 *     `text-decoration: underline` styling.
 * 11. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.o-button,
.c-button-faux-link,
.c-button {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 7px 15px;
  /* [7] */
  text-align: center;
  /* [1] */
  vertical-align: middle;
  white-space: normal;
  user-select: none;
  border: 1px solid #4a8ec2;
}
.o-button, .o-button:hover, .o-button:focus, .o-button:active,
.c-button-faux-link,
.c-button {
  text-decoration: none;
  color: #fff;
}

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.o-button::-moz-focus-inner,
.c-button-faux-link::-moz-focus-inner,
.c-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*==============================================================================
 #MCC - Components
 class-based selectors, style recognisable pieces of UI
 ============================================================================*/
/* ----- App Standard Components ----- */
/*------------------------------------------------------------------------------
  #Components - Skip Content
----------------------------------------------------------------------------*/
.c-skip-content {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  margin: 0;
}
@media print {
  .c-skip-content {
    display: none;
  }
}

.c-skip-content__link {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  clip: rect(0, 0, 0, 0);
  max-height: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
@media (max-width: 61.9999em) {
  .c-skip-content__link {
    position: fixed;
  }
}

.c-skip-content__link,
.c-skip-content__link:active,
.c-skip-content__link:hover,
.c-skip-content__link:focus,
.c-skip-content__link:visited {
  color: #fff;
  background-color: #4d4d4d;
}

.c-skip-content__link:focus {
  clip: auto;
  height: auto;
  max-height: 3rem;
  transition: max-height 200ms ease-in-out;
  outline: 0.25em solid #333333;
  z-index: 1;
}
@media (max-width: 61.9999em) {
  .c-skip-content__link:focus {
    z-index: 11000;
  }
}

.c-skip-content__link:hover {
  background: #666;
  text-decoration: none;
}

.c-skip-content__text {
  display: inline-block;
  padding: 8px 16.4px;
  padding: 0.6666666667rem 1.3666666667rem;
}

/* Header and footer CSS */
.c-preproduction-message {
  cursor: pointer;
  position: fixed;
  display: block;
  width: 100%;
  border: 1px solid transparent;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 8.2px 16.4px;
  padding: 0.6833333333rem 1.3666666667rem;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
  top: 0;
  text-align: left;
  font-weight: 400;
  text-decoration: none;
  z-index: 100000;
}
.c-preproduction-message hr {
  border-top-color: #f8e2b5;
}
.c-preproduction-message .c-message__link {
  color: #66512c;
}
.c-preproduction-message:hover {
  background-color: #f7ecb5;
  border-color: #f5d594;
  color: #8a6d3b;
  text-decoration: none;
}
.c-preproduction-message:hover hr {
  border-top-color: #f2cc7d;
}
.c-preproduction-message:hover .c-message__link {
  color: #66512c;
}

.c-preproduction-message__close {
  position: absolute;
  right: 0.75em;
  margin-top: 0.05em;
}

@media print {
  .c-preproduction-message {
    display: none;
  }
}
/*------------------------------------------------------------------------------
    #Components - Badges
  ----------------------------------------------------------------------------*/
.c-badge {
  display: inline-block;
  min-width: 15px;
  min-width: 1.25rem;
  padding: 4px 8px;
  padding: 0.3333333333rem 0.6666666667rem;
  font-size: 9px;
  font-size: 0.75rem;
  line-height: 0.75;
  font-weight: 400;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #00aeab;
  border-color: transparent;
  color: #fff;
  border-radius: 50%;
  border-radius: 4.1666666667rem;
}
.c-badge[href]:hover, .c-badge[href]:focus {
  background-color: #007b79;
}
.c-badge:empty {
  display: none;
}
.c-button .c-badge {
  position: relative;
  top: -1px;
}

.c-badge--default {
  background-color: #00aeab;
  border-color: transparent;
  color: #fff;
}
.c-badge--default[href]:hover, .c-badge--default[href]:focus {
  background-color: #007b79;
}

.c-badge--primary {
  background-color: #00aeab;
  border-color: transparent;
  color: #fff;
}
.c-badge--primary[href]:hover, .c-badge--primary[href]:focus {
  background-color: #007b79;
}

.c-badge--secondary {
  background-color: #f2f2f2;
  border-color: transparent;
  color: #000;
}
.c-badge--secondary[href]:hover, .c-badge--secondary[href]:focus {
  background-color: #d9d9d9;
}

.c-badge--success {
  background-color: #5cb85c;
  border-color: transparent;
  color: #fff;
}
.c-badge--success[href]:hover, .c-badge--success[href]:focus {
  background-color: #449d44;
}

.c-badge--information {
  background-color: #5bc0de;
  border-color: transparent;
  color: #fff;
}
.c-badge--information[href]:hover, .c-badge--information[href]:focus {
  background-color: #31b0d5;
}

.c-badge--warning {
  background-color: #f0ad4e;
  border-color: transparent;
  color: #fff;
}
.c-badge--warning[href]:hover, .c-badge--warning[href]:focus {
  background-color: #ec971f;
}

.c-badge--danger {
  background-color: #d9534f;
  border-color: transparent;
  color: #fff;
}
.c-badge--danger[href]:hover, .c-badge--danger[href]:focus {
  background-color: #c9302c;
}

a.c-badge:hover, a.c-badge:focus {
  color: #0f474d;
  text-decoration: none;
  cursor: pointer;
}

.c-icon-badge-group {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.c-icon-badge-group .c-icon {
  vertical-align: middle;
}
.c-icon-badge-group .c-icon + .c-badge {
  position: relative;
  margin-top: -8px;
  margin-top: -0.6666666667rem;
  margin-left: -10px;
  margin-left: -0.8333333333rem;
  padding: 3.2px 4px;
  padding: 0.2666666667rem 0.3333333333rem;
  font-weight: 400;
  vertical-align: top;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.c-badge--notification {
  position: relative;
  display: inline-block;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background-color: #F76B6A;
  height: 15px;
  min-width: 15px;
  border-radius: 0;
  border-radius: 0;
  padding: 4px 2px;
  padding: 0.3333333333rem 0.1666666667rem;
}
.c-badge--notification:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3.5px;
  width: 0;
  height: 0;
  text-align: center;
  border-top: solid 3.5px #F76B6A;
  border-left: solid 3.5px transparent;
  border-right: solid 3.5px transparent;
}

/*------------------------------------------------------------------------------
    #Components - labels
  ----------------------------------------------------------------------------*/
.c-label {
  display: inline-block;
  min-width: 15px;
  min-width: 1.25rem;
  padding: 4px 8px;
  padding: 0.3333333333rem 0.6666666667rem;
  font-size: 9px;
  font-size: 0.75rem;
  line-height: 0.75;
  font-weight: 400;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border: 1px solid transparent;
  background-color: #fff;
  border-color: #ccc;
  color: #000;
  border-radius: 3px;
  border-radius: 0.25rem;
}
.c-label[href]:hover, .c-label[href]:focus {
  background-color: #e6e6e6;
}
.c-label:empty {
  display: none;
}
.c-label .c-label {
  position: relative;
  top: -1px;
}

.c-label--default {
  background-color: #00aeab;
  border-color: #009592;
  color: #fff;
}
.c-label--default[href]:hover, .c-label--default[href]:focus {
  background-color: #007b79;
}

.c-label--primary {
  background-color: #00aeab;
  border-color: #009592;
  color: #fff;
}
.c-label--primary[href]:hover, .c-label--primary[href]:focus {
  background-color: #007b79;
}

.c-label--secondary {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #000;
}
.c-label--secondary[href]:hover, .c-label--secondary[href]:focus {
  background-color: #d9d9d9;
}

.c-label--success {
  background-color: #3c763d;
  border-color: #d6e9c6;
  color: #dff0d8;
}
.c-label--success[href]:hover, .c-label--success[href]:focus {
  background-color: #2b542c;
}

.c-label--information {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.c-label--information[href]:hover, .c-label--information[href]:focus {
  background-color: #afd9ee;
}

.c-label--warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.c-label--warning[href]:hover, .c-label--warning[href]:focus {
  background-color: #f7ecb5;
}

.c-label--danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.c-label--danger[href]:hover, .c-label--danger[href]:focus {
  background-color: #e4b9b9;
}

a.c-label:hover, a.c-label:focus {
  color: #0f474d;
  text-decoration: none;
  cursor: pointer;
}

.c-icon-label-group {
  position: relative;
  display: inline-block;
  line-height: 1;
}
.c-icon-label-group .c-icon {
  vertical-align: middle;
}
.c-icon-label-group .c-icon + .c-label {
  position: relative;
  margin-top: -8px;
  margin-top: -0.6666666667rem;
  margin-left: -10px;
  margin-left: -0.8333333333rem;
  padding: 3.2px 4px;
  padding: 0.2666666667rem 0.3333333333rem;
  font-weight: 400;
  vertical-align: top;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

/*------------------------------------------------------------------------------
    #Components - Button
  ----------------------------------------------------------------------------*/
/**
 * Main button component with a bunch of modifiers plus an optional 'Grouping'
 * option.
 */
.c-button {
  touch-action: manipulation;
  border: 1px solid transparent;
  pointer-events: all;
  position: relative;
  background-color: #fff;
  border-color: #ccc;
  color: #0C0C0C;
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.25;
  padding: 8px 12px;
  padding: 0.6666666667rem 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  border-radius: 2px;
  border-radius: 0.1666666667rem;
}
.c-button:focus, .c-button.focus {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  color: black;
}
.c-button:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: black;
}
.c-button:active, .c-button.is-active, .is-expanded > .c-button.c-drop-down__toggle {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: black;
}
.c-button:active, .c-button.is-active, .is-expanded > .c-button.c-drop-down__toggle {
  background-image: none;
}
.c-button .c-badge {
  background-color: #0C0C0C;
  color: #fff;
}
@media (min-width: 62em) {
  .c-button {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.25;
    padding: 4px 8px;
    padding: 0.3333333333rem 0.6666666667rem;
  }
}
.c-button, .c-button:hover, .c-button:focus, .c-button:active {
  color: #0C0C0C;
}
.c-button:hover {
  z-index: 3;
}
.c-button:focus {
  z-index: 2;
}
.c-button:active, .c-button.is-active {
  background-image: none;
  cursor: default;
  z-index: 2;
}
.c-button:active::not(:focus), .c-button.is-active::not(:focus) {
  outline: 0;
}
.c-button.is-disabled, .c-button[disabled], fieldset[disabled] .c-button {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.c-button.is-disabled, .c-button.is-disabled:hover, .c-button.is-disabled:focus, .c-button.is-disabled.has-focus, .c-button[disabled], .c-button[disabled]:hover, .c-button[disabled]:focus, .c-button[disabled].has-focus, fieldset[disabled] .c-button, fieldset[disabled] .c-button:hover, fieldset[disabled] .c-button:focus, fieldset[disabled] .c-button.has-focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
}

a.c-button.is-disabled, fieldset[disabled] a.c-button {
  pointer-events: none;
}

@media (min-width: 62em) {
  .c-button:not([style*="display: none"]) + .c-button {
    margin-left: 5px;
    margin-left: 0.4166666667rem;
  }
}
.c-button--tiny {
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.25;
  padding: 1px 4px;
  padding: 0.0833333333rem 0.3333333333rem;
}
@media (min-width: 62em) {
  .c-button--tiny {
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 1.25;
    padding: 2.5px 2px;
    padding: 0.2083333333rem 0.1666666667rem;
  }
}

.c-button--small {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.25;
  padding: 4px 6px;
  padding: 0.3333333333rem 0.5rem;
}
@media (min-width: 62em) {
  .c-button--small {
    font-size: 11px;
    font-size: 0.9166666667rem;
    line-height: 1.25;
    padding: 2px 8px;
    padding: 0.1666666667rem 0.6666666667rem;
  }
}

.c-button--large {
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.25;
  padding: 8px 16px;
  padding: 0.6666666667rem 1.3333333333rem;
}
@media (min-width: 62em) {
  .c-button--large {
    font-size: 13px;
    font-size: 1.0833333333rem;
    line-height: 1.25;
    padding: 4px 8px;
    padding: 0.3333333333rem 0.6666666667rem;
  }
}

.c-button--full-bleed {
  display: block;
  width: 100%;
}

.c-button--close {
  background: transparent;
  border-width: 0;
}

.c-button--primary, .c-button__green, .c-button-recoverPassword {
  background-color: #00aeab;
  border-color: #038987;
  color: #fff;
  background-color: #4CABAA;
  border: 1px solid #346D75;
}
.c-button--primary:focus, .c-button__green:focus, .c-button-recoverPassword:focus, .c-button--primary.focus, .focus.c-button__green, .focus.c-button-recoverPassword {
  background-color: #007b79;
  border-color: #000c0c;
  color: #e6e6e6;
}
.c-button--primary:hover, .c-button__green:hover, .c-button-recoverPassword:hover {
  background-color: #007b79;
  border-color: #024d4c;
  color: #e6e6e6;
}
.c-button--primary:active, .c-button__green:active, .c-button-recoverPassword:active, .c-button--primary.is-active, .is-active.c-button__green, .is-active.c-button-recoverPassword, .is-expanded > .c-button--primary.c-drop-down__toggle, .is-expanded > .c-drop-down__toggle.c-button__green, .is-expanded > .c-drop-down__toggle.c-button-recoverPassword {
  background-color: #007b79;
  border-color: #024d4c;
  color: #e6e6e6;
}
.c-button--primary:active, .c-button__green:active, .c-button-recoverPassword:active, .c-button--primary.is-active, .is-active.c-button__green, .is-active.c-button-recoverPassword, .is-expanded > .c-button--primary.c-drop-down__toggle, .is-expanded > .c-drop-down__toggle.c-button__green, .is-expanded > .c-drop-down__toggle.c-button-recoverPassword {
  background-image: none;
}
.c-button--primary .c-badge, .c-button__green .c-badge, .c-button-recoverPassword .c-badge {
  background-color: #fff;
  color: #00aeab;
}

.c-button--primary:hover, .c-button__green:hover, .c-button-recoverPassword:hover {
  background-color: #347978;
  border-color: #1E4C4B;
  color: #E6E6E6;
}

.c-button--secondary {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #000;
}
.c-button--secondary:focus, .c-button--secondary.focus {
  background-color: #ebebeb;
  border-color: #cccccc;
  color: black;
}
.c-button--secondary:hover {
  background-color: #e6e6e6;
  border-color: #c7c7c7;
  color: black;
}
.c-button--secondary:active, .c-button--secondary.is-active, .is-expanded > .c-button--secondary.c-drop-down__toggle {
  background-color: #e0e0e0;
  border-color: #bfbfbf;
  color: black;
}
.c-button--secondary:active, .c-button--secondary.is-active, .is-expanded > .c-button--secondary.c-drop-down__toggle {
  background-image: none;
}
.c-button--secondary .c-badge {
  background-color: #000;
  color: #f2f2f2;
}

.c-button--utility {
  background-color: #f2f2f2;
  border-color: #d9d9d9;
  color: #000;
}
.c-button--utility:focus, .c-button--utility.focus {
  background-color: #ebebeb;
  border-color: #cccccc;
  color: black;
}
.c-button--utility:hover {
  background-color: #e6e6e6;
  border-color: #c7c7c7;
  color: black;
}
.c-button--utility:active, .c-button--utility.is-active, .is-expanded > .c-button--utility.c-drop-down__toggle {
  background-color: #e0e0e0;
  border-color: #bfbfbf;
  color: black;
}
.c-button--utility:active, .c-button--utility.is-active, .is-expanded > .c-button--utility.c-drop-down__toggle {
  background-image: none;
}
.c-button--utility .c-badge {
  background-color: #000;
  color: #f2f2f2;
}

.c-button--success {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}
.c-button--success:focus, .c-button--success.focus {
  background-color: #449d44;
  border-color: #255625;
  color: #e6e6e6;
}
.c-button--success:hover {
  background-color: #449d44;
  border-color: #398439;
  color: #e6e6e6;
}
.c-button--success:active, .c-button--success.is-active, .is-expanded > .c-button--success.c-drop-down__toggle {
  background-color: #449d44;
  border-color: #398439;
  color: #e6e6e6;
}
.c-button--success:active, .c-button--success.is-active, .is-expanded > .c-button--success.c-drop-down__toggle {
  background-image: none;
}
.c-button--success .c-badge {
  background-color: #fff;
  color: #5cb85c;
}

.c-button--information {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #fff;
}
.c-button--information:focus, .c-button--information.focus {
  background-color: #31b0d5;
  border-color: #1b6d85;
  color: #e6e6e6;
}
.c-button--information:hover {
  background-color: #31b0d5;
  border-color: #269abc;
  color: #e6e6e6;
}
.c-button--information:active, .c-button--information.is-active, .is-expanded > .c-button--information.c-drop-down__toggle {
  background-color: #31b0d5;
  border-color: #269abc;
  color: #e6e6e6;
}
.c-button--information:active, .c-button--information.is-active, .is-expanded > .c-button--information.c-drop-down__toggle {
  background-image: none;
}
.c-button--information .c-badge {
  background-color: #fff;
  color: #5bc0de;
}

.c-button--warning {
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #fff;
}
.c-button--warning:focus, .c-button--warning.focus {
  background-color: #ec971f;
  border-color: #985f0d;
  color: #e6e6e6;
}
.c-button--warning:hover {
  background-color: #ec971f;
  border-color: #d58512;
  color: #e6e6e6;
}
.c-button--warning:active, .c-button--warning.is-active, .is-expanded > .c-button--warning.c-drop-down__toggle {
  background-color: #ec971f;
  border-color: #d58512;
  color: #e6e6e6;
}
.c-button--warning:active, .c-button--warning.is-active, .is-expanded > .c-button--warning.c-drop-down__toggle {
  background-image: none;
}
.c-button--warning .c-badge {
  background-color: #fff;
  color: #f0ad4e;
}

.c-button--danger {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}
.c-button--danger:focus, .c-button--danger.focus {
  background-color: #c9302c;
  border-color: #761c19;
  color: #e6e6e6;
}
.c-button--danger:hover {
  background-color: #c9302c;
  border-color: #ac2925;
  color: #e6e6e6;
}
.c-button--danger:active, .c-button--danger.is-active, .is-expanded > .c-button--danger.c-drop-down__toggle {
  background-color: #c9302c;
  border-color: #ac2925;
  color: #e6e6e6;
}
.c-button--danger:active, .c-button--danger.is-active, .is-expanded > .c-button--danger.c-drop-down__toggle {
  background-image: none;
}
.c-button--danger .c-badge {
  background-color: #fff;
  color: #d9534f;
}

.c-button--link {
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  color: #186e77;
}
.c-button--link:focus, .c-button--link.focus {
  background-color: transparent;
  border-color: transparent;
  color: #0f474d;
}
.c-button--link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #0f474d;
}
.c-button--link:active, .c-button--link.is-active, .is-expanded > .c-button--link.c-drop-down__toggle {
  background-color: transparent;
  border-color: transparent;
  color: #0f474d;
}
.c-button--link:active, .c-button--link.is-active, .is-expanded > .c-button--link.c-drop-down__toggle {
  background-image: none;
}
.c-button--link.is-disabled, .c-button--link.is-disabled:hover, .c-button--link.is-disabled:focus, .c-button--link.is-disabled.has-focus, .c-button--link[disabled], .c-button--link[disabled]:hover, .c-button--link[disabled]:focus, .c-button--link[disabled].has-focus, fieldset[disabled] .c-button--link, fieldset[disabled] .c-button--link:hover, fieldset[disabled] .c-button--link:focus, fieldset[disabled] .c-button--link.has-focus {
  background-color: transparent;
  border-color: transparent;
}
.c-button--link .c-badge {
  background-color: #186e77;
  color: transparent;
}

.c-button--filter-dropdown,
.c-button--table-dropdown {
  font-weight: 400;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  color: #0C0C0C;
}
.c-button--filter-dropdown:focus, .c-button--filter-dropdown.focus,
.c-button--table-dropdown:focus,
.c-button--table-dropdown.focus {
  background-color: transparent;
  border-color: transparent;
  color: black;
}
.c-button--filter-dropdown:hover,
.c-button--table-dropdown:hover {
  background-color: transparent;
  border-color: transparent;
  color: black;
}
.c-button--filter-dropdown:active, .c-button--filter-dropdown.is-active, .is-expanded > .c-button--filter-dropdown.c-drop-down__toggle,
.c-button--table-dropdown:active,
.c-button--table-dropdown.is-active,
.is-expanded > .c-button--table-dropdown.c-drop-down__toggle {
  background-color: transparent;
  border-color: transparent;
  color: black;
}
.c-button--filter-dropdown:active, .c-button--filter-dropdown.is-active, .is-expanded > .c-button--filter-dropdown.c-drop-down__toggle,
.c-button--table-dropdown:active,
.c-button--table-dropdown.is-active,
.is-expanded > .c-button--table-dropdown.c-drop-down__toggle {
  background-image: none;
}
.c-button--filter-dropdown.is-disabled, .c-button--filter-dropdown.is-disabled:hover, .c-button--filter-dropdown.is-disabled:focus, .c-button--filter-dropdown.is-disabled.has-focus, .c-button--filter-dropdown[disabled], .c-button--filter-dropdown[disabled]:hover, .c-button--filter-dropdown[disabled]:focus, .c-button--filter-dropdown[disabled].has-focus, fieldset[disabled] .c-button--filter-dropdown, fieldset[disabled] .c-button--filter-dropdown:hover, fieldset[disabled] .c-button--filter-dropdown:focus, fieldset[disabled] .c-button--filter-dropdown.has-focus,
.c-button--table-dropdown.is-disabled,
.c-button--table-dropdown.is-disabled:hover,
.c-button--table-dropdown.is-disabled:focus,
.c-button--table-dropdown.is-disabled.has-focus,
.c-button--table-dropdown[disabled],
.c-button--table-dropdown[disabled]:hover,
.c-button--table-dropdown[disabled]:focus,
.c-button--table-dropdown[disabled].has-focus,
fieldset[disabled] .c-button--table-dropdown,
fieldset[disabled] .c-button--table-dropdown:hover,
fieldset[disabled] .c-button--table-dropdown:focus,
fieldset[disabled] .c-button--table-dropdown.has-focus {
  background-color: transparent;
  border-color: transparent;
}
.c-button--filter-dropdown .c-badge,
.c-button--table-dropdown .c-badge {
  background-color: #0C0C0C;
  color: transparent;
}

.c-button--cart {
  background-color: #00aeab;
  border-color: #038987;
  color: #fff;
}
.c-button--cart:focus, .c-button--cart.focus {
  background-color: #007b79;
  border-color: #000c0c;
  color: #e6e6e6;
}
.c-button--cart:hover {
  background-color: #007b79;
  border-color: #024d4c;
  color: #e6e6e6;
}
.c-button--cart:active, .c-button--cart.is-active, .is-expanded > .c-button--cart.c-drop-down__toggle {
  background-color: #007b79;
  border-color: #024d4c;
  color: #e6e6e6;
}
.c-button--cart:active, .c-button--cart.is-active, .is-expanded > .c-button--cart.c-drop-down__toggle {
  background-image: none;
}
.c-button--cart .c-badge {
  background-color: #fff;
  color: #00aeab;
}
@media (min-width: 62em) {
  .c-button--cart {
    background-color: transparent;
    border-color: transparent;
    color: #186e77;
    padding: 0;
  }
  .c-button--cart:focus, .c-button--cart.focus {
    background-color: transparent;
    border-color: transparent;
    color: #0f474d;
  }
  .c-button--cart:hover {
    background-color: transparent;
    border-color: transparent;
    color: #0f474d;
  }
  .c-button--cart:active, .c-button--cart.is-active, .is-expanded > .c-button--cart.c-drop-down__toggle {
    background-color: transparent;
    border-color: transparent;
    color: #0f474d;
  }
  .c-button--cart:active, .c-button--cart.is-active, .is-expanded > .c-button--cart.c-drop-down__toggle {
    background-image: none;
  }
  .c-button--cart.is-disabled, .c-button--cart.is-disabled:hover, .c-button--cart.is-disabled:focus, .c-button--cart.is-disabled.has-focus, .c-button--cart[disabled], .c-button--cart[disabled]:hover, .c-button--cart[disabled]:focus, .c-button--cart[disabled].has-focus, fieldset[disabled] .c-button--cart, fieldset[disabled] .c-button--cart:hover, fieldset[disabled] .c-button--cart:focus, fieldset[disabled] .c-button--cart.has-focus {
    background-color: transparent;
    border-color: transparent;
  }
  .c-button--cart .c-badge {
    background-color: #186e77;
    color: transparent;
  }
}

.c-button--reward {
  background-color: #F2F2F2;
  border-color: #D9D9D8;
  color: #222222;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.c-button--reward:focus, .c-button--reward.focus {
  background-color: #d9d9d9;
  border-color: #9a9a97;
  color: #090909;
}
.c-button--reward:hover {
  background-color: #d9d9d9;
  border-color: #bbbbb9;
  color: #090909;
}
.c-button--reward:active, .c-button--reward.is-active, .is-expanded > .c-button--reward.c-drop-down__toggle {
  background-color: #d9d9d9;
  border-color: #bbbbb9;
  color: #090909;
}
.c-button--reward:active, .c-button--reward.is-active, .is-expanded > .c-button--reward.c-drop-down__toggle {
  background-image: none;
}
.c-button--reward .c-badge {
  background-color: #222222;
  color: #F2F2F2;
}

.c-button--block {
  display: block;
  width: 100%;
}

.c-button--block + .c-button--block {
  margin-top: 2px;
  margin-top: 0.1666666667rem;
}

input[type=submit].c-button--block,
input[type=reset].c-button--block,
input[type=button].c-button--block {
  width: 100%;
}

/**
 * Button group (optional).
 *
 * When you want to group a bunch of buttons side-by-side flush to each other
 * i.e. with no gap between the buttons. To differentiate between the buttons
 * a border is added.
 */
.c-button-group > .c-button:not(:only-of-type):not(:last-of-type) {
  margin-right: -1px;
}
.c-button-group > .c-button:not(:only-of-type) {
  border-radius: 0;
}
.c-button-group > .c-button:not(:only-of-type):first-of-type {
  border-top-left-radius: 2px;
  border-top-left-radius: 0.1666666667rem;
  border-bottom-left-radius: 2px;
  border-bottom-left-radius: 0.1666666667rem;
}
.c-button-group > .c-button:not(:only-of-type):last-of-type {
  border-top-right-radius: 2px;
  border-top-right-radius: 0.1666666667rem;
  border-bottom-right-radius: 2px;
  border-bottom-right-radius: 0.1666666667rem;
}

.c-data-table-filter__dropdown .c-button:hover,
.c-data-table-filter__dropdown .c-button:focus,
.c-data-table-filter__dropdown .c-button:active,
.c-button--power-utility:hover,
.c-button--power-utility:active,
.c-button--power-utility:focus {
  background: #fff;
  border-color: #00AEAB;
}

.c-button-group__item {
  display: inline-block;
}
.c-button-group__item:not(:only-of-type):not(:last-of-type) {
  margin-right: -1px;
}
.c-button-group__item:not(:only-of-type) > .c-button {
  border-radius: 0;
}
.c-button-group__item:not(:only-of-type):first-of-type > .c-button {
  border-radius: 2px 0 0 2px;
  border-radius: 0.1666666667rem 0 0 0.1666666667rem;
}
.c-button-group__item:not(:only-of-type):last-of-type > .c-button {
  border-radius: 0 2px 2px 0;
  border-radius: 0 0.1666666667rem 0.1666666667rem 0;
}

/**
 * Modifier: vertically stacked button group.
 *
 * N.B. buttons within the vertically stacked version need to use the
 * `button--full-bleed` modifier.
 */
.c-button-group--vertical {
  display: inline-block;
}
.c-button-group--vertical .c-button {
  border-right: 1px solid #ccc;
}
.c-button-group--vertical .c-button:not(:last-child) {
  border-bottom: 0;
}
.c-button-group--vertical .c-button:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 2px;
  border-top-left-radius: 0.1666666667rem;
  border-top-right-radius: 2px;
  border-top-right-radius: 0.1666666667rem;
}
.c-button-group--vertical .c-button:last-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-bottom-left-radius: 0.1666666667rem;
  border-bottom-right-radius: 2px;
  border-bottom-right-radius: 0.1666666667rem;
}

.more-btn {
  width: 29px;
  height: 25px;
  background: #FFFFFF;
  border: 1px solid #4CABAA;
  border-radius: 2px;
  padding: 0.3333333333rem 0;
}
.more-btn .c-drop-down__icon {
  line-height: 15px;
  color: #347978;
}
.more-btn i {
  color: #347978;
}
.more-btn:focus {
  background: #fff;
  border: 1px solid #347978;
}
.more-btn:hover {
  background: #4cabaa;
  border: 1px solid #347978;
}
.more-btn:hover .c-drop-down__icon, .more-btn:hover i {
  color: #fff;
}
.more-btn .btn-green {
  background-color: #4CABAA;
  border: 1px solid #346D75;
  color: #fff;
}
.more-btn .btn-green:hover {
  outline: none;
  text-decoration: none;
}
.more-btn .btn-light {
  background-color: #FFFFFF !important;
  border: 1px solid #CCCCCC;
  color: #0C0C0C;
  font-weight: 600;
}

.btn-light {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #0C0C0C;
  font-weight: 600;
}
.btn-light:hover {
  text-decoration: none;
}

.status-btn {
  background: #F2F1F1;
  border: 0.2px solid #000000;
  border-radius: 2px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000000 !important;
  white-space: nowrap;
  padding: 2px 5px;
  width: 123px;
  text-align: left;
}
.status-btn span {
  font-size: 10px;
  margin-right: 8px;
}

.c-select__buttton {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  color: #0C0C0C;
  font-weight: 400;
  width: 83px;
  padding: 4px 0;
  font-size: 12px;
}
.c-select__buttton:hover {
  text-decoration: none;
}

/* ============================================================================
   @COMPONENTS -> BUTTON FAUX LINK
   ========================================================================= */
/**
 * A button that looks like a link.
 *
 * @markup
   <button class="c-button-faux-link">Button text</button>
 *
 * @dependency
 * This component is dependent on the Button object therefore it is
 * `@extend`ed from this component.
 */
.c-button-faux-link {
  color: #006362;
  /**
   * Hover and focus states.
   */
}
.c-button-faux-link:hover {
  color: #2c4551;
  text-decoration: underline;
}
.c-button-faux-link:focus {
  color: #2c4551;
}
.c-button-faux-link.is-disabled:hover {
  color: #006362;
}
.c-button-faux-link.is-disabled:focus {
  color: #006362;
}

/*------------------------------------------------------------------------------
    #Components - Drop Down
  ----------------------------------------------------------------------------*/
/**
 * A generic drop down object powered by some JavaScript which toggles a
 * class e.g. `is-expanded` on the drop down trigger (the button that makes the
 * drop down visible and invisible) and the target (the actual drop down).
 * This class will be used to make the drop down target visible when the
 * trigger is selected. There is also a version for showing the drop down via
 * the `:hover` pseudo class which is turned off for touch devices.
 */
/**
 * Drop down container for the trigger and target.
 *
 * 1. Sets the positioning context for the target.
 */
.c-drop-down {
  position: relative;
  text-align: center;
}

/**
* The trigger, toggles the drop down.
*/
.c-drop-down__icon::after {
  content: "";
  font-size: 18px;
  font-size: 1.5rem;
}

/**
 * The target, the actual drop down.
 */
.c-drop-down__content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  min-width: 160px;
  min-width: 13.3333333333rem;
  margin: 2px 0;
  margin: 0.1666666667rem 0;
  text-align: left;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1px;
  background-clip: padding-box;
}
.c-drop-down__content:hover, .c-drop-down__content:focus {
  color: #151515;
  text-decoration: none;
}
.is-expanded .c-drop-down__content {
  display: block;
}

.c-drop-down__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-drop-down__item {
  margin: 0;
  padding: 0;
}

.c-drop-down__link,
.c-drop-down__detail {
  display: block;
  padding: 8.2px 12.3px;
  padding: 0.6833333333rem 1.025rem;
  clear: both;
  color: #151515;
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.25;
  font-weight: 400;
  white-space: nowrap;
  border: none;
  width: 100%;
  text-align: left;
  background: transparent;
}
@media (min-width: 62em) {
  .c-drop-down__link,
.c-drop-down__detail {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.25;
    padding: 8px 8px;
    padding: 0.6666666667rem 0.6666666667rem;
  }
}
.c-drop-down__item .c-drop-down__item .c-drop-down__link,
.c-drop-down__item .c-drop-down__item .c-drop-down__detail {
  padding-left: 24.6px;
  padding-left: 2.05rem;
}

.c-drop-down__link:hover {
  background: #f7f7f7;
  color: #151515;
  text-decoration: none;
}
.c-drop-down__link:focus {
  color: #fff;
}

.c-drop-down__trigger {
  white-space: nowrap;
}
.c-drop-down__trigger.is-active + .c-drop-down__content, .c-drop-down__trigger.is-active + .c-drop-down__content:hover, .c-drop-down__trigger.is-active + .c-drop-down__content:focus {
  color: #151515;
  text-decoration: none;
  outline: 0;
}
.c-drop-down__trigger.is-disabled + .c-drop-down__content, .c-drop-down__trigger.is-disabled + .c-drop-down__content:hover, .c-drop-down__trigger.is-disabled + .c-drop-down__content:focus {
  color: gray;
}
.c-drop-down__trigger.is-disabled + .c-drop-down__content:hover, .c-drop-down__trigger.is-disabled + .c-drop-down__content:focus {
  text-decoration: none;
  background: transparent;
  background-image: none;
  cursor: not-allowed;
}

/**
* Modifier: position to the right instead of the left.
*/
.c-drop-down--action .c-drop-down__icon::after {
  content: "";
}

.c-drop-down__content--right {
  left: auto;
  right: 0;
}

/**
 * Disable for touch devices as they don't have `:hover` support.
 *
 * N.B. this will require functionality that can append a hook to an element
 * (typically the `html` element) if touch is supported.
 */
/*.c-drop-down__trigger--hover:hover {
  + .c-drop-down__content {
    display: block;
  }
}

// Hide for touch devices
.is-touch .c-drop-down__content {
  display: none !important;
}

@if $drop-down-enable-breakpoints-for-on-hover {
  @include generate-at-breakpoints('.c-drop-down__trigger--hover{bp}:hover + .c-drop-down__content',
    $drop-down-apply-at-breakpoints) {
    display: block;
  }
}*/
.c-drop-down__header {
  display: block;
  padding: 3px 20px;
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  line-height: 1.3666666667;
  white-space: nowrap;
}

.c-drop-down__backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

/*------------------------------------------------------------------------------
    #Components - Form Items
  ----------------------------------------------------------------------------*/
/**
 * Main form-item component with some modifiers.
 */
.c-form-fieldset,
.c-form-action {
  display: inline-block;
  width: 100%;
  border: 0;
  padding: 0;
}

.c-form-action {
  margin: 4px 0;
  margin: 0.3333333333rem 0;
  text-align: right;
}

.c-form-action__required-field-message {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.25;
  color: #666666;
  padding: 10px 0;
  padding: 0.8333333333rem 0;
  text-align: left;
}
@media (min-width: 48em) {
  .c-form-action__required-field-message {
    float: left;
  }
}
@media (min-width: 62em) {
  .c-form-action__required-field-message {
    font-size: 11px;
    font-size: 0.9166666667rem;
    line-height: 1.25;
    padding: 4px 0;
    padding: 0.3333333333rem 0;
  }
}
.c-form-action__required-field-message .is-required {
  color: #bf0000;
}

.c-form-fieldset__legend {
  position: relative;
  cursor: default;
  display: inline-block;
  font-weight: 700;
  width: 100%;
  padding: 4px 0;
  padding: 0.3333333333rem 0;
}

.c-form-item,
.c-form-choice {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 12.3px;
  margin-bottom: 1.025rem;
}
@media (max-width: 33.9999em) {
  .c-form-item,
.c-form-choice {
    margin-bottom: 8.2px;
    margin-bottom: 0.6833333333rem;
  }
}
.c-form-item.is-required label:after,
.c-form-choice.is-required label:after {
  color: #bf0000;
  content: " *";
}

.c-form-item__label,
.c-form-choice__label {
  display: inline-block;
  width: 100%;
  margin-bottom: 4.1px;
  margin-bottom: 0.3416666667rem;
}
.c-form-item__label.is-required:after,
.c-form-choice__label.is-required:after {
  color: #bf0000;
  content: " *";
}

.c-form-choice--credit-card-consent .c-form-choice__label p:first-of-type {
  display: inline;
}

.c-form-item__label {
  font-weight: 700;
}

.c-form-item__label-help {
  font-weight: 400;
}

.c-form-choice__label {
  padding-left: 20px;
  padding-left: 1.6666666667rem;
}
.c-form-choice__field + .c-form-choice__label {
  padding-left: 0;
  padding-left: 0;
}

.c-form-choice__label--with-icons {
  padding: 5px 5px 5px 24.4px;
  padding: 0.4166666667rem 0.4166666667rem 0.4166666667rem 2.0333333333rem;
  color: #222222;
  margin-bottom: 0;
}
.c-form-choice__label--with-icons:before {
  content: "";
  position: absolute;
  left: 8px;
  left: 0.6666666667rem;
  line-height: 1.3666666667;
}
.c-form-choice__label--with-icons:hover {
  background: #00aeab;
  color: #fff;
}
.c-form-choice__label--with-icons.is-active:before {
  content: "";
}
.c-drop-down__link:hover,
.c-data-table-filter__link:hover {
  background: #00aeab;
  color: #fff;
}

.c-form-item__field,
.c-form-choice__field {
  display: inline-block;
}

.c-form-item__field {
  width: 100%;
}

input[type=checkbox].c-form-choice__field,
input[type=radio].c-form-choice__field {
  margin-left: 5px;
  margin-left: 0.4166666667rem;
  margin-right: 5px;
  margin-right: 0.4166666667rem;
  width: auto;
}
.c-form-choice__label + input[type=checkbox].c-form-choice__field,
.c-form-choice__label + input[type=radio].c-form-choice__field {
  margin-left: 20px;
  margin-left: 1.6666666667rem;
}
.c-form-choice__label input[type=checkbox].c-form-choice__field,
.c-form-choice__label input[type=radio].c-form-choice__field {
  margin-left: -20px;
  margin-left: -1.6666666667rem;
}

.c-form-item-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.c-form-item-group .c-form-item,
.c-form-item-group .c-form-addon,
.c-form-item-group .c-form-action {
  display: table-cell;
  width: auto;
}
.c-form-item-group .c-form-item {
  float: left;
  position: relative;
  z-index: 2;
}
.c-form-item-group .c-form-item:hover, .c-form-item-group .c-form-item:focus {
  z-index: 3;
}
.c-form-item-group .c-form-addon,
.c-form-item-group .c-form-action {
  vertical-align: middle;
  width: 1%;
  white-space: nowrap;
}
.c-form-item-group .c-form-action {
  font-size: 0;
  position: relative;
}
.c-form-item-group .c-form-action > .c-button {
  position: relative;
  z-index: 2;
}
.c-form-item-group .c-form-action > .c-button:hover, .c-form-item-group .c-form-action > .c-button:focus {
  z-index: 3;
}
.c-form-item-group .c-form-action:first-child > .c-button {
  border-top-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.c-form-item-group .c-form-action:last-child > .c-button {
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.c-form-item__field-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}
.c-form-item__field-group .c-form-item__field,
.c-form-item__field-group .c-form-item__addon,
.c-form-item__field-group .c-form-item__button {
  display: table-cell;
}
.c-form-item__field-group .c-form-item__field {
  float: left;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
.c-form-item__field-group .c-form-item__field:hover, .c-form-item__field-group .c-form-item__field:focus {
  z-index: 3;
}
.c-form-item__field-group .c-form-item__addon,
.c-form-item__field-group .c-form-item__button {
  width: 1%;
  white-space: nowrap;
}
.c-form-item__field-group .c-form-item__addon {
  border: 1px solid #e8e8e8;
  padding: 0 5px;
  padding: 0 0.4166666667rem;
  vertical-align: middle;
}
.c-form-item__field-group .c-form-item__addon--before {
  border-right: 0;
}
.c-form-item__field-group .c-form-item__addon--after {
  border-left: 0;
}
.c-form-item__field-group .c-form-item__button {
  font-size: 0;
  position: relative;
  vertical-align: top;
}
.c-form-item__field-group .c-form-item__button > .c-button {
  position: relative;
  white-space: nowrap;
  z-index: 3;
}
.c-form-item__field-group .c-form-item__button > .c-button:hover, .c-form-item__field-group .c-form-item__button > .c-button:focus {
  z-index: 3;
}
.c-form-item__field-group .c-form-item__button:first-child > .c-button {
  border-top-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.c-form-item__field-group .c-form-item__button:last-child > .c-button {
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.c-form-item__field-group .c-form-item__button--gutter {
  padding-left: 5px;
  padding-left: 0.4166666667rem;
}
@media (max-width: 61.9999em) {
  .c-form-item__field-group .c-quantity-selector__field {
    min-width: 41.82px;
    min-width: 3.485rem;
  }
}
@media (min-width: 62em) {
  .c-form-item__field-group .c-quantity-selector__field {
    min-width: 0;
  }
}

.c-form-item__char-count {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  color: #ccc;
  text-align: right;
}

.c-form-item__label--inline {
  font-weight: 600;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
}

.c-search-filter__list.c-form-item__dropdown--inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
  vertical-align: middle;
  width: auto;
}

.c-form-action--inline {
  display: inline-block;
  text-align: left;
}

.c-form-item--full-bleed {
  width: auto;
}

.c-form-choice--flush {
  margin-bottom: 2.05px;
  margin-bottom: 0.1708333333rem;
}
@media (max-width: 33.9999em) {
  .c-form-choice--flush {
    margin-bottom: 4.1px;
    margin-bottom: 0.3416666667rem;
  }
}

.c-form-choice__label--inline {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
}
.c-form-choice__label--inline + .c-form-choice__label--inline {
  margin-left: 20px;
  margin-left: 1.6666666667rem;
}

.c-form-item__label--faux,
.c-form-choice__label--faux {
  cursor: default;
  padding-left: 0;
  width: 100%;
  font-weight: 700;
}

.c-form-item--qty {
  width: 55px;
  width: 4.5833333333rem;
  margin-bottom: 0;
  padding-right: 2px;
  padding-right: 0.1666666667rem;
  vertical-align: middle;
}

.c-form-item--label-float {
  margin-bottom: 4.1px;
  margin-bottom: 0.3416666667rem;
}
@media (max-width: 33.9999em) {
  .c-form-item--label-float {
    margin-bottom: 8.2px;
    margin-bottom: 0.6833333333rem;
  }
}
.c-form-item--label-float .c-form-item__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  opacity: 0;
  top: 1em;
  left: 0;
  width: auto;
  padding: 0 4px;
  padding: 0 0.3333333333rem;
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.64;
  font-weight: 400;
  color: #666666;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 150ms, opacity 100ms, visibility 100ms;
  transition: transform 150ms, opacity 100ms, visibility 100ms;
}
.c-form-item--label-float .c-form-item__label.is-active {
  position: absolute;
  background-color: transparent;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 1px 0 0 1px;
  overflow: visible;
  clip: auto;
  opacity: 1;
  pointer-events: none;
  -webkit-transform: translate(0, -1em);
  -moz-transform: translate(0, -1em);
  -o-transform: translate(0, -1em);
  -ms-transform: translate(0, -1em);
  transform: translate(0, -1em);
  -webkit-transition: -webkit-transform 100ms, opacity 120ms, visibility 120ms;
  transition: transform 100ms, opacity 120ms, visibility 120ms;
  z-index: 1;
}
.c-form-item--label-float .c-form-item__label.is-active.has-focus, .c-form-item--label-float .c-form-item__label.is-active:active, .c-form-item--label-float .c-form-item__label.is-active:focus {
  color: #666666;
}
@media (min-width: 48em) {
  .c-form-item--label-float.c-form-item--multi-select .c-form-item__label {
    visibility: hidden;
  }
  .c-form-item--label-float.c-form-item--multi-select .c-form-item__label.is-active {
    visibility: hidden;
  }
}
.c-form-item--label-float .c-form-item__field {
  padding: 8px 4px 4.2px 4px;
  padding: 0.6666666667rem 0.3333333333rem 0.35rem 0.3333333333rem;
  width: 100%;
}
.c-form-item--label-float .c-form-item__field::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.c-form-item--label-float .c-form-item__field::-ms-input-placeholder {
  color: #999999;
}
.c-form-item--label-float .c-form-item__field::-webkit-input-placeholder {
  color: #999999;
}
.c-form-item--label-float input.c-form-item__field,
.c-form-item--label-float select.c-form-item__field:not([size]):not([multiple]) {
  height: 2.75rem;
}
@media (max-width: 61.9999em) {
  .c-form-item--label-float input.c-form-item__field,
.c-form-item--label-float select.c-form-item__field:not([size]):not([multiple]) {
    height: 3.75rem;
  }
}
.c-form-item--label-float input.c-form-item__field.is-active,
.c-form-item--label-float select:not([size]):not([multiple]).is-active,
.c-form-item--label-float textarea.c-form-item__field.is-active {
  padding-top: 12px;
  padding-top: 1rem;
  padding-bottom: 0;
}
.c-form-item--label-float input.c-form-item__field.is-active.placeholdersjs,
.c-form-item--label-float select:not([size]):not([multiple]).is-active.placeholdersjs,
.c-form-item--label-float textarea.c-form-item__field.is-active.placeholdersjs {
  color: black;
}
.c-form-item--label-float input[type=date].c-form-item__field,
.c-form-item--label-float input[type=datetime].c-form-item__field,
.c-form-item--label-float input[type=datetime-local].c-form-item__field,
.c-form-item--label-float input[type=month].c-form-item__field,
.c-form-item--label-float input[type=week].c-form-item__field,
.c-form-item--label-float input[type=time].c-form-item__field {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.c-form-item--label-float input[type=date].c-form-item__field:not(.is-active)::before,
.c-form-item--label-float input[type=datetime].c-form-item__field:not(.is-active)::before,
.c-form-item--label-float input[type=datetime-local].c-form-item__field:not(.is-active)::before,
.c-form-item--label-float input[type=month].c-form-item__field:not(.is-active)::before,
.c-form-item--label-float input[type=week].c-form-item__field:not(.is-active)::before,
.c-form-item--label-float input[type=time].c-form-item__field:not(.is-active)::before {
  width: 100%;
  content: attr(placeholder);
  margin-right: 0.5em;
  white-space: nowrap;
  color: #999999;
}
.c-form-item--label-float input[type=date].c-form-item__field:hover:not(.is-active)::before, .c-form-item--label-float input[type=date].c-form-item__field:focus:not(.is-active)::before,
.c-form-item--label-float input[type=datetime].c-form-item__field:hover:not(.is-active)::before,
.c-form-item--label-float input[type=datetime].c-form-item__field:focus:not(.is-active)::before,
.c-form-item--label-float input[type=datetime-local].c-form-item__field:hover:not(.is-active)::before,
.c-form-item--label-float input[type=datetime-local].c-form-item__field:focus:not(.is-active)::before,
.c-form-item--label-float input[type=month].c-form-item__field:hover:not(.is-active)::before,
.c-form-item--label-float input[type=month].c-form-item__field:focus:not(.is-active)::before,
.c-form-item--label-float input[type=week].c-form-item__field:hover:not(.is-active)::before,
.c-form-item--label-float input[type=week].c-form-item__field:focus:not(.is-active)::before,
.c-form-item--label-float input[type=time].c-form-item__field:hover:not(.is-active)::before,
.c-form-item--label-float input[type=time].c-form-item__field:focus:not(.is-active)::before {
  width: 0%;
  content: "";
}
.c-form-item--label-float select.c-form-item__field {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  text-transform: none;
  margin: 0;
}
.c-form-item--label-float select.c-form-item__field::-ms-expand {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Good browsers :) */
  opacity: 0;
}
.c-form-item--label-float select.c-form-item__field option {
  color: #000000;
}
.c-form-item--label-float select.c-form-item__field option:first-child {
  color: #999999;
}
.c-form-item--label-float select.c-form-item__field:not(.is-active) {
  color: #999999;
}

.form-group {
  padding-bottom: 15px;
}
.form-group .form_input {
  display: block;
}
.form-group label {
  margin-bottom: 5px;
  display: inline-block;
}
.form-group .textarea-sm {
  height: 82px !important;
}

.custom-upload-box {
  max-width: 313px;
  border: 1px solid #CCCCCC;
  background: #FAFAFB;
  display: flex !important;
  align-items: center !important;
  margin-right: 18px;
  margin-left: 0;
  padding: 4px 10px !important;
}
.custom-upload-box label {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  margin-right: 13px;
  margin-bottom: 0;
  width: auto !important;
  white-space: nowrap;
}
.custom-upload-box label.is-required:after {
  display: none;
}
.custom-upload-box label.is-required:before {
  color: #bf0000;
  content: "* ";
}
.custom-upload-box .c-form-item__field {
  color: #0C0C0C;
  width: auto;
  border: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: lowercase;
  padding: 0 !important;
}
.custom-upload-box .c-form-item__field:hover, .custom-upload-box .c-form-item__field:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.custom-upload-box input::file-selector-button {
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  letter-spacing: -0.02em;
  color: #0C0C0C;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  padding: 4px 9px 5px;
  margin-right: 8px;
  border-radius: 2px;
  width: 81px;
  height: 25px;
  text-transform: lowercase;
}

@media (min-width: 30em) and (max-width: 61.9999em) {
  .upload-btn {
    margin-top: -15px !important;
  }
}

.textarea-sm {
  height: 82px !important;
}

.radioControlButton {
  border-radius: 2px;
  padding: 5px 8px;
  text-align: center;
  display: inline-block;
  position: relative;
  line-height: normal;
  vertical-align: middle;
  background: #ffffff;
}
.radioControlButton.active {
  border: 1px solid #CCCCCC;
  background: #F2F2F2;
}
.radioControlButton input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

#content_tabs {
  display: block;
  float: none;
  max-width: 100%;
  margin: 0 auto 10px auto;
  padding: 0;
  border: none;
}
#content_tabs .tabs-item {
  position: relative;
  display: table-row;
  width: auto;
  border-bottom: 1px solid #999999;
  border-top: 0;
  margin: 0 0 -1px 0;
  padding: 0;
  list-style: none;
  white-space: normal;
}
#content_tabs .tabs-item.tabs-btn li {
  display: table-cell;
  border: 1px solid #999999;
  border-left: 0;
  padding: 5px 15px;
  margin: 0;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
#content_tabs .tabs-item.tabs-btn li:first-child {
  padding-left: 0 !important;
}
#content_tabs .tabs-item.tabs-btn li:first-child a {
  padding-left: 0 !important;
}
#content_tabs .tabs-item.tabs-btn li a {
  color: #346D75;
  padding: 3px 8px;
  text-decoration: none;
}
#content_tabs .tabs-item.tabs-btn li a:hover, #content_tabs .tabs-item.tabs-btn li a:focus {
  text-decoration: none;
}
#content_tabs .tabs-item.tabs-btn li.tab-selected {
  margin-right: 0 !important;
}
#content_tabs .tabs-item.tabs-btn li.tab-selected:first-child a {
  padding-left: 8px !important;
}
#content_tabs .tabs-item.tabs-btn li.tab-selected:last-child a {
  margin-left: 0 !important;
}
#content_tabs .tabs-item.tabs-btn li.tab-selected a {
  color: #0C0C0C;
  font-weight: 400;
  border: 1px solid #CCCCCC;
  background: #F2F2F2;
  border-radius: 2px;
}
#content_tabs .tabs-item.tabs-btn li.tab-selected a:hover, #content_tabs .tabs-item.tabs-btn li.tab-selected a:focus {
  text-decoration: none;
}

/* custtom checkbox & radio button */
.parentCheckControl, .parentRadioControl {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin: 0 25px 0 0;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.parentCheckControl input[type=checkbox], .parentRadioControl input[type=checkbox] {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
  left: 0;
  z-index: 999;
  margin: 0 !important;
}
.parentCheckControl input[type=checkbox]:checked ~ .checkMark, .parentRadioControl input[type=checkbox]:checked ~ .checkMark {
  background-color: #4591F7;
}
.parentCheckControl input[type=checkbox]:checked ~ .checkMark:after, .parentRadioControl input[type=checkbox]:checked ~ .checkMark:after {
  display: block;
}
.parentCheckControl input[type=checkbox]:disabled + .checkMark, .parentRadioControl input[type=checkbox]:disabled + .checkMark {
  opacity: 0.4;
}
.parentCheckControl input[type=radio], .parentRadioControl input[type=radio] {
  position: absolute;
  opacity: 0 !important;
  cursor: pointer;
  left: 0;
  z-index: 999;
  margin: 0 !important;
}
.parentCheckControl input[type=radio]:checked ~ .circle, .parentRadioControl input[type=radio]:checked ~ .circle {
  background-color: #4591F7;
}
.parentCheckControl input[type=radio]:checked ~ .circle:after, .parentRadioControl input[type=radio]:checked ~ .circle:after {
  display: block;
}
.parentCheckControl input[type=radio]:disabled + .circle, .parentRadioControl input[type=radio]:disabled + .circle {
  opacity: 0.4;
}
.parentCheckControl .circle, .parentRadioControl .circle {
  position: absolute;
  top: 2px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  border-radius: 50%;
}
.parentCheckControl .circle:after, .parentRadioControl .circle:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #ffffff;
  display: none;
}
.parentCheckControl .checkMark, .parentRadioControl .checkMark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #FFFFFF;
  border: 1px solid #B4B4B4;
  border-radius: 2px;
}
.parentCheckControl .checkMark:after, .parentRadioControl .checkMark:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0px;
  width: 5px;
  height: 8px;
  border: 1px solid #FFFFFF;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: transparent;
  border-radius: 0;
}

.actions-field-group {
  margin-top: 7px;
}
.actions-field-group .actions-checkbox__buttons input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

.msg-info__italic .c-form-item__field-group span {
  display: block;
  margin-bottom: 5px;
  border: none;
  padding: 0;
  font-size: 11px;
  font-style: italic;
}
.msg-info__italic .c-form-item__field-group span img {
  width: 16px;
  height: auto;
  max-width: 16px;
  margin-right: 3px;
}

.ms-options-wrap > button, .ms-options-wrap > button:focus {
  color: #222 !important;
  border: 1px solid #E8E8E8 !important;
  padding: 3px 20px 3px 5px !important;
  height: 25px;
}

.ms-options-wrap > button:after {
  content: "" !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  right: 13px !important;
  border: none !important;
  margin-top: -5px !important;
  font-size: 8px;
  color: #000000;
}

.c-form-item__input-md {
  width: 140px !important;
}

.ms-options-wrap > .ms-options > ul li > label.parentCheckControl .checkMark {
  top: 6px !important;
}

.checkboxAccordion__group .js-collapse-inner-checkbox .c-icon {
  vertical-align: -4px;
}
.checkboxAccordion__group label {
  margin-bottom: 0 !important;
}

.ms-options-wrap .hide-checkbox .parentCheckControl .checkMark {
  display: none;
}

.assign__store .form-group {
  padding-bottom: 0;
}
.assign__store .js-collapse-inner-group.parentCheckControl {
  margin: 0 !important;
}
.assign__store .js-collapse-inner-group.parentCheckControl.mb-5 {
  margin: 0 0 5px 0 !important;
}
.assign__store .js-collapse-inner-group.parentCheckControl .js-collapse-inner-checkbox {
  text-decoration: none;
  padding-right: 5px;
  margin-left: 0;
  position: relative;
  top: 1px;
}
.assign__store .js-collapse-inner-group.parentCheckControl .js-collapse-inner-checkbox .c-icon {
  display: inline-block;
  border: 1px solid #CCCCCC;
  color: #0C0C0C;
  padding: 4px;
  position: relative;
}
.assign__store .js-collapse-inner-group.parentCheckControl .js-collapse-inner-checkbox .c-icon::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 11px;
  color: #0C0C0C;
}
.assign__store .js-collapse-inner-group.parentCheckControl .checkboxAccordion__group .js-collapse-inner-checkbox .c-icon {
  vertical-align: 0 !important;
}
.assign__store .js-collapse-inner-group.parentCheckControl .checkboxAccordion__group label {
  margin-bottom: 0 !important;
}

.input-width-55 {
  width: 55px !important;
}

.field-addon-border-none .c-form-item__field-group span.c-form-item__addon {
  border: none !important;
}

/*------------------------------------------------------------------------------
    #Components - Messages
  ----------------------------------------------------------------------------*/
.c-message {
  border: 1px solid transparent;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 16.4px;
  padding: 8.2px 16.4px;
  padding: 0.6833333333rem 1.3666666667rem;
  clear: both;
}
.c-message > p,
.c-message > ul {
  margin-bottom: 0;
}
.c-message > p + p {
  margin-top: 5px;
}

.c-message__title {
  margin-top: 0;
  color: inherit;
}

.c-message__close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.c-message__link {
  font-weight: 400;
}

.c-message__icon:before {
  font-size: 18px;
  font-size: 1.5rem;
  margin-right: 2px;
  margin-right: 0.1666666667rem;
  display: inline-block;
  vertical-align: middle;
}

.c-message--close {
  padding-right: 36.4px;
  padding-right: 3.0333333333rem;
}

.c-message--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.c-message--success hr {
  border-top-color: #c9e2b4;
}
.c-message--success .c-message__link {
  color: #2b542c;
}

.c-message--information {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.c-message--information hr {
  border-top-color: #a7e1ed;
}
.c-message--information .c-message__link {
  color: #245269;
}

.c-message--warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.c-message--warning hr {
  border-top-color: #f8e2b5;
}
.c-message--warning .c-message__link {
  color: #66512c;
}

.c-message--danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.c-message--danger hr {
  border-top-color: #e4bac0;
}
.c-message--danger .c-message__link {
  color: #843534;
}

.c-message--neutral {
  background-color: #EFFBF2;
  border-color: #C9EAD1;
  color: #334D39;
}
.c-message--neutral hr {
  border-top-color: #b7e3c1;
}
.c-message--neutral .c-message__link {
  color: #1f2e22;
}

.c-message--note {
  padding-top: 2px;
  padding-top: 0.1666666667rem;
  padding-left: 0;
  padding-left: 0;
}
.c-message--note .c-icon {
  margin-right: 2px;
  margin-right: 0.1666666667rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.c-message--note .c-icon:before {
  font-size: 15px;
  font-size: 1.25rem;
}

.c-quantity-selector {
  width: 140px;
  width: 11.6666666667rem;
}
@media (min-width: 62em) {
  .c-quantity-selector {
    width: 112px;
    width: 9.3333333333rem;
  }
}

.c-quantity-selector__field {
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
}
.c-quantity-selector__field::-webkit-outer-spin-button, .c-quantity-selector__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-overlay {
  background: rgba(0, 0, 0, 0.35);
  display: block;
  position: absolute;
  z-index: -1;
}
.c-overlay.is-active {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

.c-overlay--transparent {
  background: transparent;
}

.c-overlay--fixed {
  position: fixed;
}

/*------------------------------------------------------------------------------
    #Components - Loading
  ----------------------------------------------------------------------------*/
/**
 * Loading section of cart
 */
.c-loading {
  position: absolute;
  display: block;
  width: 100%;
  top: 40%;
  padding: 24.4px;
  padding: 2.0333333333rem;
  text-align: center;
}

.c-loading__container {
  display: inline-block;
  width: auto;
  padding: 24.4px;
  padding: 2.0333333333rem;
  text-align: center;
}

.c-loading__message {
  display: block;
  font-size: 14px;
  font-size: 1.1666666667rem;
  line-height: 1.1714285714;
  color: #fff;
  font-weight: 600;
  margin: 0;
  padding-bottom: 4px;
  padding-bottom: 0.3333333333rem;
}

.c-loading__indicator:not(:required) {
  -moz-animation: indicator-pulse 2000ms 300ms infinite ease-out;
  -webkit-animation: indicator-pulse 2000ms 300ms infinite ease-out;
  animation: indicator-pulse 2000ms 300ms infinite ease-out;
  position: relative;
  display: inline-block;
  background: #ccc;
  width: 16.4px;
  width: 1.3666666667rem;
  height: 24.4px;
  height: 2.0333333333rem;
  margin: 0;
  padding: 0;
}

.c-loading__indicator:not(:required):before,
.c-loading__indicator:not(:required):after {
  background: #ccc;
  content: " ";
  position: absolute;
  display: inline-block;
  width: 16.4px;
  width: 1.3666666667rem;
  height: 24.4px;
  height: 2.0333333333rem;
  margin: 0;
  padding: 0;
  top: 0;
}

.c-loading__indicator:not(:required):before {
  -moz-animation: indicator-pulse 2000ms 150ms infinite ease-out;
  -webkit-animation: indicator-pulse 2000ms 150ms infinite ease-out;
  animation: indicator-pulse 2000ms 150ms infinite ease-out;
  left: -24.4px;
  left: -2.0333333333rem;
}

.c-loading__indicator:not(:required):after {
  -moz-animation: indicator-pulse 2000ms 450ms infinite ease-out;
  -webkit-animation: indicator-pulse 2000ms 450ms infinite ease-out;
  animation: indicator-pulse 2000ms 450ms infinite ease-out;
  right: -24.4px;
  right: -2.0333333333rem;
}

@-moz-keyframes indicator-pulse {
  0% {
    background: #999999;
  }
  10% {
    background: #b3b3b3;
  }
  40% {
    background: #fff;
  }
}
@-webkit-keyframes indicator-pulse {
  0% {
    background: #999999;
  }
  10% {
    background: #b3b3b3;
  }
  40% {
    background: #fff;
  }
}
@keyframes indicator-pulse {
  0% {
    background: #999999;
  }
  10% {
    background: #b3b3b3;
  }
  40% {
    background: #fff;
  }
}
.c-pagination {
  display: block;
  font-size: 0;
}

.c-pagination__list {
  list-style: none;
}

.c-pagination__item {
  display: inline-block;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: -1px 4px 0 -1px;
}
.c-pagination__item:first-child {
  margin-left: 0;
}

.c-pagination__link {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 3px 8px;
  padding: 0.25rem 0.6666666667rem;
  font-weight: 600;
  border: 1px solid #DADDE1;
  color: #444444;
  text-decoration: none;
  vertical-align: middle;
}
.c-pagination__link:hover, .c-pagination__link:active, .c-pagination__link:focus {
  background: #fff;
  border-color: #038987;
  color: #444444;
  text-decoration: none;
}
.c-pagination__item.is-active .c-pagination__link {
  background: #00aeab;
  border-color: #038987;
  color: #fff;
}
.c-pagination__item.is-disabled .c-pagination__link {
  color: #ccc;
  border-color: #ccc;
}
.c-pagination__item.is-disabled .c-pagination__link:hover, .c-pagination__item.is-disabled .c-pagination__link:active, .c-pagination__item.is-disabled .c-pagination__link:focus {
  border-color: inherit;
}

.c-pagination__item--next-page .c-pagination__link,
.c-pagination__item--previous-page .c-pagination__link {
  padding-left: 4px;
  padding-left: 0.3333333333rem;
  padding-right: 4px;
  padding-right: 0.3333333333rem;
  display: flex;
  flex-direction: row;
  align-content: center;
}

.c-pagination__link .c-icon:before {
  display: inline-block;
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.0933333333;
  vertical-align: middle;
}

.c-record-count {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

/*------------------------------------------------------------------------------
    #Components - Content Heading
  ----------------------------------------------------------------------------*/
/**
 * Main c-content-heading component with some modifiers.
 */
.c-content-heading {
  background: #fff;
  color: #000;
  margin: 0;
  margin: 0;
  padding: 4px 8px;
  padding: 0.3333333333rem 0.6666666667rem;
  border-bottom: 1px solid #d9d9d9;
}
.c-content-heading else {
  padding: 4px 0;
  padding: 0.3333333333rem 0;
}

.c-content-heading__title small {
  font-size: 50%;
  display: inline-block;
  width: 100%;
}

/*------------------------------------------------------------------------------
    #Components - Content Control
  ----------------------------------------------------------------------------*/
/**
 * Main c-content-control component with some modifiers.
 */
.c-content-control {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}

.c-content-control__list {
  display: block;
  font-size: 0;
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 0;
  margin: 4px 0;
  margin: 0.3333333333rem 0;
  list-style: none;
}

.c-content-control__item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
@media (min-width: 34em) {
  .c-content-control__item {
    width: auto;
  }
  .c-content-control__item .c-form-item {
    margin-bottom: 0;
  }
}

.c-content-control__action {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0;
}
@media (max-width: 33.9999em) {
  .c-content-control__action .c-button {
    width: 100%;
  }
  .c-content-control__action .c-button + .c-button {
    margin-top: 8px;
    margin-top: 0.6666666667rem;
  }
}
@media (min-width: 34em) {
  .c-content-control__action {
    width: auto;
  }
}

/*------------------------------------------------------------------------------
    #Components - Data List
  ----------------------------------------------------------------------------*/
/**
 * Main data-list component with some modifiers.
 */
.c-data-list__action .c-drop-down__trigger {
  font-size: 21px;
  font-size: 1.75rem;
  line-height: 1rem;
  padding-top: 1px;
  padding-top: 0.0833333333rem;
  padding-bottom: 1px;
  padding-bottom: 0.0833333333rem;
}

.c-data-list--stripped > .c-data-list__section > .c-data-list__item:nth-of-type(odd) {
  background: #fafafa;
}

.c-data-list--full-bleed {
  width: 100%;
}
.c-data-list--full-bleed .c-data-list__section,
.c-data-list--full-bleed .c-data-list__item {
  width: 100%;
}

.c-data-list {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.c-data-list__header {
  display: inline-block;
}

.c-data-list__section {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
@media (min-width: 48em) {
  .c-data-list__section {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    vertical-align: top;
  }
}

.c-data-list__section-header {
  background: #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 600;
}
@media (max-width: 47.9999em) {
  .c-data-list__section-header {
    display: none;
  }
}

.c-data-list__section-footer {
  background: #f2f2f2;
  font-weight: 600;
}

.c-data-list__item-footer, .c-data-list__item-header, .c-data-list__item, .c-data-list__section-header, .c-data-list__section-footer {
  border-bottom: 1px solid #f2f2f2;
  margin: 0;
  position: relative;
  padding: 0;
  vertical-align: top;
}
.c-data-list__item-footer:last-child, .c-data-list__item-header:last-child, .c-data-list__item:last-child, .c-data-list__section-header:last-child, .c-data-list__section-footer:last-child {
  border-bottom: 0;
}
@media (min-width: 48em) {
  .c-data-list__item-footer, .c-data-list__item-header, .c-data-list__item, .c-data-list__section-header, .c-data-list__section-footer {
    border-bottom-color: #f2f2f2;
    display: table-row;
  }
}

@media (min-width: 48em) {
  .c-data-list__item:hover {
    background: #f7f7f7;
  }
}

.c-data-list__item-header {
  margin-bottom: 0;
  padding: 8px;
  padding: 0.6666666667rem;
}
@media (max-width: 47.9999em) {
  .c-data-list__item-header {
    border-bottom: 0;
  }
}
@media (min-width: 48em) {
  .c-data-list__item-header {
    display: none;
  }
}

.c-data-list__detail,
.c-data-list__action-header,
.c-data-list__detail-header,
.c-data-list__action {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0;
  padding: 5px 8px;
  padding: 0.4166666667rem 0.6666666667rem;
  text-align: left;
  vertical-align: top;
}
@media (min-width: 48em) {
  .c-data-list__detail,
.c-data-list__action-header,
.c-data-list__detail-header,
.c-data-list__action {
    display: table-cell;
    vertical-align: inherit;
    border-bottom: 0;
  }
}

.c-data-list__action-header {
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}

.c-data-list__detail:not(:last-of-type) {
  border-bottom: 1px solid #f2f2f2;
}
@media (max-width: 47.9999em) {
  .c-data-list__detail {
    margin-left: 16.4px;
    margin-left: 1.3666666667rem;
    margin-right: 16.4px;
    margin-right: 1.3666666667rem;
  }
}

@media (max-width: 47.9999em) {
  .c-data-list__action {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 48em) {
  .c-data-list__action {
    text-align: right;
  }
}

.c-data-list__label,
.c-data-list__data {
  display: inline-block;
  margin: 0;
  padding-top: 4px;
  padding-top: 0.3333333333rem;
  padding-bottom: 4px;
  padding-bottom: 0.3333333333rem;
  vertical-align: top;
}
@media (max-width: 61.9999em) {
  .c-data-list__label,
.c-data-list__data {
    padding-top: 8px;
    padding-top: 0.6666666667rem;
    padding-bottom: 8px;
    padding-bottom: 0.6666666667rem;
  }
}

.c-data-list__label {
  font-weight: 600;
}
@media (max-width: 47.9999em) {
  .c-data-list__label {
    width: 50%;
  }
}
@media (min-width: 48em) {
  .c-data-list__label {
    display: none;
  }
}

.c-data-list__footer {
  display: inline-block;
  margin: 1em 0 0 0;
}

.no-border {
  border: 0 none !important;
}

/*------------------------------------------------------------------------------
    #Components - Data Table
  ----------------------------------------------------------------------------*/
/**
 * Main data-table component with some modifiers.
 */
.c-data-table {
  border-bottom: 1px solid #EBEBEB;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* add borders for print only */
@media print {
  .c-data-table .c-data-table__data {
    border: 1px solid #ccc;
  }
}
/* add borders/padding for PDF print only (cfdocument doesn't support @media queries) */
.pdf-print .c-data-table th.c-data-table__data,
.pdf-print .c-data-table td.c-data-table__data {
  border: 1px solid #ccc;
  padding: 8px 12px;
}

.c-data-table__section {
  vertical-align: top;
}

.c-data-table__item {
  border-bottom: 1px solid #EBEBEB;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.c-data-table__item:last-child {
  border-bottom: 0;
}

.c-data-table__item--highlight {
  background-color: #eaf7f7 !important;
}

.c-data-table__data,
.c-data-table__field,
.c-data-table__action {
  background: inherit;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0;
  padding: 8px 12.3px;
  padding: 0.6666666667rem 1.025rem;
  text-align: left;
  vertical-align: top;
}

.c-data-table__data--sorted {
  background-color: #eaf7f7;
}

.c-data-table__data--alternating-primary {
  background-color: #fff;
}

.c-data-table__data--alternating-secondary {
  background-color: #FAFAFB;
}

.c-data-table__data--no-data:before {
  content: "-";
}

.c-data-table__section--body .c-data-table__field,
.c-data-table__section--body .c-data-table__action {
  padding-top: 5px;
  padding-top: 0.4166666667rem;
  padding-bottom: 5px;
  padding-bottom: 0.4166666667rem;
}

.c-data-table__field .c-form-item {
  margin: 0;
}

.c-data-table__action {
  text-align: center;
}
.c-data-table__section--body .c-data-table__action {
  padding-top: 5px;
  padding-top: 0.4166666667rem;
  padding-bottom: 5px;
  padding-bottom: 0.4166666667rem;
}
.c-data-table__action .c-drop-down__trigger {
  font-size: 21px;
  font-size: 1.75rem;
  line-height: 1rem;
  padding-top: 1px;
  padding-top: 0.0833333333rem;
  padding-bottom: 1px;
  padding-bottom: 0.0833333333rem;
}

.c-data-table-list {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  vertical-align: top;
  width: 100%;
}

.c-data-table-list__section {
  vertical-align: top;
}

.c-data-table-list__item {
  border-bottom: 1px solid #f2f2f2;
  display: table-row;
  margin: 0;
  position: relative;
  padding: 0;
  vertical-align: top;
  width: 100%;
}
.c-data-table-list__item:last-child {
  border-bottom: 0;
}

.c-data-table-list__detail {
  display: table-cell;
  border-bottom: 0;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-weight: inherit;
  margin: 0;
  padding: 8px 12.3px;
  padding: 0.6666666667rem 1.025rem;
  text-align: left;
  vertical-align: top;
}

.c-data-table-filter {
  background: #F5F7F7;
  border: 1px solid #E2E5E5;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-top: 16.4px;
  margin-top: 1.3666666667rem;
  padding: 8px 5px;
  padding: 0.6666666667rem 0.4166666667rem;
  border-radius: 1px;
  text-align: right;
}

.content__table-filter__list {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  margin: 0;
  margin: 0;
  padding: 4px 8px;
  padding: 0.3333333333rem 0.6666666667rem;
  list-style: none;
}

.c-data-table__icons {
  padding-top: 4px;
  padding-top: 0.3333333333rem;
  padding-bottom: 4px;
  padding-bottom: 0.3333333333rem;
  vertical-align: middle;
}

.c-data-table__icons .c-icon:before {
  display: inline-block;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1.8222222222;
  padding: 6.56px 2.5px;
  padding: 0.5466666667rem 0.2083333333rem;
  line-height: 12px;
  line-height: 1rem;
  vertical-align: middle;
}

.c-button--place-order,
.c-button_place-order {
  padding: 5px 8px;
  padding: 0.4166666667rem 0.6666666667rem;
}

.c-button--place-order .c-icon--add-cart,
.c-button_place-order .c-icon--add-cart {
  display: block;
  font-size: 18.6px;
  font-size: 1.55rem;
  line-height: 1.7263157895;
  line-height: 12px;
  line-height: 1rem;
  vertical-align: middle;
}

.c-data-table__icon-label {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Tahoma, Arial, "Lucida Sans", sans-serif;
}

.c-data-table-pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 16.4px 0;
}

.c-data-table--stripped > .c-data-table__section:not(.c-data-table__section--header) > .c-data-table__item:nth-of-type(odd) {
  background: white;
}

.c-data-table--full-bleed {
  width: 100%;
}
.c-data-table--full-bleed > .c-table__section {
  width: 100%;
}

.c-data-table--grouped > .c-data-table__section:not(.c-data-table__section--header) > .c-data-table__item {
  background: white;
  border: none;
}
.c-data-table--grouped > .c-data-table__section:not(.c-data-table__section--header) > .c-data-table__item.c-data-table__item--primary {
  border-top: 1px solid #EBEBEB;
}
.c-data-table--grouped > .c-data-table__section:not(.c-data-table__section--header) > .c-data-table__item.c-data-table__item--odd {
  background: #FAFAFB;
}
.c-data-table--grouped > .c-data-table__section:not(.c-data-table__section--header) > .c-data-table__item > .c-data-table__data:first-of-type {
  font-weight: 600;
  color: #000;
}

.c-data-table--responsive .c-data-table__item-label {
  display: none;
}
@media (max-width: 47.9999em) {
  .c-data-table--responsive .c-data-table__section.c-data-table__section--header {
    display: none;
  }
  .c-data-table--responsive .c-data-table__icons .c-icon:before {
    padding: 0;
    padding: 0;
    margin: 0;
    margin: 0;
  }
  .c-data-table--responsive .c-data-table__item-label {
    display: inline-block;
    font-weight: 600;
    color: #666666;
    margin-right: 5px;
    margin-right: 0.4166666667rem;
  }
  .c-data-table--responsive .c-data-table__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .c-data-table--responsive .c-data-table__data {
    display: flex;
    padding-bottom: 5px;
    padding-bottom: 0.4166666667rem;
    padding-top: 5px;
    padding-top: 0.4166666667rem;
  }
}
@media (max-width: 47.9999em) and (min-width: 48em) {
  .c-data-table--responsive .c-data-table__data:first-of-type {
    padding-top: 12px;
    padding-top: 1rem;
  }
}
@media (max-width: 47.9999em) and (min-width: 48em) {
  .c-data-table--responsive .c-data-table__data:last-of-type {
    padding-bottom: 12px;
    padding-bottom: 1rem;
  }
}
@media (max-width: 47.9999em) and (max-width: 47.9999em) {
  .c-data-table--responsive .c-data-table__data--link {
    font-weight: 600;
  }
}
@media (max-width: 47.9999em) {
  .c-data-table--responsive .c-data-table__action {
    border: 1px solid #e0e0e0;
    padding: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .c-data-table--responsive .c-data-table__action .c-drop-down__trigger {
    padding-left: 8px;
    padding-left: 0.6666666667rem;
    padding-right: 8px;
    padding-right: 0.6666666667rem;
  }
}

.c-data-table__section--header > .c-data-table__item {
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
  color: #666666;
}
.c-data-table__section--header > .c-data-table__item:first-child:not(:only-child) .c-data-table__data,
.c-data-table__section--header > .c-data-table__item:first-child:not(:only-child) .c-data-table__action {
  padding-bottom: 0;
}
.c-data-table__section--header > .c-data-table__item:last-child:not(:only-child) .c-data-table__data,
.c-data-table__section--header > .c-data-table__item:last-child:not(:only-child) .c-data-table__action {
  padding-top: 0;
}
.c-data-table__section--header:nth-of-type(2) > .c-data-table__item {
  border-top: 1px solid #f2f2f2;
}
.c-data-table__section--header .c-data-table__action {
  background: #fff;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  opacity: 1;
}
.c-data-table__section--header .c-data-table__action.show__action {
  opacity: 1;
  text-align: center;
  width: 100px;
}

.c-data-table__section--body > .c-data-table__item:nth-child(even) {
  background: #fff;
}
.c-data-table__section--body > .c-data-table__item:nth-child(odd) {
  background: #FAFAFB;
}
.c-data-table__section--body > .c-data-table__item:hover {
  background: white;
}

.c-data-table__section--footer > .c-data-table__item {
  border-top: 1px solid #e0e0e0;
}
.c-data-table__section--footer > .c-data-table__item .c-data-table__data,
.c-data-table__section--footer > .c-data-table__item .c-data-table__action {
  font-weight: 600;
  font-size: 13.8px;
  font-size: 1.15rem;
  line-height: 1.1714285714;
}

.c-data-table__data--list,
.c-data-table__action--list {
  font-size: 0;
  line-height: 1;
  padding: 0;
}

.c-data-table--nowrap .c-data-table__detail {
  white-space: nowrap;
}

.c-data-table-list--nowrap .c-data-table-list__detail {
  white-space: nowrap;
}

.c-data-table-list__detail--nowrap {
  white-space: nowrap;
}

@media (max-width: 85.3749em) {
  .ui-widget-content .c-data-table__data--nowrap {
    padding-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
  }
}

.c-data-table__action.show__action {
  opacity: 1;
  text-align: center;
  width: 100px;
}

.dataTables_length label select, .dataTables_filter label input {
  vertical-align: middle;
}

.bg-light-odd {
  background: #FAFAFB !important;
}

.bg-light-even {
  background: #fff !important;
}

/*------------------------------------------------------------------------------
    #Components - Data List
  ----------------------------------------------------------------------------*/
/**
 * Main list component with some modifiers.
 */
.c-list--flush {
  margin-bottom: 0;
}
.c-list--flush > .c-list__item {
  padding: 0;
}

.c-list--tiny > .c-list__item {
  padding: 4px;
  padding: 0.3333333333rem;
}

.c-list--small > .c-list__item {
  padding: 8px;
  padding: 0.6666666667rem;
}

.c-list--large > .c-list__item {
  padding: 33px;
  padding: 2.75rem;
}

.c-list--huge > .c-list__item {
  padding: 66px;
  padding: 5.5rem;
}

/*------------------------------------------------------------------------------
    #Components - Data List
  ----------------------------------------------------------------------------*/
/**
 * Main list component with some modifiers.
 */
/* ----- Spacing Base ----- */
.c-list-inline--spacing {
  margin-left: -16.4px;
  margin-left: -1.3666666667rem;
}
.c-list-inline--spacing > .c-list-inline__item {
  margin-left: 16.4px;
  margin-left: 1.3666666667rem;
}

.c-list-inline--spacing-both {
  margin-left: -32.8px;
  margin-left: -2.7333333333rem;
}
.c-list-inline--spacing-both > .c-list-inline__item {
  margin-left: 16.4px;
  margin-left: 1.3666666667rem;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
}

/*  Divider
    ------------------------------------------------------------------------*/
.c-list-inline--divider > .c-list-inline__item + li {
  border-left: 1px solid #222222;
}

/*  Fit
    ------------------------------------------------------------------------*/
.c-list-inline--fit {
  display: table;
  width: 100%;
}
.c-list-inline--fit > .c-list-inline__item {
  display: table-cell;
}

/*  Delimited
    ------------------------------------------------------------------------*/
.c-list-inline--delimited-comma > .c-list-inline__item + .c-list-inline__item:before {
  content: ",";
}

.c-list-inline--delimited-slash > .c-list-inline__item + .c-list-inline__item:before {
  content: ",";
}

.c-list-inline--delimited-slash[class*=".c-list-inline--spacing"] > .c-list-inline__item + .c-list-inline__item:before {
  display: inline-block;
}

/*------------------------------------------------------------------------------
    #Components - Table
  ----------------------------------------------------------------------------*/
/**
 * Main table component with some modifiers.
 */
.c-table {
  display: table;
  border-color: #e6e6e6;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  vertical-align: top;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.c-table tr {
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.c-table tr:last-child {
  border-bottom: 0;
}
.c-table tr:hover {
  background: #f7f7f7;
}
.c-table thead tr {
  background: #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 600;
}
.c-table tfoot tr {
  background: #f2f2f2;
  font-weight: 600;
}
.c-table th,
.c-table td {
  border-bottom: 0;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 2px 4px;
  padding: 0.1666666667rem 0.3333333333rem;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 61.9999em) {
  .c-table th,
.c-table td {
    padding-top: 4px;
    padding-top: 0.3333333333rem;
    padding-bottom: 4px;
    padding-bottom: 0.3333333333rem;
  }
}
.c-table th:not(:last-of-type),
.c-table td:not(:last-of-type) {
  border-bottom: 1px solid #f2f2f2;
}
.c-table thead th {
  font-weight: 600;
}
.c-table tbody th {
  font-weight: 600;
}

.c-table--stripped > .c-table__section > .c-table__item:nth-of-type(odd) {
  background: #fafafa;
}

.c-table--full-bleed {
  width: 100%;
}
.c-table--full-bleed .c-table__section {
  width: 100%;
}

.c-form__sequence {
  margin-bottom: 0;
}

.c-form__sequence .c-form-item__field {
  text-align: center;
  margin-left: 10px;
}

.c-content-section--lead-tracker--user-metrics td.c-data-table__data p.row-sub-header {
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: #666666;
}
.c-content-section--lead-tracker--user-metrics td.c-data-table__data p.row-header {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #0C0C0C;
}

td.c-data-table__data p.row-sub-header {
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  color: #666666;
}
td.c-data-table__data p.row-header {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #0C0C0C;
}

table tr th.parentCheckControl, table tr td.parentCheckControl {
  display: table-cell;
}
table tr th.parentCheckControl .checkMark, table tr td.parentCheckControl .checkMark {
  top: 10px;
}
table tr th.parentCheckControl input[type=checkbox], table tr td.parentCheckControl input[type=checkbox] {
  top: 10px;
}
table tr th.parentCheckControl.u-position-center input[type=checkbox], table tr td.parentCheckControl.u-position-center input[type=checkbox] {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
table tr th.parentRadioControl, table tr td.parentRadioControl {
  display: table-cell;
}
table tr th.parentRadioControl .circle, table tr td.parentRadioControl .circle {
  top: 10px;
}
table tr th.parentRadioControl input[type=radio], table tr td.parentRadioControl input[type=radio] {
  top: 10px;
}
table tr th.parentRadioControl.u-position-center input[type=radio], table tr td.parentRadioControl.u-position-center input[type=radio] {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

table tr td .parentCheckControl.u-position-center input[type=checkbox], table tr td .parentRadioControl.u-position-center input[type=checkbox] {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
table tr td .parentCheckControl.u-position-center input[type=radio], table tr td .parentRadioControl.u-position-center input[type=radio] {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* scrollbar Table */
.scrollable-table {
  overflow-x: auto;
  overflow-y: auto;
}
.scrollable-table::-webkit-scrollbar {
  width: 5px !important;
}
.scrollable-table::-webkit-scrollbar-track {
  background-color: #eee !important;
}
.scrollable-table::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  width: 0.3em !important;
  background: #7D7D7D !important;
}

.c-vcard__nickname {
  margin-bottom: 0;
}

.c-vcard__name {
  margin-bottom: 0;
}

.c-vcard__organization-name {
  margin-bottom: 0;
}

.c-vcard__organization-location {
  margin-bottom: 0;
}

.c-vcard__address {
  margin-bottom: 0;
}

.c-vcard__nickname--heading,
.c-vcard__name--heading,
.c-vcard__organization-name--heading,
.c-vcard__organization-location--heading {
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.0933333333;
  margin-bottom: 4.1px;
  margin-bottom: 0.3416666667rem;
}

.c-divider {
  display: block;
}

.c-divider--alternative {
  font-size: 12px;
  font-size: 1rem;
  line-height: 2.75;
  color: #d4d4d4;
}

.c-divider--vertical {
  position: relative;
  text-align: center;
}
@media (min-width: 34em) {
  .c-divider--vertical {
    display: inline-block;
  }
}
.c-divider--vertical:before, .c-divider--vertical:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-right: 1px solid #ededed;
  height: 50%;
  width: 50%;
  right: 0;
  left: 0;
}
.c-divider--vertical:before {
  top: -50%;
}
.c-divider--vertical:after {
  bottom: -50%;
}

.c-divider--horizontal {
  position: relative;
  text-align: center;
}
.c-divider--horizontal:before, .c-divider--horizontal:after {
  content: "";
  position: absolute;
  display: inline-block;
  border-top: 1px solid #ededed;
  width: 45%;
  right: 0;
  top: 50%;
  bottom: 0;
}
.c-divider--horizontal:before {
  left: 0;
}
.c-divider--horizontal:after {
  right: 0;
}

.c-divider--top {
  display: none;
}

/*------------------------------------------------------------------------------
    #Components - Payment Methods
  ----------------------------------------------------------------------------*/
.c-payment-method__heading {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-weight: 600;
}

.c-payment-method__section {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  padding-bottom: 8px;
  padding-bottom: 0.6666666667rem;
  width: 100%;
}

.c-payment-method__item,
.c-payment-method__profiles {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-payment-method__item .c-form-choice {
  margin-bottom: 4.1px;
  margin-bottom: 0.3416666667rem;
}

.c-payment-method__profiles {
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
}

.c-payment-method__icons {
  margin-top: 8px;
  margin-top: 0.6666666667rem;
}

.c-payment-method__credit-card {
  max-height: 30px;
}

/*------------------------------------------------------------------------------
    #Components - Responsive Value
  ----------------------------------------------------------------------------*/
/* Used to assist JS to determine proper site breakpoints */
.c-responsive-breakpoint {
  position: relative;
}
@media print {
  .c-responsive-breakpoint {
    display: none;
  }
}
@media (max-width: 29.9999em) {
  .c-responsive-breakpoint {
    /* < xs */
    z-index: 480;
  }
}
@media (min-width: 30em) and (max-width: 33.9999em) {
  .c-responsive-breakpoint {
    /* xs */
    z-index: 480;
  }
}
@media (min-width: 34em) and (max-width: 47.9999em) {
  .c-responsive-breakpoint {
    /* sm */
    z-index: 544;
  }
}
@media (min-width: 48em) and (max-width: 61.9999em) {
  .c-responsive-breakpoint {
    /* md */
    z-index: 768;
  }
}
@media (min-width: 62em) and (max-width: 74.9999em) {
  .c-responsive-breakpoint {
    /* ml */
    z-index: 992;
  }
}
@media (min-width: 75em) and (max-width: 85.3749em) {
  .c-responsive-breakpoint {
    /* lg */
    z-index: 1200;
  }
}
@media (min-width: 85.375em) and (max-width: 99.9999em) {
  .c-responsive-breakpoint {
    /* xl */
    z-index: 1366;
  }
}
@media (min-width: 100em) and (max-width: 119.9999em) {
  .c-responsive-breakpoint {
    /* xxl */
    z-index: 1600;
  }
}
@media (min-width: 120em) {
  .c-responsive-breakpoint {
    /* xxxl */
    z-index: 1920;
  }
}

/*------------------------------------------------------------------------------
  #Components - Sortable
----------------------------------------------------------------------------*/
.c-sortable__handle {
  cursor: move;
  padding: 0 8px;
  padding: 0 0.6666666667rem;
}

.c-sortable__icon::after {
  content: "";
}

.c-sortable__field {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  text-align: right;
  width: 33px;
  width: 2.75rem;
}
.c-sortable__field::-webkit-outer-spin-button, .c-sortable__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.c-sortable__placeholder {
  background-color: #eef7fb;
  border: 1px solid #fcf8e3;
  height: 16.4px;
  height: 1.3666666667rem;
  margin: 8px 0;
  margin: 0.6666666667rem 0;
  opacity: 0.5;
}

/*------------------------------------------------------------------------------
    #Component - Product component
  ----------------------------------------------------------------------------*/
.c-component {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-component__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 5px 0 8px 0;
  padding: 0.4166666667rem 0 0.6666666667rem 0;
}
@media (min-width: 48em) {
  .c-component__item {
    padding: 2px 0;
    padding: 0.1666666667rem 0;
  }
}

.c-component__label {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 4.1px;
  margin-bottom: 0.3416666667rem;
  vertical-align: middle;
}

select.c-component__field,
input.c-component__field {
  vertical-align: middle;
}

.c-component__modifiers,
.c-component__multiplier {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  vertical-align: middle;
}
@media (min-width: 62em) {
  .c-component__modifiers,
.c-component__multiplier {
    float: right;
    margin-bottom: 0;
    width: auto;
  }
}

.c-component-modifier__group {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  vertical-align: middle;
  width: auto;
}

.c-component-modifier__label {
  vertical-align: middle;
}

.c-component-modifier__item,
.c-component-multiplier__item {
  margin: 0 0 4.1px 0;
  margin: 0 0 0.3416666667rem 0;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 75em) {
  .c-component-modifier__item,
.c-component-multiplier__item {
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 0.75;
    width: auto;
  }
}
.c-component-modifier__item select.c-component-modifier__field,
.c-component-modifier__item select.c-component-multiplier__field,
.c-component-multiplier__item select.c-component-modifier__field,
.c-component-multiplier__item select.c-component-multiplier__field {
  height: 2.08rem;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 4px;
  padding: 0.3333333333rem;
}
@media (min-width: 75em) {
  .c-component-modifier__item select.c-component-modifier__field,
.c-component-modifier__item select.c-component-multiplier__field,
.c-component-multiplier__item select.c-component-modifier__field,
.c-component-multiplier__item select.c-component-multiplier__field {
    height: 1.58rem;
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 0.75;
  }
}

.c-component-modifier__item--button {
  background-color: #fff;
  padding: 0;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  pointer-events: all;
  border: 1px solid #ccc;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  width: auto;
}
.c-component-modifier__item--button:hover {
  background-color: #f2f2f2;
  border: 1px solid #a6a6a6;
  color: #0C0C0C;
}
.c-component-modifier__item--button:active, .c-component-modifier__item--button.is-active {
  border: 1px solid #ebccd1;
  color: #a94442;
}
.c-component-modifier__item--button:active:hover, .c-component-modifier__item--button.is-active:hover {
  background-color: #f2f2f2;
  border: 1px solid #d5959f;
  color: #973d3b;
}
.c-component-modifier__item--button.is-disabled, .c-component-modifier__item--button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.c-component-modifier__item--button .c-component-modifier__label {
  display: inline-block;
  padding: 4px;
  padding: 0.3333333333rem;
}
.c-component-modifier__item--left,
.c-component-modifier__item--whole,
.c-component-modifier__item--right {
  background-color: transparent;
}

.c-component-modifier__item--dropdown select.c-component-modifier__field {
  height: 2.08rem;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 4px;
  padding: 0.3333333333rem;
}
@media (min-width: 75em) {
  .c-component-modifier__item--dropdown select.c-component-modifier__field {
    height: 1.8rem;
    font-size: 9px;
    font-size: 0.75rem;
    line-height: 0.75;
  }
}

/* ----- App specific Components ----- */
.c-admin-signin {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.c-admin-signin:before, .c-admin-signin:after {
  content: " ";
  display: table;
}
.c-admin-signin:after {
  clear: both;
}

.c-admin-signin__container {
  width: 92%;
  min-width: 220px;
  min-width: 18.3333333333rem;
  max-width: 1600px;
  max-width: 133.3333333333rem;
  margin: 0 auto;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
@media print {
  .c-admin-signin__container {
    width: auto;
  }
}

.c-admin-signin__layout {
  padding: 16.4px;
  padding: 1.3666666667rem;
  margin: 0 auto;
  max-width: 451px;
  max-width: 37.5833333333rem;
}

.c-admin-signin__header {
  margin: 0 0 16.4px 0;
  margin: 0 0 1.3666666667rem 0;
}

.c-admin-signin__branding {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0;
  font-size: 0;
  line-height: 1;
  text-align: left;
  text-align: center;
}
.c-admin-signin__branding:focus {
  outline: 0;
}
.c-admin-signin__branding:hover, .c-admin-signin__branding:focus {
  opacity: 0.8;
}

.c-admin-signin__logo {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: url("../../images/Monkey-Logo.png") no-repeat center center;
  background-size: contain;
  height: 69px;
  height: 5.75rem;
  max-width: 300px;
  max-width: 25rem;
  vertical-align: middle;
}

.c-admin-signin__title, .c-admin-forgot-password__title {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.0933333333;
  color: #346D75;
  font-weight: 700;
  margin-bottom: 20.4px;
  margin-bottom: 1.7rem;
  text-align: center;
  font-size: 17px;
  letter-spacing: -0.7px;
}

.c-admin-signin__content {
  position: relative;
}

.c-admin-signin__section {
  background: #fafafa;
  border: 0.8px solid #ebebeb;
  padding: 16.4px;
  padding: 1.3666666667rem;
  margin: 0 auto;
}

.c-admin-signin-item__field {
  padding: 2px;
  padding: 0.1666666667rem;
  width: 100%;
}

.c-admin-signin__version, .c-admin-signin__directory {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-size: 9px;
  font-size: 0.75rem;
  color: #bfbfbf;
}

.c-admin-signin__footer {
  margin: 0;
  padding: 18.4px 0 16.4px 0;
  padding: 1.5333333333rem 0 1.3666666667rem 0;
  text-align: center;
}

.c-language-selector + .c-admin-signin__footer {
  padding-top: 0;
}

.c-admin-signin__corporate-branding {
  color: gray;
  font-size: 15px;
  font-size: 1.25rem;
  line-height: 1.0933333333;
  font-weight: 400;
  margin: 8px auto 24.4px auto;
  margin: 0.6666666667rem auto 2.0333333333rem auto;
  text-align: center;
}

.c-admin-signin__content .abcRioButton {
  box-shadow: none;
  border: 1px solid #d9d9d9;
}

.c-admin-forgot-password__title {
  margin-top: 49px;
  margin-top: 4.0833333333rem;
}

.c-admin-forgot-password__description, .c-admin-forgot-password__success, .c-admin-forgot-password__error {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12;
  font-size: 1rem;
  line-height: 1.3666666667;
  color: #0c0c0c;
  font-weight: 600;
  text-align: left;
  letter-spacing: -0.44px;
  line-height: 1.25;
  margin: 0 10px 12px;
  margin: 0 0.8333333333rem 1rem;
}

.c-admin-forgot-password__success {
  text-align: center;
  margin: 28.4px 0 12px;
  margin: 2.3666666667rem 0 1rem;
}

.c-button__green, .c-button-recoverPassword {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.25;
  padding: 3px 0 4px;
  padding: 0.25rem 0 0.3333333333rem;
  font-weight: 600;
}
@media (min-width: 62em) {
  .c-button__green, .c-button-recoverPassword {
    font-size: 11px;
    font-size: 0.9166666667rem;
    line-height: 1.25;
    padding: 4px -1, 0, 4px;
    padding: 0.3333333333rem -0.0833333333rem, 0, 0.3333333333rem;
  }
}

.c-button-recoverPassword {
  width: 30.1%;
}

/*------------------------------------------------------------------------------
    #Components - Page
  ----------------------------------------------------------------------------*/
.c-page {
  display: table;
  height: 100%;
  width: 100%;
  border-collapse: collapse;
}
@media print {
  .c-page {
    display: block !important;
    height: auto !important;
  }
}

@media print {
  .default-print-with-background .tox-tinymce {
    display: none;
  }
  .default-print-with-background .wysiwyg-print-only {
    border: 1px inset gray;
    padding: 10px;
    display: block !important;
  }
  .default-print-with-background table {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
  }
}
/*------------------------------------------------------------------------------
    #Components - Header
  ----------------------------------------------------------------------------*/
/**
 * This is the Header
 */
.c-header {
  width: 100%;
  margin: 0 auto;
  background: #186e77;
  border-top: 3px solid #20555f;
  border-bottom: 1px solid #d9d9d9;
  min-height: 50px;
  position: fixed;
  z-index: 10001;
}
@media print {
  .c-header {
    width: auto;
  }
}
.c-header:before, .c-header:after {
  content: " ";
  display: table;
}
.c-header:after {
  clear: both;
}
@media print {
  .c-header {
    display: none;
  }
}

.c-header__container {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}

/*------------------------------------------------------------------------------
    #Components - Branding
  ----------------------------------------------------------------------------*/
.c-corporate-branding {
  display: inline-block;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
  padding-right: 16.4px;
  padding-right: 1.3666666667rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: #fff;
  border-bottom: 1px solid #ebebeb;
  padding: 16.4px;
  padding: 1.3666666667rem;
  text-align: center;
}

.c-corporate-branding--header {
  padding-left: 8px;
  padding-left: 0.6666666667rem;
  padding-right: 8px;
  padding-right: 0.6666666667rem;
  padding-top: 4px;
  padding-top: 0.3333333333rem;
  padding-bottom: 4px;
  padding-bottom: 0.3333333333rem;
  border-bottom: 0;
  color: #fff;
}
@media (min-width: 48em) {
  .c-corporate-branding--header {
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}

@media (max-width: 47.9999em) {
  .c-corporate-branding--sidenav {
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
@media (min-width: 48em) {
  .is-offcanvas .c-corporate-branding--sidenav {
    position: absolute !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}

.c-branding {
  display: inline-block;
  padding-left: 8px;
  padding-left: 0.6666666667rem;
  padding-right: 8px;
  padding-right: 0.6666666667rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-top: 3px;
  margin-top: 0.25rem;
  margin-bottom: 3px;
  margin-bottom: 0.25rem;
  padding-top: 4px;
  padding-top: 0.3333333333rem;
  padding-bottom: 4px;
  padding-bottom: 0.3333333333rem;
  font-size: 0;
  line-height: 1;
}

.c-branding--header {
  color: #fff;
}
@media (max-width: 47.9999em) {
  .c-branding--header {
    padding-left: 8px;
    padding-left: 0.6666666667rem;
    padding-right: 8px;
    padding-right: 0.6666666667rem;
    padding-top: 4px;
    padding-top: 0.3333333333rem;
    padding-bottom: 4px;
    padding-bottom: 0.3333333333rem;
    border-bottom: 0;
    text-align: center;
  }
}
@media (min-width: 48em) {
  .c-branding--header {
    width: 50%;
    text-align: left;
  }
}

.c-branding__group {
  display: inline-block;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-branding--sidenav {
  border-top: 1px solid #ebebeb;
  color: #7a7a7a;
  padding-top: 8px;
  padding-top: 0.6666666667rem;
}
@media (max-width: 47.9999em) {
  .c-branding--sidenav {
    text-align: center;
  }
}
@media (min-width: 48em) {
  .c-branding--sidenav {
    display: none;
  }
}

.c-branding__link,
.c-corporate-branding__link {
  display: inline-block;
}
.c-branding__link:focus,
.c-corporate-branding__link:focus {
  outline: 0;
}
.c-branding__link:hover, .c-branding__link:focus,
.c-corporate-branding__link:hover,
.c-corporate-branding__link:focus {
  opacity: 0.8;
}

.c-branding__title,
.c-corporate-branding__title {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  vertical-align: middle;
}

.c-corporate-branding__title {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}

@media (max-width: 29.9999em) {
  .c-branding__title {
    display: none;
  }
}

.c-branding__logo,
.c-corporate-branding__logo {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  display: inline-block;
  vertical-align: middle;
}

.c-branding__logo {
  width: 35px;
  width: 2.9166666667rem;
  background: url("../images/monkey.svg") no-repeat center left;
  background-size: contain;
  height: 30px;
  height: 2.5rem;
}

.c-corporate-branding__image {
  max-height: 60px;
  max-height: 5rem;
  max-width: 223.6px;
  max-width: 18.6333333333rem;
  vertical-align: middle;
}
.c-corporate-branding--header .c-corporate-branding__image {
  height: 30px;
  height: 2.5rem;
}

/*------------------------------------------------------------------------------
		#Components - Utility Menu
	----------------------------------------------------------------------------*/
.c-utility-nav {
  background: transparent;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
}
@media (min-width: 48em) {
  .c-utility-nav {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    width: 50%;
    vertical-align: top;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.3666666667;
    position: relative;
    min-height: 40px;
    min-height: 3.3333333333rem;
    text-align: right;
  }
}

.c-utility-nav__list {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: transparent;
  list-style: none;
  margin: 0;
}

.c-utility-nav__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  vertical-align: middle;
  white-space: nowrap;
}

.c-utility-nav__button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-user-select: none;
}

.c-utility-nav__link,
.c-utility-nav__button {
  background-color: transparent;
  color: #fff;
  display: inline-block;
  line-height: 1.3666666667;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  padding: 5px 8px;
  padding: 0.4166666667rem 0.6666666667rem;
  margin-top: 3px;
  margin-top: 0.25rem;
  margin-bottom: 3px;
  margin-bottom: 0.25rem;
}
.c-utility-nav__link:hover, .c-utility-nav__link:focus,
.c-utility-nav__button:hover,
.c-utility-nav__button:focus {
  opacity: 0.8;
  text-decoration: none;
  color: #00aeab;
  background-color: transparent;
}
.c-utility-nav__link.is-active, .is-active > .c-utility-nav__link,
.c-utility-nav__button.is-active,
.is-active > .c-utility-nav__button {
  opacity: 1;
  color: #fff;
  background-color: transparent;
}
@media (min-width: 48em) {
  .c-utility-nav__link,
.c-utility-nav__button {
    padding-left: 5px;
    padding-left: 0.4166666667rem;
    padding-right: 5px;
    padding-right: 0.4166666667rem;
    padding-top: 10px;
    padding-top: 0.8333333333rem;
    padding-bottom: 10px;
    padding-bottom: 0.8333333333rem;
  }
  .c-utility-nav__link:hover, .c-utility-nav__link:focus,
.c-utility-nav__button:hover,
.c-utility-nav__button:focus {
    color: #00aeab;
    background-color: transparent;
  }
  .c-utility-nav__link.is-active, .is-active > .c-utility-nav__link,
.c-utility-nav__button.is-active,
.is-active > .c-utility-nav__button {
    color: #fff;
    background-color: transparent;
  }
}

.c-utility-nav__icon {
  font-size: 21px;
  font-size: 1.75rem;
  line-height: 1;
}
@media (min-width: 48em) {
  .c-utility-nav__icon {
    font-size: 18px;
    font-size: 1.5rem;
    line-height: 1;
  }
}

/**
 * Modifiers
 */
.c-utility-nav__item--nav {
  left: 0;
  position: absolute;
}
@media (min-width: 48em) {
  .c-utility-nav__item--nav {
    position: relative;
    display: none;
  }
}

.c-utility-nav__item--notifications,
.c-utility-nav__item--user-account,
.c-utility-nav__item--language-selector {
  display: none;
}
@media (min-width: 48em) {
  .c-utility-nav__item--notifications,
.c-utility-nav__item--user-account,
.c-utility-nav__item--language-selector {
    position: relative;
    display: inline-block;
  }
}

.c-utility-nav__item--help {
  right: 0;
  position: absolute;
}
@media (min-width: 48em) {
  .c-utility-nav__item--help {
    position: relative;
  }
}

.c-utility-nav__dropdown {
  border: 1px solid #EBEBEB;
  box-shadow: 0 0.1rem 0.9rem #f0f0f0;
  top: 45px;
}

.c-utility-nav__dropdown .c-vcard__email,
.c-utility-nav__dropdown .c-vcard__organization-location-code {
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  color: #666666;
}
.c-utility-nav__dropdown .c-vcard__nickname--heading,
.c-utility-nav__dropdown .c-vcard__name--heading,
.c-utility-nav__dropdown .c-vcard__organization-name--heading,
.c-utility-nav__dropdown .c-vcard__organization-location--heading {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 2.7333333333px;
  margin-bottom: 0.2277777778rem;
}

/*------------------------------------------------------------------------------
    #Components - Main
  ----------------------------------------------------------------------------*/
/**
 * This file contains all styles related to the Content of the site/application.
 */
.c-main {
  display: table-row;
  height: 100%;
  position: relative;
}
.c-main:before, .c-main:after {
  content: " ";
  display: table;
}
.c-main:after {
  clear: both;
}
@media print {
  .c-main {
    display: block !important;
    height: auto !important;
  }
}

.c-main__container {
  display: block;
  font-size: 0;
  height: 100%;
  min-height: 100%;
}
.has-navigation .c-main__container {
  margin-top: 50px;
}
@media print {
  .has-navigation .c-main__container {
    margin-top: 0;
  }
}

.c-main__offcanvas {
  display: inline-block;
  width: 240px;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  -webkit-overflow-scrolling: touch;
  background: #f9f9f9;
  border-right: 1px solid #d9d9d9;
  left: 0;
  position: fixed;
  overflow-x: hidden;
  overflow-y: scroll;
  right: 0;
  bottom: 0;
  z-index: 1000;
  top: 50px;
  top: 4.1666666667rem;
  display: none;
}
.c-main__offcanvas.is-offcanvas {
  display: none;
}
.c-main__offcanvas.is-oncanvas {
  display: block;
  z-index: 10000;
}
@media (max-width: 33.9999em) {
  .c-main__offcanvas {
    width: 90%;
  }
}
@media (min-width: 34em) and (max-width: 47.9999em) {
  .c-main__offcanvas {
    width: 70%;
  }
}
@media (min-width: 48em) {
  .c-main__offcanvas {
    right: 0;
    bottom: 0;
    top: 50px;
    top: 4.1666666667rem;
    width: 70px;
    width: 5.8333333333rem;
    margin-right: -70px;
    margin-right: -5.8333333333rem;
    padding-bottom: 50px;
    padding-bottom: 4.1666666667rem;
    display: block;
    overflow-x: initial;
    overflow-y: initial;
  }
  .c-main__offcanvas.is-offcanvas {
    display: block;
    width: 70px;
    width: 5.8333333333rem;
    margin-right: -70px;
    margin-right: -5.8333333333rem;
  }
  .c-main__offcanvas.is-oncanvas {
    display: block;
    width: 240px;
    width: 20rem;
  }
}
@media (min-width: 62em) {
  .c-main__offcanvas {
    margin-right: -480px;
    margin-right: -40rem;
    z-index: 1000;
  }
  .c-main__offcanvas.is-offcanvas {
    width: 70px;
    width: 5.8333333333rem;
    margin-right: -70px;
    margin-right: -5.8333333333rem;
  }
  .c-main__offcanvas.is-oncanvas {
    width: 240px;
    width: 20rem;
    margin-right: -240px;
    margin-right: -20rem;
  }
}
@media print {
  .c-main__offcanvas {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.c-offcanvas__content {
  background: #f9f9f9;
  border-right: 1px solid #d9d9d9;
  position: relative;
}
@media (min-width: 48em) {
  .c-offcanvas__content {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 240px;
    width: 20rem;
  }
  .is-offcanvas .c-offcanvas__content {
    width: 70px;
    width: 5.8333333333rem;
  }
  .is-oncanvas .c-offcanvas__content {
    width: 240px;
    width: 20rem;
  }
}

.c-offcanvas__footer {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0 auto;
  background: #f3f3f3;
  border-top: 1px solid #ebebeb;
  border-right: 1px solid #d9d9d9;
  text-align: right;
  position: relative;
  bottom: 0;
  left: 0;
  position: relative;
}
@media (min-width: 48em) {
  .c-offcanvas__footer {
    overflow: hidden;
    width: 240px;
    width: 20rem;
  }
  .is-offcanvas .c-offcanvas__footer {
    width: 70px;
    width: 5.8333333333rem;
  }
  .is-oncanvas .c-offcanvas__footer {
    width: 240px;
    width: 20rem;
  }
}

.c-main__content {
  background: #f9f9f9;
  height: 100%;
  position: relative;
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
@media (min-width: 48em) {
  .has-navigation .c-main__content {
    padding-left: 70px;
    padding-left: 5.8333333333rem;
  }
}
@media (min-width: 62em) {
  .has-navigation .c-main__content {
    padding-left: 240px;
    padding-left: 20rem;
  }
  .has-navigation--offcanvas .c-main__content {
    padding-left: 70px;
    padding-left: 5.8333333333rem;
  }
  .has-navigation--oncanvas .c-main__content {
    padding-left: 240px;
    padding-left: 20rem;
  }
}
@media print {
  .c-main__content {
    background: none !important;
    display: block !important;
    padding: 0 !important;
  }
}

.text-wrap-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(-50%, -50%);
  padding: 10px 20px !important;
  background: #fff;
  color: #346D75;
}

/*------------------------------------------------------------------------------
    #Components - Navigation Toggle
  ----------------------------------------------------------------------------*/
.c-offcanvas-toggle {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-offcanvas-toggle--site-nav {
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.c-offcanvas-toggle__button {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  height: 100%;
  background-color: transparent;
  background-image: none;
  color: #7a7a7a;
  border: 0;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.is-offcanvas .c-offcanvas-toggle__button {
  text-align: center;
}
@media (min-width: 48em) {
  .c-offcanvas-toggle__button {
    display: inline-block;
  }
}

.c-offcanvas-toggle--site-nav .c-offcanvas-toggle__icon {
  height: 40px;
  height: 3.3333333333rem;
  width: 40px;
  width: 3.3333333333rem;
  font-size: 26px;
  font-size: 2.1666666667rem;
}
.c-offcanvas-toggle--site-nav .c-offcanvas-toggle__icon:before {
  vertical-align: middle;
  content: "";
}
.is-offcanvas .c-offcanvas-toggle--site-nav .c-offcanvas-toggle__icon:before {
  content: "";
}
.c-offcanvas-toggle--header .c-offcanvas-toggle__icon {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.c-offcanvas-toggle--header .c-offcanvas-toggle__icon, .c-offcanvas-toggle--header .c-offcanvas-toggle__icon:before, .c-offcanvas-toggle--header .c-offcanvas-toggle__icon:after {
  background: inherit;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  height: 3px;
  width: 20px;
  width: 1.6666666667rem;
}
.c-offcanvas-toggle--header .c-offcanvas-toggle__icon:before, .c-offcanvas-toggle--header .c-offcanvas-toggle__icon:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
}
.c-offcanvas-toggle--header .c-offcanvas-toggle__icon:before {
  top: 6px;
}
.c-offcanvas-toggle--header .c-offcanvas-toggle__icon:after {
  bottom: 6px;
}

/*------------------------------------------------------------------------------
    #Components - Content Navigation
  ----------------------------------------------------------------------------*/
.c-site-nav {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: #f9f9f9;
}
@media (max-width: 47.9999em) {
  .c-site-nav {
    padding: 16.4px 0;
    padding: 1.3666666667rem 0;
    font-size: 14px;
    font-size: 1.1666666667rem;
    line-height: 1.1714285714;
  }
}

.c-site-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-site-nav__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  position: relative;
}

.c-site-nav__link {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  line-height: 1.6667;
  position: relative;
  text-decoration: none;
  color: #4f4f4f;
}
@media (max-width: 47.9999em) {
  .c-site-nav__link {
    padding: 16.4px 32.8px 16.4px 32.8px;
    padding: 1.3666666667rem 2.7333333333rem 1.3666666667rem 2.7333333333rem;
  }
}
@media (min-width: 48em) {
  .c-site-nav__link {
    padding: 8.2px 32.8px 8.2px 32.8px;
    padding: 0.6833333333rem 2.7333333333rem 0.6833333333rem 2.7333333333rem;
  }
  .is-offcanvas .c-site-nav__link {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    overflow: hidden;
  }
}
.c-site-nav__link:hover, .c-site-nav__link:focus {
  text-decoration: none;
  color: #00aeab;
}
.c-site-nav__item.is-active .c-site-nav__link {
  color: #00aeab;
}
.c-site-nav__item.is-active .c-site-nav__link:hover, .c-site-nav__item.is-active .c-site-nav__link:focus {
  color: #00aeab;
}
.c-site-nav__item.is-disabled .c-site-nav__link {
  color: gray;
}
.c-site-nav__item.is-disabled .c-site-nav__link:hover, .c-site-nav__item.is-disabled .c-site-nav__link:focus {
  color: gray;
  cursor: not-allowed;
}
.c-site-nav__link .c-site-nav__icon {
  color: #7a7a7a;
  font-size: 18px;
  font-size: 1.5rem;
  line-height: 1.8222222222;
  margin: 0 0.75rem;
  left: 0;
  left: 0;
  line-height: 1.2;
  position: absolute;
}
@media (min-width: 48em) {
  .is-offcanvas .c-site-nav__link .c-site-nav__icon {
    position: relative;
  }
}
.c-site-nav__link.is-active .c-site-nav__icon, .c-site-nav__link:hover .c-site-nav__icon {
  color: #00aeab;
}
.c-site-nav__link img {
  max-width: none;
}

@media (min-width: 48em) {
  .is-offcanvas .c-site-nav__label {
    display: none;
  }
}

.c-site-nav__sub-list,
.c-site-nav__sub-sub-list {
  background: #f3f3f3;
  border-left: 2px solid #186e77;
  margin: 0;
  list-style: none;
  display: none;
}
.c-site-nav__sub-list.is-expanded,
.c-site-nav__sub-sub-list.is-expanded {
  display: block;
}
@media (min-width: 48em) {
  .is-offcanvas .c-site-nav__sub-list.is-expanded,
.is-offcanvas .c-site-nav__sub-sub-list.is-expanded {
    display: none;
  }
}

.c-site-nav__sub-item,
.c-site-nav__sub-sub-item {
  position: relative;
  display: block;
  color: #4f4f4f;
}

.c-site-nav__sub-item:first-child {
  border-top: 1px solid #ebebeb;
  padding-top: 8.2px;
  padding-top: 0.6833333333rem;
}
.c-site-nav__sub-item:last-child {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 8.2px;
  padding-bottom: 0.6833333333rem;
}

.c-site-nav__sub-link,
.c-site-nav__sub-detail,
.c-site-nav__sub-sub-link {
  position: relative;
  display: block;
  text-decoration: none;
}
.c-site-nav__sub-link:hover, .c-site-nav__sub-link:focus,
.c-site-nav__sub-detail:hover,
.c-site-nav__sub-detail:focus,
.c-site-nav__sub-sub-link:hover,
.c-site-nav__sub-sub-link:focus {
  text-decoration: none;
}
.c-site-nav__sub-link img,
.c-site-nav__sub-detail img,
.c-site-nav__sub-sub-link img {
  max-width: none;
}

@media (max-width: 47.9999em) {
  .c-site-nav__sub-detail,
.c-site-nav__sub-link {
    padding: 16.4px 4.1px 16.4px 32.8px;
    padding: 1.3666666667rem 0.3416666667rem 1.3666666667rem 2.7333333333rem;
  }
}
@media (min-width: 48em) {
  .c-site-nav__sub-detail,
.c-site-nav__sub-link {
    padding: 5.4666666667px 4.1px 5.4666666667px 32.8px;
    padding: 0.4555555556rem 0.3416666667rem 0.4555555556rem 2.7333333333rem;
  }
  .is-offcanvas .c-site-nav__sub-detail,
.is-offcanvas .c-site-nav__sub-link {
    padding-left: 16.4px;
    padding-left: 1.3666666667rem;
  }
}

.c-site-nav__sub-link {
  color: #4f4f4f;
}
@media (max-width: 47.9999em) {
  .c-site-nav__sub-link:hover, .c-site-nav__sub-link:focus {
    color: #00aeab;
  }
}
@media (min-width: 48em) {
  .c-site-nav__sub-link:hover, .c-site-nav__sub-link:focus {
    color: #00aeab;
  }
}
.c-site-nav__sub-item.is-active .c-site-nav__sub-link {
  color: #00aeab;
}
.c-site-nav__sub-item.is-disabled .c-site-nav__sub-link {
  color: gray;
}
.c-site-nav__sub-item.is-disabled .c-site-nav__sub-link:hover, .c-site-nav__sub-item.is-disabled .c-site-nav__sub-link:focus {
  color: gray;
  cursor: not-allowed;
}

@media (max-width: 47.9999em) {
  .c-site-nav__sub-sub-link {
    color: #00aeab;
    padding: 16.4px 4.1px 16.4px 49.2px;
    padding: 1.3666666667rem 0.3416666667rem 1.3666666667rem 4.1rem;
  }
}
@media (min-width: 48em) {
  .c-site-nav__sub-sub-link {
    color: #363636;
    padding: 4.1px 4.1px 4.1px 32.8px;
    padding: 0.3416666667rem 0.3416666667rem 0.3416666667rem 2.7333333333rem;
  }
}
@media (max-width: 47.9999em) {
  .c-site-nav__sub-sub-link:hover, .c-site-nav__sub-sub-link:focus {
    color: #00aeab;
  }
}
@media (min-width: 48em) {
  .c-site-nav__sub-sub-link:hover, .c-site-nav__sub-sub-link:focus {
    color: #006260;
  }
}

@media (min-width: 48em) {
  .c-site-nav__item--user-account {
    display: none;
  }
}

.c-site-nav__flyout {
  box-shadow: 3px 4px 15px 0px #c7c1c7;
  position: fixed;
  left: 6.5em;
  width: 20em;
  z-index: 10000;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-clip: padding-box;
  color: #0C0C0C;
}
.c-site-nav__flyout .c-site-nav__flyout__arrow,
.c-site-nav__flyout .c-site-nav__flyout__arrow--shadow {
  right: 100%;
  top: 1.7em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.c-site-nav__flyout .c-site-nav__flyout__arrow {
  border-color: rgba(204, 204, 204, 0);
  border-right-color: #ccc;
  border-width: 14px;
  border-width: 1.1666666667rem;
  margin-top: -14px;
  margin-top: -1.1666666667rem;
}
.c-site-nav__flyout .c-site-nav__flyout__arrow--shadow {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 13px;
  border-width: 1.0833333333rem;
  margin-top: -13px;
  margin-top: -1.0833333333rem;
}
.c-site-nav__flyout .c-site-nav__sub-item:first-child {
  padding-top: 0;
  padding-top: 0;
}
.c-site-nav__flyout .c-site-nav__sub-item:last-child {
  padding-bottom: 0;
  padding-bottom: 0;
  border-radius: 0 0 3px 3px;
  border-bottom: 0 none;
}
.c-site-nav__flyout .c-site-nav__link {
  cursor: default;
}
.c-site-nav__flyout .c-site-nav__sub-item:hover,
.c-site-nav__flyout .c-site-nav__sub-item:focus,
.c-site-nav__flyout .c-site-nav__sub-item:active,
.c-site-nav__flyout .c-site-nav__sub-link:hover .c-site-nav__sub-label,
.c-site-nav__flyout .c-site-nav__sub-link:focus .c-site-nav__sub-label,
.c-site-nav__flyout .c-site-nav__sub-link:active .c-site-nav__sub-label {
  color: #fff;
  background-color: #00aeab;
  text-decoration: none;
}
.c-site-nav__flyout .c-site-nav__sub-list,
.c-site-nav__flyout .c-site-nav__sub-sub-list {
  background-color: #fff;
  border: 0 none;
  border-radius: 4px;
}
.c-site-nav__flyout .c-site-nav__icon {
  display: none;
}
.c-site-nav__flyout .c-site-nav__label {
  display: block;
  color: #00aeab;
  font-weight: 600;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
  text-align: left;
  font-size: 14px;
}
.c-site-nav__flyout .js-site-nav-content {
  border-radius: 0 0 3px 3px;
  overflow-y: auto;
}

/*------------------------------------------------------------------------------
    #Components - Store Switcher
  ----------------------------------------------------------------------------*/
.c-store-switcher {
  position: relative;
  display: block;
  color: #4f4f4f;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 47.9999em) {
  .c-store-switcher {
    padding: 24.6px 4.1px 24.6px 32.8px;
    padding: 2.05rem 0.3416666667rem 2.05rem 2.7333333333rem;
  }
}
@media (min-width: 48em) {
  .c-store-switcher {
    padding: 13.6666666667px 4.1px 13.6666666667px 32.8px;
    padding: 1.1388888889rem 0.3416666667rem 1.1388888889rem 2.7333333333rem;
  }
  .is-offcanvas .c-store-switcher {
    padding-left: 16.4px;
    padding-left: 1.3666666667rem;
  }
}

.c-store-switcher__label {
  font-weight: 400;
}

/*------------------------------------------------------------------------------
    #Components - Build Information
  ----------------------------------------------------------------------------*/
.c-build-information {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0 auto;
  padding: 16.4px 0;
  padding: 1.3666666667rem 0;
  font-size: 0;
}
@media (min-width: 48em) {
  .is-offcanvas .c-build-information {
    visibility: hidden;
    overflow: hidden;
  }
}

.c-build-information__version,
.c-build-information__directory {
  display: inline-block;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
  padding-right: 16.4px;
  padding-right: 1.3666666667rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  color: #4f4f4f;
  font-size: 9px;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

/*------------------------------------------------------------------------------
    #Components - Content
  ----------------------------------------------------------------------------*/
/**
 * Main c-content component with some modifiers.
 */
.c-content {
  height: 100%;
  padding: 8px;
  padding: 0.6666666667rem;
}
.c-content:before, .c-content:after {
  content: " ";
  display: table;
}
.c-content:after {
  clear: both;
}
@media (min-width: 62em) {
  .c-content {
    padding: 4px;
    padding: 0.3333333333rem;
  }
}
.is-simplified .c-content {
  display: table-cell;
  vertical-align: middle;
}
@media print {
  .c-content {
    padding: 0 !important;
  }
}

.c-content__container {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: #fff;
  border: 1px solid #ebebeb;
  padding: 12px;
  padding: 1rem;
  margin-bottom: 4px;
  margin-bottom: 0.3333333333rem;
  height: 100%;
}
@media print {
  .c-content__container {
    display: block;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

.c-content__layout,
.c-payment,
.c-content__menu,
.c-product {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  height: 100%;
}

@media (min-width: 48em) {
  .has-mini-cart .c-content__menu,
.has-mini-cart .c-product {
    border-right: 240px solid transparent;
    border-right-width: 240px;
    border-right-width: 20rem;
    float: left;
    padding-right: 16.4px;
    padding-right: 1.3666666667rem;
  }
}

.c-content__mini-cart {
  display: none;
}
@media (min-width: 48em) {
  .has-mini-cart .c-content__mini-cart {
    display: inline-block;
    width: 240px;
    vertical-align: top;
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.3666666667;
    width: 240px;
    width: 20rem;
    float: right;
    margin-left: -240px;
    margin-left: -20rem;
    height: 100%;
  }
}

.c-content__heading,
.c-payment__heading,
.c-product__heading {
  color: #186e77;
  margin: 6px 0 12px 0;
  margin: 0.5rem 0 1rem 0;
}

.c-content__title {
  color: #346D75;
  font-weight: 700;
  font-size: 17px;
}
.c-content__title small {
  font-size: 50%;
  display: inline-block;
  width: 100%;
}

.c-content__heading .c-content__title {
  margin-left: 0;
}

.c-content__utility {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  display: block;
}
.c-content__utility:before, .c-content__utility:after {
  content: " ";
  display: table;
}
.c-content__utility:after {
  clear: both;
}
.c-content__utility--full-bleed {
  background: #F5F7F7;
  border-bottom: 1px solid #E2E5E5;
  border-top: 1px solid #E2E5E5;
  margin-left: -12px;
  margin-left: -1rem;
  margin-right: -12px;
  margin-right: -1rem;
  padding-left: 12px;
  padding-left: 1rem;
  padding-right: 12px;
  padding-right: 1rem;
  border-radius: 0;
}

.c-content__section,
.c-payment__section,
.c-product__section {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  clear: both;
  position: relative;
  width: 100%;
  height: 100%;
}
.c-content__section:before, .c-content__section:after,
.c-payment__section:before,
.c-product__section:before,
.c-payment__section:after,
.c-product__section:after {
  content: " ";
  display: table;
}
.c-content__section:after,
.c-payment__section:after,
.c-product__section:after {
  clear: both;
}
.c-content__section:not(:last-of-type),
.c-payment__section:not(:last-of-type),
.c-product__section:not(:last-of-type) {
  padding-bottom: 8px;
  padding-bottom: 0.6666666667rem;
}

.c-content__subheading,
.c-payment__subheading,
.c-product__subheading {
  margin: 3px 0 1px 0;
  margin: 0.25rem 0 0.0833333333rem 0;
}

.c-content__item,
.c-payment__item,
.c-product__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-content__action,
.c-payment__action,
.c-product__action {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
@media (max-width: 33.9999em) {
  .c-content__action,
.c-payment__action,
.c-product__action {
    margin-top: 24.4px;
    margin-top: 2.0333333333rem;
  }
  .c-content__action .c-button,
.c-payment__action .c-button,
.c-product__action .c-button {
    width: 100%;
  }
  .c-content__action .c-button + .c-button,
.c-payment__action .c-button + .c-button,
.c-product__action .c-button + .c-button {
    margin-top: 8px;
    margin-top: 0.6666666667rem;
  }
}

.c-content__subaction {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
@media (max-width: 33.9999em) {
  .c-content__subaction {
    margin-top: 24.4px;
    margin-top: 2.0333333333rem;
  }
  .c-content__subaction .c-button {
    width: 100%;
  }
  .c-content__subaction .c-button + .c-button {
    margin-top: 8px;
    margin-top: 0.6666666667rem;
  }
}

.c-content__message,
.c-payment__message {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-top: 16.4px;
  margin-top: 1.3666666667rem;
  margin-bottom: 8px;
  margin-bottom: 0.6666666667rem;
}

/*------------------------------------------------------------------------------
    #Components - Copyright
  ----------------------------------------------------------------------------*/
/**
 * This file contains all styles related to the Copyright of the site/application.
 */
.c-mnky-copyright {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  color: #bfbfbf;
  font-size: 9px;
  font-size: 0.75rem;
  margin-bottom: 4px;
  margin-bottom: 0.3333333333rem;
  text-align: center;
}
.c-mnky-copyright a {
  color: #bfbfbf;
}
.c-mnky-copyright a:hover {
  color: #bfbfbf;
  text-decoration: none;
}

.c-mnky-copyright__trademarks {
  padding: 2px 0;
  padding: 0.1666666667rem 0;
  margin-bottom: 0;
}

.c-mnky-copyright__link {
  background: url("../../images/monkey_power_small.png") no-repeat 100% 0;
  padding: 2px 25px 2px 0;
  padding: 0.1666666667rem 2.0833333333rem 0.1666666667rem 0;
}

/* ============================================================================
   @COMPONENTS -> CONTENT-SECTION
   ========================================================================= */
/**
 * Main c-content-section component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-content-section
     .c-content-section__header
       .c-content-section__title
     .c-content-section__footer
 *
*/
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-content-section
 */
.c-content-section {
  margin: 0;
}

/**
 * c-content-section__header
 */
.c-content-section__header {
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
}

/**
 * c-content-section__title
 */
.c-content-section__title {
  font-size: 15px;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.c-content-section__subtitle {
  font-size: 12px;
  font-size: 1rem;
  margin-bottom: 0;
}

/**
 * c-content-section__footer
 */
.c-content-section__footer {
  margin: 16.4px 0 0 0;
  margin: 1.3666666667rem 0 0 0;
}

.c-content-section__action {
  margin: 16.4px 0 0 0;
  margin: 1.3666666667rem 0 0 0;
}
@media print {
  .c-content-section__action {
    display: none;
  }
}

/*------------------------------------------------------------------------------
    #Components - Help Search
  ----------------------------------------------------------------------------*/
/**
 * Help Search section of cart
 */
.c-help-search {
  position: relative;
  width: 100%;
}
@media print {
  .c-help-search {
    display: none;
  }
}

.c-help-search--offcanvas {
  background: #f9f9f9;
  border: 1px solid #d0d0d0;
  border-top: 0;
  position: fixed;
  width: 33.33%;
  top: 50px;
  top: 4.1666666667rem;
  right: -33.33%;
  bottom: 0;
  z-index: 997;
}
@media (max-width: 47.9999em) {
  .c-help-search--offcanvas {
    width: 66.66%;
    right: -66.66%;
  }
}
@media (min-width: 48em) and (max-width: 61.9999em) {
  .c-help-search--offcanvas {
    width: 49.995%;
    right: -49.995%;
  }
}
.c-help-search--offcanvas.is-open {
  right: 0;
}

.c-help-search__content {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.c-help-search__search {
  padding: 16.4px 16.4px 0 16.4px;
  padding: 1.3666666667rem 1.3666666667rem 0 1.3666666667rem;
}
.preproduction-warning .c-help-search__search {
  top: 32.8px;
  top: 2.7333333333rem;
}

.c-help-search__heading {
  display: inline-block;
}

.c-help-search__toggle {
  color: #fff;
  font-size: 28px;
  font-size: 2.3333333333rem;
  line-height: 1;
  position: absolute;
  top: 8px;
  top: 0.6666666667rem;
  right: 12px;
  right: 1rem;
  z-index: 998;
  text-align: center;
  width: 35px;
  width: 2.9166666667rem;
  cursor: pointer;
}
@media print {
  .c-help-search__toggle {
    display: none;
  }
}
.preproduction-warning .c-help-search__toggle {
  top: 32.8px;
  top: 2.7333333333rem;
}
.c-help-search__toggle:hover {
  color: #e6e6e6;
  text-decoration: none;
}

.c-help-search__result {
  margin: 0 1.5rem;
}

.c-help-search-result {
  position: relative;
  margin-top: 16.4px;
  margin-top: 1.3666666667rem;
  width: 100%;
}

.c-help-search-result__item {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.c-help-search-result__item:first-of-type {
  border-top: 1px solid #f0f0f0;
}
.c-help-search-result__item.is-active {
  background: #fff;
}

.c-help-search-result__heading {
  display: block;
  font-size: 1.15rem;
  margin: 0;
  position: relative;
}

.c-help-search-result__toggle {
  display: block;
  position: relative;
  padding: 16.4px 49.2px 16.4px 16.4px;
  padding: 1.3666666667rem 4.1rem 1.3666666667rem 1.3666666667rem;
  text-decoration: none;
}
.c-help-search-result__toggle:hover, .c-help-search-result__toggle:focus {
  text-decoration: none;
}
.c-help-search-result__toggle::after {
  content: "";
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  width: 49.2px;
  width: 4.1rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-help-search-result__item.is-active .c-help-search-result__toggle {
  font-weight: 600;
}
.c-help-search-result__item.is-active .c-help-search-result__toggle::after {
  content: "";
}

.c-help-search-result__content {
  display: none;
  padding: 0 16.4px;
  padding: 0 1.3666666667rem;
  position: relative;
}
.c-help-search-result__content.is-expanded {
  display: block;
}

.c-help-search-result__detail {
  padding-bottom: 16.4px;
  padding-bottom: 1.3666666667rem;
  position: relative;
}

.c-help-search-result__action {
  padding-bottom: 16.4px;
  padding-bottom: 1.3666666667rem;
  text-align: right;
}

/*------------------------------------------------------------------------------
    #Components - Breadcurmbs
  ----------------------------------------------------------------------------*/
.c-breadcrumb {
  display: block;
  font-size: 0;
  padding: 12px;
  padding: 1rem;
  margin-bottom: 4px;
  margin-bottom: 0.3333333333rem;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  list-style: none;
}
@media print {
  .c-breadcrumb {
    display: none;
  }
}

.c-breadcrumb__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-breadcrumb__item {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  list-style: none;
}
@media (min-width: 48em) {
  .c-breadcrumb__item {
    font-size: 12px;
    font-size: 1rem;
    line-height: 1.3666666667;
  }
}
.c-breadcrumb__item + .c-breadcrumb__item:before {
  content: "> ";
  padding: 0 0 0 8px;
  padding: 0 0 0 0.6666666667rem;
  color: #1a1a1a;
}
.c-breadcrumb__item .is-active {
  color: #000;
}

.c-breadcrumb__link {
  color: #52AEAD;
  font-weight: 600;
  text-decoration: none;
}
.c-breadcrumb__link:not([href]) {
  cursor: not-allowed;
}

/* ============================================================================
   @COMPONENTS -> CONTENT-UTILITY
   ========================================================================= */
/**
 * Main c-content-utility component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-content-utility
     .c-content-utility__list
       .c-content-utility__item
 *
*/
/**
 * Settings.
 */
/**
 * Padding.
 */
/**
 * c-content-utility
 */
.c-content-utility {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: auto;
  vertical-align: middle;
  float: right;
}

.c-content-utility--power {
  float: left;
}

/**
 * c-utility-menu__list
 */
.c-content-utility__list {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  margin: 0;
  margin: 0;
  padding: 4px 0;
  padding: 0.3333333333rem 0;
  list-style: none;
}

/**
 * c-utility-menu__item
 */
.c-content-utility__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 2.5px;
  margin: 0.2083333333rem;
}
.c-content-utility__item .c-content-utility__item--actions {
  text-align: right;
}
.c-content-utility__item:first-of-type {
  margin-left: 0;
  margin-left: 0;
}
.c-content-utility__item:last-of-type {
  margin-right: 0;
  margin-right: 0;
}

.c-content-utility__link {
  font-weight: 600;
}

/* ============================================================================
   @COMPONENTS -> EDIT
   ========================================================================= */
/**
 * Main edit component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-edit
   .c-edit__header
   .c-edit__section
       .c-edit__item
         .c-edit__detail
             .c-edit__label
             .c-edit__description
         .c-edit__action
   .c-edit__footer
 *
*/
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-edit.
 */
.c-edit {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  position: relative;
  vertical-align: top;
}
@media (min-width: 62em) {
  .c-edit {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .c-edit {
    width: 60%;
  }
}
@media (min-width: 85.375em) {
  .c-edit {
    width: 50%;
  }
}
@media (min-width: 100em) {
  .c-edit {
    width: 40%;
  }
}
@media (min-width: 120em) {
  .c-edit {
    width: 35%;
  }
}

/**
 * c-edit__section.
 */
.c-edit__section {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ededed;
}
.c-edit__section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top-width: 0;
}

/**
 * c-edit__heading.
 */
/**
 * c-edit__title.
 */
.c-edit__title {
  display: inline-block;
  margin: 0 0 1rem 0;
  position: relative;
}

/**
 * c-edit__list.
 */
.c-edit__list {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}
.c-edit__list:last-of-type .c-form-item:last-of-type {
  margin-bottom: 0;
}

/**
 * c-edit__item.
 */
.c-edit__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  /*@include to-rem(margin, 0 0 $edit-spacing--tiny 0);
  @include to-rem(padding, 0);*/
  text-align: left;
  vertical-align: top;
}
.c-edit__item select[multiple].c-form-item_field {
  min-height: 15rem;
}

/**
 * c-edit__footer.
 */
.c-edit__footer {
  margin: 16.4px 0 0 0;
  margin: 1.3666666667rem 0 0 0;
  padding: 0;
  padding: 0;
  text-align: left;
}

/**
 * c-edit__footer.
 */
.c-edit__action {
  display: inline-block;
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 0;
}

/* ============================================================================
   @COMPONENTS -> ORDER ITEMS
   ========================================================================= */
/**
 * Main cart component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-cart
   .c-cart__header
   .c-cart__section
       .c-cart__item
         .c-cart__detail
             .c-cart__name
             .c-cartt__description
         .c-cart__action
   .c-cart__footer
 *
*/
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-order-items.
 */
.c-order-items {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
}

/*
* c-cart__item-header
*/
.c-order-items__header {
  padding: 1em 0 0.5em 0;
}
.c-order-items__header:first-child {
  padding: 2em 0 1em 0;
}

.c-order-items__title {
  font-weight: 400;
}

/**
 * c-order-items__section.
 */
.c-order-items__section {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * c-order-items__item.
 */
.c-order-items__item {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  border-top: 1px solid #fff;
  text-align: left;
  clear: both;
}
.c-order-items__item:last-child {
  border-bottom: 1px solid #fff;
}
@media (min-width: 48em) {
  .c-order-items__item:hover {
    background: #fff;
  }
}
.c-order-items__item .c-order-items__item {
  border-top-width: 0;
  border-bottom-width: 0;
}

/*
* c-cart__item-footer
*/
.c-order-items__footer {
  margin: 16.4px 0 0 0;
  margin: 1.3666666667rem 0 0 0;
  padding: 0;
  padding: 0;
  text-align: left;
}

/*
* c-cart__detail
* c-cart__action
*/
.c-order-items__action {
  margin: 0;
  padding: 0;
  text-align: left;
}
.c-order-items__action:last-child {
  border-bottom: 0;
}
@media (max-width: 47.9999em) {
  .c-order-items__action {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .c-order-items__action:hover {
    background: #f6f6f6;
  }
}

/*
* c-order-items__name
* c-order-items__description
*/
.c-order-items__information {
  padding: 5.3333333333px 16.4px;
  padding: 0.4444444444rem 1.3666666667rem;
  position: relative;
}

.c-order-items__name,
.c-order-items__quantity,
.c-order-items__price,
.c-order-items__trigger,
.c-order-items__details {
  display: inline-block;
  padding-left: 8.2px;
  padding-left: 0.6833333333rem;
  padding-right: 8.2px;
  padding-right: 0.6833333333rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0;
  position: relative;
}

.c-order-items__name {
  width: 58.3333333333%;
}
.c-order-items__item .c-order-items__item .c-order-items__name {
  width: 50%;
}

.c-order-items__name--parent {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.c-order-items__quantity {
  float: left;
  text-align: center;
  width: 8.3333333333%;
}
.c-order-items__item .c-order-items__item .c-order-items__quantity {
  margin-left: 8.3333333333%;
}

.c-order-items__price {
  text-align: right;
  width: 16.6666666667%;
}

.c-order-items__details {
  margin-left: 8.3333333333%;
  padding: 0 16.4px;
  padding: 0 1.3666666667rem;
  width: 66.6666666667%;
}
.c-order-items__item .c-order-items__item .c-order-items__details {
  width: 58.3333333333%;
}
.c-order-items__details.is-collapsed {
  display: none;
}
.c-order-items__details.is-expanded {
  display: block;
}

.c-order-items__description {
  padding: 4.1px 8.2px 4.1px 8.2px;
  padding: 0.3416666667rem 0.6833333333rem 0.3416666667rem 0.6833333333rem;
}

/*
* c-tree-list__trigger
*/
.c-order-items__trigger {
  cursor: pointer;
  float: right;
  padding: 5px 24.6px;
  padding: 0.4166666667rem 2.05rem;
  position: absolute;
  text-align: center;
  right: 8.2px;
  right: 0.6833333333rem;
  top: 0;
  width: auto;
  z-index: 100;
}
.c-order-items__trigger:hover {
  background: #f3f3f3;
  text-decoration: none;
}
.c-order-items__trigger::after {
  content: "";
  text-align: center;
  position: absolute;
  right: 0;
  speak: none;
  width: 100%;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-order-items__trigger.is-active::after {
  content: "";
}

/* ============================================================================
   @COMPONENTS -> TREE-LIST
   ========================================================================= */
/**
 * Main tree-list component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-tree-list
   .c-tree-list__header
   .c-tree-list__section
       .c-tree-list__item
         .c-tree-list__header
             .c-tree-list__title
         .c-tree-list__action
   .c-tree-list__footer
 *
*/
/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-tree-list.
 */
.c-tree-list {
  display: inline-block;
  margin: 0;
  min-width: 50em;
  padding: 0;
}

/*
* c-tree-list__header
*/
.c-tree-list__header {
  display: inline-block;
}

/**
 * c-tree-list__section.
 */
.c-tree-list__section {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-tree-list__section:first-child {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.c-tree-list__section.is-collapsed {
  display: none;
}
.c-tree-list__section.is-expanded {
  display: block;
}

/*
* c-tree-list__header
*/
.c-tree-list__footer {
  margin: 16.4px 0 0 0;
  margin: 1.3666666667rem 0 0 0;
  padding: 0;
  text-align: left;
}

/*
* c-tree-list__action
*/
.c-tree-list__action {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/*
* c-tree-list__item
*/
.c-tree-list__item {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  border-top: 1px solid #fafafa;
  text-align: left;
}

/*
* c-tree-list__header
*/
.c-tree-list__header {
  display: inline-block;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
  padding-right: 16.4px;
  padding-right: 1.3666666667rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding-top: 5.3333333333px;
  padding-top: 0.4444444444rem;
  padding-bottom: 5.3333333333px;
  padding-bottom: 0.4444444444rem;
  position: relative;
}
.c-tree-list__header:hover {
  background: #f9f9f9;
}
.is-active > .c-tree-list__header, .has-active-child > .c-tree-list__header {
  background: #f9f9f9;
  font-weight: 600;
}

/*
* c-tree-list__title
*/
.c-tree-list__title {
  display: inline-block;
  margin: 0;
  position: relative;
  max-width: 80%;
}
.c-tree-list__title label {
  margin-bottom: 0;
}
.is-active > .c-tree-list__header > .c-tree-list__title label, .has-active-child > .c-tree-list__header > .c-tree-list__title label {
  font-weight: 600;
}

/*
* c-tree-list__trigger
*/
.c-tree-list__trigger {
  cursor: pointer;
  float: right;
  padding: 5px 24.6px;
  padding: 0.4166666667rem 2.05rem;
  position: absolute;
  text-align: center;
  right: 8.2px;
  right: 0.6833333333rem;
  top: 0;
  z-index: 100;
}
.c-tree-list__trigger:hover {
  background: #f3f3f3;
  text-decoration: none;
}
.c-tree-list__trigger::after {
  content: "";
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  speak: none;
  width: 100%;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.c-tree-list__trigger.is-active::after {
  content: "";
}

.c-tree-list__item--first-level {
  border-top-width: 0;
}
.c-tree-list__item--first-level > .c-tree-list__header {
  background: #f6f6f6;
  font-weight: 600;
}

.c-tree-list__item--third-level > .c-tree-list__header {
  padding-left: 32.8px;
  padding-left: 2.7333333333rem;
}

.c-tree-list__item--fourth-level > .c-tree-list__header {
  padding-left: 49.2px;
  padding-left: 4.1rem;
}

.c-tree-list__item--fifth-level > .c-tree-list__header {
  padding-left: 65.6px;
  padding-left: 5.4666666667rem;
}

.c-tree-list__item--sixth-level > .c-tree-list__header {
  padding-left: 82px;
  padding-left: 6.8333333333rem;
}

/* Modifiers for separated list */
.c-tree-list__header--separated-list {
  margin: 2px 0;
  margin: 0.1666666667rem 0;
  border: 1px solid #d9d9d9;
}

.c-tree-list__trigger--separated-list {
  padding-left: 8px;
  padding-left: 0.6666666667rem;
  padding-right: 8px;
  padding-right: 0.6666666667rem;
}
.c-tree-list__trigger--separated-list::after {
  font-size: 15.6px;
  font-size: 1.3rem;
  line-height: 1.025;
  font-weight: 700;
}

/* ============================================================================
   @COMPONENTS -> QUICK FILTER
   ========================================================================= */
/**
 * Main tree-list component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-quick-filter
   .c-quick-filter__header
   .c-quick-filter__section
       .c-quick-filter__item
         .c-quick-filter__header
             .c-quick-filter__title
         .c-quick-filter__action
   .c-quick-filter__footer
 *
*/
/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-quick-filter.
 */
.c-quick-filter {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  vertical-align: top;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  min-width: 50em;
  width: 100%;
  padding: 0;
}
@media print {
  .c-quick-filter {
    display: none;
  }
}

/**
 * c-quick-filter__section.
 */
.c-quick-filter__section {
  display: table-row;
  margin: 0;
  padding: 0;
}
.c-quick-filter__section:first-child {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.c-quick-filter__header,
.c-quick-filter__list,
.c-quick-filter__configure {
  display: table-cell;
  padding: 8px 5px;
  padding: 0.6666666667rem 0.4166666667rem;
  vertical-align: top;
}

.c-quick-filter__header {
  position: relative;
  white-space: nowrap;
}

/*
* c-quick-filter__title
*/
.c-quick-filter__title {
  display: inline-block;
  font-size: 17px;
  font-size: 1.4166666667rem;
  line-height: 1.3666666667;
  margin: 0;
  position: relative;
}

.c-quick-filter__list,
.c-quick-filter__configure {
  padding-top: 8px;
  padding-top: 0.6666666667rem;
}

.c-quick-filter__list {
  text-align: left;
  width: 90%;
}

.c-quick-filter__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 2.5px 5px;
  margin: 0.2083333333rem 0.4166666667rem;
}
.c-quick-filter__item .c-quick-filter__item--actions {
  text-align: right;
}
.c-quick-filter__item:first-of-type {
  margin-left: 0;
  margin-left: 0;
}
.c-quick-filter__item:last-of-type {
  margin-right: 0;
  margin-right: 0;
}

.c-quick-filter__link {
  font-weight: 600;
}

.c-quick-filter__configure {
  text-align: right;
}

/* ============================================================================
   @COMPONENTS -> TREE-LIST
   ========================================================================= */
/**
 * Main tree-list component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-utility-filter
   .c-utility-filter__header
   .c-utility-filter__section
       .c-utility-filter__item
         .c-utility-filter__header
             .c-utility-filter__title
         .c-utility-filter__action
   .c-utility-filter__footer
 *
*/
/**
 * Settings.
 */
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
.c-utility-filter,
.c-search-filter {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  padding: 12px;
  padding: 1rem;
}
.c-utility-filter:before, .c-utility-filter:after,
.c-search-filter:before,
.c-search-filter:after {
  content: " ";
  display: table;
}
.c-utility-filter:after,
.c-search-filter:after {
  clear: both;
}
@media (min-width: 62em) {
  .c-utility-filter,
.c-search-filter {
    width: 60%;
  }
}
@media (min-width: 75em) {
  .c-utility-filter,
.c-search-filter {
    width: 50%;
  }
}
@media (min-width: 85.375em) {
  .c-utility-filter,
.c-search-filter {
    width: 40%;
  }
}
@media (min-width: 100em) {
  .c-utility-filter,
.c-search-filter {
    width: 40%;
  }
}
@media (min-width: 120em) {
  .c-utility-filter,
.c-search-filter {
    width: 30%;
  }
}
.c-drop-down .c-utility-filter,
.c-drop-down .c-search-filter {
  border: 0;
  min-width: 50rem;
}

.c-search-filter {
  background: none;
  border: 0;
  padding: 12px 0;
  padding: 1rem 0;
}

.c-utility-filter__heading,
.c-search-filter__heading {
  margin-bottom: 12px;
  margin-bottom: 1rem;
}

.c-search-filter__heading {
  font-size: 15px;
  font-size: 1.25rem;
  font-weight: 400;
}

.c-utility-filter__list,
.c-search-filter__list {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}
.c-utility-filter__list:last-of-type,
.c-search-filter__list:last-of-type {
  margin-bottom: 0;
}
.c-utility-filter__list:last-of-type .c-form-item,
.c-search-filter__list:last-of-type .c-form-item {
  margin-bottom: 0;
}

.c-utility-filter__item,
.c-search-filter__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  text-align: left;
  vertical-align: top;
}
.c-utility-filter__item select[multiple].c-form-item_field,
.c-search-filter__item select[multiple].c-form-item_field {
  min-height: 15rem;
}

.c-search-filter__item .c-search-filter__field {
  padding: 0 9.84px;
  padding: 0 0.82rem;
  min-height: 31.98px;
  min-height: 2.665rem;
}
@media (min-width: 62em) {
  .c-search-filter__item .c-search-filter__field {
    min-height: 33.62px;
    min-height: 2.8016666667rem;
  }
}

.c-search-filter__item .c-search-filter__button {
  border-width: 1px;
  line-height: 12px;
  line-height: 1rem;
  min-height: 31.98px;
  min-height: 2.665rem;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 62em) {
  .c-search-filter__item .c-search-filter__button {
    line-height: 24px;
    line-height: 2rem;
    min-height: 28.7px;
    min-height: 2.3916666667rem;
  }
}

.c-search-filter__item .c-search-filter__button .c-icon--search:before {
  font-size: 15px;
  font-size: 1.25rem;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 62em) {
  .c-search-filter__item .c-search-filter__button .c-icon--search:before {
    font-size: 18px;
    font-size: 1.5rem;
  }
}

.c-utility-filter__action,
.c-search-filter__action {
  margin: 0;
  padding: 0 0 8px 0;
  padding: 0 0 0.6666666667rem 0;
  text-align: left;
}

.c-utility-result,
.c-search-result {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin-top: 33px;
  margin-top: 2.75rem;
}

.c-searchclients__item--input-search-clients {
  margin-bottom: 0;
  margin-bottom: 0;
}

.c-search-filter-box input {
  padding-left: 12px !important;
}
.c-search-filter-box .c-form-item__field-group .twitter-typeahead {
  width: 98.6%;
}
.c-search-filter-box .c-form-item__button {
  width: 87px;
  text-align: right;
}
.c-search-filter-box .c-search-filter__button {
  height: 25px !important;
  min-height: 25px !important;
  line-height: 12px !important;
  padding: 4px 9px;
  min-width: 85px;
  border-radius: 2px !important;
}
.c-search-filter-box .c-search-filter__button .c-icon--search {
  margin-right: 1px;
}
.c-search-filter-box .c-search-filter__button .c-icon--search:before {
  top: -1px;
  position: relative;
  left: -3px;
}

.section__users .c-search-filter {
  padding: 0;
  margin-bottom: 15px;
}
.section__users .c-search-filter .c-search-filter__form .c-search-filter__heading {
  display: none;
}

.c-cart__item-quantity {
  padding: 4px 0 0 0;
  padding: 0.3333333333rem 0 0 0;
  margin-bottom: 0;
  width: 100%;
}
.c-cart__item-quantity .c-quantity-selector {
  width: 100%;
}

/* ============================================================================
   @COMPONENTS -> production-report
   ========================================================================= */
/**
 * Main c-production-report component with some modifiers.
 *
 * The base component class and all of its modifiers:
 *
   .c-production-report
     .c-production-report__header
       .c-production-report__title
     .c-production-report__footer
 *
*/
/**
 * Settings.
 */
/**
 * Toggle on/off certain styles and treatments.
 */
/**
 * Box sizing, here we set a variable assuming that `box-sizing: border-box;`
 * is not set globally. If it has been previously been defined, the following
 * variable will be overridden and will be set to `true`.
 */
/**
 * Colours.
 */
/**
 * Padding.
 */
/**
 * c-production-report
 */
.c-production-report {
  margin: 0;
  margin: 0;
  padding: 8px;
  padding: 0.6666666667rem;
}

/**
 * c-production-report__header
 */
.c-production-report__header {
  margin-bottom: 24.4px;
  margin-bottom: 2.0333333333rem;
}

/**
 * c-production-report__title
 */
.c-production-report__title {
  font-size: 15px;
  font-size: 1.25rem;
  margin-bottom: 0;
}

/**
 * c-production-report__footer
 */
.c-production-report__group {
  margin: 0 0 48.8px 0;
  margin: 0 0 4.0666666667rem 0;
}

.c-production-report__group-header {
  margin-bottom: 24.4px;
  margin-bottom: 2.0333333333rem;
}

.c-production-report__category {
  margin: 0 0 24.4px 0;
  margin: 0 0 2.0333333333rem 0;
}

/*------------------------------------------------------------------------------
    #Components - Content Navigation
  ----------------------------------------------------------------------------*/
.c-navigation-group {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-navigation-group__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c-navigation-group__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  position: relative;
}

.c-navigation-group__link {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  position: relative;
}
@media (max-width: 47.9999em) {
  .c-navigation-group__link {
    padding-top: 8px;
    padding-top: 0.6666666667rem;
    padding-bottom: 8px;
    padding-bottom: 0.6666666667rem;
  }
}
@media (min-width: 48em) {
  .c-navigation-group__link {
    padding-top: 4px;
    padding-top: 0.3333333333rem;
    padding-bottom: 4px;
    padding-bottom: 0.3333333333rem;
  }
}

/*------------------------------------------------------------------------------
    #Components - Order Pad
  ----------------------------------------------------------------------------*/
.c-order-pad__table {
  border: 1px solid #E2E5E5;
}
.c-order-pad__table .c-button {
  border-radius: 2px !important;
}

.c-order-pad__prod {
  border-right: 1px solid #E2E5E5;
}
.c-order-pad__prod .c-menu-item__filter {
  background-color: #d9edf7;
  border: 1px solid #bce8f1;
  color: #31708f;
  font-size: 9px;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  padding: 3px 5px;
  padding: 0.25rem 0.4166666667rem;
  display: inline-block;
  vertical-align: middle;
}

.c-order-pad__form {
  display: flex;
  background: #F5F7F7 0% 0% no-repeat padding-box;
  border: 1px solid #E2E5E5;
  justify-content: space-between;
  align-items: center;
  padding: 1.64px 5px;
  padding: 0.1366666667rem 0.4166666667rem;
}
.c-order-pad__form .c-button {
  border-radius: 0 2px 2px 0;
}

.c-order-pad__item {
  flex: 0 1 auto;
}

.c-order-pad__search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.c-order-pad__search--label {
  display: none;
}

.c-order-pad__search--input {
  min-height: 34.44px;
  min-height: 2.87rem;
  flex: 1 1 auto;
}

.c-order-pad__search--button {
  border-width: 1px;
  line-height: 12px;
  line-height: 1rem;
  min-height: 31.98px;
  min-height: 2.665rem;
  display: inline-block;
  vertical-align: middle;
  flex: 0 2 auto;
}
@media (min-width: 62em) {
  .c-order-pad__search--button {
    line-height: 24px;
    line-height: 2rem;
    min-height: 28.7px;
    min-height: 2.3916666667rem;
  }
}
.c-order-pad__search--button .c-icon--search {
  font-size: 18px;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
}

.c-order-pad__menu ul {
  background-color: #00aeab !important;
}

.content-nav-group ul li {
  border-left: 1px solid #186e77 !important;
}

.c-order-pad__menu > ul > li {
  background-color: #00aeab !important;
  border-left: 1px solid #186e77 !important;
  border-right: none !important;
}
.c-order-pad__menu > ul > li:hover, .c-order-pad__menu > ul > li:focus, .c-order-pad__menu > ul > li:active {
  background-color: #007b79 !important;
  border-color: #024d4c !important;
}

.c-order-pad__menu ul li:hover a {
  color: #fff !important;
  cursor: pointer;
}

.c-order-pad__menu ul li a {
  color: #fff !important;
  font-weight: 600;
  padding: 8px !important;
  padding: 0.6666666667rem !important;
}

.c-order-pad__menu ul ul {
  background: #00aeab !important;
  box-shadow: 0.05rem 0.05rem 0.9rem #999999;
  border: none !important;
  border-bottom: 1px solid #186e77 !important;
  border-right: 1px solid #186e77 !important;
}

.c-order-pad__menu ul ul li {
  border-top: 1px solid #186e77 !important;
  border-bottom: none !important;
}
.c-order-pad__menu ul ul li:hover, .c-order-pad__menu ul ul li:focus, .c-order-pad__menu ul ul li:active {
  background-color: #007b79 !important;
  border-color: #024d4c !important;
}

.c-order-pad__menu ul ul li a {
  color: #fff !important;
  font-weight: 600 !important;
}
.c-order-pad__menu ul ul li a:hover, .c-order-pad__menu ul ul li a:focus, .c-order-pad__menu ul ul li a:active {
  background-color: #007b79 !important;
  border-color: #024d4c !important;
}

.c-order-pad__heading {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 10.496px 5px;
  padding: 0.8746666667rem 0.4166666667rem;
  font-weight: 600;
  color: #186e77;
  text-align: left;
}

.c-order-pad__heading--prod {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 8px 8px;
  padding: 0.6666666667rem 0.6666666667rem;
  margin-top: 2px;
  margin-top: 0.1666666667rem;
  margin-bottom: 0;
  margin-bottom: 0;
  font-weight: 600;
  color: #0C0C0C;
}

.c-order-pad__heading--cart {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 8px 5px;
  padding: 0.6666666667rem 0.4166666667rem;
  font-weight: 600;
  color: #0C0C0C;
  text-align: center;
}

.c-order-pad__cart .c-quantity-selector__field,
.c-order-pad__cart .c-quantity-selector__button {
  height: 25.01px;
  height: 2.0841666667rem;
}
@media (max-width: 61.9999em) {
  .c-order-pad__cart .c-quantity-selector__field,
.c-order-pad__cart .c-quantity-selector__button {
    height: 34.65px;
    height: 2.8875rem;
  }
}
.c-order-pad__cart .c-icon--warning {
  font-size: 18px;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 4.1px;
  margin-right: 0.3416666667rem;
  margin-left: -8.2px;
  margin-left: -0.6833333333rem;
}
.c-order-pad__cart .c-data-table__item--highlight {
  border-bottom: 0 none;
}
.c-order-pad__cart .bg-even {
  background-color: #fff;
  border-bottom: 0 none;
}
.c-order-pad__cart .bg-odd {
  background-color: #FAFAFB;
  border-bottom: 0 none;
}
.c-order-pad__cart .c-order-pad__separator {
  height: 9.84px;
  height: 0.82rem;
  border-bottom: 1px solid #EEEAEA;
}
.c-order-pad__cart .c-order-pad__discount {
  color: #186e77;
}

.c-order-pad__icon {
  display: inline-block;
  vertical-align: middle;
  max-height: 24px !important;
  max-height: 2rem !important;
  width: 18px !important;
  width: 1.5rem !important;
}

.c-order-pad__order {
  background: #186e77;
  color: #fff;
}

.c-order-pad__accented {
  background: #fcf8e3;
  color: #000;
}

.c-order-pad__pane {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  display: block;
  background: #F5F7F7;
  padding: 0 5px;
  padding: 0 0.4166666667rem;
  font-weight: 600;
}
.c-order-pad__pane:before, .c-order-pad__pane:after {
  content: " ";
  display: table;
}
.c-order-pad__pane:after {
  clear: both;
}

.c-tooltip {
  position: relative;
  display: inline-block;
}

.c-tooltip .c-tooltip__text {
  font-size: 11px;
  font-size: 0.9166666667rem;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.25s, opacity 0.5s linear;
  transition-delay: 0.75s;
  width: 80px;
  background-color: #186e77;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  padding: 0.4166666667rem;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -40px;
}

.c-tooltip .c-tooltip__text:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #186e77 transparent;
}

.c-tooltip:hover .c-tooltip__text {
  visibility: visible;
  opacity: 1;
}

/*------------------------------------------------------------------------------
    #Components - Product
  ----------------------------------------------------------------------------*/
.c-product__group-heading {
  font-size: 17px;
  font-size: 1.4166666667rem;
  line-height: 1.9294117647;
  margin: 12px 0 0 0;
  margin: 1rem 0 0 0;
}

.c-product__group-message {
  margin: 2px 0 4px 0;
  margin: 0.1666666667rem 0 0.3333333333rem 0;
}

.c-product__group-message-instruction em {
  font-style: normal;
}

.c-product-item__quantity {
  margin-bottom: 0;
}

/* ============================================================================
   @COMPONENTS -> TABS
   ========================================================================= */
/**
 * The base component class and all of its modifiers:
 *
   .c-tabs
    .c-tabs__section
        .c-tabs__list // .c-tabs__list--fixed-width, .c-tabs__list--transparent - options
            .c-tabs__item
                .c-tabs__link
        .c_tabs__indicator
    .c-tabs__content
 *
*/
/**
 * Settings.
 */
/**
 * c-tabs
 */
.c-tabs {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  position: relative;
}

.c-tabs__content {
  position: relative;
  top: 49.2px;
  top: 4.1rem;
}
.c-tabs__content .c-data-table-filter {
  padding: 5px;
  padding: 0.4166666667rem;
}
.c-tabs__content .c-data-table-filter .c-drop-down__trigger {
  line-height: 1;
}
.c-tabs__content .c-data-table-filter .c-drop-down__trigger .c-drop-down__text {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
}
@media (min-width: 48em) {
  .c-tabs__content .c-data-table-filter .c-drop-down__trigger .c-drop-down__text {
    line-height: 1.25;
  }
}
@media (max-width: 61.9999em) {
  .c-tabs__content .c-data-table-filter .c-drop-down__trigger .c-drop-down__text {
    font-size: 12px;
    font-size: 1rem;
    vertical-align: text-top;
  }
}
@media (max-width: 47.9999em) {
  .c-tabs__content .c-data-table__item {
    padding-top: 12px;
    padding-top: 1rem;
    padding-bottom: 12px;
    padding-bottom: 1rem;
  }
}

.c-tabs__header {
  /* Horizontal scrolling */
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%;
  min-width: 100%;
}

/* Auto hide toolbar if js is present for IE */
/* Cannot be used have to find another alternative */
.js .c-tabs__header {
  -ms-overflow-style: none;
}

.js .c-tabs__header::-webkit-scrollbar {
  display: none;
}

.c-tabs__section {
  position: relative;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  /* Hide scrollbar in Firefox */
  scrollbar-width: none;
  background-image: linear-gradient(to top, transparent, #dddddd 5%, transparent 7%, transparent 100%);
}

/* Hide scrollbar in Chrome */
.c-tabs__section::-webkit-scrollbar {
  display: none;
}

.c-tabs__list {
  float: left;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  position: relative;
}
.c-tabs__list .c-tabs__link.is-active {
  background-image: linear-gradient(to top, #fff, #00aeab 1%, #00aeab 11%, #fff 11%, #fff 100%);
}

.no-transitioning {
  transition: none;
}

.c-tabs__item {
  display: inline-block;
  text-align: center;
  position: relative;
}

.c-tabs__link {
  position: relative;
  text-decoration: none !important;
  color: #444950;
  display: block;
  min-height: 24px;
  padding: 0 16.4px;
  padding: 0 1.3666666667rem;
  font-weight: 600;
}
@media (max-width: 47.9999em) {
  .c-tabs__link {
    font-weight: 700;
  }
}

.c-tabs__link[aria-selected=true] {
  color: #0C0C0C;
  background-image: linear-gradient(to top, transparent, #00aeab 1%, #00aeab 14%, transparent 14%, transparent 100%);
}

.c-tabs__space {
  /* Reset the button */
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: opacity 0.3s;
  width: 100px;
}

.c-tabs__space:focus {
  outline: 0;
}

.c-tabs__space:hover {
  cursor: pointer;
}

.c-tabs__space--left {
  left: 0;
  width: 100px;
}

.c-tabs__space--right {
  right: 0;
  width: 100px;
}

.c-tabs__list .c-tabs__item.disabled .c-tabs__link {
  color: #1a1a1a;
  cursor: default;
}
.c-tabs__list .c-tabs__item.disabled .c-tabs__link.is-active, .c-tabs__list .c-tabs__item.disabled .c-tabs__link:hover, .c-tabs__list .c-tabs__item.disabled .c-tabs__link:active, .c-tabs__list .c-tabs__item.disabled .c-tabs__link:focus {
  color: #1a1a1a;
  cursor: default;
}

.c-tabs__chip {
  background-color: #EFFBF2;
  border: 1px solid #C9EAD1;
  color: #334D39;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  font-size: 9px;
  font-size: 0.75rem;
  line-height: 1.8222222222;
  margin-top: -5px;
  margin-top: -0.4166666667rem;
  margin-left: 2px;
  margin-left: 0.1666666667rem;
  margin-bottom: -3px;
  margin-bottom: -0.25rem;
  padding: 2px 5px;
  padding: 0.1666666667rem 0.4166666667rem;
  display: inline-block;
  vertical-align: middle;
}

.c-tabs__chip--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.c-tabs__chip--information {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.c-tabs__chip--warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.c-tabs__chip--danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.divider hr {
  height: 1px;
  color: #EBEBEB;
  background-color: #EBEBEB !important;
}

hr {
  height: 1px;
  color: #000;
  background-color: #000;
  font-size: 0;
  border: 0;
}

.hr-line.s-md {
  position: relative;
  margin: 20px 0 !important;
  max-width: 100%;
  width: 100%;
}
.hr-line .hr-md {
  max-width: 100%;
  width: 100%;
  margin: 0;
  background-color: #CCCCCC;
}

/* ============================================================================
   @COMPONENTS -> FORM FOR  IMPORT & EXPORT FILES
   ========================================================================= */
.c-form-import-export {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1000px;
}
@media (max-width: 33.9999em) {
  .c-form-import-export {
    display: block;
  }
}

.c-form-import,
.c-form-export {
  flex: 1 100%;
  position: relative;
}
@media (min-width: 34em) {
  .c-form-import,
.c-form-export {
    width: 49.5%;
    margin-left: 0.5%;
  }
  .c-form-import:nth-of-type(odd),
.c-form-export:nth-of-type(odd) {
    margin-right: 0.5%;
    margin-left: 0;
  }
}
.c-form-import .please-wait,
.c-form-export .please-wait {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 40%;
}
.c-form-import .c-content__subheading,
.c-form-export .c-content__subheading {
  display: block;
  font-weight: 400;
  font-size: 17px;
}
.c-form-import .c-form-item__field-group,
.c-form-export .c-form-item__field-group {
  background-color: #FAFAFB;
  padding: 21.96px 16.4px;
  padding: 1.83rem 1.3666666667rem;
}

.c-form-import .c-form-import__file-type {
  font-weight: 800;
}

.c-form-import__upload {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c-form-import__upload .c-form-import__upload--input {
  min-height: 30.34px;
  min-height: 2.5283333333rem;
  padding: 5px;
  padding: 0.4166666667rem;
  flex: 1;
}
@media (max-width: 61.9999em) {
  .c-form-import__upload .c-form-import__upload--input {
    padding-top: 7.2px;
    padding-top: 0.6rem;
    padding-bottom: 7.2px;
    padding-bottom: 0.6rem;
  }
}
.c-form-import__upload .c-form-import__upload--button {
  line-height: 12px;
  line-height: 1rem;
  min-height: 29.52px;
  min-height: 2.46rem;
  border-radius: 0 2px 2px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 62em) {
  .c-form-import__upload .c-form-import__upload--button {
    line-height: 21.6px;
    line-height: 1.8rem;
    min-height: 27.06px;
    min-height: 2.255rem;
  }
}
.c-form-import__upload .c-form-import__upload--button .c-icon--upload {
  margin-right: 5px;
  margin-right: 0.4166666667rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.c-form-import__upload .c-form-import__upload--button .c-icon--upload:before {
  font-size: 18px;
  font-size: 1.5rem;
}

.c-form-export .c-form-export__download--button {
  line-height: 12px;
  line-height: 1rem;
  min-height: 29.52px;
  min-height: 2.46rem;
}
@media (min-width: 62em) {
  .c-form-export .c-form-export__download--button {
    line-height: 21.6px;
    line-height: 1.8rem;
    min-height: 27.06px;
    min-height: 2.255rem;
  }
}
.c-form-export .c-form-export__download--button .c-icon--download {
  margin-right: 2px;
  margin-right: 0.1666666667rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.c-form-export .c-form-export__download--button .c-icon--download:before {
  font-size: 18px;
  font-size: 1.5rem;
}

/*------------------------------------------------------------------------------
    #Components - Language Selector
  ----------------------------------------------------------------------------*/
.c-language-selector {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  margin: 0 auto;
  padding: 16.4px 0;
  padding: 1.3666666667rem 0;
  font-size: 0;
  text-align: center;
}

.c-language-selector--menu {
  border-bottom: 1px solid #ebebeb;
}
@media (min-width: 48em) {
  .c-language-selector--menu {
    display: none;
  }
}

/*------------------------------------------------------------------------------
    #Components - Page Specific css
  ----------------------------------------------------------------------------*/
.c-promoreport__item--relationshipmanager .c-form-fieldset .c-form-choice__label.parentCheckControl {
  width: 45%;
  margin-right: 5px !important;
  vertical-align: top;
}

.store-rating-data-table tr .c-data-table__data {
  min-width: 68px;
}

.store-rating-data_section table tr td.c-data-table__data {
  padding: 8px 5px;
  min-width: 90px;
}

table tr.store-rating-subheader td.store-rating-subheader:first-child {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #fff;
}

.restrict-delivery-time-table .c-data-table__section--header > .c-data-table__item {
  border: none !important;
}
.restrict-delivery-time-table .c-data-table__section--body > .c-data-table__item:nth-child(odd) {
  background: #fff;
}
.restrict-delivery-time-table .c-data-table__section--body > .c-data-table__item .c-data-table__data > table .c-data-table__item > th.c-data-table__data {
  padding-top: 0;
  color: #666;
}

.storePaymentGatewayContent .storePaymentGatewayGroup, .storePaymentGatewayContent .c-storesAddEdit__item--storelongitude, .storePaymentGatewayContent .c-storesAddEdit__item--mid-name, .storePaymentGatewayContent .c-storesAddEdit__item--storekey, .add-edit-store-Longitude .storePaymentGatewayGroup, .add-edit-store-Longitude .c-storesAddEdit__item--storelongitude, .add-edit-store-Longitude .c-storesAddEdit__item--mid-name, .add-edit-store-Longitude .c-storesAddEdit__item--storekey, .paymentGatewayName .storePaymentGatewayGroup, .paymentGatewayName .c-storesAddEdit__item--storelongitude, .paymentGatewayName .c-storesAddEdit__item--mid-name, .paymentGatewayName .c-storesAddEdit__item--storekey, .posKeyBlock .storePaymentGatewayGroup, .posKeyBlock .c-storesAddEdit__item--storelongitude, .posKeyBlock .c-storesAddEdit__item--mid-name, .posKeyBlock .c-storesAddEdit__item--storekey {
  position: relative;
}
.storePaymentGatewayContent .storePaymentGatewayGroup .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--storelongitude .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--mid-name .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--storekey .u-text-align-right, .add-edit-store-Longitude .storePaymentGatewayGroup .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--storelongitude .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--mid-name .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--storekey .u-text-align-right, .paymentGatewayName .storePaymentGatewayGroup .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--storelongitude .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--mid-name .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--storekey .u-text-align-right, .posKeyBlock .storePaymentGatewayGroup .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--storelongitude .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--mid-name .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--storekey .u-text-align-right {
  position: absolute;
  top: 25px;
  right: -90px;
  width: 100%;
}
@media (min-width: 22.5em) and (max-width: 61.9999em) {
  .storePaymentGatewayContent .storePaymentGatewayGroup .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--storelongitude .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--mid-name .u-text-align-right, .storePaymentGatewayContent .c-storesAddEdit__item--storekey .u-text-align-right, .add-edit-store-Longitude .storePaymentGatewayGroup .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--storelongitude .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--mid-name .u-text-align-right, .add-edit-store-Longitude .c-storesAddEdit__item--storekey .u-text-align-right, .paymentGatewayName .storePaymentGatewayGroup .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--storelongitude .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--mid-name .u-text-align-right, .paymentGatewayName .c-storesAddEdit__item--storekey .u-text-align-right, .posKeyBlock .storePaymentGatewayGroup .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--storelongitude .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--mid-name .u-text-align-right, .posKeyBlock .c-storesAddEdit__item--storekey .u-text-align-right {
    position: initial;
    text-align: left !important;
  }
  .storePaymentGatewayContent .storePaymentGatewayGroup .u-text-align-right .position-right-140, .storePaymentGatewayContent .c-storesAddEdit__item--storelongitude .u-text-align-right .position-right-140, .storePaymentGatewayContent .c-storesAddEdit__item--mid-name .u-text-align-right .position-right-140, .storePaymentGatewayContent .c-storesAddEdit__item--storekey .u-text-align-right .position-right-140, .add-edit-store-Longitude .storePaymentGatewayGroup .u-text-align-right .position-right-140, .add-edit-store-Longitude .c-storesAddEdit__item--storelongitude .u-text-align-right .position-right-140, .add-edit-store-Longitude .c-storesAddEdit__item--mid-name .u-text-align-right .position-right-140, .add-edit-store-Longitude .c-storesAddEdit__item--storekey .u-text-align-right .position-right-140, .paymentGatewayName .storePaymentGatewayGroup .u-text-align-right .position-right-140, .paymentGatewayName .c-storesAddEdit__item--storelongitude .u-text-align-right .position-right-140, .paymentGatewayName .c-storesAddEdit__item--mid-name .u-text-align-right .position-right-140, .paymentGatewayName .c-storesAddEdit__item--storekey .u-text-align-right .position-right-140, .posKeyBlock .storePaymentGatewayGroup .u-text-align-right .position-right-140, .posKeyBlock .c-storesAddEdit__item--storelongitude .u-text-align-right .position-right-140, .posKeyBlock .c-storesAddEdit__item--mid-name .u-text-align-right .position-right-140, .posKeyBlock .c-storesAddEdit__item--storekey .u-text-align-right .position-right-140 {
    position: initial;
    margin-top: 10px;
    display: inline-block;
  }
}

.add-edit-store-manager-phone .c-storesAddEdit__item--storemanagerphone {
  position: relative;
}
.add-edit-store-manager-phone .c-storesAddEdit__item--storemanagerphone .u-text-align-right {
  position: absolute;
  top: 25px;
  right: 65px;
  width: 100%;
}
@media (min-width: 22.5em) and (max-width: 61.9999em) {
  .add-edit-store-manager-phone .c-storesAddEdit__item--storemanagerphone .u-text-align-right {
    position: initial;
    text-align: left !important;
  }
  .add-edit-store-manager-phone .c-storesAddEdit__item--storemanagerphone .u-text-align-right .position-right-140 {
    position: initial;
    margin-top: 10px;
    display: inline-block;
  }
}

.posKeyBlock .c-storesAddEdit__item--storekey .u-text-align-right {
  right: -15px;
}

.add-edit-store-MenuSub-Group-content {
  display: flex;
  flex-wrap: wrap;
  clear: both;
}
.add-edit-store-MenuSub-Group-content .c-form-item.store-MenuSub-Group {
  float: left;
  width: 33%;
  padding-right: 3%;
}
@media (min-width: 22.5em) and (max-width: 61.9999em) {
  .add-edit-store-MenuSub-Group-content .c-form-item.store-MenuSub-Group {
    width: 50%;
  }
}
.add-edit-store-MenuSub-Group-content .c-form-item.store-MenuSub-Group .c-form-fieldset .c-form-choice__label.parentCheckControl {
  margin-left: 0 !important;
  margin-bottom: 5px;
}

.add-edit-store-ratings-content > table {
  margin-top: 20px;
}
.add-edit-store-ratings-content > table.sublist_table th, .add-edit-store-ratings-content > table.sublist_table td {
  padding: 10px 12px;
}
.add-edit-store-ratings-content > table.main-store-ratings-table .c-data-table__section--body > .c-data-table__item:nth-child(odd):hover {
  background: #FAFAFB;
}
.add-edit-store-ratings-content > table.main-store-ratings-table .c-data-table__section--body > .c-data-table__item table tr td.parentRadioControl span.circle, .add-edit-store-ratings-content > table.main-store-ratings-table .c-data-table__section--body > .c-data-table__item table tr td.parentRadioControl input {
  top: 14px;
}

.add-edit-store-password-content .c-form-item__field-group span.c-form-item__addon {
  display: block;
}

.add-edit-store-fromEmailGroup .column-space-30 {
  width: 33% !important;
  max-width: 190px;
}
.add-edit-store-fromEmailGroup .column-space-30 .ms-options-wrap.ms-has-selections > button {
  width: 140px;
  max-width: 140px;
}
@media (min-width: 22.5em) and (max-width: 61.9999em) {
  .add-edit-store-fromEmailGroup .column-space-30 {
    width: 45% !important;
    margin-right: 10px !important;
  }
}
.add-edit-store-fromEmailGroup .field-addon-warning-message.column-space-30 {
  margin-bottom: 0;
}
.add-edit-store-fromEmailGroup .field-addon-warning-message.column-space-30 .c-form-item__field-group .c-form-item__addon {
  position: relative;
  top: -25px;
}
@media (min-width: 22.5em) and (max-width: 61.9999em) {
  .add-edit-store-fromEmailGroup .field-addon-warning-message.column-space-30 .c-form-item__field-group .c-form-item__addon {
    display: table;
    top: 0;
  }
}

.field-addon-warning-message .email-warning-message {
  display: block;
  position: absolute;
  top: -10px;
  left: 10px;
}
.field-addon-warning-message .c-form-item__addon {
  padding: 0;
  width: 0;
  position: relative;
}

#form_storesAddEdit .c-form-choice__label--inline.parentRadioControl {
  margin-left: 0;
}

.add-edit-store-ratings-content .main-store-ratings-table .store-rating-sub-table tbody tr td:nth-child(1), .view-store-ratings-content .main-store-ratings-table .store-rating-sub-table tbody tr td:nth-child(1) {
  min-width: 90px;
}

img.img-store-ratings_sm {
  height: 12px !important;
}

.image-strikethrough {
  position: relative;
}

.image-strikethrough:before {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 3px;
  background-color: #B02318;
  top: 8px;
  border-radius: 2px;
  left: 0;
}

table.standingOrderCalendar_dataTable th .parentCheckControl span.checkMark, table.standingOrderCalendar_dataTable td .parentCheckControl span.checkMark {
  left: 5px !important;
}

.monthly_summary_report_dataGroup table tr .c-data-table__data {
  padding: 8px 6px;
}
.monthly_summary_report_dataGroup .monthly_summary_report_data table tr .c-data-table__data {
  width: 6.2% !important;
  padding: 8px 6px;
}
.monthly_summary_report_dataGroup .monthly_summary_report_data table tr .c-data-table__data:first-child {
  width: auto !important;
  word-wrap: break-word;
}
.monthly_summary_report_dataGroup .creditsList_data table tr .c-data-table__data {
  width: 16.66%;
}

.c-edit.taskmemberContent {
  display: table;
}

.c-add-edit-task-content-section .c-search-filter-box {
  display: table;
}
.c-add-edit-task-content-section .c-search-filter-box input.c-search-filter__field {
  width: 65%;
  display: table-cell;
  vertical-align: middle;
  height: 25px !important;
  min-height: 25px !important;
}
.c-add-edit-task-content-section .c-search-filter-box .c-form-item__button {
  width: 87px;
  text-align: right;
}
.c-add-edit-task-content-section .c-search-filter-box .c-search-filter__button {
  height: 25px !important;
  min-height: 25px !important;
  line-height: 12px !important;
  padding: 4px 12px;
  min-width: 85px;
}
.c-add-edit-task-content-section .c-search-filter-box .c-search-filter__button .c-icon--search {
  margin-right: 5px;
}

.c-filter-info-xs {
  text-align: left;
  font-size: 9px;
  line-height: normal;
  color: #0C0C0C;
}
.c-filter-info-xs .c-button, .c-filter-info-xs .c-drop-down__text {
  text-align: left;
  font-size: 9px;
  line-height: normal;
  color: #0C0C0C;
}
.c-filter-info-xs .c-drop-down__icon, .c-filter-info-xs .c-drop-down__icon::after {
  font-size: 12px;
  top: 1px;
  position: relative;
}
.c-filter-info-xs .filter-dropdown-menu span.circle {
  display: none !important;
}

.c-clientFilter-search__result.showResult {
  max-height: 210px;
  min-height: 80px;
  overflow: auto;
  margin-top: 30px;
}

.addEditTask-clientLeadSearchValue .c-form-item__addon span {
  color: #347978;
}
.addEditTask-clientLeadSearchValue .c-form-fieldset label {
  margin-left: 0;
}

/* custom checkbox plus button */
.checkbox-plus-minus.parentCheckControl {
  vertical-align: middle;
  display: inline;
  margin: 0 auto;
}
.checkbox-plus-minus.parentCheckControl .checkMark {
  width: 25px;
  height: 25px;
  background: #4CABAA;
  border: 1px solid #347978;
  border-radius: 2px;
  margin: 0 auto;
  top: -5px !important;
  left: 0 !important;
}
.checkbox-plus-minus.parentCheckControl .checkMark:after {
  content: "+";
  font-weight: 700;
  font-size: 12px;
  line-height: normal;
  vertical-align: middle;
  border: none !important;
  transform: none !important;
  color: #fff;
  left: 7.8px !important;
  top: 3px !important;
}
.checkbox-plus-minus.parentCheckControl input[type=checkbox] {
  left: 5px !important;
  top: 0px !important;
}
.checkbox-plus-minus.parentCheckControl input[type=checkbox]:checked ~ .checkMark {
  background-color: #ffffff !important;
  border: 1px solid #CCCCCC;
}
.checkbox-plus-minus.parentCheckControl input[type=checkbox]:checked ~ .checkMark:after {
  content: "-" !important;
  color: #0C0C0C;
  top: 1px !important;
  left: 9px !important;
}

.border-none {
  border: none !important;
}
.border-none .c-form-item__field-group span.c-form-item__addon {
  border: none !important;
  padding: 0;
}

.addEditTask-date-field__content .c-form-fieldset label.c-form-choice__label {
  margin-left: 13px !important;
  margin-right: 0;
  padding-left: 15px !important;
}
.addEditTask-date-field__content .input-radio__group {
  padding: 25px 0 0;
}
.addEditTask-date-field__content .column-space-30 label {
  white-space: nowrap;
}

.addEditTask-taskMember-content .c-form-fieldset label.c-form-choice__label {
  margin-left: 0 !important;
}

.viewTasks-date-field__content {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}
.viewTasks-date-field__content .column-space-30.viewTasks-endDate {
  margin-right: 0 !important;
  max-width: 140px;
}
.viewTasks-date-field__content .input-radio__group {
  width: auto;
  padding-left: 15px;
  margin: 5px -5px 0;
  white-space: nowrap;
}
.viewTasks-date-field__content .input-radio__group .c-form-fieldset .parentRadioControl {
  margin: 0 10px 0 0;
  padding-left: 15px;
}
.viewTasks-date-field__content .input-radio__group .c-form-fieldset .parentRadioControl:last-child {
  margin-right: 0;
}

.section__viewTasks_data .c-edit__viewTasks__data .c-form-item {
  padding: 1rem 0;
  display: flex;
  margin-bottom: 0;
  min-height: 40px;
}
.section__viewTasks_data .c-edit__viewTasks__data .c-form-item label {
  width: 30% !important;
  margin: 0;
  padding-left: 19px;
  color: #0C0C0C;
}
.section__viewTasks_data .c-edit__viewTasks__data .c-viewtasks:nth-child(odd) {
  background: #FAFAFB;
}
.section__viewTasks_data .c-edit__viewTasks__data .c-form-item__value {
  width: 70% !important;
  word-break: break-all;
  color: #0C0C0C;
}
.section__viewTasks_data .c-edit__viewTasks__data .c-data-table__item:first-child {
  border-top: 1px solid #EBEBEB;
}
.section__viewTasks_data .c-edit__viewTasks__data .c-data-table__item:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.section__viewTasks_data .c-edit__updateTask {
  margin-bottom: 5px;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item {
  border-top: 1px solid #EBEBEB;
  padding: 1rem 0;
  display: flex;
  margin-bottom: 0;
  min-height: 40px;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item label {
  width: 30% !important;
  margin: 0;
  padding-left: 19px;
  color: #0C0C0C;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item .c-form-item__field-group {
  width: 70% !important;
  word-break: break-all;
  color: #0C0C0C;
}
.section__viewTasks_data .c-edit__updateTask .c-viewtasks .c-form-item.updateTasks-item:nth-child(odd) {
  background: #FAFAFB;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field {
  padding-top: 25px;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item__field-group {
  display: block;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item {
  display: block;
  padding: 0 0 17px;
  border: none !important;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item label {
  padding: 0 0 3px !important;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item input, .section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item textarea {
  border: 1px solid #E8E8E8 !important;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item:first-child .c-form-item__field-group .c-form-item__addon {
  border: 1px solid #E8E8E8 !important;
  height: 27px;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item:first-child.borderNoneChildSpan .c-form-item__field-group > span.c-form-item__addon {
  border: none !important;
}
.section__viewTasks_data .c-edit__updateTask .updateTasks-table-content__field .c-form-item:last-child {
  padding: 0 0 0;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item__field-group input {
  display: none !important;
}
.section__viewTasks_data .c-edit__updateTask .c-form-item__field-group span {
  border: none;
  padding-left: 0;
}
.section__viewTasks_data .c-updateTask__form .c-content-listTable__section {
  width: 70%;
}

.ms-options-wrap > .ms-options > ul label.parentCheckControl {
  margin: 1px 2px;
}
.ms-options-wrap > .ms-options > ul label.parentCheckControl .checkMark {
  top: 6px;
}

.js-search-result table tr td.c-data-table__data {
  vertical-align: middle;
}

.section__viewTasks table tr td .c-data-table__data.parentCheckControl {
  display: block;
  padding: 0 0 0 25px;
}
.section__viewTasks table tr.viewTask-order__row td.viewTask-order__row:last-child {
  padding: 8px 0;
  vertical-align: middle;
}

.section__viewTasks_data .c-content-listTable__section table tr td {
  padding-top: 11.33px;
  padding-bottom: 11.33px;
  color: #0C0C0C;
}
.section__viewTasks_data .c-content-listTable__section table tr th, .section__viewTasks_data .c-content-listTable__section table tr td {
  padding-left: 19px;
}
.section__viewTasks_data .c-content-listTable__section .c-data-table__section--header > .c-data-table__item {
  border-top: none;
  border-bottom: 1px solid #EBEBEB;
}

.view-member-comments {
  width: 100%;
  display: block;
  word-break: break-all;
}

.updateTasks-completion-date input {
  width: 140px !important;
}

.updateTasks-comments-content textarea {
  width: 70% !important;
}

.deposit-applied-table > table.c-data-table > tbody > tr > td:nth-child(4) {
  padding: 0 !important;
}
.deposit-applied-table > table.c-data-table > tbody > tr > td:has(.inner-table-no-padding) {
  padding: 0 !important;
}

.deposit-applied-table table thead > tr > th {
  font-weight: 700 !important;
}

table.standingOrderCalendar_dataTable tbody > tr > td.emptyInput {
  padding-bottom: 3.7px;
}

section.standingOrderTemplateStatusUpdate form > div.c-edit {
  width: 100% !important;
}

th.c-data-table__data.batchExtendWeek {
  width: 50px;
}

section.view-standing-order td > select.listTableStatusChange {
  width: 120px !important;
}

.c-display-driverlog-data table.c-data-table .c-data-table__data {
  margin-left: 8px;
  text-align: center;
}
.c-display-driverlog-data table .c-data-table__section--body td.c-data-table__data {
  color: #0c0c0c;
}

.place_order_data_section .c-search-filter__item.u-search-by-filter label {
  display: table-cell;
  vertical-align: middle;
  width: 65px;
}
.place_order_data_section .c-search-filter__item.u-eleven-twelfths {
  display: table;
  width: calc(100% - 94px) !important;
}
.place_order_data_section .c-search-filter__item.u-eleven-twelfths select {
  width: 100% !important;
  display: table-cell;
}

.label-icon__wrap #dietaryIconId {
  width: 94%;
}
.label-icon__wrap #labelIconSpanId {
  padding-left: 10px;
}
.label-icon__wrap #labelIconSpanId i {
  line-height: 24px;
}

/* ----- Components that need App specific settings ----- */
/*------------------------------------------------------------------------------
    #Components - Data List
  ----------------------------------------------------------------------------*/
/**
 * Main data-list component with some modifiers.
 */
.c-detail-list {
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  max-width: 1000px;
}

.c-content__utility--detail-list {
  padding: 0 8px;
  padding: 0 0.6666666667rem;
}
@media (max-width: 61.9999em) {
  .c-content__utility--detail-list {
    margin-top: 2px;
    margin-top: 0.1666666667rem;
    margin-bottom: 2px;
    margin-bottom: 0.1666666667rem;
  }
}
@media (max-width: 61.9999em) {
  .c-content__utility--detail-list .c-content-utility__list {
    margin: 0;
    margin: 0;
    padding: 3px 0;
    padding: 0.25rem 0;
  }
}
@media (max-width: 61.9999em) {
  .c-content__utility--detail-list .c-content-utility__link {
    font-size: 12px;
    padding: 6.5px 8px;
    padding: 0.5416666667rem 0.6666666667rem;
  }
}
.c-content__utility--detail-list .c-button--primary:hover, .c-content__utility--detail-list .c-button__green:hover, .c-content__utility--detail-list .c-button-recoverPassword:hover, .c-content__utility--detail-list .c-button--primary:active, .c-content__utility--detail-list .c-button__green:active, .c-content__utility--detail-list .c-button-recoverPassword:active, .c-content__utility--detail-list .c-button--primary:focus, .c-content__utility--detail-list .c-button__green:focus, .c-content__utility--detail-list .c-button-recoverPassword:focus {
  background-color: #007b79;
  border-color: #024d4c;
}
.c-content__utility--detail-list .c-drop-down__trigger {
  background-color: #fff;
  padding: 2px 5px;
  padding: 0.1666666667rem 0.4166666667rem;
}
@media (max-width: 47.9999em) {
  .c-content__utility--detail-list .c-drop-down__trigger {
    margin: 0;
    margin: 0;
  }
}

.c-detail-list__heading {
  font-size: 16px;
  font-weight: 400;
  margin-top: 5px;
  margin-top: 0.4166666667rem;
  display: block;
  border-bottom: 1px solid #EEEAEA;
  width: 100%;
}
@media (max-width: 47.9999em) {
  .c-detail-list__heading {
    font-size: 17px;
    margin-bottom: 0;
    margin-bottom: 0;
  }
}

.c-detail-list__item--name,
.c-detail-list__item--billingaccount {
  background-color: #f8f8f8;
}

.c-detail-list__label {
  vertical-align: middle;
}
.c-detail-list__label .c-form-item__label {
  color: #707070;
  font-weight: 400;
  margin: 0;
  margin: 0;
  cursor: default;
}

.c-detail-list__data {
  padding: 0;
  padding: 0;
  cursor: default;
}
.c-detail-list__data .c-icon {
  font-size: 14px;
  font-size: 1.1666666667rem;
  margin-right: 5px;
  margin-right: 0.4166666667rem;
  margin-left: 5px;
  margin-left: 0.4166666667rem;
  display: inline-block;
  vertical-align: text-bottom;
}
.c-detail-list__data .u-colour-success {
  color: #0EB514;
}

.c-detail-list__chip {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  font-size: 9px;
  font-size: 0.75rem;
  line-height: 1.8222222222;
  margin-top: -5px;
  margin-top: -0.4166666667rem;
  margin-left: 16.4px;
  margin-left: 1.3666666667rem;
  margin-bottom: -3px;
  margin-bottom: -0.25rem;
  padding: 2px 5px;
  padding: 0.1666666667rem 0.4166666667rem;
  display: inline-block;
  vertical-align: middle;
}

.c-detail-list--full-bleed {
  width: 100%;
}
.c-detail-list--full-bleed .c-detail-list__section,
.c-detail-list--full-bleed .c-detail-list__item {
  width: 100%;
}

.c-detail-list {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

.c-detail-list__heading {
  display: inline-block;
}

.c-detail-list__section {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}
.c-detail-list__section-header {
  background: #f2f2f2;
  border-bottom: 1px solid #EEEAEA;
  font-weight: 600;
}
@media (max-width: 47.9999em) {
  .c-detail-list__section-header {
    display: none;
  }
}

.c-detail-list__item, .c-detail-list__section-header {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  border-bottom: 1px solid #EEEAEA;
}
.c-detail-list__item:last-child, .c-detail-list__section-header:last-child {
  border-bottom: 0;
}
.c-detail-list__item {
  padding: 8px;
  padding: 0.6666666667rem;
  vertical-align: middle;
  border-bottom-color: #EEEAEA;
  margin: 0;
}
@media (min-width: 34em) {
  .c-detail-list__item {
    width: 49%;
    margin-left: 1%;
  }
  .c-detail-list__item:nth-of-type(odd) {
    margin-right: 1%;
    margin-left: 0;
  }
}

.c-detail-list__label,
.c-detail-list__data {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
.c-detail-list__label {
  font-weight: 600;
}

@media (max-width: 47.9999em) {
  .c-detail-list__link {
    font-weight: 600;
  }
}

/*------------------------------------------------------------------------------
    #Components - Rewards Earned
  ----------------------------------------------------------------------------*/
/**
 * Rerwards Earned section of cart
 */
.c-rewards-earned {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  clear: both;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  top: 16.4px;
  top: 1.3666666667rem;
  position: relative;
  width: 100%;
}
.c-rewards-earned:before, .c-rewards-earned:after {
  content: " ";
  display: table;
}
.c-rewards-earned:after {
  clear: both;
}

.c-rewards-earned__item {
  margin-bottom: 5px;
  margin-bottom: 0.4166666667rem;
  background: #fff;
  border: 2px solid #F5F5F5;
  display: table;
  position: relative;
  width: 100%;
}
.c-rewards-earned__info-section,
.c-rewards-earned__action-section {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
@media (max-width: 47.9999em) {
  .c-rewards-earned__info-section,
.c-rewards-earned__action-section {
    display: block;
    width: 100%;
  }
}

.c-rewards-earned__highlight,
.c-rewards-earned__reward,
.c-rewards-earned__details {
  display: table-cell;
  padding: 8px;
  padding: 0.6666666667rem;
  vertical-align: middle;
}

.c-rewards-earned__info-section .c-rewards-earned__details:nth-child(2) {
  min-width: 60px;
  min-width: 60px;
  min-width: 5rem;
}

.c-rewards-earned__info-section .c-reward__summary {
  display: table-cell;
}

.c-rewards-earned__action-section .c-rewards-earned__reward {
  display: table;
  text-align: right;
}

.c-rewards-earned__action-section .c-reward__action {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

@media (max-width: 47.9999em) {
  .c-rewards-earned__info-section .c-reward__description {
    display: none;
  }
}

.c-rewards-earned__item--free-item {
  margin-top: 8px;
  margin-top: 0.6666666667rem;
}

.c-rewards-earned__action-section .c-rewards-earned__details {
  margin-left: 8px;
  margin-left: 0.6666666667rem;
  margin-right: 8px;
  margin-right: 0.6666666667rem;
  padding-bottom: 0;
  padding-bottom: 0;
  padding-top: 5px;
  padding-top: 0.4166666667rem;
  padding-left: 0;
  padding-left: 0;
  padding-right: 0;
  padding-right: 0;
  display: none;
}
@media (max-width: 47.9999em) {
  .c-rewards-earned__action-section .c-rewards-earned__details {
    display: block;
    font-size: 13px;
    margin-bottom: 8px;
    margin-bottom: 0.6666666667rem;
  }
}

@media (max-width: 47.9999em) {
  .c-rewards-earned__reward {
    vertical-align: top;
  }
}

.c-rewards-earned__details__amount {
  display: block;
  color: #F9AE18;
  font-weight: 600;
  font-size: 12;
  font-size: 1rem;
  text-align: center;
}

.c-rewards-earned__details__title {
  display: block;
  font-size: 10px;
  font-size: 0.8333333333rem;
  text-align: center;
}

.c-rewards-earned__highlight {
  width: auto;
}

.c-rewards-earned__reward {
  width: 100%;
}

.c-rewards-earned__reward select.c-reward__field,
.c-rewards-earned__reward select.c-reward__quantity,
.c-rewards-earned__reward input.c-reward__field {
  height: 22.8;
  height: 1.9rem;
}

@media (max-width: 61.9999em) {
  .c-rewards-earned__reward select.c-reward__field,
.c-rewards-earned__reward select.c-reward__quantity,
.c-rewards-earned__reward input.c-reward__field {
    height: 31.2;
    height: 2.6rem;
  }
}
.c-rewards-earned--value-rewards .c-rewards-earned__highlight {
  padding-left: 0;
}
.c-rewards-earned--value-rewards .c-rewards-earned__reward {
  padding-right: 0;
}

.cart .c-rewards-earned__reward .c-reward__action {
  padding: 8px;
  padding: 0.6666666667rem;
}

.c-rewards-earned__item .c-reward__image {
  background: url("../images/gift-reward.svg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  height: 24px;
  height: 2rem;
  width: 24px;
  width: 2rem;
}

.c-rewards-earned__item--fixed-dollar .c-reward__image,
.c-rewards-earned__item--open-dollar .c-reward__image {
  background: url("../images/star.svg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  height: 24px;
  height: 2rem;
  width: 24px;
  width: 2rem;
}

/*------------------------------------------------------------------------------
		#Components - Rewards Available
	----------------------------------------------------------------------------*/
/**
 * Rerwards Available section of cart
 */
.c-rewards-available {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  clear: both;
  margin-bottom: 16.4px;
  margin-bottom: 1.3666666667rem;
  padding-left: 13.94px;
  padding-left: 1.1616666667rem;
  padding-right: 13.94px;
  padding-right: 1.1616666667rem;
  position: relative;
  width: 100%;
}
.c-rewards-available:before, .c-rewards-available:after {
  content: " ";
  display: table;
}
.c-rewards-available:after {
  clear: both;
}

.c-reward-available__details {
  display: inline-block;
  margin-top: 0.25em;
  margin-bottom: 0;
  width: 75%;
}

.c-rewards-available__info-section,
.c-rewards-available__action-section {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
@media (max-width: 47.9999em) {
  .c-rewards-available__info-section,
.c-rewards-available__action-section {
    display: block;
    width: 100%;
  }
}

.c-rewards-available_info-section .c-rewards-available__details:second-child {
  padding-left: 0;
  padding-left: 0;
}

.c-rewards-available__info-section .c-reward__summary {
  display: table-cell;
}

.c-rewards-available__action-section .c-rewards-available__reward {
  display: table;
  text-align: right;
  width: 100%;
}

.c-rewards-available__action-section .c-reward__action {
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
  padding: 0.6666666667rem;
}

@media (max-width: 47.9999em) {
  .c-rewards-available__info-section .c-reward__description {
    display: none;
  }
}

.c-rewards-available__action-section .c-rewards-available__details {
  margin-left: 8px;
  margin-left: 0.6666666667rem;
  margin-right: 8px;
  margin-right: 0.6666666667rem;
  padding-bottom: 0;
  padding-bottom: 0;
  padding-top: 5px;
  padding-top: 0.4166666667rem;
  padding-left: 0;
  padding-left: 0;
  padding-right: 0;
  padding-right: 0;
  display: none;
}
@media (max-width: 47.9999em) {
  .c-rewards-available__action-section .c-rewards-available__details {
    display: block;
    font-size: 13px;
    margin-bottom: 8px;
    margin-bottom: 0.6666666667rem;
  }
}

.c-rewards-available__heading {
  color: #000;
  margin: 0;
  padding: 4px 0;
  padding: 0.3333333333rem 0;
}

.c-rewards-available__section {
  border: 1px solid #F9AE18;
  display: table;
  position: relative;
}

.c-rewards-available__highlight,
.c-rewards-available__reward,
.c-rewards-available__details {
  display: table-cell;
  padding: 8px;
  padding: 0.6666666667rem;
  vertical-align: middle;
}

@media (max-width: 47.9999em) {
  .c-rewards-available__reward {
    vertical-align: top;
  }
}

.c-rewards-available__details__amount {
  display: block;
  color: #F9AE18;
  font-weight: 600;
  font-size: 12;
  font-size: 1rem;
  text-align: center;
}

.c-rewards-available__details__title {
  display: block;
  font-size: 10px;
  font-size: 0.8333333333rem;
  text-align: center;
}

.c-rewards-available__highlight {
  width: auto;
}

.c-rewards-available__rewards {
  width: 100%;
  vertical-align: middle;
}

.c-rewards-available__item {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  margin-bottom: 5px;
  margin-bottom: 0.4166666667rem;
  width: 100%;
}
.c-rewards-available__item--responsive {
  margin-bottom: 5px;
  margin-bottom: 0.4166666667rem;
  background: #fff;
  border: 2px solid #F5F5F5;
  display: table;
  position: relative;
}

.c-rewards-available__details .c-reward__image {
  background: url("../images/gift-reward.svg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  height: 24px;
  height: 2rem;
  width: 24px;
  width: 2rem;
}

.c-rewards-available__details .c-reward__image--fixed-dollar,
.c-rewards-available__details .c-reward__image--open-dollar {
  background: url("../images/star.svg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  height: 24px;
  height: 2rem;
  width: 24px;
  width: 2rem;
}

/*------------------------------------------------------------------------------
    #Components - Rewards Earned
  ----------------------------------------------------------------------------*/
/**
 * Rerwards Earned section of cart
 */
.c-reward {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}

.c-reward__summary {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  text-align: left;
}
@media (min-width: 48em) {
  .c-reward__summary {
    width: 50%;
  }
}

.c-reward__name {
  color: #F9AE18;
  font-weight: 600;
  display: inline-block;
  padding-top: 3px;
  padding-top: 0.25rem;
  text-align: left;
}
@media (max-width: 47.9999em) {
  .c-reward__name {
    padding-top: 0;
  }
}

.c-reward__card {
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.64;
  color: #b3b3b3;
}

.c-reward__card-link {
  cursor: pointer;
  color: #b3b3b3;
}

.c-reward__action {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  white-space: nowrap;
  margin-top: 8px;
  margin-top: 0.6666666667rem;
}
@media (min-width: 48em) {
  .c-reward__action {
    margin-top: 0;
    text-align: right;
    width: 50%;
  }
}

.c-reward__description {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-size: 10px;
  font-size: 0.8333333333rem;
}

.c-reward__field {
  width: 50px;
  width: 4.1666666667rem;
}

.c-reward__field--quantity {
  text-align: right;
  width: 75px;
  width: 6.25rem;
}

.c-reward__field--card {
  width: 160px;
  width: 13.3333333333rem;
}

.c-reward__quantity,
.c-reward__get-balance {
  width: auto;
  margin-bottom: 0;
  vertical-align: middle;
}

.c-reward--fixed-dollar .c-reward__amount-available,
.c-reward--open-dollar .c-reward__amount-available,
.c-reward--free-item .c-reward__amount-available,
.c-reward--percentage .c-reward__amount-available {
  display: none;
}

.c-reward--open-dollar-comp-card .c-reward__amount-available {
  display: inline;
}

.c-reward--suggested {
  padding: 8px;
  padding: 0.6666666667rem;
}
.c-reward--suggested .c-reward__summary--full-bleed {
  width: 100%;
}

/* Rewards table cell vertical divider */
.c-reward__divider {
  display: table-cell;
  position: relative;
  text-align: center;
}
.c-reward__divider:after {
  content: "";
  position: absolute;
  display: block;
  border-left: 2px solid #EFEDED;
  height: 70%;
  right: 0;
  left: 0;
  top: 15%;
  bottom: 15%;
}

/* Rewards table cell horizontal divider */
.c-reward__divider--horizontal {
  content: "";
  border-top: 2px solid #EFEDED;
  width: 96%;
  margin: 0 auto;
  display: none;
}
@media (max-width: 47.9999em) {
  .c-reward__divider--horizontal {
    display: block;
  }
}

/* Rewards images */
.c-reward__image {
  background: url("../images/star.svg") no-repeat center center;
  background-size: cover;
  vertical-align: middle;
  height: 24px;
  height: 2rem;
  width: 24px;
  width: 2rem;
}

/*------------------------------------------------------------------------------
    #Components - Rewards Earned
  ----------------------------------------------------------------------------*/
/**
 * Rerwards Earned section of cart
 */
.c-reward-highlight {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: auto;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  border: 1px solid #ebebeb;
  background: #faf9f7;
  line-height: 1;
  min-width: 80px;
  min-width: 6.6666666667rem;
  padding: 0.5rem;
  text-align: center;
}

.c-reward-highlight__icon {
  color: #F9AE18;
  padding-bottom: 5px;
  padding-bottom: 0.4166666667rem;
}

.c-reward-highlight--colored {
  border: 0 none;
  border-radius: 2px;
  background: #F9AE18;
  padding: 2px 5px;
  padding: 0.1666666667rem 0.4166666667rem;
  text-align: center;
}

.c-reward-highlight--colored .c-reward-highlight__icon {
  color: #FFF6D8;
  padding-bottom: 2px;
  padding-bottom: 0.1666666667rem;
}

.c-reward-highlight__amount {
  clear: both;
  position: relative;
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3666666667;
}

.c-reward-highlight__title {
  text-align: center;
  display: block;
  color: #F9AE18;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.3666666667;
}

.c-reward-highlight--free-item .c-reward-highlight__icon {
  font-size: 1.25rem;
}

.c-reward-highlight--open-dollar-comp-card .c-reward-highlight__icon {
  font-size: 1.25rem;
  padding-bottom: 0;
  padding-bottom: 0;
}

.c-reward-highlight--suggested .c-reward-highlight__icon {
  font-size: 2rem;
}
.c-reward-highlight--suggested .c-reward-highlight__title {
  color: #000;
}

.c-reward-highlight--percentage .c-reward-highlight__icon,
.c-reward-highlight--fixed-dollar .c-reward-highlight__icon,
.c-reward-highlight--open-dollar .c-reward-highlight__icon,
.c-reward-highlight--promo .c-reward-highlight__icon {
  font-size: 1.25rem;
  padding-bottom: 0;
  padding-bottom: 0;
}

/*------------------------------------------------------------------------------
		#Components - Product Filter
	----------------------------------------------------------------------------*/
/**
 * Product Filter section of order
 */
.c-menu-items-filter {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  clear: both;
  color: #222222;
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.64;
  position: relative;
  width: 100%;
}
.c-menu-items-filter:before, .c-menu-items-filter:after {
  content: " ";
  display: table;
}
.c-menu-items-filter:after {
  clear: both;
}

.c-menu-items-filter__header {
  color: #000;
  font-weight: 700;
  padding: 5px;
  padding: 0.4166666667rem;
  margin-bottom: 2px;
  margin-bottom: 0.1666666667rem;
  cursor: pointer;
  border-top: 1px solid #D2D0D0;
  border-bottom: 1px solid #D2D0D0;
}
.c-menu-items-filter__header .c-icon {
  margin-right: 5px;
  margin-right: 0.4166666667rem;
}

.c-menu-items-filter__content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  padding: 0.6666666667rem;
  box-shadow: 0px 1px 3px #00000029;
  border: 1px solid #DDDDDD;
}

.c-menu-items-filter__content.is-collapsed {
  display: none;
}

.c-menu-items-filter__group {
  flex: 1;
}

.c-menu-items-filter__group-title {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-bottom: 0.6666666667rem;
}

.c-menu-items-filter__tags {
  background-color: #F9F9F9;
}

.c-menu-items-filter__tag {
  color: #000;
  font-weight: 600;
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.64;
  padding: 0 5px;
  padding: 0 0.4166666667rem;
  margin: 5px 16.4px 5px 5px;
  margin: 0.4166666667rem 1.3666666667rem 0.4166666667rem 0.4166666667rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.c-menu-items-filter__tag .c-icon {
  margin-right: 2px;
  margin-right: 0.1666666667rem;
}

/*------------------------------------------------------------------------------
    #Components - Checkout
  ----------------------------------------------------------------------------*/
@media (min-width: 62em) {
  .c-payment {
    width: 70%;
  }
}
@media (min-width: 75em) {
  .c-payment {
    width: 60%;
  }
}
@media (min-width: 85.375em) {
  .c-payment {
    width: 50%;
  }
}
@media (min-width: 100em) {
  .c-payment {
    width: 40%;
  }
}
@media (min-width: 120em) {
  .c-payment {
    width: 30%;
  }
}
.c-payment-group {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
}

.c-payment__edit {
  margin-top: 8px;
  margin-top: 0.6666666667rem;
  top: 0;
  right: 0;
  position: absolute;
}
@media (min-width: 62em) {
  .c-payment__edit {
    margin-top: 16.4px;
    margin-top: 1.3666666667rem;
  }
}

.c-payment-information {
  margin-left: 0;
  margin-right: 0;
  display: block;
  font-size: 0;
  margin-bottom: 12.3px;
  margin-bottom: 1.025rem;
}
@media (max-width: 33.9999em) {
  .c-payment-information {
    margin-bottom: 8.2px;
    margin-bottom: 0.6833333333rem;
  }
}

.c-payment-information__item {
  display: inline-block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 2px 0;
  padding: 0.1666666667rem 0;
}

.c-payment-information__label {
  display: inline-block;
  font-weight: 600;
  margin: 0;
  vertical-align: top;
}

.c-payment-information__data {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

@media (min-width: 48em) {
  .c-payment__group--personal-details,
.c-payment__group--card-details,
.c-payment__group--billing-address {
    display: inline-block;
    float: left;
    width: 47.5%;
    padding-right: 2px;
    padding-right: 0.1666666667rem;
  }
}

@media (min-width: 34em) and (max-width: 47.9999em) {
  .c-payment__divider {
    width: 100%;
  }
}
@media (min-width: 48em) {
  .c-payment__divider {
    float: right;
    width: 5%;
  }
}

@media (min-width: 34em) {
  .c-payment__item--first-name,
.c-payment__item--last-name,
.c-payment__item--card-number,
.c-payment__item--card-expiry,
.c-payment__item--card-cvv,
.c-payment__item--billing-address-1,
.c-payment__item--billing-address-2,
.c-payment__item--billing-city,
.c-payment__item--billing-province,
.c-payment__item--billing-postal,
.c-payment__item--billing-country {
    width: 50%;
  }
}

@media (min-width: 34em) {
  .c-payment__item--card-number {
    width: 60%;
  }
}

@media (min-width: 34em) {
  .c-payment__item--card-expiry,
.c-payment__item--card-cvv {
    width: 20%;
  }
}

@media (min-width: 34em) {
  .c-payment__item--first-name,
.c-payment__item--billing-address-1,
.c-payment__item--billing-city,
.c-payment__item--billing-country,
.c-payment__item--card-number {
    padding-right: 2px;
    padding-right: 0.1666666667rem;
  }
}

@media (min-width: 34em) {
  .c-payment__item--card-expiry {
    padding-right: 2px;
    padding-right: 0.1666666667rem;
    padding-left: 2px;
    padding-left: 0.1666666667rem;
  }
}

@media (min-width: 34em) {
  .c-payment__item--last-name,
.c-payment__item--billing-address-2,
.c-payment__item--billing-postal,
.c-payment__item--billing-province,
.c-payment__item--card-cvv {
    padding-left: 2px;
    padding-left: 0.1666666667rem;
  }
}

/*==============================================================================
 #MCC - Themes
 thematic styles
 ============================================================================*/
.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px;
}

.fs-15 {
  font-size: 15px !important;
  font-family: "Open Sans";
}

.fw-bold {
  font-weight: bold !important;
}

.fw-bold-700 {
  font-weight: 700 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-3 {
  margin-top: 3px;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.m-5-0 {
  margin: 5px 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.m-10-0 {
  margin: 10px 0 !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px;
}

.mt-14 {
  margin-top: 14px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

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

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

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

.p-10 {
  padding: 10px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

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

.pt-2 {
  padding-top: 2px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

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

.pb-10 {
  padding-bottom: 10px !important;
}

.p-20 {
  padding: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

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

.p-lg-0 {
  padding: 30px 0 !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.d-block {
  display: block;
}

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

.c-data-declaration__text {
  font-size: 12px;
  margin-top: 10px;
}

.text-decoration-none {
  text-decoration: none;
}

.text-weight-bold {
  font-weight: 600;
}

.color_label label .colorBox-xs {
  display: inline-block;
  border-radius: 2px;
  width: 11px;
  height: 11px;
  margin: 0 5px;
}

.required {
  color: #bf0000;
}

.squreBoxRed {
  width: 11px;
  height: 11px;
  background-color: #EA3323;
  border-radius: 2px;
  display: inline-block;
}

.important_notice, .c-admin-forgot-password__error {
  color: #B02318 !important;
}

.success_notice, .c-admin-forgot-password__success {
  color: #346D75 !important;
}

.border_light {
  border: 1px solid #EBEBEB !important;
}

.border_bottom_light {
  border-bottom: 1px solid #EBEBEB !important;
}

.w-auto {
  width: auto !important;
}

.w-140 {
  width: 140px !important;
}

.bg-dark {
  background: #CCCCCC !important;
}

.text-dark {
  color: #CCCCCC;
}

.text-black {
  color: #000000;
}

.text-black-alt, .u-text-color-dark {
  color: #0C0C0C;
}

.label-control-width {
  width: 30.5%;
}

#zoneData {
  min-height: 80px;
}

.ht-100 {
  height: 100px !important;
}

.ht-min-150 {
  min-height: 150px;
}

.fc-red {
  color: #B02318 !important;
}

.fc-green {
  color: #4CABAA !important;
}

.fc-lightGreen {
  color: #01D616;
}

.fc-yellow {
  color: #F3A83B;
}

.label-width {
  width: 6.5%;
}

.position-right-140 {
  position: absolute;
  display: block;
  right: -140px;
  margin-top: -10px;
}

.column-space-30 {
  width: 30% !important;
  margin-right: 20px !important;
  max-width: 160px;
}
.column-space-30 .spacer {
  color: #0C0C0C;
  position: relative;
  padding-left: 7% !important;
  left: 5px !important;
}
.column-space-30 input.c-form-item__field {
  width: 140px !important;
  min-width: 140px;
}
.column-space-30.spacer_dash:after {
  content: "-";
  position: absolute;
  top: 25px;
  right: -5px;
  display: inline-block;
}

@media (min-width: 22.5em) and (max-width: 33.9999em) {
  .column-space-30 {
    width: 45% !important;
    margin-right: 5px !important;
  }
  .column-space-30:last-child {
    margin-right: 0 !important;
  }
  .column-space-30 .spacer {
    position: relative;
    padding-left: 5% !important;
    left: 0;
  }
}
.label-width-30 {
  width: 30%;
}

.label-auto {
  width: auto !important;
}

.color_label label .colorBox-xs {
  display: inline-block;
  border-radius: 2px;
  width: 11px;
  height: 11px;
  margin: 0 5px;
}

.u-border-none {
  border: none !important;
}

.text-strike-through {
  text-decoration: line-through;
}

.u-text-italic-info {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: -0.02em;
}

.u-bg-primary {
  background-color: #4CABAA;
}

.u-height-30 {
  height: 30px;
}

.u-text-royal-black {
  color: #0C0C0C;
}

.u-pointer-inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.85;
}

.u-text-blue {
  color: #0000ff;
}

.u-width-190 {
  width: 190px !important;
}

/*==============================================================================
 #MCC - Trumps
 inelegant and heavy-handed, and contains utility and helper classes, hacks and overrides
 ============================================================================*/
/*------------------------------------------------------------------------------
  #Trumps - Container
  ----------------------------------------------------------------------------*/
/**
 * The main container that wraps all major layout pieces so that we keep all
 * layout consistent. The container is responsive in that it will be a fluid
 * width using '%' up until it hits it's maximum width. And it's center
 * aligned by default.
 */
.u-container {
  width: 92%;
  min-width: 220px;
  min-width: 18.3333333333rem;
  max-width: 1600px;
  max-width: 133.3333333333rem;
  margin: 0 auto;
}
@media print {
  .u-container {
    width: auto;
  }
}

.u-container--full-bleed {
  width: auto;
  max-width: none;
}

.u-container--not-centered {
  margin-left: 0;
  margin-right: 0;
}

/* ============================================================================
   @LAYOUT -> GRID
   ========================================================================= */
/**
 * A powerful fluid and nestable mobile first grid system.
 *
 * Combine with the viewport specific width classes found in Utilities ->
 * Widths which all feed from the width settings set here: Core -> Settings ->
 * Widths to apply grid widths at specific viewports, for example:
 *
   <div class="l-grid__item  u-one-half-from-md u-one-third-from-lg">
 *
 * This would give you a grid item which is 100% width unless it is on a md
 * device, at which point it becomes 50% wide, or it is on a desktop device,
 * at which point it becomes 33.333% width. See breakpoints set here: Core ->
 * Settings -> Breakpoints.
 *
 * N.B. grid systems should be thought of as shelves. They contain content but
 * are not content in themselves. You put up your shelves then fill them with
 * your stuff. By setting up our grids separately to our components you can
 * move components around a lot more easily than if they had dimensions
 * applied to them; this makes our front-ends a lot more adaptable and quick
 * to work with.
 *
 * N.B. you should never apply any styles to a grid item, they are for layout
 * purposes only. Apply styling to content inside a grid item.
 *
 * @markup
   <div class="l-grid [modifier(s)]">
     <div class="l-grid__item  u-one-half"> [...] </div>
     <div class="l-grid__item  u-one-half"> [...] </div>
   </div>

   <div class="l-grid [modifier(s)]">
     <div class="l-grid__item  u-one-third"> [...] </div>
     <div class="l-grid__item  u-one-third"> [...] </div>
     <div class="l-grid__item  u-one-third"> [...] </div>
   </div>
 *
 * @demo
 * http://codepen.io/chris-pearce/full/emQqxo
 *
 * @credit
 * https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
 */
/**
 * Settings.
 */
/**
* Font size.
*/
/**
 * Gutter sizes.
 */
/**
 * Box sizing.
 *
 * Here we set a variable assuming that `box-sizing: border-box;` is not set
 * globally. If it has been previously been defined, the following variable
 * will be overridden and will be set to `true`.
 */
/**
 * Grid container aka: row.
 */
.u-grid {
  margin-left: 16.4px;
  margin-left: 1.3666666667rem;
  margin-right: 16.4px;
  margin-right: 1.3666666667rem;
  display: block;
  font-size: 0;
}

/**
 * grid item.
 */
.u-grid__item {
  display: inline-block;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
  padding-right: 16.4px;
  padding-right: 1.3666666667rem;
  width: 100%;
  vertical-align: top;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}

/**
 * Modifiers: gutters.
 */
.u-grid--gutterless {
  margin-left: 0;
}
.u-grid--gutterless > .u-grid__item {
  padding-left: 0;
}

.u-grid--gutter-tiny {
  margin-left: -5px;
  margin-left: -0.4166666667rem;
}
.u-grid--gutter-tiny > .u-grid__item {
  padding-left: 5px;
  padding-left: 0.4166666667rem;
}

.u-grid--gutter-small {
  margin-left: -8px;
  margin-left: -0.6666666667rem;
}
.u-grid--gutter-small > .u-grid__item {
  padding-left: 8px;
  padding-left: 0.6666666667rem;
}

.u-grid--gutter-large {
  margin-left: -24.4px;
  margin-left: -2.0333333333rem;
}
.u-grid--gutter-large > .u-grid__item {
  padding-left: 24.4px;
  padding-left: 2.0333333333rem;
}

.u-grid--gutter-huge {
  margin-left: -33px;
  margin-left: -2.75rem;
}
.u-grid--gutter-huge > .u-grid__item {
  padding-left: 33px;
  padding-left: 2.75rem;
}

/**
 * Modifier: reversed.
 *
 * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
 * markup will display in order 4, 3, 2, 1 on your page.
 */
.u-grid--reversed {
  direction: rtl;
  text-align: left;
}
.u-grid--reversed > .u-grid__item {
  direction: ltr;
  text-align: left;
}

/**
 * Modifiers: vertical alignments.
 */
.u-grid--align-middle > .u-grid__item {
  vertical-align: middle;
}

.u-grid--align-bottom > .u-grid__item {
  vertical-align: bottom;
}

/**
 * Modifiers: horizontal alignments.
 */
.u-grid--align-right {
  text-align: right;
}
.u-grid--align-right > .u-grid__item {
  text-align: left;
}

.u-grid--align-center {
  text-align: center;
}
.u-grid--align-center > .u-grid__item {
  text-align: left;
}

/**
 * Modifier: shrink wrap.
 *
 * Make it be the width of it's content.
 */
.u-grid--shrink-wrap > .u-grid__item {
  width: auto;
}

/**
 * Push / Pull grid items over to the left by certain amounts with the option to
 * apply at all the main breakpoints.
 */
/**
 * Generate all the push classes.
 */
/**
 * Generate all the pull classes.
 */
/* ============================================================================
   @LAYOUT -> SIDE-BY-SIDE
   ========================================================================= */
/**
 * Place any two elements side-by-side, typically for an image- and text-like
 * content.
 *
 * @markup
   <div class="l-side-by-side [modifier(s)]">
     <div class="l-side-by-side__left"> [...] </div>
     <div class="l-side-by-side__right"> [...] </div>
   </div>
 *
 * @credit
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
/**
 * Settings.
 */
/**
 * 1. So it can work on inline elements e.g. `span`.
 */
.u-side-by-side {
  display: block;
}
.u-side-by-side:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Left side.
 */
.u-side-by-side__left {
  float: left;
  margin-right: 16.4px;
  margin-right: 1.3666666667rem;
  /**
   * Modifiers: gutter sizing.
   */
  /**
   * Modifiers: reversed.
   *
   * Switch the sides i.e. left becomes right and right becomes left.
   */
  /**
   * Modifier: flush.
   *
   * Remove the gutter.
   */
  /**
   * Modifier: remove.
   *
   * Turn off the side-by-side layout so the two elements stack on top of
   * each other at the xs breakpoint (or whatever you specify) and provide
   * bottom spacing between the two elements via the gutter size settings.
   *
   * Make optional as this uses a fair amount of CSS.
   *
   * N.B. we use a `max-width` media query for this which is something we
   * wouldn't usually do as we build Mobile First however this is simply the
   * most pragmatic way of accomplishing this. Also this layout module's
   * default state is side-by-side, so its stacked state is the exception,
   * rather than the rule.
   */
}
.u-side-by-side--gutter--tiny > .u-side-by-side__left {
  margin-right: 5px;
  margin-right: 0.4166666667rem;
}
.u-side-by-side--gutter--small > .u-side-by-side__left {
  margin-right: 8px;
  margin-right: 0.6666666667rem;
}
.u-side-by-side--gutter--large > .u-side-by-side__left {
  margin-right: 24.4px;
  margin-right: 2.0333333333rem;
}
.u-side-by-side--gutter--huge > .u-side-by-side__left {
  margin-right: 33px;
  margin-right: 2.75rem;
}
.u-side-by-side--reversed > .u-side-by-side__left {
  float: right;
  margin-right: 0;
  margin-left: 16.4px;
  margin-left: 1.3666666667rem;
}
.u-side-by-side--reversed.u-side-by-side--gutter--tiny > .u-side-by-side__left {
  margin-left: 5px;
  margin-left: 0.4166666667rem;
}
.u-side-by-side--reversed.u-side-by-side--gutter--small > .u-side-by-side__left {
  margin-left: 8px;
  margin-left: 0.6666666667rem;
}
.u-side-by-side--reversed.u-side-by-side--gutter--large > .u-side-by-side__left {
  margin-left: 24.4px;
  margin-left: 2.0333333333rem;
}
.u-side-by-side--reversed.u-side-by-side--gutter--huge > .u-side-by-side__left {
  margin-left: 33px;
  margin-left: 2.75rem;
}
.u-side-by-side--flush > .u-side-by-side__left {
  margin-right: 0;
}
.u-side-by-side--reversed.u-side-by-side--flush > .u-side-by-side__left {
  margin-left: 0;
}
@media (max-width: 29.9999em) {
  .u-side-by-side__left {
    /**
     * Modifiers: bottom spacing sizing.
     */
    /**
     * Modifier: flush.
     *
     * Remove the bottom spacing.
     */
  }
  .u-side-by-side--remove > .u-side-by-side__left {
    float: none;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 16.4px;
    margin-bottom: 1.3666666667rem;
  }
  .u-side-by-side--remove.u-side-by-side--gutter--tiny > .u-side-by-side__left {
    margin-bottom: 5px;
    margin-bottom: 0.4166666667rem;
  }
  .u-side-by-side--remove.u-side-by-side--gutter--small > .u-side-by-side__left {
    margin-bottom: 8px;
    margin-bottom: 0.6666666667rem;
  }
  .u-side-by-side--remove.u-side-by-side--gutter--large > .u-side-by-side__left {
    margin-bottom: 24.4px;
    margin-bottom: 2.0333333333rem;
  }
  .u-side-by-side--remove.u-side-by-side--gutter--huge > .u-side-by-side__left {
    margin-bottom: 33px;
    margin-bottom: 2.75rem;
  }
  .u-side-by-side--remove.u-side-by-side--flush > .u-side-by-side__left {
    margin-bottom: 0;
  }
}

/**
 * Right side.
 *
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behavior of table-cell.
 */
.u-side-by-side__right {
  display: table-cell;
  width: 10000px;
}

/* ============================================================================
   @LAYOUT -> SIDE-BY-SIDE ALTERNATE VERSION
   ========================================================================= */
/**
 * This is the same as the default Side-by-side layout module however it
 * utilises `display: table[-cell];` to give us control over vertical
 * alignment.
 *
 * @markup
   <div class="l-side-by-side-alt [modifier(s)]">
     <div class="l-side-by-side-alt__left"> [...] </div>
     <div class="l-side-by-side-alt__right"> [...] </div>
   </div>
 *
 * @credit
 * https://github.com/inuitcss/objects.flag/blob/master/_objects.flag.scss
 */
/**
 * Settings.
 */
/**
 * 1. Allows us to control vertical alignments.
 * 2. Force to be the full width of its parent. Combined with [1], this makes
 *    the layout module behave in a quasi-`display: block;` manner.
 */
.u-side-by-side-alt {
  display: table;
  width: 100%;
}

/**
 * Modifier: reversed.
 */
.u-side-by-side-alt--reversed {
  direction: rtl;
}

/**
 * Modifier: shrink-wrap.
 *
 * Make it be the width of it's content not it's parent as per the default.
 */
.u-side-by-side-alt--shrink-wrap {
  width: auto;
}

/**
 * Modifier: layout-fixed.
 *
 * This makes table and column widths set by the widths of `table` and `col`
 * elements or by the width of the first row of cells. Cells in subsequent rows
 * do not affect column widths.
 */
.u-side-by-side-alt--layout-fixed {
  table-layout: fixed;
}

/**
 * Modifier: make linear.
 *
 * Turn off the side-by-side layout so the two elements stack on top of
 * each other at the xs breakpoint (or whatever you specify) and provide
 * bottom spacing between the two elements via the gutter size settings.
 *
 * Make optional as this uses a fair amount of CSS.
 *
 * N.B. we use a `max-width` media query for this which is something we
 * wouldn't usually do as we build Mobile First however this is simply the
 * most pragmatic way of accomplishing this. Also this layout module's default
 * state is side-by-side, so its stacked state is the exception, rather
 * than the rule.
 */
@media (max-width: 29.9999em) {
  .u-side-by-side-alt--remove {
    direction: ltr;
  }
}
/**
 * The two sides of the layout module. There should only ever be one of each.
 *
 * 1. Default to aligning content to their middles.
 */
.u-side-by-side-alt__left,
.u-side-by-side-alt__right {
  display: table-cell;
  vertical-align: middle;
  /**
   * Modifier: reversed.
   *
   * Switch the sides i.e. left becomes right and right becomes left.
   */
  /**
   * Modifiers: vertical alignments.
   */
  /**
   * Modifier: make linear.
   */
}
.u-side-by-side-alt--reversed > .u-side-by-side-alt__left,
.u-side-by-side-alt--reversed > .u-side-by-side-alt__right {
  direction: ltr;
}
.u-side-by-side-alt--top > .u-side-by-side-alt__left,
.u-side-by-side-alt--top > .u-side-by-side-alt__right {
  vertical-align: top;
}
.u-side-by-side-alt--bottom > .u-side-by-side-alt__left,
.u-side-by-side-alt--bottom > .u-side-by-side-alt__right {
  vertical-align: bottom;
}
@media (max-width: 29.9999em) {
  .u-side-by-side-alt--remove > .u-side-by-side-alt__left,
.u-side-by-side-alt--remove > .u-side-by-side-alt__right {
    display: block;
  }
}

/**
 * Left side.
 */
.u-side-by-side-alt__left {
  padding-right: 16.4px;
  padding-right: 1.3666666667rem;
  /**
   * Modifiers: gutter sizing.
   */
  /**
   * Modifiers: reversed.
   *
   * 1. Reassign paddings to the correct sides.
   */
  /**
   * Modifier: flush.
   *
   * Remove the gutter.
   */
  /**
   * Modifier: make linear.
   */
  /**
   * Need to turn off responsive images otherwise it breaks.
   */
}
.u-side-by-side-alt--gutter--tiny > .u-side-by-side-alt__left {
  padding-right: 5px;
  padding-right: 0.4166666667rem;
}
.u-side-by-side-alt--gutter--small > .u-side-by-side-alt__left {
  padding-right: 8px;
  padding-right: 0.6666666667rem;
}
.u-side-by-side-alt--gutter--large > .u-side-by-side-alt__left {
  padding-right: 24.4px;
  padding-right: 2.0333333333rem;
}
.u-side-by-side-alt--gutter--huge > .u-side-by-side-alt__left {
  padding-right: 33px;
  padding-right: 2.75rem;
}
.u-side-by-side-alt--reversed > .u-side-by-side-alt__left {
  padding-right: 0;
  padding-left: 16.4px;
  padding-left: 1.3666666667rem;
}
.u-side-by-side-alt--reversed.u-side-by-side-alt--gutter--tiny > .u-side-by-side-alt__left {
  padding-left: 5px;
  padding-left: 0.4166666667rem;
}
.u-side-by-side-alt--reversed.u-side-by-side-alt--gutter--small > .u-side-by-side-alt__left {
  padding-left: 8px;
  padding-left: 0.6666666667rem;
}
.u-side-by-side-alt--reversed.u-side-by-side-alt--gutter--large > .u-side-by-side-alt__left {
  padding-left: 24.4px;
  padding-left: 2.0333333333rem;
}
.u-side-by-side-alt--reversed.u-side-by-side-alt--gutter--huge > .u-side-by-side-alt__left {
  padding-left: 33px;
  padding-left: 2.75rem;
}
.u-side-by-side-alt--flush > .u-side-by-side-alt__left {
  padding-right: 0;
}
.u-side-by-side-alt--reversed.u-side-by-side-alt--flush > .u-side-by-side-alt__left {
  padding-left: 0;
}
@media (max-width: 29.9999em) {
  .u-side-by-side-alt__left {
    /**
     * Modifiers: bottom spacing sizing.
     */
    /**
     * Modifier: flush.
     *
     * Remove the bottom spacing.
     */
  }
  .u-side-by-side-alt--remove > .u-side-by-side-alt__left {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 16.4px;
    margin-bottom: 1.3666666667rem;
  }
  .u-side-by-side-alt--remove.u-side-by-side-alt--gutter--tiny > .u-side-by-side-alt__left {
    margin-bottom: 5px;
    margin-bottom: 0.4166666667rem;
  }
  .u-side-by-side-alt--remove.u-side-by-side-alt--gutter--small > .u-side-by-side-alt__left {
    margin-bottom: 8px;
    margin-bottom: 0.6666666667rem;
  }
  .u-side-by-side-alt--remove.u-side-by-side-alt--gutter--large > .u-side-by-side-alt__left {
    margin-bottom: 24.4px;
    margin-bottom: 2.0333333333rem;
  }
  .u-side-by-side-alt--remove.u-side-by-side-alt--gutter--huge > .u-side-by-side-alt__left {
    margin-bottom: 33px;
    margin-bottom: 2.75rem;
  }
  .u-side-by-side-alt--remove.u-side-by-side-alt--flush > .u-side-by-side-alt__left {
    margin-bottom: 0;
  }
}
.u-side-by-side-alt__left > img {
  max-width: none;
  /**
   * Modifier: remove.
   *
   * Bring back responsive images for stacked version.
   */
}
@media (max-width: 29.9999em) {
  .u-side-by-side-alt__left > img {
    max-width: 100%;
  }
}

/* ============================================================================
   @UTILITIES -> TEXT
   ========================================================================= */
/**
 * Various handy utilities for text.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   %u-text-size-small
   %u-text-size-x-small
   %u-text-size-xx-small
   %u-text-size-xxx-small
   %u-text-size-large
   %u-text-size-x-large
   %u-text-size-xx-large
   %u-text-size-xxx-large
   %u-text-size-base
   %u-text-size-inherit
   %u-text-align-center
   %u-text-align-left
   %u-text-align-right
   %u-text-align-inherit
   %u-text-style-italic
   %u-text-style-normal
   %u-text-style-inherit
   %u-text-weight-lighter
   %u-text-weight-bold
   %u-text-weight-inherit
   %u-text-weight-normal
   %u-text-transform-uppercase
   %u-text-transform-lowercase
   %u-text-transform-capitalise
   %u-text-transform-inherit
   %u-text-transform-none
   %u-text-whitespace-normal
   %u-text-whitespace-pre
   %u-text-whitespace-nowrap
   %u-text-truncate
   %u-text-kern
   %u-text-break-word
   %u-text-hyphenate
   %u-text-osx-font-smoothing
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
.u-text-color-base {
  color: #222222;
}

.u-text-color-primary {
  color: #00aeab;
}

.u-text-color-secondary {
  color: #186e77;
}

.u-text-color-tertiary {
  color: #2c4551;
}

.u-text-color-success {
  color: #3c763d;
}

.u-text-color-info {
  color: #31708f;
}

.u-text-color-warning {
  color: #8a6d3b;
}

.u-text-color-danger {
  color: #a94442;
}

/**
 * Size.
 */
.u-text-size-small {
  font-size: 11px  !important;
  font-size: 0.9166666667rem  !important;
  line-height: 1.4909090909  !important;
}

.u-text-size-x-small {
  font-size: 10px  !important;
  font-size: 0.8333333333rem  !important;
  line-height: 1.64  !important;
}

.u-text-size-xx-small {
  font-size: 9px  !important;
  font-size: 0.75rem  !important;
  line-height: 1.8222222222  !important;
}

.u-text-size-xxx-small {
  font-size: 8px  !important;
  font-size: 0.6666666667rem  !important;
  line-height: 2.05  !important;
}

.u-text-size-large {
  font-size: 13px  !important;
  font-size: 1.0833333333rem  !important;
  line-height: 1.2615384615  !important;
}

.u-text-size-x-large {
  font-size: 14px  !important;
  font-size: 1.1666666667rem  !important;
  line-height: 1.1714285714  !important;
}

.u-text-size-xx-large {
  font-size: 15px  !important;
  font-size: 1.25rem  !important;
  line-height: 1.0933333333  !important;
}

.u-text-size-xxx-large {
  font-size: 18px  !important;
  font-size: 1.5rem  !important;
  line-height: 1.8222222222  !important;
}

.u-text-size-base {
  font-size: 12px  !important;
  font-size: 1rem  !important;
  line-height: 1.3666666667  !important;
}

.u-text-size-inherit {
  font-size: inherit !important;
}

/**
 * Alignment.
 */
.u-text-align-center {
  text-align: center !important;
}

.u-text-align-left {
  text-align: left !important;
}

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

.u-text-align-inherit {
  text-align: inherit !important;
}

/**
 * Style.
 */
.u-text-style-italic {
  font-style: italic !important;
}

.u-text-style-normal {
  font-style: normal !important;
}

.u-text-style-inherit {
  font-style: inherit !important;
}

/**
 * Weight.
 */
.u-text-weight-lighter {
  font-weight: lighter !important;
}

.u-text-weight-semibold {
  font-weight: 600 !important;
}

.u-text-weight-bold {
  font-weight: bold !important;
}

.u-text-weight-inherit {
  font-weight: inherit !important;
}

.u-text-weight-normal {
  font-weight: normal !important;
}

/**
 * Transform.
 */
.u-text-transform-uppercase {
  text-transform: uppercase !important;
}

.u-text-transform-lowercase {
  text-transform: lowercase !important;
}

.u-text-transform-capitalise {
  text-transform: capitalize !important;
}

.u-text-transform-inherit {
  text-transform: inherit !important;
}

.u-text-transform-none {
  text-transform: none !important;
}

/**
 * Whitespace.
 */
.u-text-whitespace-normal {
  white-space: normal !important;
}

.u-text-whitespace-pre {
  white-space: pre !important;
}

.u-text-whitespace-nowrap {
  white-space: nowrap !important;
}

/**
 * Truncation.
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor nodes.
 *
 * @credit
 * https://github.com/suitcss/utils-text/blob/master/lib/text.css
 */
.u-text-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

/**
 * Enables font kerning in all browsers.
 *
 * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android.
 * 2. Chrome (not Windows), Firefox, IE 10+.
 * 3. Safari 7 and future browsers.
 *
 * @credit
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 */
.u-text-kern {
  text-rendering: optimizeLegibility !important;
  font-feature-settings: "kern" 1 !important;
  font-kerning: normal !important;
}

/**
 * Word breaking.
 *
 * Break strings when their length exceeds the width of their container.
 */
.u-text-break-word {
  word-wrap: break-word !important;
}

/**
 * Hyphenation.
 */
.u-text-hyphenate {
  hyphens: auto !important;
}

/**
 * OSX font smoothing.
 *
 * Fonts on OSX will look more consistent with other systems that do not
 * render text using sub-pixel anti-aliasing.
 *
 * N.B. this can be applied globally on the `html` element in Core -> Base ->
 * Root therefore it's only applied here if that global setting is set to
 * "false" which is the default.
 */
.u-text-osx-font-smoothing {
  -moz-osx-font-smoothing: grayscale !important;
  -webkit-font-smoothing: antialiased !important;
}

/* ============================================================================
   @UTILITIES -> WIDTHS
   ========================================================================= */
/**
 * Apply different width treatments to elements. There are two different
 * treatments you can apply:
 *
 * - Intrinsic widths
 * - Percentage widths
 *
 * Percentage based width classes are generated by the
 * `generate-percentage-classes-at-breakpoints()` mixin found here:
 * Core -> Settings -> Mixins. Each class gets its value and is named after
 * the Sass settings defined here: Core -> Settings -> Widths with the
 * addition of the utility namespace: `u-`, e.g. `$one-half` = `.u-one-half`.
 *
 * The default format for these classes is:
 *
    .u-one-whole
    .u-one-half
    .u-one-third
    .u-one-quarter
 *
 * ... and so on.
 *
 * Or in the more terse format:
 *
    .u-100pc
    .u-50pc
    .u-33pc
    .u-25pc
 *
 * ... and so on.
 *
 * The more terse format is turned off by default, to turn it on change this
 * setting: `$mixin-apply-terse-percentage-class-names` to 'true' above the
 * `@import` for this mixin in your master stylesheet e.g.
 *
   $mixin-apply-terse-percentage-class-names: true;
 *
 * All the width classes can be applied at different breakpoints with the
 * format being:
 *
 * Using a `min-width` media query (default):
 *
   .u-[setting-name]-from-[breakpoint]
 *
 * E.g.
 *
   .u-one-half-from-md
 *
 * Using a `max-width` media query:
 *
   .u-[setting-name]-up-to-[breakpoint]
 *
 * E.g.
 *
   .u-one-third-up-to-lg
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   .u-width-shrink-wrap
   .u-width-shrink-wrap--right
   .u-width-fill-remaining-space
   .u-width-fill-remaining-space-alt
   .u-width-full-bleed
   .u-one-whole
   .u-one-half
   .u-one-third
   .u-two-thirds
   .u-one-quarter
   .u-two-quarters
   .u-three-quarters
   .u-one-fifth
   .u-two-fifths
   .u-three-fifths
   .u-four-fifths
   .u-one-sixth
   .u-two-sixths
   .u-three-sixths
   .u-four-sixths
   .u-five-sixths
   .u-one-seventh
   .u-two-sevenths
   .u-three-sevenths
   .u-four-sevenths
   .u-five-sevenths
   .u-six-sevenths
   .u-one-eighth
   .u-two-eighths
   .u-three-eighths
   .u-four-eighths
   .u-five-eighths
   .u-six-eighths
   .u-seven-eighths
   .u-one-ninth
   .u-two-ninths
   .u-three-ninths
   .u-four-ninths
   .u-five-ninths
   .u-six-ninths
   .u-seven-ninths
   .u-eight-ninths
   .u-one-tenth
   .u-two-tenths
   .u-three-tenths
   .u-four-tenths
   .u-five-tenths
   .u-six-tenths
   .u-seven-tenths
   .u-eight-tenths
   .u-nine-tenths
   .u-one-eleventh
   .u-two-elevenths
   .u-three-elevenths
   .u-four-elevenths
   .u-five-elevenths
   .u-six-elevenths
   .u-seven-elevenths
   .u-eight-elevenths
   .u-nine-elevenths
   .u-ten-elevenths
   .u-one-twelfth
   .u-two-twelfths
   .u-three-twelfths
   .u-four-twelfths
   .u-five-twelfths
   .u-six-twelfths
   .u-seven-twelfths
   .u-eight-twelfths
   .u-nine-twelfths
   .u-ten-twelfths
   .u-eleven-twelfths
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * Box sizing.
 *
 * Here we set a variable assuming that `box-sizing: border-box;` is not set
 * globally. If it has been previously been defined, the following variable
 * will be overridden and will be set to `true`.
 */
/**
 * Intrinsic widths.
 */
/**
 * Make an element shrink wrap its content.
 */
.u-width-shrink-wrap {
  display: block !important;
  float: left !important;
  width: auto !important;
}

.u-width-shrink-wrap--right {
  float: right !important;
}

/**
 * Make an element fill the remaining space.
 *
 * N.B. for the alternative method do not use if child elements might be wider
 * than the remaining space because in Chrome, Safari, and Firefox it results
 * in undesired layout.
 */
.u-width-fill-remaining-space {
  display: block !important;
  overflow: hidden !important;
  width: auto !important;
}

.u-width-fill-remaining-space-alt {
  display: table-cell !important;
  max-width: 100% !important;
  width: 10000px !important;
}

/**
 * Make an element the width of its parent.
 */
.u-width-full-bleed {
  display: block !important;
  width: 100% !important;
}

/**
 * Percentage widths.
 */
.u-one-whole {
  width: 100%;
}

.u-one-half {
  width: 50%;
}

.u-one-third {
  width: 33.3333333333%;
}

.u-two-thirds {
  width: 66.6666666667%;
}

.u-one-quarter {
  width: 25%;
}

.u-two-quarters {
  width: 50%;
}

.u-three-quarters {
  width: 75%;
}

.u-one-fifth {
  width: 20%;
}

.u-two-fifths {
  width: 40%;
}

.u-three-fifths {
  width: 60%;
}

.u-four-fifths {
  width: 80%;
}

.u-one-sixth {
  width: 16.6666666667%;
}

.u-two-sixths {
  width: 33.3333333333%;
}

.u-three-sixths {
  width: 50%;
}

.u-four-sixths {
  width: 66.6666666667%;
}

.u-five-sixths {
  width: 83.3333333333%;
}

.u-one-seventh {
  width: 14.2857142857%;
}

.u-two-sevenths {
  width: 28.5714285714%;
}

.u-three-sevenths {
  width: 42.8571428571%;
}

.u-four-sevenths {
  width: 57.1428571429%;
}

.u-five-sevenths {
  width: 71.4285714286%;
}

.u-six-sevenths {
  width: 85.7142857143%;
}

.u-one-eighth {
  width: 12.5%;
}

.u-two-eighths {
  width: 25%;
}

.u-three-eighths {
  width: 37.5%;
}

.u-four-eighths {
  width: 50%;
}

.u-five-eighths {
  width: 62.5%;
}

.u-six-eighths {
  width: 75%;
}

.u-seven-eighths {
  width: 87.5%;
}

.u-one-ninth {
  width: 11.1111111111%;
}

.u-two-ninths {
  width: 22.2222222222%;
}

.u-three-ninths {
  width: 33.3333333333%;
}

.u-four-ninths {
  width: 44.4444444444%;
}

.u-five-ninths {
  width: 55.5555555556%;
}

.u-six-ninths {
  width: 66.6666666667%;
}

.u-seven-ninths {
  width: 77.7777777778%;
}

.u-eight-ninths {
  width: 88.8888888889%;
}

.u-one-tenth {
  width: 10%;
}

.u-two-tenths {
  width: 20%;
}

.u-three-tenths {
  width: 30%;
}

.u-four-tenths {
  width: 40%;
}

.u-five-tenths {
  width: 50%;
}

.u-six-tenths {
  width: 60%;
}

.u-seven-tenths {
  width: 70%;
}

.u-eight-tenths {
  width: 80%;
}

.u-nine-tenths {
  width: 90%;
}

.u-one-eleventh {
  width: 9.0909090909%;
}

.u-two-elevenths {
  width: 18.1818181818%;
}

.u-three-elevenths {
  width: 27.2727272727%;
}

.u-four-elevenths {
  width: 36.3636363636%;
}

.u-five-elevenths {
  width: 45.4545454545%;
}

.u-six-elevenths {
  width: 54.5454545455%;
}

.u-seven-elevenths {
  width: 63.6363636364%;
}

.u-eight-elevenths {
  width: 72.7272727273%;
}

.u-nine-elevenths {
  width: 81.8181818182%;
}

.u-ten-elevenths {
  width: 90.9090909091%;
}

.u-one-twelfth {
  width: 8.3333333333%;
}

.u-two-twelfths {
  width: 16.6666666667%;
}

.u-three-twelfths {
  width: 25%;
}

.u-four-twelfths {
  width: 33.3333333333%;
}

.u-five-twelfths {
  width: 41.6666666667%;
}

.u-six-twelfths {
  width: 50%;
}

.u-seven-twelfths {
  width: 58.3333333333%;
}

.u-eight-twelfths {
  width: 66.6666666667%;
}

.u-nine-twelfths {
  width: 75%;
}

.u-ten-twelfths {
  width: 83.3333333333%;
}

.u-eleven-twelfths {
  width: 91.6666666667%;
}

@media (min-width: 48em) {
  .u-one-whole-from-md {
    width: 100%;
  }

  .u-one-half-from-md {
    width: 50%;
  }

  .u-one-third-from-md {
    width: 33.3333333333%;
  }

  .u-two-thirds-from-md {
    width: 66.6666666667%;
  }

  .u-one-quarter-from-md {
    width: 25%;
  }

  .u-two-quarters-from-md {
    width: 50%;
  }

  .u-three-quarters-from-md {
    width: 75%;
  }

  .u-one-fifth-from-md {
    width: 20%;
  }

  .u-two-fifths-from-md {
    width: 40%;
  }

  .u-three-fifths-from-md {
    width: 60%;
  }

  .u-four-fifths-from-md {
    width: 80%;
  }

  .u-one-sixth-from-md {
    width: 16.6666666667%;
  }

  .u-two-sixths-from-md {
    width: 33.3333333333%;
  }

  .u-three-sixths-from-md {
    width: 50%;
  }

  .u-four-sixths-from-md {
    width: 66.6666666667%;
  }

  .u-five-sixths-from-md {
    width: 83.3333333333%;
  }

  .u-one-seventh-from-md {
    width: 14.2857142857%;
  }

  .u-two-sevenths-from-md {
    width: 28.5714285714%;
  }

  .u-three-sevenths-from-md {
    width: 42.8571428571%;
  }

  .u-four-sevenths-from-md {
    width: 57.1428571429%;
  }

  .u-five-sevenths-from-md {
    width: 71.4285714286%;
  }

  .u-six-sevenths-from-md {
    width: 85.7142857143%;
  }

  .u-one-eighth-from-md {
    width: 12.5%;
  }

  .u-two-eighths-from-md {
    width: 25%;
  }

  .u-three-eighths-from-md {
    width: 37.5%;
  }

  .u-four-eighths-from-md {
    width: 50%;
  }

  .u-five-eighths-from-md {
    width: 62.5%;
  }

  .u-six-eighths-from-md {
    width: 75%;
  }

  .u-seven-eighths-from-md {
    width: 87.5%;
  }

  .u-one-ninth-from-md {
    width: 11.1111111111%;
  }

  .u-two-ninths-from-md {
    width: 22.2222222222%;
  }

  .u-three-ninths-from-md {
    width: 33.3333333333%;
  }

  .u-four-ninths-from-md {
    width: 44.4444444444%;
  }

  .u-five-ninths-from-md {
    width: 55.5555555556%;
  }

  .u-six-ninths-from-md {
    width: 66.6666666667%;
  }

  .u-seven-ninths-from-md {
    width: 77.7777777778%;
  }

  .u-eight-ninths-from-md {
    width: 88.8888888889%;
  }

  .u-one-tenth-from-md {
    width: 10%;
  }

  .u-two-tenths-from-md {
    width: 20%;
  }

  .u-three-tenths-from-md {
    width: 30%;
  }

  .u-four-tenths-from-md {
    width: 40%;
  }

  .u-five-tenths-from-md {
    width: 50%;
  }

  .u-six-tenths-from-md {
    width: 60%;
  }

  .u-seven-tenths-from-md {
    width: 70%;
  }

  .u-eight-tenths-from-md {
    width: 80%;
  }

  .u-nine-tenths-from-md {
    width: 90%;
  }

  .u-one-eleventh-from-md {
    width: 9.0909090909%;
  }

  .u-two-elevenths-from-md {
    width: 18.1818181818%;
  }

  .u-three-elevenths-from-md {
    width: 27.2727272727%;
  }

  .u-four-elevenths-from-md {
    width: 36.3636363636%;
  }

  .u-five-elevenths-from-md {
    width: 45.4545454545%;
  }

  .u-six-elevenths-from-md {
    width: 54.5454545455%;
  }

  .u-seven-elevenths-from-md {
    width: 63.6363636364%;
  }

  .u-eight-elevenths-from-md {
    width: 72.7272727273%;
  }

  .u-nine-elevenths-from-md {
    width: 81.8181818182%;
  }

  .u-ten-elevenths-from-md {
    width: 90.9090909091%;
  }

  .u-one-twelfth-from-md {
    width: 8.3333333333%;
  }

  .u-two-twelfths-from-md {
    width: 16.6666666667%;
  }

  .u-three-twelfths-from-md {
    width: 25%;
  }

  .u-four-twelfths-from-md {
    width: 33.3333333333%;
  }

  .u-five-twelfths-from-md {
    width: 41.6666666667%;
  }

  .u-six-twelfths-from-md {
    width: 50%;
  }

  .u-seven-twelfths-from-md {
    width: 58.3333333333%;
  }

  .u-eight-twelfths-from-md {
    width: 66.6666666667%;
  }

  .u-nine-twelfths-from-md {
    width: 75%;
  }

  .u-ten-twelfths-from-md {
    width: 83.3333333333%;
  }

  .u-eleven-twelfths-from-md {
    width: 91.6666666667%;
  }
}
/* ============================================================================
   @UTILITIES -> ALIGNMENTS
   ========================================================================= */
/**
 * Apply different alignments to elements.
 *
 * N.B. text alignments can be found in the Text -> Alignment utility.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   .u-align-v-inline-top
   .u-align-v-inline-middle
   .u-align-v-inline-baseline
   .u-align-v-inline-bottom
   .u-align-v-inline-inherit
   .u-align-v-block-middle-flexbox
   .u-align-v-block-middle-position
   .u-align-center-block
 *
 * @demo
 * http://codepen.io/chris-pearce/full/YPejod/
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * Inline vertical alignments.
 */
.u-align-v-inline-top {
  vertical-align: top !important;
}

.u-align-v-inline-middle {
  vertical-align: middle !important;
}

.u-align-v-inline-baseline {
  vertical-align: baseline !important;
}

.u-align-v-inline-bottom {
  vertical-align: bottom !important;
}

.u-align-v-inline-inherit {
  vertical-align: inherit !important;
}

/**
 * Block level vertical alignments.
 */
.u-align-v-block-middle-flexbox {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.u-align-v-block-middle-position {
  position: relative !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/**
 * Center align a block level element.
 *
 * 1. Make it work on inline elements e.g. `img`.
 */
.u-align-center-block {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-align-center-block:not(table) {
  display: block !important;
}

/* ============================================================================
   @UTILITIES -> COLOURS
   ========================================================================= */
/* Apply different colours to elements. */
/* Base colours */
.u-colour-success {
  color: #5cb85c;
}

.u-colour-danger {
  color: #d9534f;
}

.u-colour-warning {
  color: #f0ad4e;
}

.u-colour-inactive {
  color: #b3b3b3;
}

.u-colour-background-success {
  background-color: #5cb85c;
}

.u-colour-background-danger {
  background-color: #d9534f;
}

.u-colour-background-warning {
  background-color: #f0ad4e;
}

.u-colour-background-inactive {
  background-color: #b3b3b3;
}

.u-color-white {
  color: #fff;
}

.u-color-green {
  color: #4cabaa;
}

.u-color-dark-green {
  color: #347978;
}

.u-color-blue {
  color: #4591f7;
}

.u-color-red {
  color: #b02318;
}

.u-color-dark-grey {
  color: #ccc;
}

.u-color-royal-black {
  color: #0c0c0c;
}

.u-color-darker-green {
  color: #20464C;
}

.u-color-brown {
  color: #666;
}

.u-color-light-grey {
  color: #ebebeb;
}

.u-color-gold {
  color: #e27b00 !important;
}

.u-color-royal-blue {
  color: #006ee0 !important;
}

.u-color-lime {
  color: #04b100 !important;
}

.u-color-fuchsia {
  color: #ff00c7 !important;
}

/* ============================================================================
   @UTILITIES -> TOGGLE VISIBILITY
   ========================================================================= */
/**
 * Simply toggling the visibility of an element via a state class:
 * `is-visible` (or whatever you choose) which is powered by JavaScript. For
 * non-JavaScript users the element will always show.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   .u-toggle-visibility
   .u-toggle-visibility-inline
   .u-toggle-visibility-inline-block
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
.u-toggle-visibility {
  display: none !important;
}
.u-toggle-visibility.is-visible, .no-js .u-toggle-visibility {
  display: block !important;
}

/**
 * For `inline` elements.
 */
.u-toggle-visibility-inline {
  display: none !important;
}
.u-toggle-visibility-inline.is-visible, .no-js .u-toggle-visibility-inline {
  display: inline !important;
}

/**
 * For `inline-block` elements.
 */
.u-toggle-visibility-inline-block {
  display: none !important;
}
.u-toggle-visibility-inline-block.is-visible, .no-js .u-toggle-visibility-inline-block {
  display: inline-block !important;
}

/* ============================================================================
   @UTILITIES -> MOMENTUM SCROLLING
   ========================================================================= */
/**
 * Web pages on iOS by default have a "momentum" style scrolling where a flick
 * of the finger sends the web page scrolling and it keeps going until
 * eventually slowing down and stopping as if friction is slowing it down. You
 * might think that any element with scrolling would have this behavior as
 * well, but it doesn't. You can add it back by applying this utility.
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
.u-momentum-scrolling {
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Float
  ----------------------------------------------------------------------------*/
/**
 * Simply make an element floated or remove it.
 */
/**
 * Enable at these breakpoints (turned off by default).
 */
.u-float-left {
  float: left !important;
}

.u-float-right {
  float: right !important;
}

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

/* ============================================================================
   @UTILITIES -> NEW BLOCK FORMATTING CONTEXT (NBFC)
   ========================================================================= */
/**
 * This affords some useful properties to the element. It won't wrap under
 * floats. Will also contain any floated children.
 *
 * N.B. this is one of the rare occasions where the class/placeholder is
 * shortened.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   %u-nbfc
   %u-nbfc-alt
 *
 * @demo
 * http://s.codepen.io/chris-pearce/full/zxRQwV
 *
 * @credit
 * https://github.com/suitcss/utils-layout/blob/master/lib/layout.css
 */
/**
 * Settings.
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * 1. Create a new block formatting context (NBFC).
 * 2. Avoid shrink-wrap behavior of table-cell.
 *
 * N.B. this breaks down in some browsers when elements within this element
 * exceed its width.
 */
.u-nfbc {
  display: table-cell !important;
  width: 10000px !important;
}

/**
 * Alternate version.
 *
 * N.B. this will clip overflow. Best to go with the default version above.
 */
.u-nbfc-alt {
  overflow: hidden !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Position
  ----------------------------------------------------------------------------*/
/**
 * Various utilities for positioning elements.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   .u-position-relative
   .u-position-absolute
   .u-position-fixed
   .u-position-static
   .u-position-left
   .u-position-right
   .u-position-top
   .u-position-bottom
   .u-position-top-left
   .u-position-top-right
   .u-position-bottom-left
   .u-position-bottom-right
   .u-position-pin-all
   .u-position-pin-ends
   .u-position-pin-sides
   .u-position-pin-sides-top
   .u-position-pin-sides-bottom
   .u-position-v-middle
   .u-position-h-middle
   .u-position-middle
 */
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * Standard positioning properties.
 */
.u-position-relative {
  position: relative !important;
}

.u-position-absolute {
  position: absolute !important;
}

.u-position-fixed {
  position: fixed !important;
}

.u-position-static {
  position: static !important;
}

/**
 * Different ways to position an element.
 */
.u-position-left {
  position: absolute !important;
  left: 0 !important;
}

.u-position-right {
  position: absolute !important;
  right: 0 !important;
}

.u-position-top {
  position: absolute !important;
  top: 0 !important;
}

.u-position-bottom {
  position: absolute !important;
  bottom: 0 !important;
}

.u-position-top-left {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.u-position-top-right {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.u-position-bottom-left {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
}

.u-position-bottom-right {
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
}

.u-position-pin-all {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}

.u-position-pin-ends {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
}

.u-position-pin-sides {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
}

.u-position-pin-sides-top {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

.u-position-pin-sides-bottom {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.u-position-v-middle {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.u-position-h-middle {
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.u-position-middle {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Display
  ----------------------------------------------------------------------------*/
/**
 * A utility for applying the most common types of box renderings.
 */
/**
 * Enable at these breakpoints (turned off by default).
 */
.u-display-block {
  display: block !important;
}

/* ----- Inline ----- */
.u-display-inline {
  display: inline !important;
}

/* ----- Inline block ----- */
.u-display-inline-block {
  display: inline-block !important;
}

/* ----- Table ----- */
.u-display-table {
  display: table !important;
}

.u-display-table-row {
  display: table-row !important;
}

.u-display-table-cell {
  display: table-cell !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Cleafix
  ----------------------------------------------------------------------------*/
/**
 * Make an element expand to contain floated children.
 */
.u-clearfix:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.u-clear-left {
  clear: left !important;
}

.u-clear-right {
  clear: right !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Spacing
  ----------------------------------------------------------------------------*/
/**
 * A powerful utility to apply and remove spacing (whitespace) via `margin`
 * and `padding`.
  */
/* ----- Micro ----- */
.u-s-m--micro {
  margin: 2px  !important;
  margin: 0.1666666667rem  !important;
}

.u-s-p--micro {
  padding: 2px  !important;
  padding: 0.1666666667rem  !important;
}

.u-s-m-n--micro {
  margin: -2px  !important;
  margin: -0.1666666667rem  !important;
}

.u-s-mt--micro {
  margin-top: 2px  !important;
  margin-top: 0.1666666667rem  !important;
}

.u-s-pt--micro {
  padding-top: 2px  !important;
  padding-top: 0.1666666667rem  !important;
}

.u-s-mt-n--micro {
  margin-top: -2px  !important;
  margin-top: -0.1666666667rem  !important;
}

.u-s-mr--micro {
  margin-right: 2px  !important;
  margin-right: 0.1666666667rem  !important;
}

.u-s-pr--micro {
  padding-right: 2px  !important;
  padding-right: 0.1666666667rem  !important;
}

.u-s-mr-n--micro {
  margin-right: -2px  !important;
  margin-right: -0.1666666667rem  !important;
}

.u-s-mb--micro {
  margin-bottom: 2px  !important;
  margin-bottom: 0.1666666667rem  !important;
}

.u-s-pb--micro {
  padding-bottom: 2px  !important;
  padding-bottom: 0.1666666667rem  !important;
}

.u-s-mb-n--micro {
  margin-bottom: -2px  !important;
  margin-bottom: -0.1666666667rem  !important;
}

.u-s-ml--micro {
  margin-left: 2px  !important;
  margin-left: 0.1666666667rem  !important;
}

.u-s-pl--micro {
  padding-left: 2px  !important;
  padding-left: 0.1666666667rem  !important;
}

.u-s-ml-n--micro {
  margin-left: -2px  !important;
  margin-left: -0.1666666667rem  !important;
}

.u-s-ms--micro {
  margin-left: 2px  !important;
  margin-left: 0.1666666667rem  !important;
  margin-right: 2px  !important;
  margin-right: 0.1666666667rem  !important;
}

.u-s-ps--micro {
  padding-left: 2px  !important;
  padding-left: 0.1666666667rem  !important;
  padding-right: 2px  !important;
  padding-right: 0.1666666667rem  !important;
}

.u-s-ms-n--micro {
  margin-left: -2px  !important;
  margin-left: -0.1666666667rem  !important;
  margin-right: -2px  !important;
  margin-right: -0.1666666667rem  !important;
}

.u-s-me--micro {
  margin-top: 2px  !important;
  margin-top: 0.1666666667rem  !important;
  margin-bottom: 2px  !important;
  margin-bottom: 0.1666666667rem  !important;
}

.u-s-pe--micro {
  padding-top: 2px  !important;
  padding-top: 0.1666666667rem  !important;
  padding-bottom: 2px  !important;
  padding-bottom: 0.1666666667rem  !important;
}

.u-s-me-n--micro {
  margin-top: -2px  !important;
  margin-top: -0.1666666667rem  !important;
  margin-bottom: -2px  !important;
  margin-bottom: -0.1666666667rem  !important;
}

/* ----- Tiny ----- */
.u-s-m--tiny {
  margin: 5px  !important;
  margin: 0.4166666667rem  !important;
}

.u-s-p--tiny {
  padding: 5px  !important;
  padding: 0.4166666667rem  !important;
}

.u-s-m-n--tiny {
  margin: -5px  !important;
  margin: -0.4166666667rem  !important;
}

.u-s-mt--tiny {
  margin-top: 5px  !important;
  margin-top: 0.4166666667rem  !important;
}

.u-s-pt--tiny {
  padding-top: 5px  !important;
  padding-top: 0.4166666667rem  !important;
}

.u-s-mt-n--tiny {
  margin-top: -5px  !important;
  margin-top: -0.4166666667rem  !important;
}

.u-s-mr--tiny {
  margin-right: 5px  !important;
  margin-right: 0.4166666667rem  !important;
}

.u-s-pr--tiny {
  padding-right: 5px  !important;
  padding-right: 0.4166666667rem  !important;
}

.u-s-mr-n--tiny {
  margin-right: -5px  !important;
  margin-right: -0.4166666667rem  !important;
}

.u-s-mb--tiny {
  margin-bottom: 5px  !important;
  margin-bottom: 0.4166666667rem  !important;
}

.u-s-pb--tiny {
  padding-bottom: 5px  !important;
  padding-bottom: 0.4166666667rem  !important;
}

.u-s-mb-n--tiny {
  margin-bottom: -5px  !important;
  margin-bottom: -0.4166666667rem  !important;
}

.u-s-ml--tiny {
  margin-left: 5px  !important;
  margin-left: 0.4166666667rem  !important;
}

.u-s-pl--tiny {
  padding-left: 5px  !important;
  padding-left: 0.4166666667rem  !important;
}

.u-s-ml-n--tiny {
  margin-left: -5px  !important;
  margin-left: -0.4166666667rem  !important;
}

.u-s-ms--tiny {
  margin-left: 5px  !important;
  margin-left: 0.4166666667rem  !important;
  margin-right: 5px  !important;
  margin-right: 0.4166666667rem  !important;
}

.u-s-ps--tiny {
  padding-left: 5px  !important;
  padding-left: 0.4166666667rem  !important;
  padding-right: 5px  !important;
  padding-right: 0.4166666667rem  !important;
}

.u-s-ms-n--tiny {
  margin-left: -5px  !important;
  margin-left: -0.4166666667rem  !important;
  margin-right: -5px  !important;
  margin-right: -0.4166666667rem  !important;
}

.u-s-me--tiny {
  margin-top: 5px  !important;
  margin-top: 0.4166666667rem  !important;
  margin-bottom: 5px  !important;
  margin-bottom: 0.4166666667rem  !important;
}

.u-s-pe--tiny {
  padding-top: 5px  !important;
  padding-top: 0.4166666667rem  !important;
  padding-bottom: 5px  !important;
  padding-bottom: 0.4166666667rem  !important;
}

.u-s-me-n--tiny {
  margin-top: -5px  !important;
  margin-top: -0.4166666667rem  !important;
  margin-bottom: -5px  !important;
  margin-bottom: -0.4166666667rem  !important;
}

/* ----- Small ----- */
.u-s-m--small {
  margin: 8px  !important;
  margin: 0.6666666667rem  !important;
}

.u-s-p--small {
  padding: 8px  !important;
  padding: 0.6666666667rem  !important;
}

.u-s-m-n--small {
  margin: -8px  !important;
  margin: -0.6666666667rem  !important;
}

.u-s-mt--small {
  margin-top: 8px  !important;
  margin-top: 0.6666666667rem  !important;
}

.u-s-pt--small {
  padding-top: 8px  !important;
  padding-top: 0.6666666667rem  !important;
}

.u-s-mt-n--small {
  margin-top: -8px  !important;
  margin-top: -0.6666666667rem  !important;
}

.u-s-mr--small {
  margin-right: 8px  !important;
  margin-right: 0.6666666667rem  !important;
}

.u-s-pr--small {
  padding-right: 8px  !important;
  padding-right: 0.6666666667rem  !important;
}

.u-s-mr-n--small {
  margin-right: -8px  !important;
  margin-right: -0.6666666667rem  !important;
}

.u-s-mb--small {
  margin-bottom: 8px  !important;
  margin-bottom: 0.6666666667rem  !important;
}

.u-s-pb--small {
  padding-bottom: 8px  !important;
  padding-bottom: 0.6666666667rem  !important;
}

.u-s-mb-n--small {
  margin-bottom: -8px  !important;
  margin-bottom: -0.6666666667rem  !important;
}

.u-s-ml--small {
  margin-left: 8px  !important;
  margin-left: 0.6666666667rem  !important;
}

.u-s-pl--small {
  padding-left: 8px  !important;
  padding-left: 0.6666666667rem  !important;
}

.u-s-ml-n--small {
  margin-left: -8px  !important;
  margin-left: -0.6666666667rem  !important;
}

.u-s-ms--small {
  margin-left: 8px  !important;
  margin-left: 0.6666666667rem  !important;
  margin-right: 8px  !important;
  margin-right: 0.6666666667rem  !important;
}

.u-s-ps--small {
  padding-left: 8px  !important;
  padding-left: 0.6666666667rem  !important;
  padding-right: 8px  !important;
  padding-right: 0.6666666667rem  !important;
}

.u-s-ms-n--small {
  margin-left: -8px  !important;
  margin-left: -0.6666666667rem  !important;
  margin-right: -8px  !important;
  margin-right: -0.6666666667rem  !important;
}

.u-s-me--small {
  margin-top: 8px  !important;
  margin-top: 0.6666666667rem  !important;
  margin-bottom: 8px  !important;
  margin-bottom: 0.6666666667rem  !important;
}

.u-s-pe--small {
  padding-top: 8px  !important;
  padding-top: 0.6666666667rem  !important;
  padding-bottom: 8px  !important;
  padding-bottom: 0.6666666667rem  !important;
}

.u-s-me-n--small {
  margin-top: -8px  !important;
  margin-top: -0.6666666667rem  !important;
  margin-bottom: -8px  !important;
  margin-bottom: -0.6666666667rem  !important;
}

/* ----- Base ----- */
.u-s-m {
  margin: 16.4px  !important;
  margin: 1.3666666667rem  !important;
}

.u-s-p {
  padding: 16.4px  !important;
  padding: 1.3666666667rem  !important;
}

.u-s-m-n {
  margin: -16.4px  !important;
  margin: -1.3666666667rem  !important;
}

.u-s-mt {
  margin-top: 16.4px  !important;
  margin-top: 1.3666666667rem  !important;
}

.u-s-pt {
  padding-top: 16.4px  !important;
  padding-top: 1.3666666667rem  !important;
}

.u-s-mt-n {
  margin-top: -16.4px  !important;
  margin-top: -1.3666666667rem  !important;
}

.u-s-mr {
  margin-right: 16.4px  !important;
  margin-right: 1.3666666667rem  !important;
}

.u-s-pr {
  padding-right: 16.4px  !important;
  padding-right: 1.3666666667rem  !important;
}

.u-s-mr-n {
  margin-right: -16.4px  !important;
  margin-right: -1.3666666667rem  !important;
}

.u-s-mb {
  margin-bottom: 16.4px  !important;
  margin-bottom: 1.3666666667rem  !important;
}

.u-s-pb {
  padding-bottom: 16.4px  !important;
  padding-bottom: 1.3666666667rem  !important;
}

.u-s-mb-n {
  margin-bottom: -16.4px  !important;
  margin-bottom: -1.3666666667rem  !important;
}

.u-s-ml {
  margin-left: 16.4px  !important;
  margin-left: 1.3666666667rem  !important;
}

.u-s-pl {
  padding-left: 16.4px  !important;
  padding-left: 1.3666666667rem  !important;
}

.u-s-ml-n {
  margin-left: -16.4px  !important;
  margin-left: -1.3666666667rem  !important;
}

.u-s-ms {
  margin-left: 16.4px  !important;
  margin-left: 1.3666666667rem  !important;
  margin-right: 16.4px  !important;
  margin-right: 1.3666666667rem  !important;
}

.u-s-ps {
  padding-left: 16.4px  !important;
  padding-left: 1.3666666667rem  !important;
  padding-right: 16.4px  !important;
  padding-right: 1.3666666667rem  !important;
}

.u-s-ms-n {
  margin-left: -16.4px  !important;
  margin-left: -1.3666666667rem  !important;
  margin-right: -16.4px  !important;
  margin-right: -1.3666666667rem  !important;
}

.u-s-me {
  margin-top: 16.4px  !important;
  margin-top: 1.3666666667rem  !important;
  margin-bottom: 16.4px  !important;
  margin-bottom: 1.3666666667rem  !important;
}

.u-s-pe {
  padding-top: 16.4px  !important;
  padding-top: 1.3666666667rem  !important;
  padding-bottom: 16.4px  !important;
  padding-bottom: 1.3666666667rem  !important;
}

.u-s-me-n {
  margin-top: -16.4px  !important;
  margin-top: -1.3666666667rem  !important;
  margin-bottom: -16.4px  !important;
  margin-bottom: -1.3666666667rem  !important;
}

/**
 * Large.
 */
.u-s-m--large {
  margin: 24.4px  !important;
  margin: 2.0333333333rem  !important;
}

.u-s-p--large {
  padding: 24.4px  !important;
  padding: 2.0333333333rem  !important;
}

.u-s-m-n--large {
  margin: -24.4px  !important;
  margin: -2.0333333333rem  !important;
}

.u-s-mt--large {
  margin-top: 24.4px  !important;
  margin-top: 2.0333333333rem  !important;
}

.u-s-pt--large {
  padding-top: 24.4px  !important;
  padding-top: 2.0333333333rem  !important;
}

.u-s-mt-n--large {
  margin-top: -24.4px  !important;
  margin-top: -2.0333333333rem  !important;
}

.u-s-mr--large {
  margin-right: 24.4px  !important;
  margin-right: 2.0333333333rem  !important;
}

.u-s-pr--large {
  padding-right: 24.4px  !important;
  padding-right: 2.0333333333rem  !important;
}

.u-s-mr-n--large {
  margin-right: -24.4px  !important;
  margin-right: -2.0333333333rem  !important;
}

.u-s-mb--large {
  margin-bottom: 24.4px  !important;
  margin-bottom: 2.0333333333rem  !important;
}

.u-s-pb--large {
  padding-bottom: 24.4px  !important;
  padding-bottom: 2.0333333333rem  !important;
}

.u-s-mb-n--large {
  margin-bottom: -24.4px  !important;
  margin-bottom: -2.0333333333rem  !important;
}

.u-s-ml--large {
  margin-left: 24.4px  !important;
  margin-left: 2.0333333333rem  !important;
}

.u-s-pl--large {
  padding-left: 24.4px  !important;
  padding-left: 2.0333333333rem  !important;
}

.u-s-ml-n--large {
  margin-left: -24.4px  !important;
  margin-left: -2.0333333333rem  !important;
}

.u-s-ms--large {
  margin-left: 24.4px  !important;
  margin-left: 2.0333333333rem  !important;
  margin-right: 24.4px  !important;
  margin-right: 2.0333333333rem  !important;
}

.u-s-ps--large {
  padding-left: 24.4px  !important;
  padding-left: 2.0333333333rem  !important;
  padding-right: 24.4px  !important;
  padding-right: 2.0333333333rem  !important;
}

.u-s-ms-n--large {
  margin-left: -24.4px  !important;
  margin-left: -2.0333333333rem  !important;
  margin-right: -24.4px  !important;
  margin-right: -2.0333333333rem  !important;
}

.u-s-me--large {
  margin-top: 24.4px  !important;
  margin-top: 2.0333333333rem  !important;
  margin-bottom: 24.4px  !important;
  margin-bottom: 2.0333333333rem  !important;
}

.u-s-pe--large {
  padding-top: 24.4px  !important;
  padding-top: 2.0333333333rem  !important;
  padding-bottom: 24.4px  !important;
  padding-bottom: 2.0333333333rem  !important;
}

.u-s-me-n--large {
  margin-top: -24.4px  !important;
  margin-top: -2.0333333333rem  !important;
  margin-bottom: -24.4px  !important;
  margin-bottom: -2.0333333333rem  !important;
}

/**
 * Huge.
 */
.u-s-m--huge {
  margin: 33px  !important;
  margin: 2.75rem  !important;
}

.u-s-p--huge {
  padding: 33px  !important;
  padding: 2.75rem  !important;
}

.u-s-m-n--huge {
  margin: -33px  !important;
  margin: -2.75rem  !important;
}

.u-s-mt--huge {
  margin-top: 33px  !important;
  margin-top: 2.75rem  !important;
}

.u-s-pt--huge {
  padding-top: 33px  !important;
  padding-top: 2.75rem  !important;
}

.u-s-mt-n--huge {
  margin-top: -33px  !important;
  margin-top: -2.75rem  !important;
}

.u-s-mr--huge {
  margin-right: 33px  !important;
  margin-right: 2.75rem  !important;
}

.u-s-pr--huge {
  padding-right: 33px  !important;
  padding-right: 2.75rem  !important;
}

.u-s-mr-n--huge {
  margin-right: -33px  !important;
  margin-right: -2.75rem  !important;
}

.u-s-mb--huge {
  margin-bottom: 33px  !important;
  margin-bottom: 2.75rem  !important;
}

.u-s-pb--huge {
  padding-bottom: 33px  !important;
  padding-bottom: 2.75rem  !important;
}

.u-s-mb-n--huge {
  margin-bottom: -33px  !important;
  margin-bottom: -2.75rem  !important;
}

.u-s-ml--huge {
  margin-left: 33px  !important;
  margin-left: 2.75rem  !important;
}

.u-s-pl--huge {
  padding-left: 33px  !important;
  padding-left: 2.75rem  !important;
}

.u-s-ml-n--huge {
  margin-left: -33px  !important;
  margin-left: -2.75rem  !important;
}

.u-s-ms--huge {
  margin-left: 33px  !important;
  margin-left: 2.75rem  !important;
  margin-right: 33px  !important;
  margin-right: 2.75rem  !important;
}

.u-s-ps--huge {
  padding-left: 33px  !important;
  padding-left: 2.75rem  !important;
  padding-right: 33px  !important;
  padding-right: 2.75rem  !important;
}

.u-s-ms-n--huge {
  margin-left: -33px  !important;
  margin-left: -2.75rem  !important;
  margin-right: -33px  !important;
  margin-right: -2.75rem  !important;
}

.u-s-me--huge {
  margin-top: 33px  !important;
  margin-top: 2.75rem  !important;
  margin-bottom: 33px  !important;
  margin-bottom: 2.75rem  !important;
}

.u-s-pe--huge {
  padding-top: 33px  !important;
  padding-top: 2.75rem  !important;
  padding-bottom: 33px  !important;
  padding-bottom: 2.75rem  !important;
}

.u-s-me-n--huge {
  margin-top: -33px  !important;
  margin-top: -2.75rem  !important;
  margin-bottom: -33px  !important;
  margin-bottom: -2.75rem  !important;
}

/**
 * Mega.
 */
.u-s-m--mega {
  margin: 66px  !important;
  margin: 5.5rem  !important;
}

.u-s-p--mega {
  padding: 66px  !important;
  padding: 5.5rem  !important;
}

.u-s-m-n--mega {
  margin: -66px  !important;
  margin: -5.5rem  !important;
}

.u-s-mt--mega {
  margin-top: 66px  !important;
  margin-top: 5.5rem  !important;
}

.u-s-pt--mega {
  padding-top: 66px  !important;
  padding-top: 5.5rem  !important;
}

.u-s-mt-n--mega {
  margin-top: -66px  !important;
  margin-top: -5.5rem  !important;
}

.u-s-mr--mega {
  margin-right: 66px  !important;
  margin-right: 5.5rem  !important;
}

.u-s-pr--mega {
  padding-right: 66px  !important;
  padding-right: 5.5rem  !important;
}

.u-s-mr-n--mega {
  margin-right: -66px  !important;
  margin-right: -5.5rem  !important;
}

.u-s-mb--mega {
  margin-bottom: 66px  !important;
  margin-bottom: 5.5rem  !important;
}

.u-s-pb--mega {
  padding-bottom: 66px  !important;
  padding-bottom: 5.5rem  !important;
}

.u-s-mb-n--mega {
  margin-bottom: -66px  !important;
  margin-bottom: -5.5rem  !important;
}

.u-s-ml--mega {
  margin-left: 66px  !important;
  margin-left: 5.5rem  !important;
}

.u-s-pl--mega {
  padding-left: 66px  !important;
  padding-left: 5.5rem  !important;
}

.u-s-ml-n--mega {
  margin-left: -66px  !important;
  margin-left: -5.5rem  !important;
}

.u-s-ms--mega {
  margin-left: 66px  !important;
  margin-left: 5.5rem  !important;
  margin-right: 66px  !important;
  margin-right: 5.5rem  !important;
}

.u-s-ps--mega {
  padding-left: 66px  !important;
  padding-left: 5.5rem  !important;
  padding-right: 66px  !important;
  padding-right: 5.5rem  !important;
}

.u-s-ms-n--mega {
  margin-left: -66px  !important;
  margin-left: -5.5rem  !important;
  margin-right: -66px  !important;
  margin-right: -5.5rem  !important;
}

.u-s-me--mega {
  margin-top: 66px  !important;
  margin-top: 5.5rem  !important;
  margin-bottom: 66px  !important;
  margin-bottom: 5.5rem  !important;
}

.u-s-pe--mega {
  padding-top: 66px  !important;
  padding-top: 5.5rem  !important;
  padding-bottom: 66px  !important;
  padding-bottom: 5.5rem  !important;
}

.u-s-me-n--mega {
  margin-top: -66px  !important;
  margin-top: -5.5rem  !important;
  margin-bottom: -66px  !important;
  margin-bottom: -5.5rem  !important;
}

/**
 * None.
 */
.u-s-m--none {
  margin: 0 !important;
}

.u-s-p--none {
  padding: 0 !important;
}

.u-s-mt--none {
  margin-top: 0 !important;
}

.u-s-pt--none {
  padding-top: 0 !important;
}

.u-s-mr--none {
  margin-right: 0 !important;
}

.u-s-pr--none {
  padding-right: 0 !important;
}

.u-s-mb--none {
  margin-bottom: 0 !important;
}

.u-s-pb--none {
  padding-bottom: 0 !important;
}

.u-s-ml--none {
  margin-left: 0 !important;
}

.u-s-pl--none {
  padding-left: 0 !important;
}

.u-s-ms--none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-s-ps--none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-s-me--none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-s-pe--none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/**
 * Generates all breakpoint classes.
 */
/*------------------------------------------------------------------------------
  #Trumps - Cursor
  ----------------------------------------------------------------------------*/
/**
 * A utility for applying the most common types of box renderings.
 */
/**
 * Enable at these breakpoints (turned off by default).
 */
.u-cursor-pointer {
  cursor: pointer !important;
}

/*------------------------------------------------------------------------------
  #Trumps - Component animations
  ----------------------------------------------------------------------------*/
.is-fading {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.is-fading.is-expended {
  opacity: 1;
}

.is-collapsed {
  display: none;
}

.is-expended {
  display: initial;
}

tr.is-expanded {
  display: table-row;
}

tbody.is-expanded {
  display: table-row-group;
}

.is-collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.is-transitioning {
  transition-property: all;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

/* ============================================================================
   @UTILITIES -> HIDE
   ========================================================================= */
/**
 * A utility for hiding (and showing) elements.
 *
 * All the utilities (available as silent placeholder selectors also):
 *
   .u-hide
   .u-hide-invisible
   .u-hide-visually
   .u-hide-if-js-is-on
   .u-hide-if-js-is-off
   .u-show-for-print
   .u-show-for-print-inline
   .u-show-for-print-inline-block
   .u-hide-for-print
 */
/**
* Settings.
*/
/**
 * Apply at these breakpoints (turned off by default).
 */
/**
 * Classes to detect if JavaScript is on or off.
 */
/**
 * Hide elements from both screen readers and the document flow.
 */
.u-hide {
  display: none !important;
}

/**
 * Hide elements without affecting the document flow.
 */
.u-hide-invisible {
  visibility: hidden !important;
}

/**
 * Hide elements only visually but have it available for screen readers.
 */
.u-hide-visually,
.c-button input[type=radio],
.c-drop-down--action .c-drop-down__text,
.c-form-choice__label--with-icons input[type=checkbox],
.c-form-choice__label--with-icons input[type=radio],
.c-form-item__label--hide-visually,
.c-form-choice__label--hide-visually,
.c-component-modifier__item--button .c-component-modifier__field,
.c-utility-nav__label,
.c-offcanvas-toggle__label {
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}

/**
 * Hide elements for JavaScript users and non-JavaScript users, this is
 * necessary when building accessible and progressively enhanced UI's. This
 * will require functionality that can append a hook to an element
 * (typically the `html` element) if JavaScript is on.
 *
 * N.B. it is okay to use `!important` here as we're doing it preemptively
 * i.e. you know you will always want the rule it's applied too to take
 * precedence.
 */
.js .u-hide-if-js-is-on {
  display: none !important;
}

.no-js .u-hide-if-js-is-off {
  display: none !important;
}

/**
 * Hide/show elements for print media.
 */
.u-show-for-print,
.u-show-for-print-inline,
.u-show-for-print-inline-block {
  display: none !important;
}

@media print {
  .u-hide-for-print,
.u-hide-for-print * {
    display: none !important;
  }

  .u-show-for-print {
    display: block !important;
  }

  .u-show-for-print-inline {
    display: inline !important;
  }

  .u-show-for-print-inline-block {
    display: inline-block !important;
  }
}
.u-embed {
  position: relative;
  display: block;
  padding: 0;
}
.u-embed::before {
  display: block;
  content: "";
}

.u-embed--full-bleed {
  overflow: visible;
}

.u-embed--responsive {
  height: 100%;
  overflow: hidden;
}

.u-embed--minheight-sm {
  min-height: 60rem;
}

.u-embed--minheight-md {
  min-height: 140rem;
}

.u-embed--minheight-lg {
  min-height: 280rem;
}

.u-embed .u-embed__item,
.u-embed iframe,
.u-embed embed,
.u-embed object,
.u-embed video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

.u-embed--full-bleed .u-embed__item {
  position: relative;
}

.u-embed--responsive.u-embed--responsive-1by1 {
  padding-bottom: 100%;
}
.u-embed--responsive.u-embed--responsive-16by9 {
  padding-bottom: 56.25%;
}
.u-embed--responsive.u-embed--responsive-4by3 {
  padding-bottom: 75%;
}

/*------------------------------------------------------------------------------
  #Trumps - Print
  ----------------------------------------------------------------------------*/
/**
 * All non-generic print styles live in context with their corresponding rule sets.
 */
/**
 * Enable certain styles and treatments.
 */
@media print {
  /**
   * Apply print friendly styles to ALL elements.
   */
  /**
   * Hide elements not really useful on a piece of paper.
   */
  nav,
video,
audio {
    display: none !important;
  }

  /**
   * Ensure ALL images are responsive.
   */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /**
   * Make links always stand out.
   */
  a, a:visited {
    text-decoration: underline !important;
    border-bottom: 0 !important;
  }

  /**
   * Show the `href` and `title` attribute values of links and abbreviations
   * in a pseudo element.
   */
  /**
   * h5bp.com/t.
   */
  thead {
    display: table-header-group;
  }

  /**
   * Set page breaks, orphans and widows.
   */
  h2 h3 {
    page-break-after: avoid;
  }

  tr,
img,
pre,
blockquote {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  .u-page-break-before--auto {
    page-break-before: auto;
  }

  .u-page-break-before--always {
    page-break-before: always;
  }

  .u-page-break-before--avoid {
    page-break-before: avoid;
  }

  .u-page-break-after--always {
    page-break-after: always;
  }

  .u-page-break-after--avoid {
    page-break-after: avoid;
  }

  .u-page-break-inside--always {
    page-break-inside: always;
  }

  .u-page-break-inside--avoid {
    page-break-inside: avoid;
  }
}
/*------------------------------------------------------------------------------
    #Trumps - Borders (No walls)
----------------------------------------------------------------------------*/
.u-br-t {
  border-top: 1px solid #adadad !important;
}

.u-br-b {
  border-bottom: 1px solid #adadad !important;
}

/*==============================================================================
 #MCC - Shame
 old, shameful styles
 ============================================================================*/
.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  padding: 0 0 13px 0 !important;
  display: block;
  z-index: 900;
  cursor: pointer;
}

.formError .formErrorContent {
  background: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442;
  font-size: 11px;
  font-size: 0.9166666667rem;
  line-height: 1.4909090909;
  min-width: 180px;
  min-width: 15rem;
  padding: 4px;
  padding: 0.3333333333rem;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  width: 100%;
}
.formError .formErrorContent a {
  color: #a94442;
}
.formError .formErrorContent ahover {
  text-decoration: underline;
}

.formError .formErrorArrow {
  width: 11px;
  margin: -2px 0 0 15px;
  padding: 0 !important;
  z-index: 901;
  position: relative;
  background: #f2dede;
  border: 1px solid #f2dede;
}
.formError .formErrorArrow:after, .formError .formErrorArrow:before {
  top: 100%;
  left: 50%;
  border: 1px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.formError .formErrorArrow:after {
  border-top-color: #f2dede;
  border-width: 10px;
  margin-left: -10px;
}
.formError .formErrorArrow:before {
  border-top-color: #ebccd1;
  border-width: 11px;
  margin-left: -11px;
}

.formError .formErrorArrowBottom {
  top: 0;
  margin: -6px;
}

.formError.parentFormfeedback {
  z-index: 1000;
}

.is-legacy {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  /* @group Basic lists */
  /* Lists */
  /* @group Border Colors */
  /* Border Colors */
  /* White */
  /* Black */
  /* Gray/Grey */
  /* Blue */
  /* @end */
  /* @group Font Color */
  /* Fonts Color */
  /* White */
  /* Black */
  /* Gray/Grey */
  /* Green */
  /* Blue */
  /* Orange */
  /* Red */
  /* Yellow */
  /* @end */
  /* @group Background Color */
  /* Background Color, there are three standard row colors throughout */
  /* Update - orange */
  /* Different colors are used to represent different things so we are naming them by what they are not what they do */
  /* below common colors are used when bg-odd, bg-even and bg-update are not the desired colors or do not make sense */
  /* White */
  /* Black */
  /* Gray/Grey */
  /* Light Gray/Grey */
  /* Medium Gray/Grey */
  /* Dark Gray/Grey */
  /* Green */
  /* Light Green */
  /* Medium Green */
  /* Dark Green */
  /* Blue */
  /* Light Blue */
  /* Medium Blue */
  /* Dark Blue */
  /* Yellow */
  /* Light Yellow */
  /* Medium Yellow */
  /* Dark Yellow */
  /* Orange */
  /* Light Orange */
  /* Red */
  /* Light Red */
  /* Medium Red */
  /* Pink */
  /* Purple */
  /* Light Purple */
  /* Tan */
  /* Light Tan */
  /* Medium Tan */
  /* @end */
  /*======================= @Layout ==========================*/
  /* old style link tabs inside content */
  /* new jquery tabs inside content */
  /* default reuseable tab class, use your own ID */
  /*.fc-content a { color: white !important; }*/
  /*.ui-tabs .ui-tabs-nav li {
    float: none;
    position: static;
  }
  .ui-tabs-nav {
    position: static;
  }
  .ui-widget-content tbody a {
    color: #315A9C;
  }
  */
  /*======================= @Tables ==========================*/
  /* list table */
  /* sub header table */
  /* list group table */
  /* production table */
  /* transaction report table */
  /* add borders for print only */
  /* sub transaction report table */
  /* transaction report table */
  /* cms table */
  /* product group table*/
  /* condiments table*/
  /* product group table - condiments table */
  /* production item table*/
  /* div.lock_report h1.lock_company { font-size:18px; font-style:italic; font-weight:bold; color:#000; text-align:center; padding:3px; }
  div.lock_report h2.lock_date { font-size:12px; font-weight:bold; text-align:center; } */
  /* accounting table */
  /* payment apply table */
  /* apply payment table*/
  /* bind payment table */
  /* edit table */
  /* refund table */
  /*#cc3131 a calmer option*/
  /* payment applied table and payment credit sub table */
  /* permission table */
  /* menu permission table */
  /* detail tables */
  /* detail grid tables */
  /* ratings table */
  /* sublist table */
  /* product menu table, product template */
  /* product display table, contains products and cart */
  /* product table */
  /* cart table */
  /*table.cart_total_table { display:block; }*/
  /* order detail title table */
  /* order detail information table */
  /* order detail services table */
  /* order product detail table */
  /* order product sub detail table */
  /* order invoice header table */
  /* order invoice info table */
  /* order invoice payment table */
  /* order invoice notes table */
  /* order signature table */
  /* labels product table and list labels table */
  /* list labels print table */
  /* kitchen pack table  */
  /* delivery list table */
  /* edit hybrid table and edit tray table items
  table.edit_hybrid_table { border-color:#ccc; }
  table.edit_hybrid_table th, table.edit_hybrid_table td { border-color:#ccc; }
  table.edit_hybrid_table thead th { background:#ADADAD; font-size:13px; font-weight:bold; padding:3px; }
  table.edit_hybrid_table thead td { background:#fff; padding:3px; }
  table.edit_hybrid_table tbody th, table.edit_hybrid_table tbody td { background:#eee; padding:2px; font-size:10px; }
  table.edit_hybrid_table tfoot th, table.edit_hybrid_table tfoot td { background:#ADADAD; color:#fff; padding:3px; }

  table.edit_hybrid_table thead .selection_group { font-size:15px; color:#666666; }
  table.edit_hybrid_table thead .selection_subgroup { font-size:15px; }
  table.edit_hybrid_table thead .product_quantity { font-size:15px; color:#214A94; }
  table.edit_hybrid_table tbody .product_name { padding-left:25px; }
  table.edit_hybrid_table tbody .child_product { padding-left:50px; }
  table.edit_hybrid_table tbody .child_product_sub { padding-left:50px; }
  table.edit_hybrid_table tbody .running_total { padding-left:50px; padding-bottom:5px; color:#315A9C; font-weight:bold; }
  table.edit_hybrid_table tbody .product_minimum { color:#315A9C; }
  table.edit_hybrid_table tfoot .total_quantity { padding-right:50px; }
  table.edit_hybrid_table tfoot .button { margin-left:46px; }
  */
  /* list table */
  /* sales analysis table, menu mix table */
  /* order methods table */
  /* code table */
  /* code sub table */
  /* user metrics table*/
  /* user metrics key table*/
  /* order table */
  /* order info table */
  /* client table */
  /* client account table and billing account table */
  /* member add table and member edit table */
  /* billing add table and billing edit table */
  /* payment date table */
  /* report total table */
  /* paging table */
  /* notes table */
  /* plain table */
  /* nested table */
  /* row sorting used in table_sort.js*/
  /* transparent table */
  /* rowhover table */
  /* navigator table */
  /* delivery status timeline widget table */
  /* delivery timeline details info table */
  /*======================= @Tableless ==========================*/
  /* edit combo */
  /* Order Details */
  /* Payment processing iframe*/
  /*POS form - used for hiding and showing POS options*/
  /*Payment Gateway form - used for hiding and showing Payment Gateway options*/
  /* new table data format */
  /* Manage Order Guides */
  /* Group Batch*/
  /* Sales Report */
  /* Production Item by Order Report */
  /*======================= @functions ==========================*/
  /* Colorbox */
  /* datepicker from jquery ui styles */
  /* added for email templates and email rules */
  /*#cboxLoadedContent
  {
    padding:20px 20px 0 20px;
  }*/
  /*======================= @Misc ==========================*/
  /*======================= @Configure Options for Menu Item (takeout) ==========================*/
  /*======================= @Utility ==========================*/
  /*======================= @Buttons ==========================*/
  /* Allow buttons that look like links*/
  /* Remove extra space inside buttons in Firefox */
  /*======================= @Clearing ==========================*/
  /*======================= @Mobile Media ==========================*/
  /*======================= @Print Media ==========================*/
  /* Scrolling Text Box */
  /* vertical text*/
}
.is-legacy .c-content__section {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
.is-legacy li:not([class]) {
  margin: 0 1.5em;
}
.is-legacy li ul:not([class]),
.is-legacy li ol:not([class]) {
  margin: 0 1.5em;
}
.is-legacy ul:not([class]),
.is-legacy ol:not([class]) {
  margin: 0 1.5em 1.5em 1.5em;
}
.is-legacy ul:not([class]) {
  list-style-type: disc;
}
.is-legacy ol:not([class]) {
  list-style-type: decimal;
}
.is-legacy dl:not([class]) {
  margin: 0 0 1.5em 0;
}
.is-legacy dl dt:not([class]) {
  font-weight: bold;
}
.is-legacy dd:not([class]) {
  margin: 0.8em 0 0 1.5em;
}
.is-legacy ul.nostyle {
  list-style: none;
}
.is-legacy .br-wht {
  border-color: #FFFFFF;
}
.is-legacy .br-blk {
  border-color: #000000;
}
.is-legacy .br-gry {
  border-color: #EEEEEE;
}
.is-legacy .br-lt-gry {
  border-color: #D3D3D3;
}
.is-legacy .br-md-gry {
  border-color: #CCCCCC;
}
.is-legacy .br-dk-gry {
  border-color: #ADADAD;
}
.is-legacy .br-blu {
  border-color: #C8D6E4;
}
.is-legacy .br-dk-blu {
  border-color: #315A9C;
}
.is-legacy .ft-wht {
  color: #FFFFFF !important;
}
.is-legacy .ft-blk {
  color: #000000 !important;
}
.is-legacy .ft-gry {
  color: #808080 !important;
}
.is-legacy .ft-lt-gry {
  color: #D3D3D3 !important;
}
.is-legacy .ft-md-gry {
  color: #696969 !important;
}
.is-legacy .ft-dk-gry {
  color: #666666 !important;
}
.is-legacy .ft-grn {
  color: #008000 !important;
}
.is-legacy .ft-md-grn {
  color: #228B22 !important;
}
.is-legacy .ft-dk-grn {
  color: #006400 !important;
}
.is-legacy .ft-blu {
  color: #0000FF !important;
}
.is-legacy .ft-lt-blu {
  color: #4682B4 !important;
}
.is-legacy .ft-md-blu {
  color: #315A9C !important;
}
.is-legacy .ft-dk-blu {
  color: #00008B !important;
}
.is-legacy .ft-teal {
  color: #00AEAB !important;
}
.is-legacy .ft-org {
  color: #FFA500 !important;
}
.is-legacy .ft-dk-org {
  color: #d2691e !important;
}
.is-legacy .ft-red {
  color: #ff0000 !important;
}
.is-legacy .ft-lt-red {
  color: #FF6347 !important;
}
.is-legacy .ft-md-red {
  color: #cc0000 !important;
}
.is-legacy .ft-dk-red {
  color: #800000 !important;
}
.is-legacy .ft-dk-yel {
  color: #848400 !important;
}
.is-legacy .bg-update,
.is-legacy .bg-update th,
.is-legacy .bg-update td {
  background-color: #FFA500 !important;
}
.is-legacy .bg-wht,
.is-legacy .bg-wht th,
.is-legacy .bg-wht td {
  background-color: #FFFFFF !important;
}
.is-legacy .bg-blk,
.is-legacy .bg-blk th,
.is-legacy .bg-blk td {
  background-color: #000000 !important;
}
.is-legacy .bg-gry,
.is-legacy .bg-gry th,
.is-legacy .bg-gry td {
  background-color: #F2F2F2 !important;
}
.is-legacy .bg-lt-gry,
.is-legacy .bg-lt-gry th,
.is-legacy .bg-lt-gry td {
  background-color: #f5f5f5 !important;
}
.is-legacy .bg-md-gry,
.is-legacy .bg-md-gry th,
.is-legacy .bg-md-gry td {
  background-color: #CCCCCC !important;
}
.is-legacy .bg-dk-gry,
.is-legacy .bg-dk-gry th,
.is-legacy .bg-dk-gry td {
  background-color: #ADADAD !important;
}
.is-legacy .bg-grn,
.is-legacy .bg-grn th,
.is-legacy .bg-grn td {
  background-color: #90EE90 !important;
}
.is-legacy .bg-lt-grn,
.is-legacy .bg-lt-grn th,
.is-legacy .bg-lt-grn td {
  background-color: #d9ecc6 !important;
}
.is-legacy .bg-md-grn,
.is-legacy .bg-md-grn th,
.is-legacy .bg-md-grn td {
  background-color: #EEF8EE !important;
}
.is-legacy .bg-dk-grn,
.is-legacy .bg-dk-grn th,
.is-legacy .bg-dk-grn td {
  background-color: #99CC66 !important;
}
.is-legacy .bg-blu,
.is-legacy .bg-blu th,
.is-legacy .bg-blu td {
  background-color: #C8D6E4 !important;
}
.is-legacy .bg-lt-blu,
.is-legacy .bg-lt-blu th,
.is-legacy .bg-lt-blu td {
  background-color: #D7E1E7 !important;
}
.is-legacy .bg-md-blu,
.is-legacy .bg-md-blu th,
.is-legacy .bg-md-blu td {
  background-color: #b6c1df !important;
}
.is-legacy .bg-dk-blu,
.is-legacy .bg-dk-blu th,
.is-legacy .bg-dk-blu td {
  background-color: #315A9C !important;
}
.is-legacy .bg-yel,
.is-legacy .bg-yel th,
.is-legacy .bg-yel td {
  background-color: #FFF900 !important;
}
.is-legacy .bg-lt-yel,
.is-legacy .bg-lt-yel th,
.is-legacy .bg-lt-yel td {
  background-color: #ffff99 !important;
}
.is-legacy .bg-md-yel,
.is-legacy .bg-md-yel th,
.is-legacy .bg-md-yel td {
  background-color: #F0E68C !important;
}
.is-legacy .bg-dk-yel,
.is-legacy .bg-dk-yel th,
.is-legacy .bg-dk-yel td {
  background-color: #FFD700 !important;
}
.is-legacy .bg-org,
.is-legacy .bg-org th,
.is-legacy .bg-org td {
  background-color: #FFA500 !important;
}
.is-legacy .bg-lt-org,
.is-legacy .bg-lt-org th,
.is-legacy .bg-lt-org td {
  background-color: #ffc55b !important;
}
.is-legacy .bg-red,
.is-legacy .bg-red th,
.is-legacy .bg-red td {
  background-color: #FA8072 !important;
}
.is-legacy .bg-lt-red,
.is-legacy .bg-lt-red th,
.is-legacy .bg-lt-red td {
  background-color: #FBE3E4 !important;
}
.is-legacy .bg-md-red,
.is-legacy .bg-md-red th,
.is-legacy .bg-md-red td {
  background-color: #CC0000 !important;
}
.is-legacy .bg-pnk,
.is-legacy .bg-pnk th,
.is-legacy .bg-pnk td {
  background-color: #FAAFBE !important;
}
.is-legacy .bg-ple,
.is-legacy .bg-ple th,
.is-legacy .bg-ple td {
  background-color: #D0C2DE !important;
}
.is-legacy .bg-lt-ple,
.is-legacy .bg-lt-ple th,
.is-legacy .bg-lt-ple td {
  background-color: #DED7DE !important;
}
.is-legacy .bg-tan,
.is-legacy .bg-tan th,
.is-legacy .bg-tan td {
  background-color: #F0E68C !important;
}
.is-legacy .bg-lt-tan,
.is-legacy .bg-lt-tan th,
.is-legacy .bg-lt-tan td {
  background-color: #FFFAF0 !important;
}
.is-legacy .bg-md-tan,
.is-legacy .bg-md-tan th,
.is-legacy .bg-md-tan td {
  background-color: #F0EECC !important;
}
.is-legacy #admin_tree_controls {
  margin-top: 6px;
  padding: 4px;
  border-top: 1px solid #adbdde;
  background: #e79400;
  text-align: center;
}
.is-legacy #admin_tree_links {
  margin-top: 6px;
  padding: 2px;
  border-top: 1px solid #adbdde;
  text-align: center;
}
.is-legacy #admin_tree_collapse {
  color: #0900c1;
}
.is-legacy #admin_tree_expand {
  color: #046809;
}
.is-legacy #admin_name {
  background: white;
  color: black;
  padding: 4px;
  text-align: center;
  border-top: 1px solid #adbdde;
}
.is-legacy #admin_store {
  background: white;
  color: black;
  padding: 4px;
  text-align: left;
  border-top: 1px solid #adbdde;
}
.is-legacy #admin_store img {
  margin-right: 3px;
  float: left;
}
.is-legacy #admin_links {
  background: #61afaf;
  padding: 4px;
  text-align: center;
  border-top: 1px solid #adbdde;
  border-bottom: 1px solid #adbdde;
}
.is-legacy #admin_links_refresh {
  color: #000000;
  font-weight: 600;
}
.is-legacy #admin_links_logout {
  color: #8a0000;
  font-weight: 600;
}
.is-legacy #admin_date,
.is-legacy #admin_version {
  text-align: center;
  margin-bottom: 5px;
}
.is-legacy .noticeable {
  font-weight: 600;
  color: #FF0000;
}
.is-legacy div#content_tabs {
  display: table;
  float: left;
  max-width: 98%;
  margin: 0 auto -1px auto;
  padding: 0 10px;
  border: none;
}
.is-legacy div#content_tabs ul {
  position: relative;
  display: table-row;
  width: auto;
  border-bottom: 1px solid #999999;
  border-top: 0;
  margin: 0 0 -1px 0;
  padding: 0;
  list-style: none;
  white-space: normal;
}
.is-legacy div#content_tabs li {
  display: table-cell;
  background: #DFE1E4;
  border: 1px solid #999999;
  border-left: 0;
  padding: 5px 15px;
  margin: 0;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
.is-legacy div#content_tabs li.first {
  border-left: 1px solid #999999;
}
.is-legacy div#content_tabs ul.nth_row li {
  border-top: 0;
}
.is-legacy div#content_tabs li.tab-selected {
  border-bottom: 1px solid #FFF;
  background: #FFF;
}
.is-legacy div#content_tabs ul.multirow_tabs li.tab-selected {
  border-bottom: 1px solid #999999;
}
.is-legacy div#content_tabs_wrapper {
  display: block;
  min-width: 900px;
  border: 1px solid #999999;
  background: #FFF;
  margin: 0;
  padding: 10px;
  clear: both;
}
.is-legacy .tabs-default .tabsnavigation {
  margin-top: -1px !important;
}
.is-legacy .tabs-default .tabsheading {
  font-size: 14px;
}
.is-legacy #tabs_user_admin {
  width: 650px;
}
.is-legacy #tabs_user_admin .tabsnavigation {
  float: right;
}
.is-legacy #calendar {
  margin-top: 1em;
}
.is-legacy #calendar_loading {
  background: #ccc;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  height: 80px;
  margin-top: -40px;
  font-size: 60px;
  font-weight: 600;
  display: none;
}
.is-legacy .fc-content .fc-event {
  font-size: 0.95em;
}
.is-legacy .fc-event {
  background-repeat: no-repeat;
  background-position: 2px 2px;
}
.is-legacy .fc-event-title {
  white-space: nowrap;
  line-height: 15px;
}
.is-legacy .fc-event-inner {
  text-overflow: ellipsis;
}
.is-legacy .fc-grid .fc-event-time {
  margin-left: 24px;
  margin-top: 2px;
  float: left;
}
.is-legacy .clearfix:after,
.is-legacy .container:after,
.is-legacy .row:after,
.is-legacy .fullwidth-row:after,
.is-legacy .promotab:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.is-legacy .clearfix,
.is-legacy .container,
.is-legacy .row,
.is-legacy .fullwidth-row,
.is-legacy .promotab {
  display: block;
}
.is-legacy .ui-tabs-nav {
  min-height: 25px;
}
.is-legacy .ui-tabs-panel {
  padding: 2px !important;
}
.is-legacy input[type=checkbox],
.is-legacy input[type=radio] {
  margin-right: 4px;
  margin-right: 0.3333333333rem;
}
.is-legacy input[type=radio] + label {
  padding-right: 4px;
  padding-right: 0.3333333333rem;
}
.is-legacy table:not(.c-data-table) caption,
.is-legacy table:not(.c-data-table) th,
.is-legacy table:not(.c-data-table) td {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  line-height: 1.25;
  padding: 2px 4px;
  padding: 0.1666666667rem 0.3333333333rem;
}
.is-legacy table:not(.c-data-table) caption img,
.is-legacy table:not(.c-data-table) th img,
.is-legacy table:not(.c-data-table) td img {
  height: auto;
  max-width: initial;
  width: auto;
}
.is-legacy.pdf-print {
  font-size: 12px;
}
.is-legacy.pdf-print table caption,
.is-legacy.pdf-print table th,
.is-legacy.pdf-print table td {
  font-size: 12px;
}
.is-legacy table:not(.c-data-table) caption {
  font-weight: 600;
}
.is-legacy table:not(.c-data-table) thead th {
  font-weight: 600;
  text-align: left;
}
.is-legacy table:not(.c-data-table) td {
  text-align: left;
}
.is-legacy table.list_table th,
.is-legacy table.list_table td {
  border-color: #ccc;
}
.is-legacy table.list_table thead th {
  background: #f2f2f2;
  border-bottom: 1px solid #e0e0e0;
}
.is-legacy table.list_table tfoot th,
.is-legacy table.list_table tfoot td {
  background-color: #ccc;
}
.is-legacy table.list_table tfoot table td {
  background-color: #fff;
}
.is-legacy table.list_table tbody tr.bg-odd.subrow td,
.is-legacy table.list_table tbody tr.subrow td {
  border-top: 1px dashed #E9E9E9;
  padding: 5px;
}
.is-legacy table.list_table tbody tr.bg-even.subrow td {
  border-top: 1px dashed #DDDDDD;
  padding: 5px;
}
.is-legacy table.list_table .billing_name a {
  color: #6C97C1;
}
.is-legacy table.list_table .no_orders {
  background-color: #ADADAD;
}
.is-legacy table.list_table .vt-pt {
  padding-top: 8px;
}
.is-legacy table.list_table tbody tr.row_header th {
  background-color: #CCCCCC;
}
.is-legacy table.list_table tbody tr.address_group:hover th,
.is-legacy table.list_table tbody tr.address_group:hover td,
.is-legacy table.list_table tbody tr.address_group th,
.is-legacy table.list_table tbody tr.address_group td {
  background-color: #ADADAD;
  color: #FFFFFF;
}
.is-legacy table.list_table tr.address_group a,
.is-legacy table.list_table tr.address_group a:hover {
  color: #fff;
}
.is-legacy table.list_table tr.address_group a:hover {
  text-decoration: underline;
}
.is-legacy table.list_table tbody tr.pgr_tbody_header th {
  background-color: #315A9C !important;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.list_table tbody tr.delete_selected:hover th,
.is-legacy table.list_table tbody tr.delete_selected:hover td,
.is-legacy table.list_table tbody tr.delete_selected th,
.is-legacy table.list_table tbody tr.delete_selected td {
  background-color: #f6f6f6;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  vertical-align: middle;
}
.is-legacy table.view_orders img.pickup {
  opacity: 0.7;
}
.is-legacy table.subheader_table tr.column_header th,
.is-legacy table.subheader_table tr.column_header th,
.is-legacy table.subheader_table tr.column_header th {
  background-color: #CCCCCC;
  color: #000;
  font-size: 11px;
}
.is-legacy table.subheader_table tr.column_subheader th,
.is-legacy table.subheader_table tr.column_subheader th,
.is-legacy table.subheader_table tr.column_subheader th {
  background-color: #999999;
  color: #000;
  font-size: 11px;
}
.is-legacy table.subheader_table tbody td {
  vertical-align: top;
}
.is-legacy table.list_group_table {
  border-color: #ccc;
}
.is-legacy table.list_group_table tr td {
  padding: 1px 3px;
}
.is-legacy table.list_group_table tr.bg-odd th,
.is-legacy table.list_group_table tr.bg-odd td,
.is-legacy table.list_group_table tbody th.bg-odd,
.is-legacy table.list_group_table tbody td.bg-odd {
  background-color: #EFEFFF;
}
.is-legacy table.list_group_table tr.bg-even th,
.is-legacy table.list_group_table tr.bg-even td,
.is-legacy table.list_group_table tbody th.bg-even,
.is-legacy table.list_group_table tbody td.bg-even {
  background-color: #C8D6E4;
}
.is-legacy table.list_group_table.rowhover_table tbody tr:hover th, .is-legacy table.list_group_table.rowhover_table tbody tr:hover td, .is-legacy table.list_group_table.rowhover_table tbody tr.rowhover td, .is-legacy table.list_group_table.rowhover_table tbody tr.rowhover td {
  background-color: #FFD700;
}
.is-legacy table.production_table {
  border-color: #ccc;
}
.is-legacy table.production_table table {
  border-color: #ccc;
}
.is-legacy table.production_table tr td {
  padding: 2px 3px;
  border-color: #ccc;
}
.is-legacy table.production_table tbody tr.brt > td {
  border-top: 1px solid #ccc !important;
}
.is-legacy table.production_table tr.bg-odd th,
.is-legacy table.production_table tr.bg-odd td,
.is-legacy table.production_table tbody th.bg-odd,
.is-legacy table.production_table tbody td.bg-odd {
  background-color: transparent;
}
.is-legacy table.production_table tr.bg-even th,
.is-legacy table.production_table tr.bg-even td,
.is-legacy table.production_table tbody th.bg-even,
.is-legacy table.production_table tbody td.bg-even {
  background-color: #FFE3AD;
}
.is-legacy table.transaction_report_table {
  border-color: #315A9C;
}
.is-legacy table.transaction_report_table th,
.is-legacy table.transaction_report_table td,
.is-legacy table.order_method_table th,
.is-legacy table.order_method_table td {
  border-color: #315A9C;
}
@media print {
  .is-legacy table.transaction_report_table th,
.is-legacy table.transaction_report_table td {
    border: 1px solid #ccc;
  }
}
.is-legacy table.order_method_table thead th.column_header {
  background-color: #5683C6;
  border-color: #315A9C;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
.is-legacy table.transaction_report_table th.inv_column_header {
  background-color: #5683C6;
}
.is-legacy table.transaction_report_table tr.unassigned td {
  background-color: #7FFF00;
}
.is-legacy table.transaction_report_table tr.credit_total td,
.is-legacy table.transaction_report_table td.credit_total {
  background-color: #7FFF00;
}
.is-legacy table.transaction_report_table .payment_method {
  background-color: #FFD700;
}
.is-legacy table.transaction_report_table div.view_detail {
  cursor: pointer;
  padding: 2px 3px 0 3px;
}
.is-legacy table.transaction_report_table .subtotal {
  border-top: 1px solid #c8d7ed;
  display: block;
  width: 80px;
  float: right;
  margin-top: 2px;
  padding-top: 2px;
}
.is-legacy table.transaction_report_table td.store_total {
  background-color: #eee;
}
.is-legacy table.subtransaction_report_table {
  border-width: 0;
}
.is-legacy table.subtransaction_report_table tbody td {
  border-width: 0;
}
.is-legacy table.subtransaction_report_table tr.bg-odd th,
.is-legacy table.subtransaction_report_table tr.bg-odd td,
.is-legacy table.subtransaction_report_table tbody th.bg-odd,
.is-legacy table.subtransaction_report_table tbody td.bg-odd {
  background: #EFEFFF;
}
.is-legacy table.subtransaction_report_table tr.bg-even th,
.is-legacy table.subtransaction_report_table tr.bg-even td,
.is-legacy table.subtransaction_report_table tbody th.bg-even,
.is-legacy table.subtransaction_report_table tbody td.bg-even {
  background: #C8D6E4;
}
.is-legacy table.refund_table thead th,
.is-legacy table.missing_rule_table thead th {
  background-color: #cc0000;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy tr.accounts_receivable_details td {
  border-color: #f0f0f0;
}
.is-legacy div.sales_report,
.is-legacy div.lock_report {
  width: 100%;
  margin: 0 auto;
}
.is-legacy div.sales_report h3,
.is-legacy div.lock_report h3 {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #000;
}
.is-legacy div.sales_report hr,
.is-legacy div.sales_report hr {
  width: 100%;
}
.is-legacy .revenue_source_label {
  float: left;
  margin: 7px 6px 0 0;
}
.is-legacy .revenue_source {
  float: left;
  margin-right: 6px;
}
.is-legacy .report_heading {
  font-weight: 600;
  font-size: 12px;
  background-color: #FFA500;
  padding: 3px;
}
.is-legacy .report_subheading {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0.15em;
}
.is-legacy .report_paymentheading,
.is-legacy .report_paymentheading a {
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0.15em;
}
.is-legacy .takeout_icon {
  display: block;
}
.is-legacy .report_accounts_receivable {
  background: url(../../_private/images/inv_line.gif) repeat-x 0 0;
  font-size: 16px;
  text-align: right;
  font-weight: 600;
  margin-bottom: 0.15em;
}
.is-legacy .report_accounts_receivable span {
  background-color: #fff;
  padding: 0 2em;
  margin-right: 3em;
}
.is-legacy hr {
  height: 1px;
  color: #000;
  background-color: #000;
  font-size: 0;
  border: 0;
}
.is-legacy table.cms_table tfoot td {
  background-color: #CCCCCC !important;
}
.is-legacy table.product_group_table {
  border-color: #EFEFFF;
  border-style: dashed;
}
.is-legacy table.product_group_table table.product_table {
  border-color: #EFEFFF;
  border-style: dashed;
}
.is-legacy table.product_group_table tbody th,
.is-legacy table.product_group_table tbody td,
.is-legacy table.product_group_table table.product_table tbody th,
.is-legacy table.product_group_table table.product_table tbody td {
  border-color: #EFEFFF;
  border-style: dashed;
  padding: 2px 3px !important;
}
.is-legacy table.product_group_table .np {
  padding: 0 !important;
}
.is-legacy table.product_group_table .brt {
  border-top-width: 1px;
}
.is-legacy table.product_group_table table.product_table .pt {
  padding-top: 1.5em !important;
}
.is-legacy table.product_group_table table.product_table .pb {
  padding-bottom: 1.5em !important;
}
.is-legacy table.list_table tbody tr.product_group_header th {
  background-color: #CCCCCC;
  color: #FFFFFF;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.is-legacy table.condiments_table {
  border-color: #EFEFFF;
  border-style: dashed;
}
.is-legacy table.condiments_table thead tr th {
  background-color: #eeeeee;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
}
.is-legacy table.condiments_table thead tr.column_header th {
  background-color: #AAAAAA;
  color: #FFFFFF;
  font-size: 11px;
}
.is-legacy table.condiments_table thead tr.column_sub_header th {
  background-color: #FFFFFF;
  font-size: 10px;
}
.is-legacy table.condiments_table th,
.is-legacy table.condiments_table td,
.is-legacy table.condiments_table tbody th,
.is-legacy table.condiments_table tbody td {
  border-color: #EFEFFF;
  border-style: dashed;
  padding: 3px 3px 5px 3px !important;
}
.is-legacy table.condiments_table th.brt,
.is-legacy table.condiments_table td.brt,
.is-legacy table.condiments_table tr.brt th,
.is-legacy table.condiments_table tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #e0e0e0 !important;
  padding-top: 3px;
}
.is-legacy table.condiments_table table tr.bg-odd table.condiments_table tbody tr.brt th,
.is-legacy table.condiments_table table tr.bg-odd table.condiments_table tbody tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #EEEEEE !important;
}
.is-legacy table.condiments_table tr th.nbr,
.is-legacy table.condiments_table tr td.nbr {
  border-width: 0;
}
.is-legacy table.condiments_table .product_header th {
  background-color: #EEEEEE;
  border-style: solid;
  font-size: 12px;
}
.is-legacy table.condiments_table tbody tr.product_header:hover th,
.is-legacy table.condiments_table tbody tr.product_header:hover th,
.is-legacy table.condiments_table tbody tr.product_header th,
.is-legacy table.condiments_table tbody tr.product_header th {
  background-color: #EEEEEE;
}
.is-legacy table.condiments_table .selection_header th {
  background-color: #AAAAAA;
  border-style: solid;
}
.is-legacy table.condiments_table tbody tr.selection_header:hover th,
.is-legacy table.condiments_table tbody tr.selection_header:hover th,
.is-legacy table.condiments_table tbody tr.selection_header th,
.is-legacy table.condiments_table tbody tr.selection_header th {
  background-color: #AAAAAA;
}
.is-legacy table.product_group_table table.condiments_table tbody td.vt-pt,
.is-legacy table.condiments_table tbody td.vt-pt {
  padding-top: 5px !important;
}
.is-legacy table.product_group_table tr.bg-even table.condiments_table tbody tr.brt th,
.is-legacy table.product_group_table tbody tr.bg-even table.condiments_table tbody tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #e0e0e0 !important;
}
.is-legacy table.product_group_table tr.bg-odd table.condiments_table tbody tr.brt th,
.is-legacy table.product_group_table tr.bg-odd table.condiments_table tbody tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #EEEEEE !important;
}
.is-legacy table.production_item_table {
  /* product suggest table */
}
.is-legacy table.production_item_table tr.selection_group th,
.is-legacy table.production_item_table tr.selection_group td {
  background-color: #FFC0CB;
}
.is-legacy table.production_item_table tr.selection_group table tr.bg-odd td {
  background-color: #FF9999;
}
.is-legacy table.production_item_table tr.selection_group table tr.bg-even td {
  background-color: #FFCCCC;
}
.is-legacy table.production_item_table table tr.brt th,
.is-legacy table.production_item_table table tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #e0e0e0 !important;
  padding-top: 3px;
}
.is-legacy table.production_item_table tr.bg-odd table tr.brt th,
.is-legacy table.production_item_table tr.bg-odd table tr.brt td {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed !important;
  border-top-color: #EEEEEE !important;
}
.is-legacy table.production_item_table tr.selection_group.brt th,
.is-legacy table.production_item_table tr.selection_group.brt td {
  border-top-color: #ffd0d0 !important;
}
.is-legacy table.production_item_table table tr.nbrt th,
.is-legacy table.production_item_table table tr.nbrt td,
.is-legacy table.production_item_table tr.bg-odd table tr.nbrt th,
.is-legacy table.production_item_table tr.bg-odd table tr.nbrt td {
  border-top-width: 0 !important;
}
.is-legacy table.production_item_table table.product_suggest_table table {
  border-color: #ccc;
}
.is-legacy table.production_item_table table.product_suggest_table tbody th,
.is-legacy table.production_item_table table.product_suggest_table tbody td {
  border-color: #e4d232;
}
.is-legacy table.production_item_table table.product_suggest_table tbody td.brt {
  border-top: 1px dashed #e4d232;
}
.is-legacy table.production_item_table table.product_suggest_table tbody table tbody td.brt {
  border-top: 1px dashed #F0E68C !important;
}
.is-legacy table.production_item_table table.product_suggest_table tbody tr.bg-even td {
  background-color: #fbfbfb;
}
.is-legacy table.production_item_table table.product_suggest_table tbody tr.bg-update td {
  background-color: #ffc55b;
}
.is-legacy table.production_item_table table.product_suggest_table tbody tr td.product_class {
  background-color: #F0E68C;
}
.is-legacy table.production_item_table table.product_suggest_table tbody tr td.product_group {
  background-color: #FFFACD;
}
.is-legacy table.production_item_table table.product_suggest_table tbody tr td.product_name {
  background-color: #FFFFE0;
}
.is-legacy table.accounting_options_table {
  border-color: #FFFAF0;
  margin: 5px 0;
}
.is-legacy table.accounting_table {
  border-color: #ccc;
  margin: 5px 0;
}
.is-legacy table.accounting_table th,
.is-legacy table.accounting_table td {
  border-color: #ccc;
}
.is-legacy table.accounting_table thead th {
  background-color: #A9A9A9;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.accounting_table thead td {
  padding: 3px;
}
.is-legacy table.accounting_table tbody th,
.is-legacy table.accounting_table tbody td {
  padding: 2px 3px;
}
.is-legacy table.accounting_table tfoot th,
.is-legacy table.accounting_table tfoot td {
  background-color: #EEEEEE;
  padding: 3px;
}
.is-legacy table.accounting_table tfoot table td {
  background-color: #fff;
}
.is-legacy table.accounting_table tfoot input.total td {
  border: none;
  width: 70px;
  text-align: right;
  font-weight: 600;
  color: #ff6600;
  background-color: #eeeeee;
}
.is-legacy table.accounting_table table {
  border-color: #ccc;
  border-width: 0;
}
.is-legacy table.accounting_table table td {
  border-width: 0;
}
.is-legacy table.accounting_table table td.brt {
  border-top-width: 1px;
  border-top-color: #A9A9A9;
}
.is-legacy table.payment_apply_table {
  border-color: #315A9C;
}
.is-legacy table.payment_apply_table th,
.is-legacy table.payment_apply_table td {
  border-color: #315A9C;
}
.is-legacy table.payment_apply_table tfoot th,
.is-legacy table.payment_apply_table tfoot td {
  background: #EEEEEE;
}
.is-legacy table.apply_payment_table {
  border-color: #ccc;
}
.is-legacy table.apply_payment_table th,
.is-legacy table.apply_payment_table td {
  border-color: #ccc;
}
.is-legacy table.apply_payment_table thead th,
.is-legacy table.apply_payment_table tbody th {
  background-color: #A9A9A9;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.apply_payment_table thead td {
  padding: 3px;
}
.is-legacy table.apply_payment_table tbody td {
  padding: 2px 3px;
}
.is-legacy table.apply_payment_table tfoot th,
.is-legacy table.apply_payment_table tfoot td {
  background: #A9A9A9;
  padding: 3px;
}
.is-legacy table.apply_payment_table table thead th {
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.bind_payment_table thead th {
  background: #6B8ACE;
}
.is-legacy table.bind_payment_table tr.bg-odd th,
.is-legacy table.bind_payment_table tr.bg-odd td,
.is-legacy table.bind_payment_table tbody th.bg-odd,
.is-legacy table.bind_payment_table tbody td.bg-odd {
  background: #EFEFFF;
}
.is-legacy table.bind_payment_table tr.bg-even th,
.is-legacy table.bind_payment_table tr.bg-even td,
.is-legacy table.bind_payment_table tbody th.bg-even,
.is-legacy table.bind_payment_table tbody td.bg-even {
  background: #C8D6E4;
}
.is-legacy table.bind_payment_table.rowhover_table tbody tr:hover th,
.is-legacy table.bind_payment_table.rowhover_table tbody tr:hover td,
.is-legacy table.bind_payment_table.rowhover_table tbody tr.rowhover td,
.is-legacy table.bind_payment_table.rowhover_table tbody tr.rowhover td {
  background-color: #FFD700;
}
.is-legacy h2.accounting_heading {
  font-weight: 600;
  font-size: 14px;
}
.is-legacy table.edit_table {
  border-color: #ccc;
}
.is-legacy table.edit_table th,
.is-legacy table.edit_table td {
  border-color: #ccc;
}
.is-legacy table.edit_table thead th {
  background-color: #f2f2f2;
}
.is-legacy table.edit_table thead td {
  padding: 3px;
}
.is-legacy table.edit_table thead th a:not([class]) {
  color: #222222;
}
.is-legacy table.edit_table thead th a:not([class]):hover {
  color: #222222;
  text-decoration: underline;
}
.is-legacy table.edit_table table {
  padding-bottom: 3px;
}
.is-legacy table.edit_table table tbody th,
.is-legacy table.edit_table table tbody td {
  padding: 2px 2px;
}
.is-legacy table.edit_table tbody tr.error td {
  color: #D8000C;
  background-color: #FFBABA;
  font-weight: 600;
}
.is-legacy table.edit_table .product_name {
  color: #315A9C;
}
.is-legacy table.edit_table .discount_type {
  color: #008400;
}
.is-legacy table.edit_table .billing_discount {
  background-color: #ccc;
}
.is-legacy table.edit_table .accept_orders {
  background-color: #31CEFF;
}
.is-legacy table.edit_table .delivery_service {
  background-color: #CEDEE7;
  border-top: 8px solid #ADADAD;
}
.is-legacy table.edit_table .imagepadding {
  padding: 3px 0;
}
.is-legacy table.edit_table .vt-pt {
  padding-top: 8px;
}
.is-legacy table.edit_table .textleft_padding {
  padding-left: 8px;
}
.is-legacy table.edit_table .billing_combo {
  background-color: #CCCCCC;
  color: #CC0000;
}
.is-legacy table.edit_table tr.tracker th,
.is-legacy table.edit_table tr.tracker td {
  background-color: #CEDEE7;
}
.is-legacy table.edit_table tr.manager th,
.is-legacy table.edit_table tr.manager td {
  background-color: #99CCFF;
}
.is-legacy table.edit_table table.nested_edit_table tbody th,
.is-legacy table.edit_table table.nested_edit_table tbody td {
  padding: 3px;
}
.is-legacy table.edit_table td.editor_table td {
  background-color: #F0F0F0;
}
.is-legacy table.edit_table tbody td.message table th,
.is-legacy table.edit_table tbody td.message td {
  background-color: inherit;
  border: inherit;
}
.is-legacy table.refund_table thead th,
.is-legacy table.missing_rule_table thead th {
  background-color: #cc0000;
}
.is-legacy table.refund_table table.payment_credit_table thead th {
  background-color: #cc0000;
}
.is-legacy table.credit_table thead th {
  background-color: #4682B4;
}
.is-legacy table.total_table tfoot th,
.is-legacy table.total_table tfoot td {
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
}
.is-legacy table.payment_applied_table,
.is-legacy table.payment_credit_table {
  border-color: #ccc;
}
.is-legacy table.payment_applied_table thead th,
.is-legacy table.payment_credit_table thead th {
  background-color: #A9A9A9;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.payment_applied_table tbody th,
.is-legacy table.payment_applied_table tbody td,
.is-legacy table.payment_credit_table tbody th,
.is-legacy table.payment_credit_table tbody td {
  background: #fff;
  padding: 3px;
  font-size: 10px;
}
.is-legacy table.payment_credit_table thead th {
  background-color: #4682B4;
}
.is-legacy table.payment_credit_table tbody th,
.is-legacy table.payment_credit_table tbody td {
  background-color: #F4F4F4;
}
.is-legacy table.permission_table {
  padding: 0;
  margin: 0 auto;
  border-color: #ccc;
}
.is-legacy table.permission_table th,
.is-legacy table.permission_table td {
  border-color: #ccc;
}
.is-legacy table.permission_table thead th {
  background-color: #A9A9A9;
  color: #fff;
  font-size: 11px;
  padding: 2px;
  font-weight: 600;
}
.is-legacy table.permission_table thead td {
  padding: 3px;
}
.is-legacy table.permission_table tbody th,
.is-legacy table.permission_table tbody td {
  background: #eee;
  padding: 0 2px;
}
.is-legacy table.menu_permission_table tbody th {
  font-weight: 600;
}
.is-legacy table.menu_permission_table tbody th,
.is-legacy table.menu_permission_table tbody td {
  text-align: left;
  padding-bottom: 2px;
}
.is-legacy table.menu_permission_table input[type=checkbox] {
  vertical-align: middle;
  margin: 0.25em 0.25em 0.5em 0.25em;
}
.is-legacy table.detail_table {
  border-color: #ccc;
}
.is-legacy table.detail_table th,
.is-legacy table.detail_table td {
  border-color: #ccc;
  padding: 3px;
}
.is-legacy table.detail_table thead th {
  background-color: #f2f2f2;
  font-weight: 600;
}
.is-legacy table.detail_table tbody th,
.is-legacy table.detail_table tfoot th,
.is-legacy table.detail_table tfoot td {
  background-color: #CEDEE7;
}
.is-legacy table.detail_table tbody td.storerating {
  background-color: #CEDEE7;
}
.is-legacy table.detail_table tbody .product_type {
  color: #00008B;
}
.is-legacy table.detailgrid_table {
  border-color: #315A9C;
}
.is-legacy table.detailgrid_table th,
.is-legacy table.detailgrid_table td {
  border-color: #315A9C;
}
.is-legacy table.ratings_table {
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}
.is-legacy table.ratings_table th,
.is-legacy table.ratings_table td {
  border: 1px solid #e0e0e0;
}
.is-legacy table.ratings_table thead th {
  background: #f2f2f2;
}
.is-legacy table.ratings_table tbody th {
  text-align: left;
  padding-top: 16.4px;
  padding-top: 1.3666666667rem;
}
.is-legacy table.sublist_table {
  border-color: #ccc;
  border-collapse: collapse;
  padding: 3px;
}
.is-legacy table.sublist_table th,
.is-legacy table.sublist_table td {
  border-color: #ccc;
}
.is-legacy table.sublist_table thead th {
  background-color: #A9A9A9 !important;
  color: #fff;
  font-size: 11px !important;
  font-weight: 600;
  padding: 2px;
}
.is-legacy table.sublist_table tbody th,
.is-legacy table.detail_table tbody td {
  padding: 2px;
}
.is-legacy table.sublist_pos_table tbody th,
.is-legacy table.sublist_pos_table tbody td {
  padding: 4px 2px;
}
.is-legacy table.product_menu_table {
  border-color: #A9A9A9;
  margin-top: 5px;
}
.is-legacy table.product_menu_table th,
.is-legacy table.product_menu_table td {
  border-color: #A9A9A9;
}
.is-legacy table.product_menu_table thead th,
.is-legacy table.product_menu_table thead td {
  background-color: #A9A9A9;
  padding: 0px 5px 1px 5px;
  vertical-align: baseline;
}
.is-legacy table.product_menu_table tbody th,
.is-legacy table.product_menu_table tbody td {
  background-color: #EEEEEE;
  padding: 1px 5px;
  vertical-align: baseline;
}
.is-legacy table.product_menu_table .order_quote {
  padding-left: 50px;
}
.is-legacy table.product_menu_table .order_quote input[type=checkbox] {
  vertical-align: baseline;
  padding: 1px 5px 0 5px;
}
.is-legacy table.product_menu_table .group_order {
  background: #F49E00;
}
.is-legacy table.product_display_table {
  padding: 0;
}
.is-legacy table.product_display_table .product {
  /*background-color: #EEEEEE;*/
  padding: 5px 5px 0 5px;
}
.is-legacy .billing_discount {
  color: #666666;
}
.is-legacy table.billing_discount th,
.is-legacy table.billing_discount td {
  /*  font-size: 10px;*/
  font-weight: normal;
}
.is-legacy table.product_table .product_group_name {
  color: #186e77;
}
.is-legacy table.product_table .product_type {
  color: #00008B;
}
.is-legacy table.product_table .product_detail {
  padding: 3px 0;
}
.is-legacy table.product_table .product_quantity input {
  /* width: 40px;*/
  height: 21px;
  /* font-size: 10px; */
  /* border: 1px solid #808080;*/
}
.is-legacy table.product_table .product_quantity input.disabled {
  background-color: #EEEEEE;
}
.is-legacy table.product_table .product_price {
  padding-top: 5px;
  padding-right: 10px;
}
.is-legacy table.product_table .product_name {
  padding-top: 5px;
  padding-bottom: 5px;
}
.is-legacy table.product_table tr.bg-odd th,
.is-legacy table.product_table tr.bg-odd td,
.is-legacy table.product_table tbody th.bg-odd,
.is-legacy table.product_table tbody td.bg-odd {
  background: #FFFFFF;
}
.is-legacy table.product_table tr.bg-even th,
.is-legacy table.product_table tr.bg-even td,
.is-legacy table.product_table tbody th.bg-even,
.is-legacy table.product_table tbody td.bg-even {
  background: #F5F5F5;
}
.is-legacy table.product_table tr.bg-update th,
.is-legacy table.product_table tr.bg-update td,
.is-legacy table.product_table tbody th.bg-update,
.is-legacy table.product_table tbody td.bg-update {
  background: #B6C1DF;
}
.is-legacy table.cart_table {
  border-color: #636363;
  margin-right: auto;
}
.is-legacy table.cart_table th,
.is-legacy table.cart_table td {
  border-style: dashed;
  border-color: #636363;
}
.is-legacy table.cart_table thead th {
  background-color: #87B787;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  padding: 3px;
}
.is-legacy table.cart_table thead td {
  background-color: #EEF8EE;
  padding: 3px;
}
.is-legacy table.cart_table tbody th,
.is-legacy table.cart_table tbody td {
  background: #EEF8EE;
  padding: 2px 3px;
  text-align: left;
}
.is-legacy table.cart_table tfoot th,
.is-legacy table.cart_table tfoot td {
  background: #EEF8EE;
  padding: 3px;
}
.is-legacy table.cart_table thead h2 {
  font-size: 14px;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
.is-legacy table.cart_table table {
  border-collapse: collapse;
  width: 100%;
}
.is-legacy table.cart_table table tbody th,
.is-legacy table.cart_table table tbody td {
  padding-top: 0;
  padding-bottom: 2px;
}
.is-legacy table.cart_table .guest_numbers {
  background-color: #FFFF99;
  padding: 1px;
}
.is-legacy table.cart_table .product_group {
  color: #808080;
}
.is-legacy table.cart_table .product_sub_id {
  color: #fff;
}
.is-legacy table.cart_table .order_note {
  color: #315A9C;
}
.is-legacy table.cart_table .manage_group {
  color: #87B787;
}
.is-legacy table.cart_table .total_default {
  color: #808080;
}
.is-legacy table.cart_table .shared_items {
  color: #006666;
}
.is-legacy table.cart_table .shared_items_total {
  color: #696969;
}
.is-legacy table.cart_table table td.br {
  border-top-width: 1px !important;
}
.is-legacy table.cart_table tr.bg-odd th,
.is-legacy table.cart_table tr.bg-odd td,
.is-legacy table.cart_table tbody th.bg-odd,
.is-legacy table.cart_table tbody td.bg-odd {
  background-color: #EEF8EE;
}
.is-legacy table.cart_table tr.bg-even th,
.is-legacy table.cart_table tr.bg-even td,
.is-legacy table.cart_table tbody th.bg-even,
.is-legacy table.cart_table tbody td.bg-even {
  background-color: #EEF8EE;
}
.is-legacy table.cart_table tr.bg-update th,
.is-legacy table.cart_table tr.bg-update td,
.is-legacy table.cart_table tbody th.bg-update,
.is-legacy table.cart_table tbody td.bg-update {
  background-color: #fff;
}
.is-legacy table.cart_table.rowhover_table tbody tr:hover th,
.is-legacy table.cart_table.rowhover_table tbody tr:hover td,
.is-legacy table.cart_table.rowhover_table tbody tr.rowhover td,
.is-legacy table.cart_table.rowhover_table tbody tr.rowhover td {
  background-color: #C4E8C4;
}
.is-legacy table.cart_table.rowhover_table tbody tr.rownohover:hover td {
  background-color: inherit;
}
.is-legacy table.cart_total_table th,
.is-legacy table.cart_total_table td {
  background-color: #FFFFFF;
}
.is-legacy table.cart_total_table table {
  float: right;
}
.is-legacy table.cart_total_table table th,
.is-legacy table.cart_total_table table td {
  text-align: right;
  padding: 3px;
}
.is-legacy table.cart_total_table table th,
.is-legacy table.cart_total_table table th a {
  /* font-size: 10px;
   font-weight: normal;*/
  color: #696969;
}
.is-legacy table.order_detail_title_table {
  border: none;
}
.is-legacy table.order_detail_title_table th {
  font-size: 24px;
  padding: 3px;
}
.is-legacy table.order_detail_title_table td {
  font-size: 14px;
  text-align: right;
  padding: 3px;
}
.is-legacy table.order_detail_info_table {
  border: 1px solid #FFFFFF;
}
.is-legacy table.order_detail_info_table th,
.is-legacy table.order_detail_info_table td {
  font-size: 10px;
}
.is-legacy table.order_detail_info_table thead th {
  font-size: 16px;
}
.is-legacy table.order_detail_info_table tbody td {
  padding: 0px;
  border: 1px solid #000000;
}
.is-legacy table.order_detail_info_table table thead th {
  background-color: #BBBBBB;
  padding: 2px;
}
.is-legacy table.order_detail_info_table table {
  width: 100%;
}
.is-legacy table.order_detail_info_table table tbody th,
.is-legacy table.order_detail_info_table table tbody td {
  border-width: 0;
  border-color: #CCCCCC;
  line-height: 1.2;
  padding: 2px;
  width: auto;
}
.is-legacy table.order_detail_info_table .brt {
  border-top: 1px solid #CCCCCC;
}
.is-legacy table.order_detail_info_table .brl {
  border-left: 1px solid #CCCCCC;
}
.is-legacy table.order_detail_info_table .brr {
  border-right: 1px solid #CCCCCC;
}
.is-legacy table.order_detail_info_table table table.nbr tbody th,
.is-legacy table.order_detail_info_table table table.nbr tbody td {
  border-width: 0;
  padding: 0px 2px;
}
.is-legacy table.order_detail_info_table .location {
  font-size: 13px;
}
.is-legacy table.order_detail_service_table {
  border-width: 0;
  padding: 0 0 3px 0;
}
.is-legacy table.order_detail_service_table tbody th,
.is-legacy table.order_detail_service_table tbody td {
  border: 1px solid #000000;
  background-color: #FFFFFF;
}
.is-legacy table.order_detail_service_table table tbody th,
.is-legacy table.order_detail_service_table table tbody td {
  border-width: 0;
}
.is-legacy table.order_detail_service_table tr td.nbrl {
  border-left-width: 0;
}
.is-legacy table.order_detail_service_table tr td.nbrr {
  border-right-width: 0;
}
.is-legacy table.order_detail_cart_total_table {
  border-color: #ADADAD;
  display: block;
}
.is-legacy table.order_detail_cart_total_table th,
.is-legacy table.order_detail_cart_total_table td {
  padding: 3px;
  font-weight: normal;
}
.is-legacy table.order_detail_cart_total_table table {
  float: right;
}
.is-legacy table.order_detail_cart_total_table table th,
.is-legacy table.order_detail_cart_total_table table td {
  text-align: right;
  padding: 3px;
}
.is-legacy table.order_detail_cart_total_table table th,
.is-legacy table.order_detail_cart_total_table table th a {
  font-size: 10px;
  font-weight: normal;
  color: #696969;
}
.is-legacy .invoice-header {
  margin-top: 5px;
  margin-bottom: 5px;
}
.is-legacy .invoice-header-title {
  font-size: 1.5rem !important;
  line-height: 1.11111 !important;
}
.is-legacy .invoice-header-subtitle {
  font-size: 1.25rem !important;
  line-height: 1.33333 !important;
}
.is-legacy .invoice-header-date {
  font-size: 1.16667rem !important;
  line-height: 1.42857 !important;
}
.is-legacy .invoice-line {
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  height: 1px;
}
.is-legacy table.order_product_detail_table {
  border-color: #ADADAD;
}
.is-legacy table.order_product_detail_table {
  background-color: #ffffff;
  border-bottom: 1px solid #B2B2B2;
  color: #000000;
}
.is-legacy table.order_product_detail_table th,
.is-legacy table.order_product_detail_table td {
  padding: 3px;
}
.is-legacy table.order_product_detail_table thead th {
  background-color: #CCCCCC;
  border-top: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
  font-weight: 600;
  color: #000000;
  padding: 2px 0px;
  font-weight: 600;
  font-size: 12px;
}
.is-legacy table.order_product_detail_table thead td {
  background-color: #000000;
  color: #FFFFFF;
}
.is-legacy table.order_product_detail_table thead td b {
  font-size: 12px;
}
.is-legacy table.order_product_detail_table tbody th,
.is-legacy table.order_product_detail_table tbody td {
  border-width: 0;
  padding: 1px 3px;
}
.is-legacy table.order_product_detail_table tfoot td {
  border-top: 1px solid #B2B2B2;
}
.is-legacy table.order_product_detail_table .brt th,
.is-legacy table.order_product_detail_table .brt td,
.is-legacy table.order_product_detail_table th.brt,
.is-legacy table.order_product_detail_table td.brt {
  border-top-width: 1px !important;
  border-bottom-width: 0;
  border-top-style: solid !important;
  border-top-color: #e0e0e0 !important;
}
.is-legacy table.order_product_detail_table .brb th,
.is-legacy table.order_product_detail_table .brb td,
.is-legacy table.order_product_detail_table th.brb,
.is-legacy table.order_product_detail_table td.brb {
  border-bottom-width: 1px !important;
  border-top-width: 0;
  border-bottom-style: solid !important;
  border-bottom-color: #e0e0e0 !important;
}
.is-legacy table.order_product_detail_table .brt th.nbrt,
.is-legacy table.order_product_detail_table .brt td.nbrt {
  border-top-width: 0px !important;
  border-top-color: transparent !important;
}
.is-legacy table.order_product_detail_table.brf th,
.is-legacy table.order_product_detail_table.brf td {
  border: 1px solid #333 !important;
}
.is-legacy table.order_product_detail_table tr.bg-odd th,
.is-legacy table.order_product_detail_table tr.bg-odd td,
.is-legacy table.order_product_detail_table tbody th.bg-odd,
.is-legacy table.order_product_detail_table tbody td.bg-odd {
  background: #FFFFFF;
}
.is-legacy table.order_product_detail_table tr.bg-even th,
.is-legacy table.order_product_detail_table tr.bg-even td,
.is-legacy table.order_product_detail_table tbody th.bg-even,
.is-legacy table.order_product_detail_table tbody td.bg-even {
  background: #F5F5F5;
}
.is-legacy table.order_product_detail_table tr.bg-update th,
.is-legacy table.order_product_detail_table tr.bg-update td,
.is-legacy table.order_product_detail_table tbody th.bg-update,
.is-legacy table.order_product_detail_table tbody td.bg-update {
  background: #FFFFFF;
}
.is-legacy table.order_product_detail_table .box_name {
  display: inline-block;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  margin: 2px 0;
  padding: 2px 3px;
  width: auto;
}
.is-legacy table.order_product_detail_table tr.bg-odd .box_name {
  border-color: #EEEEEE;
  background: #F5F5F5;
}
.is-legacy table.order_product_sub_detail_table {
  margin-top: 6px;
}
.is-legacy table.order_product_sub_detail_table th,
.is-legacy table.order_product_sub_detail_table td {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.is-legacy table.order_product_sub_detail_table th.brt,
.is-legacy table.order_product_sub_detail_table td.brt {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed;
  border-top-color: #e9e9e9;
  padding-top: 3px;
}
.is-legacy table.order_product_detail_table .bg-odd table.order_product_sub_detail_table th.brt th,
.is-legacy table.order_product_detail_table .bg-odd table.order_product_sub_detail_table td.brt {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed;
  border-top-color: #EEEEEE;
}
.is-legacy table.order_product_sub_detail_table tr th.nbr,
.is-legacy table.order_product_sub_detail_table tr td.nbr {
  border-width: 0;
}
.is-legacy table.order_invoice_header_table,
.is-legacy table.order_invoice_info_table {
  border-color: #000;
}
.is-legacy table.order_invoice_header_table th,
.is-legacy table.order_invoice_header_table td {
  border-color: #000;
  font-size: 11px;
}
.is-legacy table.order_invoice_info_table th {
  padding: 3px;
  font-size: 14px;
}
.is-legacy table.order_invoice_info_table td {
  padding: 3px;
  border: 1px solid #000000;
}
.is-legacy table.order_invoice_info_table table {
  margin: 0;
  padding: 0;
}
.is-legacy table.order_invoice_info_table table th,
.is-legacy table.order_invoice_info_table table td {
  border-width: 0;
}
.is-legacy table.order_invoice_payment_table {
  border-width: 0;
}
.is-legacy table.order_invoice_payment_table th,
.is-legacy table.order_invoice_payment_table td {
  font-size: 10px;
  padding: 5px;
  border-color: #000000;
}
.is-legacy table.order_invoice_payment_table td.address,
.is-legacy table.order_invoice_payment_table td.conditions,
.is-legacy table.order_invoice_payment_table td.totals {
  border: 1px solid #000000;
}
.is-legacy table.order_invoice_payment_table table tbody th,
.is-legacy table.order_invoice_payment_table table tbody td {
  padding: 1px;
}
.is-legacy table.order_invoice_payment_table table tbody th.pt,
.is-legacy table.order_invoice_payment_table table tbody td.pt {
  padding-top: 10px;
}
.is-legacy table.order_invoice_payment_table td.totals,
.is-legacy table.order_invoice_payment_table td.totals td {
  background-color: #F5F5F5;
}
.is-legacy table.order_invoice_payment_table tbody td.nbr {
  border-width: 0 !important;
}
.is-legacy table.order_invoice_notes_table td {
  padding: 3px;
}
.is-legacy table.order_signature_table th,
.is-legacy table.order_signature_table td {
  padding: 10px 3px 5px 3px;
}
.is-legacy table.order_signature_table td {
  border-bottom: 1px solid #000000;
}
.is-legacy table.label_product_table th,
.is-legacy table.label_product_table table.list_labels_table td {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  padding: 4px 3px;
}
.is-legacy table.label_product_table th.brt,
.is-legacy table.label_product_table td.brt {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed;
  border-top-color: #e9e9e9;
  padding-top: 3px;
}
.bg-odd .is-legacy table.label_product_table th.brt,
.bg-odd .is-legacy table.label_product_table td.brt {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  border-top-style: dashed;
  border-top-color: #EEEEEE;
}
.is-legacy table.label_product_table tr th.nbr,
.is-legacy table.label_product_table tr td.nbr {
  border-width: 0;
}
.is-legacy table.label_product_table .box_for {
  display: inline-block;
  background-color: #FFFFFF;
  border: 1px solid #EEEEEE;
  margin: 2px 0;
  padding: 3px 3px;
  width: auto;
}
.is-legacy table.label_print_table th,
.is-legacy table.label_print_table td {
  padding: 1px 3px;
}
.is-legacy table.label_print_table thead th,
.is-legacy table.label_print_table thead td {
  border-color: #adadad;
  border-bottom: 1px solid #adadad;
}
.is-legacy table.label_print_table tbody th,
.is-legacy table.label_print_table tbody td {
  border-color: #adadad;
  border-top: 1px solid #adadad;
}
.is-legacy table.kitchen_pack_table {
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
}
.is-legacy table.kitchen_pack_table th,
.is-legacy table.kitchen_pack_table td {
  border: 1px solid #e0e0e0;
}
.is-legacy table.kitchen_pack_table thead th {
  background: #f2f2f2;
}
.is-legacy table.kitchen_pack_table table {
  margin-top: 5px;
}
.is-legacy table.kitchen_pack_table table th,
.is-legacy table.kitchen_pack_table table td {
  border-width: 0;
  font-size: 10px;
  font-size: 0.8333333333rem;
  line-height: 1.64;
}
.is-legacy table.kitchen_pack_table table tr:not(:first-child) th,
.is-legacy table.kitchen_pack_table table tr:not(:first-child) td {
  border-top-width: 1px;
}
.is-legacy .pack_header,
.is-legacy .pack_sub_header {
  text-align: center;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
}
.is-legacy .pack_header_date {
  text-align: right;
  font-size: 13px;
}
.is-legacy .pack_header_border {
  border-bottom: 2px solid #000000;
}
.is-legacy .by_order {
  background-color: #f2f2f2;
  padding: 5px;
  font-size: 11px;
  font-weight: 600;
}
.is-legacy table.delivery_list_table th,
.is-legacy table.deliveries_table td,
.is-legacy table.deliveries_table table th,
.is-legacy table.deliveries_table table td {
  padding: 3px;
}
.is-legacy table.delivery_list_table table {
  border-color: #ccc;
  border-top: 0;
  border-bottom: 0;
}
.is-legacy table.delivery_list_table table table {
  border: 0;
}
.is-legacy table.delivery_list_table tr.bg-odd-alt td {
  background-color: #FFE87D;
}
.is-legacy table.delivery_list_table tr.bg-even-alt td {
  background-color: #FFD700;
}
.is-legacy table.delivery_edit_table tfoot td {
  background: #CCCCCC;
}
.is-legacy table.delivery_schedule_table thead td {
  font-size: 16px;
  font-weight: 600;
}
.is-legacy table.delivery_schedule_table tbody td {
  font-size: 14px;
  font-weight: 600;
}
.is-legacy table.delivery_schedule_list_table {
  border-color: #000000;
}
.is-legacy table.delivery_schedule_list_table th,
.is-legacy table.delivery_schedule_list_table td {
  border: 1px solid #000000;
  padding: 3px;
}
.is-legacy table.delivery_schedule_list_table tbody th,
.is-legacy table.delivery_schedule_list_table tbody td {
  height: 100px;
}
.is-legacy table.mapping_table {
  border-color: #ccc;
}
.is-legacy table.mapping_table thead th {
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.mapping_table thead tr.subheading th {
  background-color: #fff;
  color: initial;
  font-size: inherit;
}
.is-legacy table.mapping_table thead th a {
  color: #222222;
  font-size: 13px;
}
.is-legacy table.mapping_table thead th a:hover {
  color: #222222;
  text-decoration: underline;
}
.is-legacy table.mapping_table thead td {
  padding: 3px;
}
.is-legacy table.mapping_table tbody th,
.is-legacy table.mapping_table tbody td {
  padding: 3px;
}
.is-legacy table.mapping_table tfoot th,
.is-legacy table.mapping_table tfoot td {
  background-color: #ccc;
  padding: 3px;
}
.is-legacy table.mapping_table tfoot table td {
  background-color: #fff;
}
.is-legacy table.mapping_table tr th,
.is-legacy table.mapping_table tr td {
  border-color: inherit;
}
.is-legacy table.mapping_table tbody tr.subheading th {
  padding-bottom: 1px;
}
.is-legacy table.mapping_table tbody tr.subheading + tr.subheading th {
  padding-top: 0;
  padding-bottom: 1px;
}
.is-legacy table.list_table thead th a:not([class]) {
  color: #222222;
}
.is-legacy table.list_table thead th a:not([class]):hover {
  color: #222222;
  text-decoration: underline;
}
.is-legacy table.sales_analysis_table {
  border-color: #ccc;
}
.is-legacy table.sales_analysis_table th,
.is-legacy table.sales_analysis_table td {
  border-color: #ccc;
}
.is-legacy table.sales_analysis_table thead th {
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.sales_analysis_table thead td {
  padding: 3px;
}
.is-legacy table.sales_analysis_table tbody th,
.is-legacy table.sales_analysis_table tbody td,
.is-legacy table.sales_analysis_table tfoot th,
.is-legacy table.sales_analysis_table tfoot td {
  padding: 3px;
}
.is-legacy table.sales_analysis_table thead th a {
  color: #fff;
}
.is-legacy table.sales_analysis_table thead th a:active,
.is-legacy table.sales_analysis_table thead th a:hover {
  text-decoration: underline;
}
.is-legacy table.sales_analysis_table table {
  border-color: #ccc;
}
.is-legacy table.sales_analysis_table table thead th {
  background-color: #fff;
  color: #000;
  font-size: 16px;
}
.is-legacy table.sales_analysis_table table thead th a {
  color: #315A9C;
}
.is-legacy table.sales_analysis_table table table thead th {
  background-color: #ccc;
  font-size: 13px;
}
.is-legacy table.sales_analysis_table table thead th a {
  font-size: 13px;
}
.is-legacy table.sales_analysis_table table tfoot th,
.is-legacy table.sales_analysis_table table tfoot td {
  padding: 4px;
}
.is-legacy table.sales_analysis_table table table tfoot th,
.is-legacy table.sales_analysis_table table table tfoot td {
  padding: 3px;
}
.is-legacy table.sales_analysis_table table table table body tr.bg-odd th,
.is-legacy table.sales_analysis_table table table table tbody tr.bg-odd td {
  background-color: #e1e6eb;
}
.is-legacy table.sales_analysis_table table table table body tr.bg-even th,
.is-legacy table.sales_analysis_table table table table tbody tr.bg-even td {
  background-color: #C8D6E4;
}
.is-legacy table.sales_analysis_table table.rowhover_table tbody tr:hover th,
.is-legacy table.sales_analysis_table table.rowhover_table tbody tr:hover td,
.is-legacy table.sales_analysis_table table.rowhover_table tbody tr.rowhover th,
.is-legacy table.sales_analysis_table table.rowhover_table tbody tr.rowhover td {
  background-color: #FFD700;
}
.is-legacy table.sales_analysis_table .region_name {
  color: #FF0000;
  font-size: 13px;
  font-weight: 600;
}
.is-legacy table.sales_analysis_table .sub_product {
  font-size: 13px;
}
.is-legacy table.sales_analysis_table .sub_total td {
  background: #CEDEE7;
}
.is-legacy table.sales_analysis_table .total {
  padding-right: 28px;
}
.is-legacy table.sales_analysis_table .billing_name {
  font-size: 16px;
}
.is-legacy table.sales_analysis_table .client_name {
  font-size: 14px;
}
.is-legacy table.sales_analysis_table .class_name {
  font-size: 16px;
  padding-left: 23px;
}
.is-legacy table.order_methods_table {
  border-color: #ccc;
}
.is-legacy table.order_methods_table th,
.is-legacy table.order_methods_table td {
  border-color: #ccc;
}
.is-legacy table.order_methods_table thead th {
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.order_methods_table thead td {
  background-color: #5683C6;
  padding: 3px;
}
.is-legacy table.order_methods_table tbody th,
.is-legacy table.order_methods_table tbody td {
  background-color: #fff;
  padding: 2px;
  font-size: 10px;
}
.is-legacy table.order_methods_table tfoot th,
.is-legacy table.order_methods_table tfoot td {
  background-color: #ccc;
  padding: 3px;
  font-size: 10px;
}
.is-legacy table.code_table {
  border-color: #ccc;
}
.is-legacy table.code_table th,
.is-legacy table.code_table td {
  border-color: #ccc;
}
.is-legacy table.code_table thead th {
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.code_table thead td {
  background-color: #fff;
  padding: 3px;
}
.is-legacy table.code_table tbody th,
.is-legacy table.code_table tbody td,
.is-legacy table.code_table tfoot th,
.is-legacy table.code_table tfoot td {
  background-color: #fff;
  padding: 3px;
  font-size: 10px;
}
.is-legacy table.code_table tfoot th,
.is-legacy table.code_table tfoot td {
  border-left-width: 0 !important;
  border-bottom-width: 0 !important;
  border-right-width: 0 !important;
}
.is-legacy table.code_sub_table {
  border-width: 0 !important;
}
.is-legacy table.code_sub_table th,
.is-legacy table.code_sub_table td {
  border-width: 0 !important;
}
.is-legacy table.code_sub_table thead th {
  background-color: #eee;
  color: #000;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.code_sub_table thead td {
  background-color: #fff;
  padding: 3px;
}
.is-legacy table.code_sub_table tbody th,
.is-legacy table.code_sub_table tbody td {
  background-color: #fff;
  padding: 3px;
  font-size: 10px;
}
.is-legacy table.code_sub_table tbody th {
  background: #eee;
}
.is-legacy table.code_table .order_id td {
  background: #FFFF00;
}
.is-legacy table.code_sub_table .step_highlight td {
  background-color: #CEDEE7;
}
.is-legacy table.code_sub_table ul {
  list-style: circle;
  margin: 0.5em 0 0.75em 3em;
  padding-left: 0;
}
.is-legacy table.code_sub_table ol {
  margin: 0.5em 0 0.75em 3.5em;
  *margin-left: 4em;
  padding-left: 0;
}
.is-legacy table.code_sub_table ul li,
.is-legacy table.code_sub_table ol li {
  padding: 0.15em 0;
}
.is-legacy table.edit_code_table table.code_sub_table ul {
  list-style: none;
  margin-left: 1.5em;
  padding-left: 0;
}
.is-legacy table.user_metrics_table {
  border-color: #fff;
}
.is-legacy table.user_metrics_table th,
.is-legacy table.user_metrics_key_table td {
  border-color: #fff;
  padding: 3px;
}
.is-legacy table.user_metrics_table thead th {
  color: #000;
  font-size: 13px;
  font-weight: 600;
  padding: 0.5em 3px;
}
.is-legacy table.user_metrics_table thead td {
  border-bottom: 1px solid #edeef0;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  padding: 0.5em 3px;
}
.is-legacy table.user_metrics_table thead td.result {
  background-color: #DFE1E4;
  border: 1px solid #ccc;
  text-align: center;
}
.is-legacy table.user_metrics_table tbody th,
.is-legacy table.user_metrics_table tbody td {
  border-bottom: 1px solid #edeef0;
  border-left: 1px solid #edeef0;
  border-right: 1px solid #edeef0;
  padding: 0.5em 3px;
}
.is-legacy table.user_metrics_table tfoot th,
.is-legacy table.user_metrics_table tfoot td {
  background-color: #CEDEE7;
}
.is-legacy table.user_metrics_key_table {
  border-color: #666;
}
.is-legacy table.user_metrics_key_table th,
.is-legacy table.user_metrics_key_table td {
  border-color: #666;
  padding: 3px;
}
.is-legacy table.user_metrics_key_table thead th {
  background-color: #A9A9A9;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.is-legacy table.user_metrics_key_table tfoot th,
.is-legacy table.user_metrics_key_table tfoot td {
  background-color: #CEDEE7;
}
.is-legacy table.order_table {
  border-color: #ADADAD;
}
.is-legacy table.order_table th,
.is-legacy table.order_table td {
  border-color: #ADADAD;
  padding: 0;
}
.is-legacy table.order_table tfoot th,
.is-legacy table.order_table tfoot td {
  background: #eee;
  padding: 3px;
}
.is-legacy table.order_table table {
  border-color: #fff;
}
.is-legacy table.order_table table th,
.is-legacy table.order_table table td {
  border-color: #fff;
  border-width: 0;
  padding: 0;
}
.is-legacy table.order_table table thead th {
  background-color: #ccc;
  color: #000;
  padding: 3px;
}
.is-legacy table.order_table table thead th img,
.is-legacy table.client_table table thead td img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.is-legacy table.order_table table thead td {
  padding: 3px;
}
.is-legacy table.order_table table tbody th,
.is-legacy table.order_table table tbody td {
  padding: 3px;
}
.is-legacy table.order_table table tfoot th,
.is-legacy table.order_table table tfoot td {
  padding: 3px;
}
.is-legacy table.order_table table.order_info_table thead th,
.is-legacy table.order_table table.billing_info_table thead th {
  background-color: #f2f2f2;
  height: 20px;
  line-height: 2;
}
.is-legacy table.order_table table.order_info_table thead td,
.is-legacy table.order_table table.billing_info_table thead td {
  height: 35px;
}
.is-legacy table.order_table table.order_info_table thead table th,
.is-legacy table.order_table table.billing_info_table table thead th,
.is-legacy table.order_table table.order_info_table thead table td,
.is-legacy table.order_table table.billing_info_table table thead td {
  height: auto;
}
.is-legacy table.order_table table.order_info_table tfoot th,
.is-legacy table.order_table table.billing_info_table tfoot th,
.is-legacy table.order_table table.order_info_table tfoot td,
.is-legacy table.order_table table.billing_info_table tfoot td {
  background: #FFA500;
  font-size: 10px;
  color: #000;
}
.is-legacy ul.current-creditcard {
  list-style: none;
}
.is-legacy ul.current-creditcard li {
  font-style: italic;
}
.is-legacy table.client_table {
  border-color: #ADADAD;
}
.is-legacy table.client_table th,
.is-legacy table.client_table td {
  border-color: #ADADAD;
  padding: 0;
}
.is-legacy table.client_table table {
  border-color: #fff;
}
.is-legacy table.client_table table th,
.is-legacy table.client_table table td {
  border-color: #fff;
  border-width: 0;
  padding: 0;
}
.is-legacy table.client_table table thead th {
  background-color: #ccc;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  padding: 3px;
}
.is-legacy table.client_table table thead th img,
.is-legacy table.client_table table thead td img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.is-legacy table.client_table table thead td {
  background-color: #fff;
  padding: 3px;
}
.is-legacy table.client_table table tbody th,
.is-legacy table.client_table table tbody td {
  background: #fff;
  padding: 3px;
}
.is-legacy table.client_table table tfoot th,
.is-legacy table.client_table table tfoot td {
  background: #fff;
  padding: 3px;
}
.is-legacy table.client_table table.client_account_table thead th {
  background-color: #DECE8C;
  height: 5rem;
  line-height: 2;
}
.is-legacy table.client_table table.client_account_table thead th > img {
  padding-bottom: 5px;
}
.is-legacy table.client_table table.client_account_table thead td {
  background-color: #FAFAD2;
  height: 35px;
}
.is-legacy table.client_table table.billing_account_table thead th {
  background-color: #C0C0C0;
  height: 5rem;
  line-height: 2;
}
.is-legacy table.client_table table.billing_account_table thead th > img {
  padding-bottom: 4px;
}
.is-legacy table.client_table table.billing_account_table thead td {
  background-color: #D7E1E7;
  height: 35px;
}
.is-legacy table.client_table table.client_account_table thead table th,
.is-legacy table.client_table table.billing_account_table table thead th,
.is-legacy table.client_table table.client_account_table thead table td,
.is-legacy table.client_table table.billing_account_table table thead td {
  height: auto;
}
.is-legacy table.client_table table.client_account_table tfoot th,
.is-legacy table.client_table table.billing_account_table tfoot th,
.is-legacy table.client_table table.client_account_table tfoot td,
.is-legacy table.client_table table.billing_account_table tfoot td {
  background-color: #FFA500;
  font-size: 10px;
}
.is-legacy table.client_table table.client_list_table thead th {
  background-color: #6B8ACE;
  font-size: 10px;
}
.is-legacy table.member_edit_table {
  border-color: #ADADAD;
}
.is-legacy table.member_edit_table th,
.is-legacy table.member_edit_table td,
.is-legacy table.edit_table table.member_edit_table th,
.is-legacy table.edit_table table.member_edit_table td {
  border-color: #ADADAD;
  background: #FAFAD2;
  padding: 3px;
}
.is-legacy table.member_edit_table thead th,
.is-legacy table.edit_table table.member_edit_table thead th {
  background-color: #DECE8C;
  padding: 3px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.is-legacy table.member_edit_table thead th img {
  vertical-align: middle;
  padding: 0 0 5px 0;
  margin: 0;
}
.is-legacy table.member_edit_table tbody td select,
.is-legacy table.member_edit_table tbody td input:not([type=checkbox]):not([type=radio]),
.is-legacy table.member_edit_table tbody td textarea {
  margin-top: 3px;
}
.is-legacy table.billing_edit_table {
  border-color: #ADADAD;
}
.is-legacy table.billing_edit_table th,
.is-legacy table.billing_edit_table td,
.is-legacy table.edit_table table.billing_edit_table th,
.is-legacy table.edit_table table.billing_edit_table td {
  border-color: #ADADAD;
  background: #F5F5F5;
  padding: 3px;
}
.is-legacy table.billing_edit_table thead th,
.is-legacy table.edit_table table.billing_edit_table thead th {
  background-color: #C0C0C0;
  padding: 3px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.is-legacy table.billing_edit_table thead th img {
  vertical-align: middle;
  padding: 0 0 5px 0;
  margin: 0;
}
.is-legacy table.billing_edit_table tbody td select,
.is-legacy table.billing_edit_table tbody td input:not([type=checkbox]):not([type=radio]),
.is-legacy table.billing_edit_table tbody td textarea {
  margin-top: 3px;
}
.is-legacy table.billing_edit_table div {
  padding: 3px;
}
.is-legacy table.billing_edit_table tr.bg-odd th,
.is-legacy table.billing_edit_table tr.bg-odd td,
.is-legacy table.billing_edit_table tbody th.bg-odd,
.is-legacy table.billing_edit_table tbody td.bg-odd {
  background: #DCDCDC;
}
.is-legacy table.billing_edit_table tr.bg-even th,
.is-legacy table.billing_edit_table tr.bg-even td,
.is-legacy table.billing_edit_table tbody th.bg-even,
.is-legacy table.billing_edit_table tbody td.bg-even {
  background: #C0C0C0;
}
.is-legacy table.billing_edit_table table {
  border-color: #ccc;
  padding: 3px;
}
.is-legacy table.billing_edit_table table thead th,
.is-legacy table.billing_edit_table table thead td {
  background-color: #C0C0C0;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  padding: 2px;
}
.is-legacy table.billing_edit_table table tbody th,
.is-legacy table.billing_edit_table table tbody td {
  border-color: #CCCCCC;
  padding: 2px;
}
.is-legacy table.billing_edit_table table tr.bg-odd th,
.is-legacy table.billing_edit_table table tr.bg-odd td,
.is-legacy table.billing_edit_table table tbody th.bg-odd,
.is-legacy table.billing_edit_table table tbody td.bg-odd {
  background: #F5F5F5;
}
.is-legacy table.billing_edit_table table tr.bg-even th,
.is-legacy table.billing_edit_table table tr.bg-even td,
.is-legacy table.billing_edit_table table tbody th.bg-even,
.is-legacy table.billing_edit_table table tbody td.bg-even {
  background: #DCDCDC;
}
.is-legacy table.payment_date_table {
  border-color: #ccc;
}
.is-legacy table.payment_date_table th,
.is-legacy table.payment_date_table td {
  border-color: #ccc;
}
.is-legacy table.payment_date_table tbody th,
.is-legacy table.payment_date_table tbody td {
  background-color: #fff;
  padding: 2px 3px;
}
.is-legacy table.payment_date_table tfoot th,
.is-legacy table.payment_date_table tfoot td {
  background-color: #ccc;
  padding: 3px;
  font-size: 12px;
  font-weight: 600;
}
.is-legacy table.report_total_table th,
.is-legacy table.report_total_table td {
  font-size: 12px;
  font-weight: 600;
  padding: 3px;
  text-align: right;
}
.is-legacy table.paging_table tbody th,
.is-legacy table.paging_table tbody td {
  padding: 10px 5px;
}
.is-legacy table.notes_table tbody th,
.is-legacy table.notes_table tbody td {
  padding: 5px 3px !important;
}
.is-legacy table.plain_table thead th {
  color: #000;
  font-size: 10px;
}
.is-legacy table.nested_table tr.bg-odd th,
.is-legacy table.nested_table tr.bg-odd td {
  background-color: #fff;
}
.is-legacy table.nested_table tr.bg-even th,
.is-legacy table.nested_table tr.bg-even td {
  background-color: #eee;
}
.is-legacy table tr.alternateRow th,
.is-legacy table tr.alternateRow td,
.is-legacy table tbody th.alternateRow,
.is-legacy table tbody td.alternateRow {
  background-color: #eee;
}
.is-legacy table td.sortedColumn,
.is-legacy table tbody td.sortedColumn {
  background-color: #f0f0f0;
}
.is-legacy table th.sortedColumn,
.is-legacy table thead th.sortedColumn {
  background-color: #eaf7f7;
}
.is-legacy table tr.alternateRow td.sortedColumn,
.is-legacy table tbody tr.alternateRow td.sortedColumn {
  background: #d0d0d0;
}
.is-legacy table.transparent_table tbody tr th,
.is-legacy table.transparent_table tbody tr td {
  background-color: transparent !important;
}
.is-legacy table.rowhover_table tbody tr:hover th,
.is-legacy table.rowhover_table tbody tr:hover td,
.is-legacy table.rowhover_table tbody tr.rowhover th,
.is-legacy table.rowhover_table tbody tr.rowhover td {
  background-color: #CEDEE7;
}
.is-legacy table.navigator_table {
  border: none;
  background-color: #eeeeee;
  padding: 0;
  margin: 0;
}
.is-legacy table.navigator_table thead tr th {
  background-color: #FFD700;
  border-bottom: 1px solid #adadad;
  color: #000;
  vertical-align: baseline;
}
.is-legacy table.navigator_table tbody tr td {
  background-color: #EEEEEE;
}
.is-legacy table.delivery_status_table {
  border-color: #ffffff;
  margin: 7px;
}
.is-legacy table.delivery_status_table tbody tr th,
.is-legacy table.delivery_status_table tbody tr td {
  border-color: #ffffff;
  border-width: 0;
  padding: 0;
}
.is-legacy table.delivery_status_table tbody tr th {
  background-color: #ffffff;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding-left: 13px;
}
.is-legacy table.delivery_status_table tbody tr th img,
.is-legacy table.delivery_status_table tbody tr td img {
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.is-legacy table.delivery_status_table tbody tr td {
  background-color: #ffffff;
  padding: 1px 4px;
  margin: 0;
}
.is-legacy table.timeline_details_table {
  background-color: #ffffff;
  border-color: #ffffff;
  margin: 7px;
}
.is-legacy table.timeline_details_table tbody tr th,
.is-legacy table.timeline_details_table tbody tr td {
  border-color: #ffffff;
  border-width: 0;
}
.is-legacy table.timeline_details_table tbody tr th {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
}
.is-legacy table.timeline_details_table tbody tr td {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  padding: 1px 0px;
}
.is-legacy table.timeline_details_table tbody tr td.successful_status span {
  color: #fff;
  padding: 1px 10px;
  border-radius: 1rem;
  background-color: #4cabaa;
}
.is-legacy table.timeline_details_table tbody tr td.failure_status span {
  color: #fff;
  padding: 1px 10px;
  border-radius: 1rem;
  background-color: #b02318;
}
.is-legacy table.timeline_details_table tbody tr td.successful_status span img {
  vertical-align: middle;
  padding: 0;
  margin: 0 4px 2px 0;
  width: 10px;
  height: 10px;
}
.is-legacy table.timeline_details_table tbody tr td.failure_status span img {
  vertical-align: middle;
  padding: 0;
  margin: 0 4px 3px 0;
  width: 8px;
  height: 8px;
}
.is-legacy form.edit_combo .row {
  float: left;
  clear: left;
  width: 995px;
  margin-bottom: 10px;
}
.is-legacy form.edit_combo .heading {
  background: #003399;
  color: #fff;
  font-weight: 600;
}
.is-legacy form.edit_combo .columnone,
.is-legacy form.edit_combo .columntwo,
.is-legacy form.edit_combo .columnthree {
  float: left;
  padding: 2px;
}
.is-legacy form.edit_combo .columnone {
  width: 200px;
}
.is-legacy form.edit_combo .columntwo {
  width: 700px;
}
.is-legacy form.edit_combo .columnthree {
  width: 80px;
}
.is-legacy form.edit_combo .selectbox {
  float: left;
  width: 230px;
  margin-bottom: 5px;
}
.is-legacy form.edit_combo label {
  float: left;
  width: 230px;
  display: block;
  padding: 0px;
  margin: 0px;
}
.is-legacy form.edit_combo label.name,
.is-legacy form.edit_combo label.qty,
.is-legacy form.edit_combo label.actions {
  display: inline-block;
}
.is-legacy form.edit_combo label.name {
  width: 130px;
  margin-left: 5px;
}
.is-legacy form.edit_combo label.qty {
  width: 40px;
  margin-left: 5px;
}
.is-legacy form.edit_combo label.actions {
  width: 60px;
}
.is-legacy form.edit_combo label.note input {
  float: left;
}
.is-legacy form.edit_combo label.note span {
  float: left;
  margin: 3px 5px 0 0;
}
.is-legacy form.edit_combo input[type=text],
.is-legacy form.edit_combo select {
  float: left;
  margin-bottom: 5px;
}
.is-legacy form.edit_combo input.name,
.is-legacy form.edit_combo input.qty {
  float: left;
}
.is-legacy form.edit_combo input.name {
  width: 130px;
  margin-left: 5px;
}
.is-legacy form.edit_combo input.qty {
  width: 40px;
  margin-left: 5px;
}
.is-legacy form.edit_combo .hidden {
  display: none;
}
.is-legacy form.edit_combo .condiments {
  display: inline-block;
  margin: 0 0 -11px 2px;
  vertical-align: top;
  cursor: pointer;
}
.is-legacy form.edit_combo .actionimg {
  cursor: pointer;
}
.is-legacy form.edit_combo .fl {
  float: left;
}
.is-legacy form.edit_combo .clearleft {
  clear: left;
}
.is-legacy form.edit_combo .pinkbg {
  background: pink;
}
.is-legacy form.edit_combo .hideElement {
  display: none;
}
.is-legacy form.edit_combo p.error {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #D8000C;
  background-color: #FFBABA;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  clear: both;
}
.is-legacy form.edit_combo .componentSelect {
  border: 1px groove;
}
.is-legacy ul.order-detail-navigation {
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
  width: 648px;
  margin: 5px 0;
  padding: 4px 4px;
  padding: 0.3333333333rem 0.3333333333rem;
  list-style: none;
}
.is-legacy ul.order-detail-navigation li {
  display: inline-block;
  margin: 4px 0;
  margin: 0.3333333333rem 0;
  padding: 0;
  border-right: 1px dashed #CCCCCC;
  vertical-align: bottom;
}
.is-legacy ul.order-detail-navigation li:last-child {
  border-right: none;
}
.is-legacy ul.order-detail-navigation li img {
  padding: 0;
  margin: -1px 0 0 0;
  vertical-align: middle;
}
.is-legacy ul.order-detail-navigation a {
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  padding: 4px 8px;
  padding: 0.3333333333rem 0.6666666667rem;
}
.is-legacy strong.order-detail-type {
  font-size: 14px;
  background-color: #ffff00;
}
.is-legacy p.order-detail-minimum {
  width: 650px;
  text-align: center;
  margin: 7px 0;
  padding: 0;
  font-size: 12px;
  color: #cc0000;
}
.is-legacy div.order-detail-action {
  width: 650px;
  text-align: center;
  margin: 5px 0;
  padding: 0;
}
.is-legacy .order-detail-add-code {
  height: 24px;
  padding: 2px 0;
  text-align: right;
}
.is-legacy .order-detail-datetime_grid, .is-legacy .order-detail-datetime,
.is-legacy .packslip-detail-datetime {
  display: grid;
  grid-template-columns: 37% 31.5% 31.5%;
}
.is-legacy .order-detail-company,
.is-legacy .order-detail-datetime,
.is-legacy .packslip-detail-company,
.is-legacy .packslip-detail-datetime {
  background: #000;
  border-bottom: 1px solid #fff;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
}
.is-legacy .order-detail-company,
.is-legacy .order-detail-datetime {
  width: 650px;
}
.is-legacy .packslip-detail-company,
.is-legacy .packslip-detail-datetime {
  width: 675px;
}
.is-legacy .order-detail-company,
.is-legacy .packslip-detail-company {
  font-size: 22px;
  font-weight: 600;
  padding: 4px 0px;
}
.is-legacy .order-detail-datetime,
.is-legacy .packslip-detail-datetime {
  font-size: 15px;
  padding: 10px 0px;
}
.is-legacy .order-detail-info {
  width: 215px;
  border: 1px solid #000;
  margin: 1px;
  padding: 1px;
}
.is-legacy .packslip-detail-info {
  width: 215px;
  border: 1px solid #000;
  margin: 1px;
  padding: 1px;
}
.is-legacy .gateway-iframe {
  width: 98%;
  height: 1000px;
  border: none;
  overflow-x: hidden;
}
.is-legacy .pos-form-list {
  width: 540px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.is-legacy .pos-form-list li {
  clear: both;
  display: block;
  padding: 5px 0;
  margin: 0;
}
.is-legacy .pos-form-list li label {
  width: 164px;
  _width: 185px;
  /*IE Quirks mode hack*/
  float: left;
  display: block;
  text-align: right;
  font-weight: 600;
  padding: 5px 5px 5px 3px;
}
.is-legacy .pos-form-list li input {
  width: 160px;
  float: left;
  display: block;
  margin-right: 5px;
}
.is-legacy .pos-form-list li .form-note {
  width: 180px;
  float: left;
  display: block;
  padding: 5px 0;
}
.is-legacy .gateway-form-list {
  width: 475px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.is-legacy .gateway-form-list li {
  float: left;
  display: block;
  padding: 5px 0;
  margin: 0;
}
.is-legacy .gateway-form-list li.gateway-search {
  margin: 2.25em 5px 5px 5px;
  padding: 5px;
}
.is-legacy .gateway-form-list li label {
  clear: both;
  display: block;
  font-weight: 600;
  padding: 5px 10px 5px 5px;
}
.is-legacy .gateway-form-list li input {
  width: 160px;
  display: block;
  margin: 0 10px 0 5px;
}
.is-legacy .data-list {
  width: 530px;
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
.is-legacy .data-list li {
  clear: left;
  display: block;
  padding: 3px;
  margin: 0;
}
.is-legacy .data-list li.odd {
  background: #EEEEEE;
}
.is-legacy .data-list li.highlighted {
  background: orange;
}
.is-legacy .data-list li:hover {
  background: #CEDEE7;
}
.is-legacy .data-list li.sub-header {
  background: #AAAAAA;
  color: #FFFFFF;
  font-size: 11px;
  border-bottom: 1px solid white;
}
.is-legacy .data-list li.sub-header a {
  color: #FFFFFF;
}
.is-legacy .data-list li.sub-header img {
  vertical-align: top;
}
.is-legacy .data-list li div {
  float: left;
}
.is-legacy .data-list .head {
  background: #f2f2f2 !important;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #222222;
}
.is-legacy .data-list .head .action {
  text-align: right !important;
}
.is-legacy .data-list .name {
  width: 215px;
}
.is-legacy .data-list .uname {
  width: 115px;
}
.is-legacy .data-list .stores {
  width: 115px;
  text-align: center;
}
.is-legacy .data-list .action {
  width: 75px;
  text-align: right;
}
.is-legacy .data-list .mid-content {
  width: 305px;
}
.is-legacy .data-list .toggle-mid {
  display: none;
}
.is-legacy .data-list .toggle-mid .name {
  margin-right: 5px;
  width: 210px;
}
.is-legacy .data-list .w-29 {
  width: 29%;
}
.is-legacy .data-list .w-70 {
  width: 70%;
}
.is-legacy .data-list .clr {
  float: none;
  clear: left;
}
.is-legacy .data-list .foot {
  background: none repeat scroll 0 0 #CCCCCC;
  font-weight: 600;
}
.is-legacy .data-list .coupon-radio {
  text-align: left;
  width: 20px;
  padding-top: 2px;
}
.is-legacy .data-list .coupon-code {
  text-align: left;
  width: 180px;
  padding-top: 2px;
}
.is-legacy .data-list .coupon-name {
  text-align: left;
  width: 180px;
  padding-top: 2px;
}
.is-legacy .data-list .coupon-type {
  text-align: left;
  width: 180px;
  padding-top: 2px;
}
.is-legacy .data-list .coupon-discount-percentage {
  text-align: center;
  width: 110px;
  padding-top: 2px;
}
.is-legacy .data-list .min-order {
  text-align: center;
  width: 150px;
  padding-top: 2px;
}
.is-legacy .data-list .coupon-pos {
  text-align: left;
  width: 150px;
  padding-top: 2px;
}
.is-legacy .coupon-table {
  width: 100%;
}
.is-legacy .dropdown-highlight {
  background-color: #C8D6E4;
}
.is-legacy .content-nav-group {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.is-legacy .content-nav-group ul ul {
  display: none;
}
.is-legacy .content-nav-group ul li:hover > ul {
  display: block;
}
.is-legacy .content-nav-group ul {
  position: relative;
  display: block;
  background: #efefef;
  margin: 0;
  padding: 0;
  list-style: none;
}
.is-legacy .content-nav-group ul:after {
  content: "";
  clear: both;
  display: block;
}
.is-legacy .content-nav-group ul li {
  position: relative;
  float: left;
  border-left: 1px solid #fbfbfb;
  margin: 0;
  padding: 0;
}
.is-legacy .content-nav-group > ul > li {
  border-left: 1px solid #fbfbfb;
  border-right: 1px solid #e3e3e3;
}
.is-legacy .content-nav-group > ul > li:first-child {
  border-left-width: 0px;
}
.is-legacy .content-nav-group ul li:hover {
  background: #e3e3e3;
}
.is-legacy .content-nav-group > ul > li:hover {
  border-right: 1px solid #d7d7d7;
}
.is-legacy .content-nav-group ul li:hover a {
  color: #000;
}
.is-legacy .content-nav-group ul li a {
  display: block;
  padding: 0.75em 1.5em;
  color: #757575;
  text-decoration: none;
  white-space: nowrap;
  font-size: 12px;
}
.is-legacy .content-nav-group ul ul {
  position: absolute;
  background: #e3e3e3;
  padding: 0;
  margin-left: -1px;
  top: 100%;
  z-index: 100000;
}
.is-legacy .content-nav-group ul ul li {
  position: relative;
  float: none;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #efefef;
}
.is-legacy .content-nav-group ul ul li a {
  padding: 0.5em 1.5em;
  color: #757575;
  font-weight: 400;
}
.is-legacy .content-nav-group ul ul li a:hover {
  background: #cacaca;
  color: #000;
}
.is-legacy .content-nav-group ul ul ul {
  position: absolute;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  top: 0;
}
.is-legacy .content-nav-group .content-nav-group__dropdown-edge {
  right: 100%;
  left: auto;
}
.is-legacy .div-button {
  min-width: 150px;
  float: left;
  width: 100%;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
  clear: both;
}
.is-legacy #order_guides {
  margin: 0;
  padding: 0;
}
.is-legacy #order_guides ul.tree,
.is-legacy #order_guides ul.tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.is-legacy #order_guides ul.tree ul {
  margin-left: 10px;
  position: relative;
}
.is-legacy #order_guides ul.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px dotted;
}
.is-legacy #order_guides ul.tree li {
  margin: 0;
  padding: 0 0 0 14px;
  line-height: 22px;
  position: relative;
  list-style: none;
  clear: both;
}
.is-legacy #order_guides ul.tree ul li:before {
  content: "";
  display: block;
  width: 12px;
  height: 80;
  border-top: 1px dotted;
  position: absolute;
  top: 10px;
  left: 0;
}
.is-legacy #order_guides ul.tree ul li.last_child:before {
  background: #FFF;
  height: auto;
  top: 11px;
  bottom: 0;
}
.is-legacy #order_guides div.clear {
  clear: right !important;
  height: 0px !important;
  line-height: 0px !important;
  overflow: hidden !important;
  font-size: 0px !important;
}
.is-legacy #order_guides div.first-level {
  height: 22px;
  position: relative;
  margin-top: 6px;
}
.is-legacy #order_guides div.first-level img {
  position: absolute;
  left: 3px;
  top: 3px;
}
.is-legacy #order_guides div.first-level span {
  position: absolute;
  top: 1px;
  left: 22px;
}
.is-legacy #order_guides div.second-level {
  background-color: #EEE;
}
.is-legacy #order_guides div.third-level {
  background-color: #EEDDEE;
}
.is-legacy #order_guides div.fourth-level {
  background-color: #EEE;
}
.is-legacy #order_guides div.third-level,
.is-legacy #order_guides div.fourth-level {
  border-bottom: 3px solid #FFF;
}
.is-legacy #order_guides div.icon-holder {
  float: left;
  position: relative;
  width: 22px;
  height: 26px;
  background-color: #FFF;
}
.is-legacy #order_guides div.icon-holder img {
  top: 20%;
  position: absolute;
}
.is-legacy #order_guides div.collapsible,
.is-legacy #order_guides div.linkable {
  float: left;
  margin-left: -18px;
  top: 6px;
  cursor: pointer;
  position: relative;
}
.is-legacy #order_guides div.alt-row {
  background-color: #FFF;
}
.is-legacy #order_guides .row_over {
  background-color: #DDD !important;
}
.is-legacy #order_guides span.row-label {
  padding-left: 3px;
}
.is-legacy #order_guides img.node-collapse {
  vertical-align: top;
}
.is-legacy #order_guides li.title:before {
  border-top: none !important;
}
.is-legacy #order_guides li.title {
  font-weight: 600;
  padding-top: 8px !important;
  padding-left: 38px !important;
}
.is-legacy #order_guides input {
  height: 1.85rem;
  text-align: right;
}
.is-legacy #order_guides .last-level .icon-holder {
  padding-left: 38px !important;
  background-position: 16px 2px;
  background-repeat: no-repeat;
}
.is-legacy #order_guides ul.last-level,
.is-legacy #order_guides ul.second-last-level {
  display: none;
}
.is-legacy #order_guides .last-level li,
.is-legacy #order_guides .second-last-level li {
  padding-right: 64px !important;
}
.is-legacy #order_guides .condiment {
  background: url(../../_private/images/condiment_1.gif);
}
.is-legacy #order_guides .production_modifier {
  background: url(../../_private/images/production-item-map.png);
}
.is-legacy #order_guides .combo-option {
  background: url(images/combo-option.gif);
}
.is-legacy #order_guides li.combo-group.last_child,
.is-legacy #order_guides li.condiment.last_child {
  padding-bottom: 24px !important;
}
.is-legacy #order_guides .header-row {
  border-top: 1px solid #ADADAD;
}
.is-legacy #order_guides div.identifier {
  float: right;
  width: 65px;
}
.is-legacy #order_guides div.identifier div.column-label {
  text-align: left;
}
.is-legacy #order_guides div.weekday {
  float: right;
  width: 23px;
}
.is-legacy #order_guides div.weekday div.column-label {
  text-align: left;
}
.is-legacy #order_guides div.base {
  float: right;
  width: 85px;
}
.is-legacy #order_guides div.discount {
  float: right;
  width: 60px;
}
.is-legacy #order_guides div.current {
  float: right;
  width: 60px;
}
.is-legacy #order_guides div.taxable {
  float: right;
  width: 215px;
}
.is-legacy #order_guides div.taxable div.column-label {
  text-align: left;
}
.is-legacy #order_guides div.taxable div.column-data {
  text-align: left;
}
.is-legacy #order_guides div.default-taxable {
  float: right;
  width: 90px;
}
.is-legacy #order_guides div.default-taxable div.column-label {
  text-align: left;
}
.is-legacy #order_guides div.default-taxable div.column-data {
  text-align: center;
}
.is-legacy #order_guides div.price {
  float: right;
  width: 85px;
}
.is-legacy #order_guides div.price div.column-label {
  padding-right: 25px;
}
.is-legacy #order_guides div.upcharge {
  float: right;
  width: 90px;
}
.is-legacy #order_guides div.upcharge div.column-label {
  padding-right: 25px;
}
.is-legacy #order_guides div.column-label {
  font-weight: 600;
  text-align: right;
  padding: 1px 5px;
}
.is-legacy #order_guides div.column-data {
  text-align: right;
  padding: 1px 5px;
}
.is-legacy #order_guides div#submit_form {
  float: right;
  margin-top: 20px;
}
.is-legacy #groupBatch .batchTitle {
  font-size: 14px;
  font-weight: 600;
  width: 510px;
  border-bottom: 1px solid #CCC;
  margin-top: 8px;
  margin-bottom: 2px;
  float: left;
}
.is-legacy #groupBatch .batchTitle.batchTitleDollar {
  width: 80px;
  text-align: right;
}
.is-legacy #groupBatch .cardTitle {
  font-weight: 600;
  width: 350px;
  border-bottom: 1px solid #CCC;
  margin-top: 2px;
  float: left;
}
.is-legacy #groupBatch .cardTitle.cardTitleDollar {
  width: 60px;
  text-align: right;
}
.is-legacy #groupBatch .firstIndent {
  margin-left: 15px;
}
.is-legacy #groupBatch .secondIndent {
  margin-left: 12px;
}
.is-legacy #groupBatch .collapsible {
  cursor: pointer;
}
.is-legacy #groupBatch .collapsible:hover {
  background-color: #CEDEE7;
}
.is-legacy .store_sales_graph {
  position: relative;
  width: 565px;
  height: 300px;
  margin: 0 auto;
}
.is-legacy .store_sales_report {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  padding: 0;
}
.is-legacy .store_sales_report ul {
  display: table-row;
  width: 100%;
  margin: 0;
  padding: 0;
}
.is-legacy .store_sales_report li {
  display: table-cell;
  width: auto;
  vertical-align: top;
  padding: 3px;
}
.is-legacy .store_sales_report h2 {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  padding: 0.5em;
  margin: 0 0 2em 0;
}
.is-legacy .by-order-details {
  border: 0 none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  padding: 0px;
  width: 600px;
  border: #cccccc 1px solid;
}
.is-legacy .by-order-details tr {
  border: #cccccc 1px solid;
}
.is-legacy .by-order-details td {
  border-right: #cccccc 1px solid;
  padding: 0 6px;
  font-size: 12px;
}
.is-legacy .by-order-details .bg-even {
  background: #eeeeee;
}
.is-legacy #colorbox.no-header #cboxTitle {
  display: none;
}
.is-legacy #colorbox.no-header #cboxClose {
  display: none;
}
.is-legacy #colorbox.no-header #cboxSlideshow {
  display: none;
}
.is-legacy #colorbox.no-header #cboxPrevious {
  display: none;
}
.is-legacy #colorbox.no-header #cboxNext {
  display: none;
}
.is-legacy #colorbox.no-header #cboxCurrent {
  display: none;
}
.is-legacy #colorbox.no-header #cboxLoadedContent {
  height: 540px !important;
}
.is-legacy .ui-datepicker-trigger {
  cursor: hand;
  cursor: pointer;
}
.is-legacy fieldset.group_participants {
  border-color: #DED7DE;
  padding: 5px;
}
.is-legacy fieldset.group_participants legend {
  color: #006666;
  font-weight: 600;
}
.is-legacy form label.required-star::before {
  content: "* ";
  color: #c91120;
}
.is-legacy #body_container #customize,
.is-legacy #body_container #editBundle {
  width: 650px;
  border: 1px solid #ccc;
}
.is-legacy .validation-group li,
.is-legacy .opt li {
  list-style: none outside none;
}
.is-legacy .special-instruction-container {
  padding: 10px 0;
}
.is-legacy .special-instruction-container label {
  display: block !important;
}
.is-legacy .special-instruction-container textarea {
  display: block;
  width: 99% !important;
  height: 40px;
}
.is-legacy .sub-name-container {
  margin-bottom: 10px;
}
.is-legacy #customize_buttons {
  background: #fff;
  color: #fff;
  text-align: right;
}
.is-legacy .product-item {
  padding: 20px;
}
.is-legacy .product-calories {
  font-size: 1.3em;
  margin: 0 0 0.5em 0;
}
.is-legacy .component-calories {
  white-space: nowrap;
}
.is-legacy .component-calories i {
  font-style: normal;
}
.is-legacy .heading-bar {
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  background: #f2f2f2 !important;
  padding: 3px;
}
.is-legacy .item-qty {
  float: right;
}
.is-legacy ul.validation-group {
  margin-left: 0;
}
.is-legacy .configuration-group h5 {
  margin-bottom: 5px;
}
.is-legacy .alert {
  color: rgba(252, 114, 50, 0.6) !important;
}
.is-legacy .required,
.is-legacy .red {
  color: #CC0000 !important;
}
.is-legacy .important_notice, .is-legacy .c-admin-forgot-password__error {
  color: #CC0000 !important;
}
.is-legacy .error_message {
  color: #CC0000 !important;
}
.is-legacy .alert_message {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #FBE3E4;
  color: #800000;
  border-color: #FBC2C4;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
.is-legacy p.error {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #FBC2C4;
  background: #FBE3E4;
  color: #8a1f11;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
.is-legacy p.notice {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
}
.is-legacy p.notice.date-message {
  display: inline-block;
  margin: 0.5em 0;
  width: auto;
}
.is-legacy .color_key {
  border: 1px solid #848484;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.is-legacy .disabled {
  color: #CCCCCC;
}
.is-legacy a.disabled:hover {
  color: #CCCCCC;
  text-decoration: none;
  cursor: default;
}
.is-legacy input.disabled {
  background-color: #EEEEEE;
}
.is-legacy .flush_heading {
  margin-bottom: 0.15em;
}
.is-legacy .previous_page {
  display: block;
  max-width: 650px;
  margin: 0.5em 0;
  text-align: right;
}
.is-legacy .previous_page.fw {
  max-width: inherit;
}
.is-legacy .add_menu {
  margin: 3px;
  text-align: right;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
.is-legacy .print_time {
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: right;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
}
.is-legacy .add-new {
  position: absolute;
  top: 10px;
  width: 100%;
  text-align: right;
}
.is-legacy .bubble {
  background-color: #fff;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  color: #333333;
  width: 225px;
  border-radius: 3px;
  border: 1px solid #999999;
  margin: 2px auto 2px auto;
  padding: 2px 3px;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 10px;
  font-weight: 600;
}
.is-legacy #source_list {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.is-legacy #source_list li {
  display: inline;
  margin: 0;
  padding: 0;
}
.is-legacy #source_list li:after {
  content: ", ";
}
.is-legacy #source_list li:last-child:after {
  content: "";
}
.is-legacy .btn {
  background: #d3d3d3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8", endColorstr="#d6d6d6");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(0.49, #ebebeb), color-stop(0.5, #dedede), color-stop(1, #d1d1d1));
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 49%, #dedede 50%, #d1d1d1 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #ebebeb 49%, #dedede 50%, #d1d1d1 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #ebebeb 49%, #dedede 50%, #d1d1d1 100%);
  background-image: -ms-linear-gradient(top, #e8e8e8 0%, #d6d6d6 100%);
  /* standard linear-gradient should be last but we want IE like normal IE for now */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /* standard border-radius should have a curve for most browsers but we want IE like normal IE for now */
  border: 1px solid #707070;
  display: inline-block;
  padding: 3px 10px 3px 10px;
  color: #212121 !important;
  font-size: 11px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}
.is-legacy .btn.orange {
  background: #FF6300;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa166", endColorstr="#FF6300");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc199), color-stop(0.49, #ffa166), color-stop(0.5, #ff924d), color-stop(1, #FF6300));
  background-image: -moz-linear-gradient(top, #ffc199 0%, #ffa166 49%, #ff924d 50%, #FF6300 100%);
  background-image: -o-linear-gradient(top, #ffc199 0%, #ffa166 49%, #ff924d 50%, #FF6300 100%);
  background-image: linear-gradient(to bottom, #ffc199 0%, #ffa166 49%, #ff924d 50%, #FF6300 100%);
  background-image: -ms-linear-gradient(top, #ffa166 0%, #FF6300 100%);
  /* standard linear-gradient should be last but we want IE like normal IE for now */
  color: #fff !important;
  cursor: default !important;
}
.is-legacy .btn.deactivate {
  color: #CC0000 !important;
}
.is-legacy .btn:hover {
  border: solid #26a0da 1px;
  background: #a6f4fe;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6f4fe", endColorstr="#a6f4fe");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a6f4fe), color-stop(1, #a6f4fe));
  background-image: -moz-linear-gradient(top, #eff7fe 0%, #d9f0fc 49%, #c8e9fc 50%, #b0ddf6 100%);
  background-image: -o-linear-gradient(top, #eff7fe 0%, #d9f0fc 49%, #c8e9fc 50%, #b0ddf6 100%);
  background-image: linear-gradient(to bottom, #eff7fe 0%, #d9f0fc 49%, #c8e9fc 50%, #b0ddf6 100%);
  background-image: -ms-linear-gradient(top, #a6f4fe 0%, #a6f4fe 100%);
  /* standard linear-gradient should be last but we want IE like normal IE for now */
  color: #212121 !important;
  text-decoration: none;
}
.is-legacy .btn.disabled,
.is-legacy .btn.disabled:hover,
.is-legacy .btn[disabled],
.is-legacy .btn[disabled]:hover {
  background: #f5f5f5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ececec", endColorstr="#e5e5e5");
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(0.49, #ffa166), color-stop(0.5, #ff924d), color-stop(1, #e5e5e5));
  background-image: -moz-linear-gradient(top, #ececec 0%, #ffa166 49%, #ff924d 50%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #ececec 0%, #ffa166 49%, #ff924d 50%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #f1f1f1 0%, #f2f2f2 49%, #ececec 50%, #e5e5e5 100%);
  background-image: -ms-linear-gradient(top, #ececec 0%, #e5e5e5 100%);
  /* standard linear-gradient should be last but we want IE like normal IE for now */
  color: #707070 !important;
  border-color: #bababa;
  cursor: default !important;
  /* cursor: not-allowed!important; may be a better option */
}
.is-legacy .fauxlink,
.is-legacy .fauxlink:focus,
.is-legacy .fauxlink:active {
  /* Remove all decorations to look like normal text */
  background: none;
  border: none;
  display: inline;
  font: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  outline-offset: 0;
  /* Additional styles to look like a link */
  color: #315a9c;
  cursor: pointer;
  text-decoration: none;
  font-weight: 600;
}
.is-legacy .fauxlink::-moz-focus-inner {
  border: none;
  padding: 0;
}
.is-legacy .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.is-legacy .clearfix {
  display: inline-block;
}
.is-legacy html[xmlns] .clearfix {
  display: block;
}
.is-legacy * html .clearfix {
  height: 1%;
}
.is-legacy .clear {
  clear: both;
}
.is-legacy .hidden {
  display: none;
}
.is-legacy #loading {
  color: #fff;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}
.is-legacy #loading *,
.is-legacy #loading *:after,
.is-legacy #loading *:before {
  box-sizing: border-box;
}
.is-legacy #loading div {
  position: absolute;
  display: block;
  width: 100%;
  top: 40%;
  padding: 1em;
  text-align: center;
}
.is-legacy #loading div p {
  display: inline-block;
  width: auto;
  padding: 1em 2em;
  text-align: center;
}
.is-legacy #loading div p span {
  display: block;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin: 0;
  padding-bottom: 0.25em;
}
.is-legacy #loading div p i:not(:required) {
  -moz-animation: pulse-loader 2000ms 300ms infinite ease-out;
  -webkit-animation: pulse-loader 2000ms 300ms infinite ease-out;
  animation: pulse-loader 2000ms 300ms infinite ease-out;
  position: relative;
  display: inline-block;
  background: #666;
  width: 1.25em;
  height: 1.75em;
  margin: 0;
  padding: 0;
}
.is-legacy #loading div p i:not(:required):before,
.is-legacy #loading div p i:not(:required):after {
  background: #666;
  content: " ";
  position: absolute;
  display: inline-block;
  width: 1.25em;
  height: 1.75em;
  margin: 0;
  padding: 0;
  top: 0;
}
.is-legacy #loading div p i:not(:required):before {
  -moz-animation: pulse-loader 2000ms 150ms infinite ease-out;
  -webkit-animation: pulse-loader 2000ms 150ms infinite ease-out;
  animation: pulse-loader 2000ms 150ms infinite ease-out;
  left: -2em;
}
.is-legacy #loading div p i:not(:required):after {
  -moz-animation: pulse-loader 2000ms 450ms infinite ease-out;
  -webkit-animation: pulse-loader 2000ms 450ms infinite ease-out;
  animation: pulse-loader 2000ms 450ms infinite ease-out;
  right: -2em;
}
@-moz-keyframes pulse-loader {
  0% {
    background: #666;
  }
  10% {
    background: #eee;
  }
  40% {
    background: #fff;
  }
}
@-webkit-keyframes pulse-loader {
  0% {
    background: #666;
  }
  10% {
    background: #eee;
  }
  40% {
    background: #fff;
  }
}
@keyframes pulse-loader {
  0% {
    background: #666;
  }
  10% {
    background: #eee;
  }
  40% {
    background: #fff;
  }
}
.is-legacy #order_note_remaining_char_count {
  margin: 4px 0;
  margin: 0.3333333333rem 0;
  display: block;
}
.is-legacy #order_delivery_note_remaining_char_count {
  margin: 4px 0;
  margin: 0.3333333333rem 0;
  display: block;
}
@media (max-width: 767px) {
  .is-legacy body#admin.shownav section#body_container,
.is-legacy body#store.shownav section#body_container {
    box-sizing: content-box;
  }
}
@media print {
  .is-legacy {
    /* standard buffer for nav and content containers inside frames or without nav */
    /* faux full height column when using the new nav and content containers */
    /* new nav and content containers to replace frames */
  }
  .is-legacy body#admin section#nav_container,
.is-legacy body#store section#nav_container,
.is-legacy body#admin section#body_container,
.is-legacy body#store section#body_container {
    margin: 0;
    padding: 0;
  }
  .is-legacy body#admin.shownav,
.is-legacy body#store.shownav {
    background: none;
  }
  .is-legacy section#nav_container {
    display: none !important;
  }
  .is-legacy body#admin.shownav section#body_container,
.is-legacy body#store.shownav section#body_container {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }
  .is-legacy .ui-datepicker {
    display: none !important;
  }
  .is-legacy .tox-editor-header {
    display: none;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.is-legacy #store_login input[type=checkbox] {
  margin: 0.25em 0.25em 0.5em 0.25em;
}
.is-legacy #store_login ul {
  display: none;
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
}
.is-legacy .formdesc {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
}
.is-legacy .hasDatepicker,
.is-legacy input.delayed {
  margin: 0;
  width: 90px !important;
}
.is-legacy .scrolling_text {
  border-right: 0px;
  border-top: 0px;
  font-size: 10px;
  border-left: 0px;
  width: 60px;
  cursor: pointer;
  color: #000000;
  border-bottom: 0px;
  font-family: Verdana, Arial, Helvetica, "sans-serif";
  height: 12px;
  background-color: transparent;
}
.is-legacy .verticalStyle {
  writing-mode: tb-rl;
  filter: flipH() flipV();
}
.is-legacy #form-submit {
  float: right;
  margin: 10px 10px 0 10px;
  background: url(../../images/loading.gif) no-repeat center center;
  height: 32px;
  width: 32px;
}

/* Dark Yellow */
.bg-dk-yellow,
.bg-dk-yellow th,
.bg-dk-yellow td {
  background-color: #FFD700 !important;
}

/* Dark Orange */
.bg-dk-orange,
.bg-dk-orange th,
.bg-dk-orange td {
  background-color: #FFA500 !important;
}

/* JS Plugins */
/* qtip */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}

.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}

.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: 600;
}

.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}

.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
  top: 16px;
}

/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}

.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 3px solid #E2E2E2;
  background-color: #fff;
  color: #454545;
}

.qtip-default .qtip-titlebar {
  background-color: #f1f1f1;
}

.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}

.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}

/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}

.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
  visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}

.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}

.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}

#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*! http://responsiveslides.com v1.55 by @viljamis */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
}

.rslides_tabs {
  margin-top: 10px;
  text-align: center;
}

.rslides_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}

.rslides_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.3);
  width: 9px;
  height: 9px;
}

.rslides_here a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
}

/* Colorbox styles */
#colorbox {
  box-sizing: content-box;
}

#colorbox *,
#colorbox *:before,
#colorbox *:after {
  box-sizing: border-box;
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin-top: 0 !important;
  padding: 10px 10px 0 10px;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/*
	User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(../../images/overlay.png) repeat 0 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(../../images/controls.png) no-repeat -100px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(../../images/controls.png) no-repeat -129px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(../../images/controls.png) no-repeat -100px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(../../images/controls.png) no-repeat -129px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(../../images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(../../images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(../../images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(../../images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-top: 28px;
}

#cboxTitle {
  position: absolute;
  top: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  top: 4px;
  left: 58px;
  color: #949494;
}

#cboxSlideshow {
  position: absolute;
  top: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../../images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious.hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  top: 0;
  left: 27px;
  background: url(../../images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext.hover {
  background-position: -50px -25px;
}

#cboxLoadingOverlay {
  background: url(../../images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../../images/loading.gif) no-repeat center center;
}

#cboxClose {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../../images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: 0;
}

#cboxClose.hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 19999;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px solid black;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 600;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("../../images/jquery-ui/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.ui-widget .ui-widget {
  font-size: inherit;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: inherit;
  font-size: inherit;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
}

/*
.ui-widget-content a {
	color: #222222;
}
*/
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc;
  color: #222222;
  font-weight: 600;
}

/*
.ui-widget-header a {
	color: #222222;
}
*/
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(../../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #999999;
  background: #dadada url(../../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #212121;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #aaaaaa;
  background: #ffffff url(../../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

/* need to change the colors? */
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 600;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-position: 16px 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_222222_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../../images/jquery-ui/ui-icons_cd0a0a_256x240.png);
}

.ui-button .ui-icon {
  background-image: url("../../images/jquery-ui/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #aaaaaa;
  box-shadow: 0px 0px 5px #aaaaaa;
}

/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

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

html .fc, .fc table {
  font-size: 1em;
}

.fc td, .fc th {
  padding: 0;
  vertical-align: top;
}

.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

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

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right, .fc-header .ui-corner-right {
  margin-right: 0;
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
  z-index: 4;
}

.fc-content {
  clear: both;
  zoom: 1;
}

.fc-view {
  width: 100%;
  overflow: hidden;
}

.fc-widget-header, .fc-widget-content {
  border: 1px solid #ddd;
}

.fc-state-highlight {
  background: #fcf8e3;
}

.fc-cell-overlay {
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default {
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.fc-text-arrow {
  margin: 0 0.1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline;
}

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
  font-weight: bold;
}

.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%;
}

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%;
}

.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
  background-image: -o-linear-gradient(top, #fff, #e6e6e6);
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
  color: #333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down, .fc-state-active {
  background-color: #ccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  border: 1px solid #3a87ad;
  background-color: #3a87ad;
  color: #fff;
  font-size: 0.85em;
  cursor: default;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event, .fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time, .fc-event-title {
  padding: 0 1px;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  font-size: 300%;
  line-height: 50%;
}

.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-hori .ui-resizable-e {
  top: 0 !important;
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
}

table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
  font-weight: bold;
}

.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  _height: 34px;
}

.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
}

.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: 0;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
  border-top-style: solid;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
}

.fc-event-vert {
  border-width: 0 1px;
}

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px;
}

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2;
}

.fc-event-vert .fc-event-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
  display: none\9 ;
}

.fc-event-vert .ui-resizable-s {
  bottom: 0 !important;
  width: 100% !important;
  height: 8px !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px !important;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
  _overflow: hidden;
}

.is-responsive {
  /*
    .review-group .review-order .c-rewards-earned {
      margin: 7px 0;
      margin: 0.5rem 0;
      padding: 10px 20px;
      padding: 0.71429rem 1.42857rem;
    }
  */
}
.is-responsive .cart .modulebox,
.is-responsive #mini-cart .cart .modulebox {
  padding: 0;
}
.is-responsive .cart .modulebox h6,
.is-responsive #mini-cart .cart .modulebox h6 {
  margin-bottom: 0;
}
.is-responsive .cart .cart-order-details .modulebox {
  position: relative;
}
.is-responsive .cart .cart-order-details.has-order-details,
.is-responsive #mini-cart .cart .cart-order-details.has-order-details {
  min-height: 85px;
  min-height: 7.0833333333rem;
}
@media (min-width: 62em) {
  .is-responsive .cart .cart-order-details.has-order-details,
.is-responsive #mini-cart .cart .cart-order-details.has-order-details {
    min-height: 75px;
    min-height: 6.25rem;
  }
}
.is-responsive .cart .order-details-edit {
  margin-top: 0.5rem !important;
}
.is-responsive #mini-cart .cart-order-details,
.is-responsive #mini-cart .cart-body {
  margin-bottom: 1px;
}
.is-responsive .review-group .review-order {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 61.9999em) {
  .is-responsive .cart .cart-buttons .cart-delete,
.is-responsive .cart .cart-buttons .cart-edit {
    padding: 0.75rem 1rem;
  }
}
.is-responsive .cart .cart-summary-footer {
  padding-top: 15px;
}
.is-responsive #mini-cart .cart .cart-summary-footer {
  padding-top: 15px;
}
.is-responsive .cart-coupon {
  width: 50%;
}
.is-responsive #mini-cart .cart-coupon {
  width: 100%;
}
@media (max-width: 1080px) {
  .is-responsive.mobile-enabled .mini .cart-coupon .mini .cart-coupon {
    margin-top: 15px;
  }
  .is-responsive.mobile-enabled .mini .cart-coupon div.product-group {
    display: block;
    width: 100%;
    height: auto;
  }
  .is-responsive.mobile-enabled .mini .cart-coupon article.product-item {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1em;
  }
}
.is-responsive section.product-section {
  margin-bottom: 2em;
}
.is-responsive .product-minimum {
  width: 100%;
  clear: both;
  font-size: 1em;
  font-weight: normal;
  margin: 0 0 0.5em 0;
  padding: 0;
  color: #333333;
}
.is-responsive .productbox,
.is-responsive .productbox1,
.is-responsive .productbox2,
.is-responsive .productbox3,
.is-responsive .productbox4,
.is-responsive article.prodconfig {
  border-color: #D2D0D0;
}
.is-responsive article.prodconfig {
  margin: 1em 0;
  float: none;
  width: 100%;
}
.is-responsive .production-description {
  padding: 0.5em 1.5em;
  line-height: 1.25;
}
.is-responsive #item_added {
  display: none;
  position: fixed;
  top: 110px;
  right: 110px;
  z-index: 99999;
  font-size: 12px;
  font-size: 1rem;
  line-height: 1.3666666667;
  font-weight: 600;
  padding: 4px;
  padding: 0.3333333333rem;
  border-radius: 1px;
  border-radius: 0.0833333333rem;
  text-align: center;
  width: 150px;
  background: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d;
}
.is-responsive .configuration-group {
  border: 1px solid #d0d0d0;
  padding: 4px 16.4px 16.4px 16.4px;
  padding: 0.3333333333rem 1.3666666667rem 1.3666666667rem 1.3666666667rem;
  margin: 16.4px 0;
  margin: 1.3666666667rem 0;
}
.is-responsive .configuration-groups.has-input-type-dropdown {
  border: 1px solid #d0d0d0;
  padding: 4px 16.4px 16.4px 16.4px;
  padding: 0.3333333333rem 1.3666666667rem 1.3666666667rem 1.3666666667rem;
  margin: 16.4px 0;
  margin: 1.3666666667rem 0;
}
.is-responsive .configuration-groups.has-input-type-dropdown .configuration-group {
  border: none;
  padding: 0;
  margin: 0;
}
.is-responsive .configuration-optional-container .configuration-group {
  margin-top: 8px;
  margin-top: 0.6666666667rem;
}
.is-responsive .configuration-optional-container .configuration-groups.has-input-type-dropdown {
  margin-top: 8px;
  margin-top: 0.6666666667rem;
}
.is-responsive.mobile-enabled .condiment {
  padding: 5px 0 8px 0;
  padding: 0.4166666667rem 0 0.6666666667rem 0;
}
@media (min-width: 48em) {
  .is-responsive.mobile-enabled .condiment {
    padding: 2px 0;
    padding: 0.1666666667rem 0;
  }
}