@charset "UTF-8";
* {
  box-sizing: border-box;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

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

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

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

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

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

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * 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.
 */
img {
  border: 0;
}

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
}

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

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

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

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* 1 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

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

a {
  color: #2a6fb1;
  text-decoration: none;
}
a:active {
  color: #163b5f;
}
a a:hover {
  color: #205588;
}
a.danger {
  color: #a44039;
  text-decoration: underline;
}
a.danger:active {
  color: #321412;
}
a.danger:hover {
  color: #58221f;
}

#debug {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #900;
  padding: 0.5em;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.6;
  max-height: 6em;
  overflow: scroll;
}

.lines nav .submenu::after, .view .tabs::after, .view .main::after, .view .content::after, .search div.advanced::after, .search::after, .listing .controls::after, .listing header::after, .money-field-container::after, .percent-field-container::after, .view .functions::after {
  content: "";
  display: table;
  clear: both;
}

.time-wrapper::after, .date-wrapper::after, .date_range_field::after, .listing .controls li.jump::after, .search div.submit .advanced_toggle::before, .search div.submit button._loading::before, .listing .controls a.print::before, .listing .controls a.export::before, .listing .controls a.mailing-labels::before, .listing .controls a.delete::before, .listing .controls a.previous::before, .listing .controls a.next::before, .gui-def-button._loading::before, .button._loading::before, .listing header .listing-functions button::before, [class^=icon-],
[class*=" icon-"],
.icon {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=3.2.1");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("../../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass::before {
  content: "";
}

.icon-music::before {
  content: "";
}

.icon-search::before {
  content: "";
}

.icon-envelope-alt::before {
  content: "";
}

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

.icon-star::before {
  content: "";
}

.icon-star-empty::before {
  content: "";
}

.icon-user::before {
  content: "";
}

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

.icon-th-large::before {
  content: "";
}

.icon-th::before {
  content: "";
}

.icon-th-list::before {
  content: "";
}

.icon-ok::before {
  content: "";
}

.icon-remove::before {
  content: "";
}

.icon-zoom-in::before {
  content: "";
}

.icon-zoom-out::before {
  content: "";
}

.icon-power-off::before,
.icon-off::before {
  content: "";
}

.icon-signal::before {
  content: "";
}

.icon-gear::before,
.icon-cog::before {
  content: "";
}

.icon-trash::before {
  content: "";
}

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

.icon-file-alt::before {
  content: "";
}

.icon-time::before {
  content: "";
}

.icon-road::before {
  content: "";
}

.icon-download-alt::before {
  content: "";
}

.icon-download::before {
  content: "";
}

.icon-upload::before {
  content: "";
}

.icon-inbox::before {
  content: "";
}

.icon-play-circle::before {
  content: "";
}

.icon-rotate-right::before,
.icon-repeat::before {
  content: "";
}

.icon-refresh::before {
  content: "";
}

.icon-list-alt::before {
  content: "";
}

.icon-lock::before {
  content: "";
}

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

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

.icon-volume-off::before {
  content: "";
}

.icon-volume-down::before {
  content: "";
}

.icon-volume-up::before {
  content: "";
}

.icon-qrcode::before {
  content: "";
}

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

.icon-tag::before {
  content: "";
}

.icon-tags::before {
  content: "";
}

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

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

.icon-print::before {
  content: "";
}

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

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

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

.icon-italic::before {
  content: "";
}

.icon-text-height::before {
  content: "";
}

.icon-text-width::before {
  content: "";
}

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

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

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

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

.icon-list::before {
  content: "";
}

.icon-indent-left::before {
  content: "";
}

.icon-indent-right::before {
  content: "";
}

.icon-facetime-video::before {
  content: "";
}

.icon-picture::before {
  content: "";
}

.icon-pencil::before {
  content: "";
}

.icon-map-marker::before {
  content: "";
}

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

.icon-tint::before {
  content: "";
}

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

.icon-share::before {
  content: "";
}

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

.icon-move::before {
  content: "";
}

.icon-step-backward::before {
  content: "";
}

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

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

.icon-play::before {
  content: "";
}

.icon-pause::before {
  content: "";
}

.icon-stop::before {
  content: "";
}

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

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

.icon-step-forward::before {
  content: "";
}

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

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

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

.icon-plus-sign::before {
  content: "";
}

.icon-minus-sign::before {
  content: "";
}

.icon-remove-sign::before {
  content: "";
}

.icon-ok-sign::before {
  content: "";
}

.icon-question-sign::before {
  content: "";
}

.icon-info-sign::before {
  content: "";
}

.icon-screenshot::before {
  content: "";
}

.icon-remove-circle::before {
  content: "";
}

.icon-ok-circle::before {
  content: "";
}

.icon-ban-circle::before {
  content: "";
}

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

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

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

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

.icon-mail-forward::before,
.icon-share-alt::before {
  content: "";
}

.icon-resize-full::before {
  content: "";
}

.icon-resize-small::before {
  content: "";
}

.icon-plus::before {
  content: "";
}

.icon-minus::before {
  content: "";
}

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

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

.icon-exclamation-sign::before {
  content: "";
}

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

.icon-leaf::before {
  content: "";
}

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

.icon-eye-open::before {
  content: "";
}

.icon-eye-close::before {
  content: "";
}

.icon-warning-sign::before {
  content: "";
}

.icon-plane::before {
  content: "";
}

.icon-calendar::before {
  content: "";
}

.icon-random::before {
  content: "";
}

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

.icon-magnet::before {
  content: "";
}

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

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

.icon-retweet::before {
  content: "";
}

.icon-shopping-cart::before {
  content: "";
}

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

.icon-folder-close::before {
  content: "";
}

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

.icon-resize-vertical::before {
  content: "";
}

.icon-resize-horizontal::before {
  content: "";
}

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

.icon-twitter-sign::before {
  content: "";
}

.icon-facebook-sign::before {
  content: "";
}

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

.icon-key::before {
  content: "";
}

.icon-gears::before,
.icon-cogs::before {
  content: "";
}

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

.icon-thumbs-up-alt::before {
  content: "";
}

.icon-thumbs-down-alt::before {
  content: "";
}

.icon-star-half::before {
  content: "";
}

.icon-heart-empty::before {
  content: "";
}

.icon-signout::before {
  content: "";
}

.icon-linkedin-sign::before {
  content: "";
}

.icon-pushpin::before {
  content: "";
}

.icon-external-link::before {
  content: "";
}

.icon-signin::before {
  content: "";
}

.icon-trophy::before {
  content: "";
}

.icon-github-sign::before {
  content: "";
}

.icon-upload-alt::before {
  content: "";
}

.icon-lemon::before {
  content: "";
}

.icon-phone::before {
  content: "";
}

.icon-unchecked::before,
.icon-check-empty::before {
  content: "";
}

.icon-bookmark-empty::before {
  content: "";
}

.icon-phone-sign::before {
  content: "";
}

.icon-twitter::before {
  content: "";
}

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

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

.icon-unlock::before {
  content: "";
}

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

.icon-rss::before {
  content: "";
}

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

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

.icon-bell::before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.icon-wrench::before {
  content: "";
}

.icon-tasks::before {
  content: "";
}

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

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

.icon-fullscreen::before {
  content: "";
}

.icon-group::before {
  content: "";
}

.icon-link::before {
  content: "";
}

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

.icon-beaker::before {
  content: "";
}

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

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

.icon-paperclip::before,
.icon-paper-clip::before {
  content: "";
}

.icon-save::before {
  content: "";
}

.icon-sign-blank::before {
  content: "";
}

.icon-reorder::before {
  content: "";
}

.icon-list-ul::before {
  content: "";
}

.icon-list-ol::before {
  content: "";
}

.icon-strikethrough::before {
  content: "";
}

.icon-underline::before {
  content: "";
}

.icon-table::before {
  content: "";
}

.icon-magic::before {
  content: "";
}

.icon-truck::before {
  content: "";
}

.icon-pinterest::before {
  content: "";
}

.icon-pinterest-sign::before {
  content: "";
}

.icon-google-plus-sign::before {
  content: "";
}

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

.icon-money::before {
  content: "";
}

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

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

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

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

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

.icon-sort::before {
  content: "";
}

.icon-sort-down::before {
  content: "";
}

.icon-sort-up::before {
  content: "";
}

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

.icon-linkedin::before {
  content: "";
}

.icon-rotate-left::before,
.icon-undo::before {
  content: "";
}

.icon-legal::before {
  content: "";
}

.icon-dashboard::before {
  content: "";
}

.icon-comment-alt::before {
  content: "";
}

.icon-comments-alt::before {
  content: "";
}

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

.icon-sitemap::before {
  content: "";
}

.icon-umbrella::before {
  content: "";
}

.icon-paste::before {
  content: "";
}

.icon-lightbulb::before {
  content: "";
}

.icon-exchange::before {
  content: "";
}

.icon-cloud-download::before {
  content: "";
}

.icon-cloud-upload::before {
  content: "";
}

.icon-user-md::before {
  content: "";
}

.icon-stethoscope::before {
  content: "";
}

.icon-suitcase::before {
  content: "";
}

.icon-bell-alt::before {
  content: "";
}

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

.icon-food::before {
  content: "";
}

.icon-file-text-alt::before {
  content: "";
}

.icon-building::before {
  content: "";
}

.icon-hospital::before {
  content: "";
}

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

.icon-medkit::before {
  content: "";
}

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

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

.icon-h-sign::before {
  content: "";
}

.icon-plus-sign-alt::before {
  content: "";
}

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

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

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

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

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

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

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

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

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

.icon-laptop::before {
  content: "";
}

.icon-tablet::before {
  content: "";
}

.icon-mobile-phone::before {
  content: "";
}

.icon-circle-blank::before {
  content: "";
}

.icon-quote-left::before {
  content: "";
}

.icon-quote-right::before {
  content: "";
}

.icon-spinner::before {
  content: "";
}

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

.icon-mail-reply::before,
.icon-reply::before {
  content: "";
}

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

.icon-folder-close-alt::before {
  content: "";
}

.icon-folder-open-alt::before {
  content: "";
}

.icon-expand-alt::before {
  content: "";
}

.icon-collapse-alt::before {
  content: "";
}

.icon-smile::before {
  content: "";
}

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

.icon-meh::before {
  content: "";
}

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

.icon-keyboard::before {
  content: "";
}

.icon-flag-alt::before {
  content: "";
}

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

.icon-terminal::before {
  content: "";
}

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

.icon-reply-all::before {
  content: "";
}

.icon-mail-reply-all::before {
  content: "";
}

.icon-star-half-full::before,
.icon-star-half-empty::before {
  content: "";
}

.icon-location-arrow::before {
  content: "";
}

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

.icon-code-fork::before {
  content: "";
}

.icon-unlink::before {
  content: "";
}

.icon-question::before {
  content: "";
}

.icon-info::before {
  content: "";
}

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

.icon-superscript::before {
  content: "";
}

.icon-subscript::before {
  content: "";
}

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

.icon-puzzle-piece::before {
  content: "";
}

.icon-microphone::before {
  content: "";
}

.icon-microphone-off::before {
  content: "";
}

.icon-shield::before {
  content: "";
}

.icon-calendar-empty::before {
  content: "";
}

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

.icon-rocket::before {
  content: "";
}

.icon-maxcdn::before {
  content: "";
}

.icon-chevron-sign-left::before {
  content: "";
}

.icon-chevron-sign-right::before {
  content: "";
}

.icon-chevron-sign-up::before {
  content: "";
}

.icon-chevron-sign-down::before {
  content: "";
}

.icon-html5::before {
  content: "";
}

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

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

.icon-unlock-alt::before {
  content: "";
}

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

.icon-ellipsis-horizontal::before {
  content: "";
}

.icon-ellipsis-vertical::before {
  content: "";
}

.icon-rss-sign::before {
  content: "";
}

.icon-play-sign::before {
  content: "";
}

.icon-ticket::before {
  content: "";
}

.icon-minus-sign-alt::before {
  content: "";
}

.icon-check-minus::before {
  content: "";
}

.icon-level-up::before {
  content: "";
}

.icon-level-down::before {
  content: "";
}

.icon-check-sign::before {
  content: "";
}

.icon-edit-sign::before {
  content: "";
}

.icon-external-link-sign::before {
  content: "";
}

.icon-share-sign::before {
  content: "";
}

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

.icon-collapse::before {
  content: "";
}

.icon-collapse-top::before {
  content: "";
}

.icon-expand::before {
  content: "";
}

.icon-euro::before,
.icon-eur::before {
  content: "";
}

.icon-gbp::before {
  content: "";
}

.icon-dollar::before,
.icon-usd::before {
  content: "";
}

.icon-rupee::before,
.icon-inr::before {
  content: "";
}

.icon-yen::before,
.icon-jpy::before {
  content: "";
}

.icon-renminbi::before,
.icon-cny::before {
  content: "";
}

.icon-won::before,
.icon-krw::before {
  content: "";
}

.icon-bitcoin::before,
.icon-btc::before {
  content: "";
}

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

.icon-file-text::before {
  content: "";
}

.icon-sort-by-alphabet::before {
  content: "";
}

.icon-sort-by-alphabet-alt::before {
  content: "";
}

.icon-sort-by-attributes::before {
  content: "";
}

.icon-sort-by-attributes-alt::before {
  content: "";
}

.icon-sort-by-order::before {
  content: "";
}

.icon-sort-by-order-alt::before {
  content: "";
}

.icon-thumbs-up::before {
  content: "";
}

.icon-thumbs-down::before {
  content: "";
}

.icon-youtube-sign::before {
  content: "";
}

.icon-youtube::before {
  content: "";
}

.icon-xing::before {
  content: "";
}

.icon-xing-sign::before {
  content: "";
}

.icon-youtube-play::before {
  content: "";
}

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

.icon-stackexchange::before {
  content: "";
}

.icon-instagram::before {
  content: "";
}

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

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

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

.icon-bitbucket-sign::before {
  content: "";
}

.icon-tumblr::before {
  content: "";
}

.icon-tumblr-sign::before {
  content: "";
}

.icon-long-arrow-down::before {
  content: "";
}

.icon-long-arrow-up::before {
  content: "";
}

.icon-long-arrow-left::before {
  content: "";
}

.icon-long-arrow-right::before {
  content: "";
}

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

.icon-windows::before {
  content: "";
}

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

.icon-linux::before {
  content: "";
}

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

.icon-skype::before {
  content: "";
}

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

.icon-trello::before {
  content: "";
}

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

.icon-male::before {
  content: "";
}

.icon-gittip::before {
  content: "";
}

.icon-sun::before {
  content: "";
}

.icon-moon::before {
  content: "";
}

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

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

.icon-vk::before {
  content: "";
}

.icon-weibo::before {
  content: "";
}

.icon-renren::before {
  content: "";
}

.icon-support::before {
  content: "";
}

/* EXTRAS
 * -------------------------- */
/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  animation: spin 2s infinite linear;
}

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Icon rotations and mirroring */
.icon-rotate-90::before {
  transform: rotate(90deg);
}

.icon-rotate-180::before {
  transform: rotate(180deg);
}

.icon-rotate-270::before {
  transform: rotate(270deg);
}

.icon-flip-horizontal::before {
  transform: scale(-1, 1);
}

.icon-flip-vertical::before {
  transform: scale(1, -1);
}

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90::before, a .icon-rotate-180::before, a .icon-rotate-270::before, a .icon-flip-horizontal::before, a .icon-flip-vertical::before {
  display: inline-block;
}

.search div.submit button._loading::before, .gui-def-button._loading::before, .button._loading::before, .spin {
  animation: spin 1200ms infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.view_field_box span.function button.po-add-items-button, .view_field_box span.function button.po-checkin-button, .view_field_box span.function button.attached-search-button, .view .functions button,
.view .functions .button, .search div.submit .advanced_toggle, .search div.submit button, .listing header .listing-functions button {
  padding: 0 12px;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 3px;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 32px;
  white-space: nowrap;
  transition: border 0.3s, background 0.3s, color 0.3s;
  background: #888;
  border-color: #888;
}
.view_field_box span.function button.po-add-items-button:hover, .view_field_box span.function button.po-checkin-button:hover, .view_field_box span.function button.attached-search-button:hover, .view .functions button:hover,
.view .functions .button:hover, .search div.submit .advanced_toggle:hover, .search div.submit button:hover, .listing header .listing-functions button:hover {
  border-color: #6f6f6f;
  background: #6f6f6f;
}
.view_field_box span.function button.po-add-items-button:active, .view_field_box span.function button.po-checkin-button:active, .view_field_box span.function button.attached-search-button:active, .view .functions button:active,
.view .functions .button:active, .search div.submit .advanced_toggle:active, .search div.submit button:active, .listing header .listing-functions button:active {
  border-color: #a2a2a2;
  background: #a2a2a2;
}
.view_field_box span.function button.po-add-items-button:hover, .view_field_box span.function button.po-checkin-button:hover, .view_field_box span.function button.attached-search-button:hover, .view .functions button:hover,
.view .functions .button:hover, .search div.submit .advanced_toggle:hover, .search div.submit button:hover, .listing header .listing-functions button:hover, .view_field_box span.function button.po-add-items-button:active, .view_field_box span.function button.po-checkin-button:active, .view_field_box span.function button.attached-search-button:active, .view .functions button:active,
.view .functions .button:active, .search div.submit .advanced_toggle:active, .search div.submit button:active, .listing header .listing-functions button:active {
  color: #fff;
  cursor: pointer;
}
.view_field_box span.function button.po-add-items-button:focus, .view_field_box span.function button.po-checkin-button:focus, .view_field_box span.function button.attached-search-button:focus, .view .functions button:focus,
.view .functions .button:focus, .search div.submit .advanced_toggle:focus, .search div.submit button:focus, .listing header .listing-functions button:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.view_field_box span.function button[disabled].po-add-items-button, .view_field_box span.function button[disabled].po-checkin-button, .view_field_box span.function button[disabled].attached-search-button, .view .functions button[disabled],
.view .functions [disabled].button, .search div.submit [disabled].advanced_toggle, .search div.submit button[disabled], .listing header .listing-functions button[disabled] {
  color: #b0b0b0 !important;
  border-color: #ccc !important;
  background: transparent !important;
}
.view_field_box span.function button[disabled].po-add-items-button:hover, .view_field_box span.function button[disabled].po-checkin-button:hover, .view_field_box span.function button[disabled].attached-search-button:hover, .view .functions button[disabled]:hover,
.view .functions [disabled].button:hover, .search div.submit [disabled].advanced_toggle:hover, .search div.submit button[disabled]:hover, .listing header .listing-functions button[disabled]:hover {
  cursor: default;
}
.view_field_box span.function button.small.po-add-items-button, .view_field_box span.function button.small.po-checkin-button, .view_field_box span.function button.small.attached-search-button, .view .functions button.small,
.view .functions .small.button, .search div.submit .small.advanced_toggle, .search div.submit button.small, .listing header .listing-functions button.small {
  border-radius: 2px;
  font-size: 0.8125rem;
  font-weight: normal;
  padding: 7px 10px;
}
.view_field_box span.function button.large.po-add-items-button, .view_field_box span.function button.large.po-checkin-button, .view_field_box span.function button.large.attached-search-button, .view .functions button.large,
.view .functions .large.button, .search div.submit .large.advanced_toggle, .search div.submit button.large, .listing header .listing-functions button.large {
  padding: 12px 14px;
  font-size: 1rem;
}
.view_field_box span.function button.supplemental.po-add-items-button, .view_field_box span.function button.supplemental.po-checkin-button, .view_field_box span.function button.supplemental.attached-search-button, .view .functions button.supplemental,
.view .functions .supplemental.button, .search div.submit .supplemental.advanced_toggle, .search div.submit button.supplemental, .listing header .listing-functions button.supplemental {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view_field_box span.function button.has_supplemental.po-add-items-button, .view_field_box span.function button.has_supplemental.po-checkin-button, .view_field_box span.function button.has_supplemental.attached-search-button, .view .functions button.has_supplemental,
.view .functions .has_supplemental.button, .search div.submit .has_supplemental.advanced_toggle, .search div.submit button.has_supplemental, .listing header .listing-functions button.has_supplemental {
  margin-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.view .functions button.save.on_dirty,
.view .functions .button.save.on_dirty {
  color: #b0b0b0;
  border-color: #ccc;
  background: transparent;
}
.view .functions button.save.on_dirty:hover,
.view .functions .button.save.on_dirty:hover {
  color: #b0b0b0;
  border-color: #ccc;
  background: transparent;
}
.view .functions button.save.on_dirty:active,
.view .functions .button.save.on_dirty:active {
  color: #fff;
  border-color: #999;
  background: #999;
}

.listing header .listing-functions button {
  height: 53px;
  line-height: 52px;
  border-radius: 0;
  border: none;
  padding: 0 18px;
}

.listing header .listing-functions button {
  background: #dbebd6;
  color: #589141;
  padding: 0 18px;
}
.listing header .listing-functions button i {
  display: none;
}
.listing header .listing-functions button::before {
  content: "";
}
.listing header .listing-functions button:hover {
  background: #bddab4;
  color: #436e31;
}
.listing header .listing-functions button:active {
  background: #589141;
  color: #fff;
}

.edit_transfer button.transfer-view__add-received, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn, .view .functions button.save.on_dirty.dirty,
.view .functions .button.save.on_dirty.dirty, .view .functions button.save, .view .functions button.edit, .view .functions button.select, .view .functions button.check-in, .view .functions button.send-items,
.view .functions .button.save,
.view .functions .button.edit,
.view .functions .button.select,
.view .functions .button.check-in,
.view .functions .button.send-items {
  background: #3d89d1;
  border-color: #3d89d1;
  color: #fff;
  margin-right: 18px;
}
.edit_transfer button.transfer-view__add-received:hover, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn:hover,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn:hover, .view .functions button.save.on_dirty.dirty:hover,
.view .functions .button.save.on_dirty.dirty:hover, .view .functions button.save:hover, .view .functions button.edit:hover, .view .functions button.select:hover, .view .functions button.check-in:hover, .view .functions button.send-items:hover,
.view .functions .button.save:hover,
.view .functions .button.edit:hover,
.view .functions .button.select:hover,
.view .functions .button.check-in:hover,
.view .functions .button.send-items:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.edit_transfer button.transfer-view__add-received:active, .edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn:active,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn:active, .view .functions button.save.on_dirty.dirty:active,
.view .functions .button.save.on_dirty.dirty:active, .view .functions button.save:active, .view .functions button.edit:active, .view .functions button.select:active, .view .functions button.check-in:active, .view .functions button.send-items:active,
.view .functions .button.save:active,
.view .functions .button.edit:active,
.view .functions .button.select:active,
.view .functions .button.check-in:active,
.view .functions .button.send-items:active {
  border-color: #66a2db;
  background: #66a2db;
}

.view .functions button.gap_before,
.view .functions .button.gap_before {
  margin-left: 18px;
}

.view .functions button.checkout, .view .functions button.nextaction,
.view .functions .button.checkout,
.view .functions .button.nextaction {
  background: #608b4f;
  border-color: #608b4f;
}
.view .functions button.checkout:hover, .view .functions button.nextaction:hover,
.view .functions .button.checkout:hover,
.view .functions .button.nextaction:hover {
  border-color: #4a6a3d;
  background: #4a6a3d;
}
.view .functions button.checkout:active, .view .functions button.nextaction:active,
.view .functions .button.checkout:active,
.view .functions .button.nextaction:active {
  border-color: #78a865;
  background: #78a865;
}

.search div.submit button {
  background: #3d89d1;
  border-color: #3d89d1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.search div.submit button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.search div.submit button:active {
  border-color: #66a2db;
  background: #66a2db;
}

.view .functions button.delete, .view .functions button.archive,
.view .functions .button.delete,
.view .functions .button.archive, .view .functions button.restore,
.view .functions .button.restore {
  margin-right: 10px;
  margin-left: 18px;
}

.view .functions button.delete, .view .functions button.archive,
.view .functions .button.delete,
.view .functions .button.archive {
  background: #a44039;
  border-color: #a44039;
}
.view .functions button.delete:hover, .view .functions button.archive:hover,
.view .functions .button.delete:hover,
.view .functions .button.archive:hover {
  border-color: #7e312c;
  background: #7e312c;
}
.view .functions button.delete:active, .view .functions button.archive:active,
.view .functions .button.delete:active,
.view .functions .button.archive:active {
  border-color: #c2564e;
  background: #c2564e;
}

.view .functions button.restore,
.view .functions .button.restore {
  background: #f6b444;
  border-color: #f6b444;
}
.view .functions button.restore:hover,
.view .functions .button.restore:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.view .functions button.restore:active,
.view .functions .button.restore:active {
  border-color: #f8c875;
  background: #f8c875;
}

.view .functions {
  min-height: 54px;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  padding-left: 10px;
  font-size: 0;
}
@media (min-width: 720px) {
  .view .functions {
    left: 240px;
  }
}
.view .functions input {
  height: 34px;
  line-height: 34px;
  padding: 0 8px;
  margin-top: 10px;
}
.view .functions button {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 6px;
}
.view .functions button.supplementary {
  float: right;
}

body, html {
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin: 0 0 0.25em;
  color: #444;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #666;
  font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  padding: 0;
  color: #3d89d1;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #3d89d1;
  border-bottom: 1px solid #3d89d1;
}

h1 {
  font-size: 2rem;
  margin-bottom: 0.5em;
}

th {
  font-weight: 600;
}

.gui-def-button, .button {
  border: 1px solid #aaa;
  font-size: 0.875rem;
  text-align: center;
  padding: 8px 12px;
  color: #333;
  background: #fff;
  background: linear-gradient(#fff, #eee);
  border-radius: 3px;
  transition: all 0.3s;
}
.gui-def-button._loading, .button._loading {
  position: relative;
  color: transparent !important;
  opacity: 0.66;
}
.gui-def-button._loading i, .button._loading i {
  color: transparent !important;
}
.gui-def-button._loading::before, .button._loading::before {
  content: "";
  color: #333;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em 0 0 -0.5em;
}
.gui-def-button i, .button i {
  font-size: 14px;
  color: #999;
  display: inline-block;
}
.gui-def-button i.icon-right, .button i.icon-right {
  float: right;
  margin: 0 0 0 4px;
}
.gui-def-button:hover, .button:hover {
  color: #000;
  background: #eee;
  border: 1px solid #999;
}
.gui-def-button:hover i, .button:hover i {
  color: #555;
}
.gui-def-button:not(.cr-button)[disabled], .button:not(.cr-button)[disabled] {
  color: #b0b0b0;
  border-color: #ccc;
  background: #eee;
}
.gui-def-button:not(.cr-button)[disabled] i, .button:not(.cr-button)[disabled] i {
  color: #b0b0b0;
}
.gui-def-button:not(.cr-button)[disabled]:hover, .button:not(.cr-button)[disabled]:hover {
  color: #b0b0b0;
  border-color: #ccc;
  background: #eee;
}
.gui-def-button:not(.cr-button)[disabled]:hover i, .button:not(.cr-button)[disabled]:hover i {
  color: #b0b0b0;
}
.gui-def-button.small, .button.small {
  font-size: 0.875rem;
  padding: 8px 10px;
}
.gui-def-button.large, .button.large {
  font-weight: normal;
  font-size: 1.1em;
  padding: 14px 16px;
}
.gui-def-button.group-end, .button.group-end {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

a.button {
  display: inline-block;
  text-decoration: none;
}
a.button i, a.button i.icon-right {
  display: inline-block;
  float: none;
}

a.control, .lf a, .lf button, #listing table button:not(.fitted-button) {
  padding: 6px 6px 6px 8px;
  white-space: nowrap;
  border-radius: 3px;
  border: 1px solid #aaa;
  color: #666;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}
a.control:not(.status-button), .lf a:not(.status-button), .lf button:not(.status-button), #listing table button:not(.fitted-button):not(.status-button) {
  background: #eee linear-gradient(#fff, #eee);
}
a.control:not(.status-button) i, .lf a:not(.status-button) i, .lf button:not(.status-button) i, #listing table button:not(.fitted-button):not(.status-button) i {
  font-size: 14px;
  display: inline-block;
  margin-right: 2px;
  color: #999;
}
a.control:hover:not(.status-button), a.control:active:not(.status-button), .lf a:hover:not(.status-button), .lf a:active:not(.status-button), .lf button:hover:not(.status-button), .lf button:active:not(.status-button), #listing table button:not(.fitted-button):hover:not(.status-button), #listing table button:not(.fitted-button):active:not(.status-button) {
  border-color: #2a6fb1;
  background: #2a6fb1;
  color: #fff;
}
a.control:hover:not(.status-button) i, a.control:active:not(.status-button) i, .lf a:hover:not(.status-button) i, .lf a:active:not(.status-button) i, .lf button:hover:not(.status-button) i, .lf button:active:not(.status-button) i, #listing table button:not(.fitted-button):hover:not(.status-button) i, #listing table button:not(.fitted-button):active:not(.status-button) i {
  color: #fff;
}
a.control.archive:hover, a.control.delete:hover, .lf a.archive:hover, .lf a.delete:hover, .lf button.archive:hover, .lf button.delete:hover, #listing table button:not(.fitted-button).archive:hover, #listing table button:not(.fitted-button).delete:hover {
  background-color: #a44039;
  border-color: #a44039;
}
a.control.checkout:hover, a.control.checkout:hover, .lf a.checkout:hover, .lf a.checkout:hover, .lf button.checkout:hover, .lf button.checkout:hover, #listing table button:not(.fitted-button).checkout:hover, #listing table button:not(.fitted-button).checkout:hover {
  background-color: #608b4f;
  border-color: #608b4f;
}

a.control {
  margin: 0 5px 0 0;
}

.block,
.block-label {
  display: inline-block;
  font-size: 0.7em;
  text-transform: uppercase;
  float: left;
}

.block-label {
  color: #999;
  padding: 12px 5px 12px 0;
}

.block {
  color: #777;
  padding: 10px;
  border: 1px solid #aaa;
  display: inline-block;
  margin: 0 1em 0 0;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
}
.block.placeholder {
  font-weight: normal;
  color: #888;
}
.block small {
  font-weight: normal;
  color: #999;
  font-size: 1em;
  margin: 0 0 0 0.5em;
}

.search input {
  float: left;
}
.search input[type=text], .search input[type=search] {
  padding: 0 8px;
}
.search select {
  margin-bottom: 1em;
}

#register .search input[type=text], #register .search input[type=search], .menu .search input[type=text], .menu .search input[type=search] {
  padding: 8px;
  min-height: 0;
  font-size: 0.875rem;
  width: auto;
  height: auto;
  border: 1px solid #aaa;
  border-right: none;
}

textarea, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
  font-size: 0.875rem;
  border: 1px solid #aaa;
  box-shadow: inset 1px 1px 1px #eee;
  padding: 0 6px;
  min-height: 30px;
}
textarea.large, input[type=email].large, input[type=number].large, input[type=password].large, input[type=search].large, input[type=tel].large, input[type=text].large, input[type=url].large, input[type=color].large, input[type=date].large, input[type=datetime].large, input[type=datetime-local].large, input[type=month].large, input[type=time].large, input[type=week].large {
  width: 300px;
  max-width: 100%;
}

select {
  font-size: 0.875rem;
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  color: #333;
  border: 1px solid #999;
}
select.multiple {
  font-size: 0.8125em;
}
select.error {
  border: 2px solid #a44039;
}
select.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}

input {
  border-radius: 0;
}
input.group {
  border-left-width: 0;
  border-right-width: 0;
}
input.group-start {
  border-left-width: 1px;
}
input.group-end {
  border-right-width: 1px;
}
input.medium {
  width: 18em;
}
input.small {
  width: 12em;
}
input.x-small {
  width: 6em;
}
input.xx-small {
  width: 4em;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=search] {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=number] {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}
input.error {
  border: 2px solid #a44039;
}
input.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}
input[type=date]::-webkit-datetime-edit {
  margin: 0 -22px 0 0;
}
input[type=date]::-webkit-calendar-picker-indicator {
  margin: 0;
}

.button-set {
  overflow: hidden;
  display: block;
  margin: 1em auto;
}
.button-set button {
  border-radius: 0;
  margin: 0;
  width: 50%;
  float: left;
}
.button-set :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-right: none;
}
.button-set :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
input:focus[type=checkbox],
textarea:focus[type=checkbox] {
  box-shadow: none;
}
input.error,
textarea.error {
  border: 2px solid #a44039;
}
input.error:focus,
textarea.error:focus {
  box-shadow: inset 0 0 2px 2px #dc9e9a;
}

button:focus {
  outline: none;
}

label.checkbox input {
  margin: 1px 7px 0 0;
}

.money-field-container, .percent-field-container {
  position: relative;
}
.money-field-container::before, .percent-field-container::before {
  position: absolute;
  top: 49%;
  transform: translate(0, -50%);
  pointer-events: none;
  cursor: text;
}

.money-field-container {
  width: 7rem;
  display: inline-block;
}
.money-field-container::before {
  content: "$";
  color: #777;
  font-size: 0.875rem;
  left: 0.375rem;
}
.money-field-container > input {
  width: 100%;
  text-align: right;
  padding-left: 2.25rem !important;
}
.money-field-container.disabled {
  opacity: 0.65;
}

.percent-field-container {
  display: inline-block;
}
.percent-field-container::before {
  content: "%";
  right: 6px;
}
.percent-field-container > input {
  padding-right: 32px !important;
}

.money-line-edit i {
  top: 4px;
}

.payment-block-money::before {
  top: 17px;
}

.icon-percent {
  position: relative;
  right: 1.3em;
  background-color: white;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset.checkboxes label {
  margin: 0 0 0.75em;
  font-size: 0.9em;
  display: block;
}
fieldset.checkboxes input {
  margin: 0 0.25em 0 0;
}

.submit_alt {
  font-size: 0.8em;
  color: #999;
  line-height: 4;
}
.submit_alt a {
  color: #3d89d1;
}

form.quick {
  margin: 30px;
  width: 75%;
}
form.quick label {
  font-weight: 600;
}
form.quick.modal {
  width: 70%;
}
form.quick h2 {
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.125rem;
  color: #333;
}
form.quick p {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #555;
}
form.quick dl {
  margin-top: 1em;
}
form.quick dl dl {
  margin-top: 1em;
}
form.quick dl dl dt {
  text-align: left;
}
form.quick dl dl dl {
  margin: -0.25em 0 0;
}
form.quick dl dl dl dt, form.quick dl dl dl dd {
  text-align: left;
  min-height: 1em;
}
form.quick dl dl dl dt {
  padding: 1em 0 0;
}
form.quick dl dl dl dd {
  padding: 0.25em 0 0;
}
form.quick dl input {
  padding: 6px;
}
form.quick dl .submit {
  color: #666;
}
form.quick dl .submit input {
  margin-right: 0.5em;
}
form.quick dl .submit .right {
  float: right;
}

.workorder textarea.error-highlight,
.error-highlight,
.error-highlight:focus {
  border: 1px solid #a44039;
  box-shadow: inset 0 0 2px 2px #a44039;
}

dl {
  margin: -1px 0 1em;
  width: 100%;
  overflow: hidden;
}
dl dd,
dl dt {
  margin: 0;
  padding: 0.5em 0;
  overflow: hidden;
}
dl dt {
  font-size: 0.875rem;
  width: 130px;
  float: left;
  margin: 0;
  text-align: right;
  color: #666;
}
dl dt:first-child {
  border-top: none;
}
dl dt label {
  padding-top: 0.65em;
  display: inline-block;
}
dl dd {
  padding-left: 10px;
  margin-left: 130px;
  min-height: 1.7em;
}
dl dd.continues {
  border-top: none;
  margin-top: -0.5em;
}
dl dd select {
  margin: 9px 0;
}
dl dd label {
  display: none;
}
dl dd.duplicate_previous {
  margin-top: 0.2em;
  padding-left: 0.5em;
  font-weight: 600;
  font-size: 0.7em;
  color: #3b73b9;
  cursor: pointer;
}
dl dd:nth-child(2) {
  border-top: none;
}
dl.lines {
  border-bottom: 1px solid #ccc;
}
dl.lines > dt, dl.lines > dd {
  border-top: 1px solid #ccc;
}
dl.simple {
  border: none;
  margin: 0 0 0.5em;
}
dl.simple dt, dl.simple dd {
  border: none;
}
dl.simple dt span.hint {
  margin: -4px 0 0;
}
dl.narrow dt {
  width: 70px;
}
dl.narrow dd {
  margin-left: 70px;
}
dl.width100 dt {
  width: 100px;
}
dl.width100 dd {
  margin-left: 100px;
}
dl.wide dt {
  width: 180px;
}
dl.wide dd {
  margin-left: 180px;
}

.listing table tbody tr:hover > td {
  color: #000;
}
.listing table tbody tr:hover a {
  color: #2a6fb1;
}

.listing table.table-status-colors .color-block {
  display: none;
}
@media screen {
  .listing table.table-status-colors td {
    position: relative;
  }
  .listing table.table-status-colors > tbody > tr {
    transition: background-color 0.3s;
    border-bottom-color: #ddd;
  }
  .listing table.table-status-colors > tbody > tr > td:first-child::before, .listing table.table-status-colors > tbody > tr > td:last-child::after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 10px;
    background-image: #999;
  }
  .listing table.table-status-colors thead th:first-child, .listing table.table-status-colors > tbody > tr > td:first-child {
    padding-left: 20px;
  }
  .listing table.table-status-colors > tbody > tr > td:first-child::before {
    left: 0;
  }
  .listing table.table-status-colors thead th:last-child, .listing table.table-status-colors > tbody > tr > td:last-child {
    padding-right: 15px;
  }
  .listing table.table-status-colors > tbody > tr > td:last-child::after {
    right: 0;
    width: 5px;
  }
  .listing table.table-status-colors .status-label {
    display: inline-block;
    margin: -5px 0 -3px;
    padding: 5px 7px 6px;
    background-color: #999;
    border-radius: 2px;
    color: #fff;
    font-size: 0.6875rem;
    text-decoration: none;
    white-space: nowrap;
  }
  .listing table.table-status-colors .status-label a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
  }
  .listing table.table-status-colors tr.row-spacer td {
    font-size: 0.875rem;
    text-transform: uppercase;
    color: #888;
    border-bottom: 1px solid #ddd;
    padding: 12px 0 0;
  }
  .listing table.table-status-colors tr.row-spacer td:first-child::before, .listing table.table-status-colors tr.row-spacer td:last-child::after {
    display: none;
  }
  .listing table.table-status-colors .status-black > td {
    background-color: rgba(51, 51, 51, 0.1);
  }
  .listing table.table-status-colors .status-black > td:first-child::before, .listing table.table-status-colors .status-black > td:last-child::after {
    background-color: #333;
  }
  .listing table.table-status-colors .status-black > td a {
    color: #333;
  }
  .listing table.table-status-colors .status-black:hover > td {
    background-color: rgba(51, 51, 51, 0.15);
  }
  .listing table.table-status-colors .status-black .status-label {
    background-color: #333;
  }
  .listing table.table-status-colors .status-black .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-white > td {
    background-color: rgba(238, 238, 238, 0.1);
  }
  .listing table.table-status-colors .status-white > td:first-child::before, .listing table.table-status-colors .status-white > td:last-child::after {
    background-color: #eee;
  }
  .listing table.table-status-colors .status-white > td a {
    color: #eee;
  }
  .listing table.table-status-colors .status-white:hover > td {
    background-color: rgba(238, 238, 238, 0.15);
  }
  .listing table.table-status-colors .status-white .status-label {
    background-color: #eee;
  }
  .listing table.table-status-colors .status-white .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-grey > td {
    background-color: rgba(136, 136, 136, 0.1);
  }
  .listing table.table-status-colors .status-grey > td:first-child::before, .listing table.table-status-colors .status-grey > td:last-child::after {
    background-color: #888;
  }
  .listing table.table-status-colors .status-grey > td a {
    color: #888;
  }
  .listing table.table-status-colors .status-grey:hover > td {
    background-color: rgba(136, 136, 136, 0.15);
  }
  .listing table.table-status-colors .status-grey .status-label {
    background-color: #888;
  }
  .listing table.table-status-colors .status-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-purple > td {
    background-color: rgba(137, 120, 151, 0.1);
  }
  .listing table.table-status-colors .status-purple > td:first-child::before, .listing table.table-status-colors .status-purple > td:last-child::after {
    background-color: #897897;
  }
  .listing table.table-status-colors .status-purple > td a {
    color: #897897;
  }
  .listing table.table-status-colors .status-purple:hover > td {
    background-color: rgba(137, 120, 151, 0.15);
  }
  .listing table.table-status-colors .status-purple .status-label {
    background-color: #897897;
  }
  .listing table.table-status-colors .status-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-blue > td {
    background-color: rgba(50, 135, 204, 0.1);
  }
  .listing table.table-status-colors .status-blue > td:first-child::before, .listing table.table-status-colors .status-blue > td:last-child::after {
    background-color: #3287cc;
  }
  .listing table.table-status-colors .status-blue > td a {
    color: #3287cc;
  }
  .listing table.table-status-colors .status-blue:hover > td {
    background-color: rgba(50, 135, 204, 0.15);
  }
  .listing table.table-status-colors .status-blue .status-label {
    background-color: #3287cc;
  }
  .listing table.table-status-colors .status-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-green > td {
    background-color: rgba(88, 145, 65, 0.1);
  }
  .listing table.table-status-colors .status-green > td:first-child::before, .listing table.table-status-colors .status-green > td:last-child::after {
    background-color: #589141;
  }
  .listing table.table-status-colors .status-green > td a {
    color: #589141;
  }
  .listing table.table-status-colors .status-green:hover > td {
    background-color: rgba(88, 145, 65, 0.15);
  }
  .listing table.table-status-colors .status-green .status-label {
    background-color: #589141;
  }
  .listing table.table-status-colors .status-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-pink > td {
    background-color: rgba(204, 137, 166, 0.1);
  }
  .listing table.table-status-colors .status-pink > td:first-child::before, .listing table.table-status-colors .status-pink > td:last-child::after {
    background-color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink > td a {
    color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink:hover > td {
    background-color: rgba(204, 137, 166, 0.15);
  }
  .listing table.table-status-colors .status-pink .status-label {
    background-color: #cc89a6;
  }
  .listing table.table-status-colors .status-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-red > td {
    background-color: rgba(164, 64, 57, 0.1);
  }
  .listing table.table-status-colors .status-red > td:first-child::before, .listing table.table-status-colors .status-red > td:last-child::after {
    background-color: #a44039;
  }
  .listing table.table-status-colors .status-red > td a {
    color: #a44039;
  }
  .listing table.table-status-colors .status-red:hover > td {
    background-color: rgba(164, 64, 57, 0.15);
  }
  .listing table.table-status-colors .status-red .status-label {
    background-color: #a44039;
  }
  .listing table.table-status-colors .status-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-orange > td {
    background-color: rgba(226, 126, 56, 0.1);
  }
  .listing table.table-status-colors .status-orange > td:first-child::before, .listing table.table-status-colors .status-orange > td:last-child::after {
    background-color: #e27e38;
  }
  .listing table.table-status-colors .status-orange > td a {
    color: #e27e38;
  }
  .listing table.table-status-colors .status-orange:hover > td {
    background-color: rgba(226, 126, 56, 0.15);
  }
  .listing table.table-status-colors .status-orange .status-label {
    background-color: #e27e38;
  }
  .listing table.table-status-colors .status-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-yellow > td {
    background-color: rgba(246, 180, 68, 0.1);
  }
  .listing table.table-status-colors .status-yellow > td:first-child::before, .listing table.table-status-colors .status-yellow > td:last-child::after {
    background-color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow > td a {
    color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow:hover > td {
    background-color: rgba(246, 180, 68, 0.15);
  }
  .listing table.table-status-colors .status-yellow .status-label {
    background-color: #f6b444;
  }
  .listing table.table-status-colors .status-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-grey > td {
    background-color: rgba(184, 184, 184, 0.1);
  }
  .listing table.table-status-colors .status-light-grey > td:first-child::before, .listing table.table-status-colors .status-light-grey > td:last-child::after {
    background-color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey > td a {
    color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey:hover > td {
    background-color: rgba(184, 184, 184, 0.15);
  }
  .listing table.table-status-colors .status-light-grey .status-label {
    background-color: #b8b8b8;
  }
  .listing table.table-status-colors .status-light-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-purple > td {
    background-color: rgba(184, 176, 191, 0.1);
  }
  .listing table.table-status-colors .status-light-purple > td:first-child::before, .listing table.table-status-colors .status-light-purple > td:last-child::after {
    background-color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple > td a {
    color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple:hover > td {
    background-color: rgba(184, 176, 191, 0.15);
  }
  .listing table.table-status-colors .status-light-purple .status-label {
    background-color: #b8b0bf;
  }
  .listing table.table-status-colors .status-light-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-blue > td {
    background-color: rgba(141, 182, 215, 0.1);
  }
  .listing table.table-status-colors .status-light-blue > td:first-child::before, .listing table.table-status-colors .status-light-blue > td:last-child::after {
    background-color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue > td a {
    color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue:hover > td {
    background-color: rgba(141, 182, 215, 0.15);
  }
  .listing table.table-status-colors .status-light-blue .status-label {
    background-color: #8db6d7;
  }
  .listing table.table-status-colors .status-light-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-green > td {
    background-color: rgba(157, 184, 146, 0.1);
  }
  .listing table.table-status-colors .status-light-green > td:first-child::before, .listing table.table-status-colors .status-light-green > td:last-child::after {
    background-color: #9db892;
  }
  .listing table.table-status-colors .status-light-green > td a {
    color: #9db892;
  }
  .listing table.table-status-colors .status-light-green:hover > td {
    background-color: rgba(157, 184, 146, 0.15);
  }
  .listing table.table-status-colors .status-light-green .status-label {
    background-color: #9db892;
  }
  .listing table.table-status-colors .status-light-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-pink > td {
    background-color: rgba(220, 188, 202, 0.1);
  }
  .listing table.table-status-colors .status-light-pink > td:first-child::before, .listing table.table-status-colors .status-light-pink > td:last-child::after {
    background-color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink > td a {
    color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink:hover > td {
    background-color: rgba(220, 188, 202, 0.15);
  }
  .listing table.table-status-colors .status-light-pink .status-label {
    background-color: #dcbcca;
  }
  .listing table.table-status-colors .status-light-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-red > td {
    background-color: rgba(194, 146, 143, 0.1);
  }
  .listing table.table-status-colors .status-light-red > td:first-child::before, .listing table.table-status-colors .status-light-red > td:last-child::after {
    background-color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red > td a {
    color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red:hover > td {
    background-color: rgba(194, 146, 143, 0.15);
  }
  .listing table.table-status-colors .status-light-red .status-label {
    background-color: #c2928f;
  }
  .listing table.table-status-colors .status-light-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-orange > td {
    background-color: rgba(227, 179, 146, 0.1);
  }
  .listing table.table-status-colors .status-light-orange > td:first-child::before, .listing table.table-status-colors .status-light-orange > td:last-child::after {
    background-color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange > td a {
    color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange:hover > td {
    background-color: rgba(227, 179, 146, 0.15);
  }
  .listing table.table-status-colors .status-light-orange .status-label {
    background-color: #e3b392;
  }
  .listing table.table-status-colors .status-light-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-light-yellow > td {
    background-color: rgba(239, 207, 153, 0.1);
  }
  .listing table.table-status-colors .status-light-yellow > td:first-child::before, .listing table.table-status-colors .status-light-yellow > td:last-child::after {
    background-color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow > td a {
    color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow:hover > td {
    background-color: rgba(239, 207, 153, 0.15);
  }
  .listing table.table-status-colors .status-light-yellow .status-label {
    background-color: #efcf99;
  }
  .listing table.table-status-colors .status-light-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-grey > td {
    background-color: rgba(75, 75, 75, 0.1);
  }
  .listing table.table-status-colors .status-dark-grey > td:first-child::before, .listing table.table-status-colors .status-dark-grey > td:last-child::after {
    background-color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey > td a {
    color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey:hover > td {
    background-color: rgba(75, 75, 75, 0.15);
  }
  .listing table.table-status-colors .status-dark-grey .status-label {
    background-color: #4b4b4b;
  }
  .listing table.table-status-colors .status-dark-grey .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-purple > td {
    background-color: rgba(76, 62, 87, 0.1);
  }
  .listing table.table-status-colors .status-dark-purple > td:first-child::before, .listing table.table-status-colors .status-dark-purple > td:last-child::after {
    background-color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple > td a {
    color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple:hover > td {
    background-color: rgba(76, 62, 87, 0.15);
  }
  .listing table.table-status-colors .status-dark-purple .status-label {
    background-color: #4c3e57;
  }
  .listing table.table-status-colors .status-dark-purple .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-blue > td {
    background-color: rgba(6, 76, 133, 0.1);
  }
  .listing table.table-status-colors .status-dark-blue > td:first-child::before, .listing table.table-status-colors .status-dark-blue > td:last-child::after {
    background-color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue > td a {
    color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue:hover > td {
    background-color: rgba(6, 76, 133, 0.15);
  }
  .listing table.table-status-colors .status-dark-blue .status-label {
    background-color: #064c85;
  }
  .listing table.table-status-colors .status-dark-blue .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-green > td {
    background-color: rgba(44, 91, 25, 0.1);
  }
  .listing table.table-status-colors .status-dark-green > td:first-child::before, .listing table.table-status-colors .status-dark-green > td:last-child::after {
    background-color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green > td a {
    color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green:hover > td {
    background-color: rgba(44, 91, 25, 0.15);
  }
  .listing table.table-status-colors .status-dark-green .status-label {
    background-color: #2c5b19;
  }
  .listing table.table-status-colors .status-dark-green .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-pink > td {
    background-color: rgba(121, 66, 90, 0.1);
  }
  .listing table.table-status-colors .status-dark-pink > td:first-child::before, .listing table.table-status-colors .status-dark-pink > td:last-child::after {
    background-color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink > td a {
    color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink:hover > td {
    background-color: rgba(121, 66, 90, 0.15);
  }
  .listing table.table-status-colors .status-dark-pink .status-label {
    background-color: #79425a;
  }
  .listing table.table-status-colors .status-dark-pink .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-red > td {
    background-color: rgba(105, 22, 17, 0.1);
  }
  .listing table.table-status-colors .status-dark-red > td:first-child::before, .listing table.table-status-colors .status-dark-red > td:last-child::after {
    background-color: #691611;
  }
  .listing table.table-status-colors .status-dark-red > td a {
    color: #691611;
  }
  .listing table.table-status-colors .status-dark-red:hover > td {
    background-color: rgba(105, 22, 17, 0.15);
  }
  .listing table.table-status-colors .status-dark-red .status-label {
    background-color: #691611;
  }
  .listing table.table-status-colors .status-dark-red .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-orange > td {
    background-color: rgba(148, 65, 7, 0.1);
  }
  .listing table.table-status-colors .status-dark-orange > td:first-child::before, .listing table.table-status-colors .status-dark-orange > td:last-child::after {
    background-color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange > td a {
    color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange:hover > td {
    background-color: rgba(148, 65, 7, 0.15);
  }
  .listing table.table-status-colors .status-dark-orange .status-label {
    background-color: #944107;
  }
  .listing table.table-status-colors .status-dark-orange .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors .status-dark-yellow > td {
    background-color: rgba(160, 105, 13, 0.1);
  }
  .listing table.table-status-colors .status-dark-yellow > td:first-child::before, .listing table.table-status-colors .status-dark-yellow > td:last-child::after {
    background-color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow > td a {
    color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow:hover > td {
    background-color: rgba(160, 105, 13, 0.15);
  }
  .listing table.table-status-colors .status-dark-yellow .status-label {
    background-color: #a0690d;
  }
  .listing table.table-status-colors .status-dark-yellow .status-label > a {
    color: #fff;
  }
  .listing table.table-status-colors tr:hover .status-label a {
    color: #fff;
  }
  .listing table.table-status-colors tr.status-white:hover .status-label a {
    color: #666;
  }
  .listing table.table-status-colors .status-white.status-archived > td:first-child::before, .listing table.table-status-colors .status-white.status-archived > td:last-child::after {
    background-color: #fff;
  }
  .listing table.table-status-colors .status-white td a, .listing table.table-status-colors .status-white .status-label a {
    color: #666;
  }
  .listing table.table-status-colors button.status-button.status-button-green {
    background: #589141;
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-green i {
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-green:hover {
    background: #6eb253;
  }
  .listing table.table-status-colors button.status-button.status-button-green:active {
    background: #63a349;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow {
    background: #f6b444;
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow i {
    color: #fff;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow:hover {
    background: #f8c875;
  }
  .listing table.table-status-colors button.status-button.status-button-yellow:active {
    background: #f7be5c;
  }
}

/*
 * Fitted buttons design pattern is currently used for the primary item listings
 * to add the "Print Label" button as well as a pull-out "Add to Queue" option.
 */
.listing table.has-fitted-buttons tr td:first-child {
  position: relative;
}
.listing table.has-fitted-buttons tr:hover .fitted-button-primary {
  border-right: 1px solid #eee;
  background: #f8f8f8;
}
.listing table.has-fitted-buttons .fitted-buttons:hover .fitted-button-accessory {
  left: 36px;
  visibility: visible;
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.listing table.has-fitted-buttons .fitted-buttons button:hover i {
  color: #3d89d1;
}
.listing table.has-fitted-buttons .fitted-button-primary {
  position: absolute;
  width: 36px;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 3;
  margin: 0;
  padding-left: 8px;
  background: transparent;
  border: none;
  border-radius: 0;
  text-align: center;
}
.listing table.has-fitted-buttons .fitted-button-primary i {
  color: #bbb;
  font-size: 1.25rem;
}
.listing table.has-fitted-buttons .fitted-button-accessory {
  position: absolute;
  height: 30px;
  width: 30px;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  display: inline-block;
  margin: auto;
  padding: 1px 4px 0 6px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #eee;
  border-left: none;
}
.listing table.has-fitted-buttons .fitted-button-accessory i {
  font-size: 14px;
  color: #666;
}

.ie {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  z-index: 10000;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 100px 0;
}
.ie iframe {
  border: none;
  background-color: #fff;
  padding: 40px 40px 20px;
  text-align: center;
  width: 680px;
  height: 480px;
}

body,
html {
  height: 100%;
}

@media (orientation: landscape) {
  html.ipad.ios7 > body {
    bottom: 0;
    width: 100%;
    height: 672px !important;
  }
}
#listing,
#view {
  display: none;
  border-bottom: 1px solid #ddd;
}

.modal-direct {
  overflow: hidden;
}

.modal {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  max-width: 420px;
  padding: 30px;
  margin: 2em auto 4em;
}

.modal-wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-wrapper.modal-fixed {
  position: fixed;
}
.modal-wrapper .modal {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: 20%;
}

/* Hide top bar and navigation in the Griffin app.
   Adjust containers & wrappers to account for the
   hidden sections.
*/
body {
  background-color: #fff;
}
body.griffin .cr-topbar, body.full-page .cr-topbar {
  display: none;
}
body.griffin div.view nav.records, body.full-page div.view nav.records {
  display: none;
}
body.griffin div.page-container, body.full-page div.page-container {
  padding-top: 0;
  margin-left: 0 !important;
}
body.griffin .cr-sidebar,
body.griffin nav.navigation-drawer, body.full-page .cr-sidebar,
body.full-page nav.navigation-drawer {
  display: none;
}
body.griffin .griffin-no-display, body.full-page .griffin-no-display {
  display: none !important;
}
body .hidden {
  display: none !important;
}

.cr-background-no-repeat {
  background-repeat: no-repeat;
}

.react-page__listing {
  padding: 0.75rem;
  flex-grow: 1;
}

.react-page__view {
  position: relative;
  display: flex;
  padding: 0.75rem;
}
.react-page__view > * {
  align-self: flex-start;
}

.react-page__tabs {
  display: flex;
  width: 135px;
  flex-direction: column;
  padding: 0.375rem;
}
.react-page__tabs .nav-tab {
  font-size: 1rem;
  color: #2875c6;
  padding: 0.375rem 0.75rem;
}
.react-page__tabs .nav-tab.active {
  color: #fff;
  background-color: #232a3b;
  border-radius: 0.1875rem;
}
.react-page__tabs .nav-tab + .nav-tab {
  margin-top: 0.375rem;
}

.react-page__section {
  position: relative;
  flex-grow: 1;
  margin-left: 0.75rem;
}

.react-page__spinner {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 0.375rem;
}
.react-page__spinner .cr-spinner {
  align-self: center;
}

.retail-action-bar {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  background-color: #fff;
  border-bottom: solid 1px #e1e4e5;
}

.react-page {
  display: none;
  position: relative;
  flex-direction: column;
  flex-grow: 1;
  background-color: #f2f5f8;
}
.react-page a {
  color: #2875c6;
}
.react-page .cirrus {
  line-height: initial;
}

.retail-table-sorter {
  margin: -0.375rem;
}
.retail-table-sorter:not(.disabled) .cr-icon {
  fill: #848a8a;
}
.retail-table-sorter:not(.disabled).active .cr-icon {
  fill: #2875c6;
}

.retail-table-sorter__text {
  margin-right: 0.375rem;
}

.retail-table-merge {
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}

.table-listing__checkbox .cr-checkbox__label {
  cursor: pointer;
}
.table-listing__checkbox .cr-checkbox__input {
  cursor: pointer;
}

body.need-verify-pin > *:not(.page-container) {
  display: none !important;
}
body.need-verify-pin .page-container {
  transition: none;
  margin-left: 0 !important;
  padding-top: 0 !important;
}
body.need-verify-pin .page-container > *:not(.modal-wrapper):not(#notificationBarTypeWarning):not(#working):not(#success) {
  display: none !important;
}

/*
  Hide the icon container, because the injected SVG
  takes up physical space.
*/
#icon-container {
  display: none;
}

.icon {
  height: 21px;
  width: 21px;
  fill: #fff;
  display: inline-block;
}

.icon-left {
  transform: rotate(90deg);
}

.icon-right {
  transform: rotate(-90deg);
}

.icon-up {
  transform: rotate(180deg);
}

iframe.modal {
  min-width: 60%;
  min-height: 80%;
  position: absolute;
  z-index: 100;
  top: 60px;
  left: 20%;
  border: 6px solid #ccc;
  background-color: #fff;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.1);
}

.lscloud_modal {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  overflow-y: auto;
}
.lscloud_modal::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.modal_container .modal_content {
  margin-top: 75px;
  -webkit-user-select: none;
          user-select: none;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  z-index: 201;
  background-color: #fff;
  max-width: 540px;
  text-align: left;
  padding: 10px 30px 0;
  overflow: hidden;
  overflow-y: auto;
  font-size: 16px;
}
.modal_container .modal_content#announcement_modal_content {
  padding: 0;
}
.modal_container .modal_content.active {
  height: auto;
  position: relative;
  overflow: visible;
  vertical-align: middle;
}
.modal_container .modal_content.nopadding {
  padding: 0;
}
.modal_container .modal_content header {
  margin: 1rem 0;
}
.modal_container .modal_content header h1, .modal_container .modal_content header h4 {
  margin: 0;
  padding: 0;
}
.modal_container .modal_content header h4 {
  margin-bottom: 0.25rem;
}
.modal_container .modal_content header.lscloud-modal-header {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 16px 20px 14px;
  margin: 0;
  position: relative;
}
.modal_container .modal_content header.lscloud-modal-header h1 {
  color: #888;
  font-size: 1rem;
  text-transform: uppercase;
}
.modal_container .modal_content header.lscloud-modal-header .cancel {
  position: absolute;
  right: 20px;
  top: 16px;
  font-size: 0.75rem;
  color: #999;
}
.modal_container .modal_content.wide {
  max-width: 720px;
}
.modal_container .modal_content h1 {
  font-weight: 600;
  font-size: 1.75em;
  line-height: 1;
  padding: 1em 0 0.75em;
  margin: 0;
}
.modal_container .modal_content h2 {
  color: #444;
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0;
}
.modal_container .modal_content h4 {
  text-transform: uppercase;
  color: #888;
  font-weight: 600;
  font-size: 1.125rem;
  margin: 1em 0;
}
.modal_container .modal_content p {
  margin: 0 0 1em;
  font-size: 1.25em;
  line-height: 1.5;
  color: #000;
}
.modal_container .modal_content p a {
  font-size: 1em;
  line-height: 1.5;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.modal_container .modal_content p.hint {
  font-size: 0.85em;
  color: #999;
  margin: 0 0 0.75em;
}
.modal_container .modal_content p.small {
  font-size: 0.8375rem;
  line-height: 1.4;
  color: #999;
  margin: 0 0 1.75em;
}
.modal_container .modal_content p.small a {
  font-weight: 600;
  color: #888;
  border-bottom: 1px solid #eee;
  transition: color 0.4s, border 0.4s;
}
.modal_container .modal_content.tutorial-modal h4, .modal_container .modal_content.tutorial-modal div, .modal_container .modal_content.tutorial-modal section, .modal_container .modal_content.tutorial-modal p {
  padding: 0 30px;
}
.modal_container .modal_content.tutorial-modal section.modal-insert {
  margin: 0;
}
.modal_container .modal_content.tutorial-modal section.modal-insert div.cloudforipad-image {
  margin-right: -30px;
}
.modal_container .modal_content.tutorial-modal footer {
  margin: 0;
}
.modal_container .modal_content.tutorial-modal footer label {
  padding-left: 30px;
}
.modal_container .modal_content.tutorial-modal p.small {
  padding: 20px 0 0 30px;
}
.modal_container .modal_content .modal-choiceset ol {
  list-style: none;
  padding: 0;
  margin: 0;
  column-count: 3;
  column-gap: 30px;
  column-rule: none;
}
.modal_container .modal_content .modal-choiceset li {
  break-inside: avoid-column;
  margin: 0 0 0.75em;
  line-height: 1.4;
  font-size: 0.85em;
}
.modal_container .modal_content .modal-choiceset label {
  font-size: 1.25rem;
  color: #777;
  width: 100%;
  display: inline-block;
}
.modal_container .modal_content .modal-choiceset label:hover {
  color: #333;
  cursor: pointer;
}
.modal_container .modal_content .numbered-instructions {
  margin: 25px -30px 30px;
}
.modal_container .modal_content .numbered-instructions h2 {
  color: #3287cc;
  margin-top: 0.25em;
}
.modal_container .modal_content .numbered-instructions h2, .modal_container .modal_content .numbered-instructions p {
  margin: 0;
  margin-left: 65px;
}
.modal_container .modal_content .numbered-instructions p {
  color: #666;
  width: 85%;
}
.modal_container .modal_content .numbered-instructions a {
  padding: 20px 30px;
  text-decoration: none;
  overflow: hidden;
  display: block;
  transition: color 0.4s, background 0.4s;
}
.modal_container .modal_content .numbered-instructions strong {
  margin: -4px 0 0;
  line-height: 1.4;
  color: #fff;
  background-color: #aaa;
  width: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 2.25rem;
  display: block;
  border-radius: 50px;
  float: left;
  transition: color 0.4s, background 0.4s;
}
.modal_container .modal_content .lscloud_button {
  background: #3d89d1;
  font-size: 1.1em;
  padding: 12px 15px;
  margin: 0 15px 30px 0;
  color: #fff;
  border: none;
  display: inline-block;
  text-decoration: none;
  border-radius: 3px;
}
.modal_container .modal_content .lscloud_button:hover {
  background-color: #2a6fb1;
}
.modal_container .modal_content .lscloud_button.wide {
  width: 100%;
  border-radius: 0;
  margin: 0;
}
.modal_container .modal_content section.modal_instruction {
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  margin: 0 -30px 0;
  padding: 20px 30px;
}
.modal_container .modal_content section.modal_instruction.nocenter {
  align-items: flex-start;
}
.modal_container .modal_content section.modal_instruction p.modal_instruction_text {
  color: #777;
  margin-right: 20px;
  min-width: 160px;
  font-size: 1em;
  line-height: 1.7;
}
.modal_container .modal_content section.modal_instruction p.modal_instruction_text em {
  font-style: normal;
  background-color: #eee;
  padding: 3px 5px;
  font-size: 0.85em;
  color: #888;
  white-space: nowrap;
}
.modal_container .modal_content section.modal_instruction .ui-switch-diagram {
  background-image: url("../images/settings/ui-switch/new-ui-disable.png");
}
.modal_container .modal_content section.modal_instruction .litho-first-load-diagram {
  background-image: url("../images/settings/menu_tip_modal.png");
}
.modal_container .modal_content section.modal_instruction .crop-circle {
  border-radius: 1000px;
  min-width: 160px;
  height: 160px;
  box-shadow: inset 0 0 15px 5px rgba(0, 0, 0, 0.3);
  float: right;
  overflow: hidden;
}
.modal_container .modal_content section.modal_instruction.modal_instruction_noborder {
  padding: 10px 30px;
  border-top: none;
}
.modal_container .modal_content section.modal-insert {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 30px;
  margin: 0 0 20px -30px;
}
.modal_container .modal_content section.modal-insert:hover {
  cursor: pointer;
}
.modal_container .modal_content section.modal-insert h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 0 0.25em;
}
.modal_container .modal_content section.modal-insert a {
  text-decoration: none;
}
.modal_container .modal_content section.modal-insert p {
  line-height: 1.4;
  font-size: 1.125rem;
  margin: 0;
}
.modal_container .modal_content section.modal-insert p strong {
  transition: color 0.4s, border 0.4s;
  color: #3287cc;
  border-bottom: 2px solid #fff;
}
.modal_container .modal_content section.modal-insert .right.trim {
  width: 200px;
  height: 150px;
  margin: -50px -45px -10px 0;
}
.modal_container .modal_content section.modal-insert .right {
  float: right;
  margin-bottom: 10px;
}
.modal_container .modal_content section.modal-insert .cloudforipad-image {
  background-image: url("../images/settings/ipad.png");
  background-size: contain;
}
.modal_container .modal_content .modal-articles .modal-article:last-child {
  border-bottom: none;
}
.modal_container .modal_content article.modal-article {
  padding: 30px 20px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.modal_container .modal_content article.modal-article h2 {
  font-weight: 600;
  color: #666;
}
.modal_container .modal_content article.modal-article p {
  margin: 0.25em 0 1em;
  color: #999;
  font-size: 1rem;
  line-height: 1.5;
}
.modal_container .modal_content article.modal-article p a {
  text-decoration: none;
  padding: 0;
  border-bottom: 1px solid #fff;
  color: #3d89d1;
  transition: color 0.4s, border 0.4s;
}
.modal_container .modal_content article.modal-article p a:hover {
  color: #205588;
  border-bottom: 1px solid #6fabdc;
}
.modal_container .modal_content article.modal-article label {
  margin: 0.25em 0 1em;
  color: #999;
  font-size: 1rem;
  line-height: 1.5;
  width: 30%;
}
.modal_container .modal_content article.modal-article input {
  width: 78%;
  margin-left: 3px;
  font-size: 1rem;
}
.modal_container .modal_content article.modal-article textarea {
  border: 1px solid #ccc;
  padding: 12px;
  font-size: 1rem;
  width: 100%;
}
.modal_container .modal_content form div.form-error {
  border-top: 3px solid #a44039;
  padding: 15px;
  border-bottom: 1px solid #ccc;
  background-color: #fff2f2;
}
.modal_container .modal_content form div.form-error p {
  margin: 0;
  color: #a44039;
  font-size: 0.85rem;
}
.modal_container .modal_content footer {
  background-color: #eee;
  overflow: hidden;
  padding: 0;
  margin: 0 -30px;
}
.modal_container .modal_content footer button {
  padding: 20px;
  width: 100%;
  background: #3d89d1;
  color: #fff;
  border-radius: 0;
  margin: 0;
  border: none;
}
.modal_container .modal_content footer .lscloud_button {
  float: left;
  padding: 20px 30px;
  border-radius: 0;
  margin: 0;
}
.modal_container .modal_content footer .checkbox {
  float: left;
  font-weight: 600;
  font-size: 1rem;
  color: #666;
  padding: 20px 40px 20px 20px;
}
.modal_container .modal_content footer .checkbox.dismiss-permament {
  display: block;
  background-color: #eee;
  padding: 15px 20px;
  border-top: 1px solid #ddd;
  color: #888;
  font-size: 0.875rem;
  font-weight: normal;
}
.modal_container .modal_content footer .checkbox.dismiss-permament input {
  font-size: 1rem;
  margin-right: 4px;
}
.modal_container .modal_content footer .exit {
  font-size: 1rem;
  color: #999;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  margin: 20px;
  display: inline-block;
}
.modal_container .modal_content footer .exit:hover {
  color: #777;
}
.modal_container .modal_content footer.modal-footer-secondary {
  margin: 0;
}
.modal_container #announcement_modal_content.modal_content .announcement_body {
  margin-bottom: 10px;
}
.modal_container #announcement_modal_content.modal_content p.small {
  text-align: right;
}

.modal-overlay {
  font-family: Lato-Regular, Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(18, 21, 25, 0.7);
}
.modal-overlay.animate-in {
  animation: overlay-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.modal-overlay.animate-out {
  animation: overlay-animation-reverse 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}
.modal-overlay .modal-container {
  background-color: #fff;
  border-radius: 3px;
  width: 635px;
}
.modal-overlay .modal-container.animate-in {
  animation: show-modal-animation 0.1s cubic-bezier(0, 0, 0.2, 1);
}
.modal-overlay .modal-container.animate-out {
  animation: dismiss-modal-animation 0.1s cubic-bezier(0.4, 0, 0.6, 1);
}
.modal-overlay .modal-container .modal-button {
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #c4cacc;
  box-shadow: 0 1px 3px 0 rgba(195, 202, 204, 0.4), inset 0 -1px 3px 0 rgba(131, 138, 138, 0.2);
  padding: 9px 26px;
  text-align: center;
}
.modal-overlay .modal-container .close::after {
  font: normal normal normal 12px/1.8 FontAwesome;
  content: "";
  display: inline-block;
  color: #c4cacc;
  padding: 20px 0;
  float: right;
  cursor: pointer;
}
.modal-overlay .modal-container .modal-header {
  border-bottom: 1px solid rgba(196, 202, 204, 0.5);
  display: block;
  padding: 0 25px;
}
.modal-overlay .modal-container .modal-header h1 {
  line-height: 1.3;
  padding: 20px 0;
  margin-bottom: 0;
  font-size: 15px;
  display: inline-block;
}
.modal-overlay .modal-container .modal-header .modal-back-button {
  display: inline-block;
  color: #494c4c;
  font-size: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94);
  margin-right: 20px;
}
.modal-overlay .modal-container .modal-header .modal-back-button .angle-left::before {
  font: normal normal normal 11px/1 FontAwesome;
  content: "";
  display: inline-block;
  color: #c4cacc;
  vertical-align: top;
  margin: 4px 10px 0 0;
}
.modal-overlay .modal-container .modal-content {
  font-size: 15px;
  padding: 0 25px;
}
.modal-overlay .modal-container .modal-content .modal-page {
  opacity: 1;
  max-height: 500px;
}
.modal-overlay .modal-container .modal-content .modal-page.modal-page-hidden {
  display: none;
  opacity: 0;
  max-height: 0;
}
.modal-overlay .modal-container .modal-content .modal-message {
  text-align: left;
  font-size: 23px;
  line-height: 0.9;
  margin: 1em 0;
}
.modal-overlay .modal-container .modal-content .modal-message.modal-message-centered {
  text-align: center;
}
.modal-overlay .modal-container .modal-content .modal-message.modal-image-message {
  margin: 2em 0;
}
.modal-overlay .modal-container .modal-content .modal-button-container {
  text-align: center;
  margin: 40px 0;
}
.modal-overlay .modal-container .modal-content .modal-terminal-graphic {
  margin: auto;
  background: url(../images/payments/terminal-graphic.png) no-repeat;
  width: 154px;
  height: 291px;
  object-fit: contain;
}
.modal-overlay .modal-container .modal-content .modal-text-title {
  color: #181a1a;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3;
  margin: 30px 20px;
}
.modal-overlay .modal-container .modal-content .modal-text {
  color: #181a1a;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 1em;
}
.modal-overlay .modal-container .modal-content .modal-text a {
  color: #181a1a;
  cursor: pointer;
  text-decoration: underline;
}
.modal-overlay .modal-container .modal-content .modal-text:last-child {
  margin-bottom: 0;
}
.modal-overlay .modal-container .modal-footer {
  border-top: 1px solid rgba(196, 202, 204, 0.5);
  padding: 1.5em;
  text-align: right;
  background-color: #fafafa;
}
.modal-overlay .modal-container .modal-footer .modal-button {
  margin-right: 1em;
  font-size: 13px;
}
.modal-overlay .modal-container .modal-footer .modal-button:last-child {
  margin-right: 0;
}

@keyframes show-modal-animation {
  from {
    transform: scale(0.94) rotateX(-5deg) translateY(10px);
  }
  to {
    transform: scale(1) rotateX(0deg) translateY(0);
  }
}
@keyframes dismiss-modal-animation {
  from {
    transform: scale(1) rotateX(0deg) translateY(0);
  }
  to {
    transform: scale(0.94) rotateX(-5deg) translateY(10px);
  }
}
@keyframes overlay-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes overlay-animation-reverse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
#popup {
  overflow: hidden;
  width: 540px;
  height: 300px;
  position: fixed;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: none;
  z-index: 1000000;
}
#popup.active {
  display: block;
}
#popup.active #popup-content {
  right: 0;
  opacity: 1;
}
#popup h2 {
  font-weight: 600;
  margin: 0;
}
#popup h3 {
  margin: 0 30px 0.65em 0;
  font-size: 0.9375rem;
  font-weight: 600;
}
#popup h4 {
  float: left;
  color: #777;
  font-weight: 600;
  width: 9em;
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 0.75em;
}
#popup h4.scale-high {
  float: right;
}
#popup ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#popup ul li {
  float: left;
  width: 9%;
}
#popup label {
  display: block;
  margin: 0 auto;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  color: #999;
  line-height: 24px;
  border: 3px solid #ccc;
  border-radius: 30px;
  height: 30px;
  width: 30px;
  background: #fff;
  transition: all 0.4s;
}
#popup label:hover {
  cursor: pointer;
  color: #333;
  border-color: #999;
}
#popup input[type=radio] {
  display: none;
}
#popup textarea {
  padding: 10px;
  font-size: 0.9375rem;
  width: 92%;
  height: 4rem;
  margin: 0.75em 0 0;
  border-bottom: none;
}
#popup button {
  background: #3d89d1;
  color: #fff;
  border: none;
  padding: 10px 15px;
  display: block;
  margin: 0;
  width: 92%;
  font-size: 0.9375rem;
  border-radius: 0;
}
#popup #popup-content {
  position: absolute;
  bottom: 0;
  right: -540px;
  opacity: 0;
  transition: all 0.7s;
  background-color: #eee;
  pointer-events: auto;
  width: 540px;
}
#popup a.close {
  position: absolute;
  top: 6px;
  right: 6px;
  color: #999;
  text-decoration: none;
  font-weight: 600;
  padding: 2px 7px;
  font-size: 1.75rem;
  line-height: 1;
  transition: color 0.3s;
}
#popup a.close:hover {
  color: #3d89d1;
  cursor: pointer;
}
#popup p.optional {
  color: #888;
  font-size: 0.9375rem;
  margin: 0.25em 0 0;
}
#popup form#netpromoter, #popup #netpromoter-thankyou {
  margin-left: 100px;
  border-top: 1px solid #ccc;
  padding: 10px 20px 15px;
}
#popup #netpromoter-thankyou {
  display: none;
}
#popup button.skip {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  border: 1px solid #ccc;
  font-size: 1.5rem;
  border-bottom: none;
  text-align: center;
  text-decoration: none;
  float: left;
  color: #888;
  padding: 0;
  background: #f8f8f8;
  transition: all 0.3s;
}
#popup button.skip:hover {
  border-color: #3d89d1;
  background-color: #3d89d1;
  color: #fff;
}
#popup a.skip {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  border: 1px solid #ccc;
  font-size: 1.5rem;
  border-bottom: none;
  text-align: center;
  text-decoration: none;
  float: left;
  color: #888;
  padding: 0;
  padding-top: 10%;
  background: #f8f8f8;
  transition: all 0.3s;
}
#popup a.skip:hover {
  border-color: #3d89d1;
  background-color: #3d89d1;
  color: #fff;
}

/*
 * Sections *
 * section.scss covers styling the top-level menus of each major section of the system
 * sales, inventory, customers, etc...
 */
#section {
  display: none;
  flex-grow: 1;
  font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  background: #f3f3f3;
  min-height: 100%;
}
#section .register,
#section .inventory,
#section .service,
#section .customers,
#section .admin,
#section .system {
  background: #f3f3f3;
}
#section .reports {
  background: #fff;
}
#section a.control:not(.status-button),
#section .lf a:not(.status-button),
#section .lf button:not(.status-button),
#section #listing table button:not(.fitted-button):not(.status-button) {
  cursor: pointer;
  background: #fff;
}
#section a.control:not(.status-button) i,
#section .lf a:not(.status-button) i,
#section .lf button:not(.status-button) i,
#section #listing table button:not(.fitted-button):not(.status-button) i {
  color: #232a3b;
}
#section a.control:not(.status-button):hover,
#section .lf a:not(.status-button):hover,
#section .lf button:not(.status-button):hover,
#section #listing table button:not(.fitted-button):not(.status-button):hover {
  background: #2875c6;
}
#section a.control:not(.status-button):hover i,
#section .lf a:not(.status-button):hover i,
#section .lf button:not(.status-button):hover i,
#section #listing table button:not(.fitted-button):not(.status-button):hover i {
  color: #fff;
}

body.griffin kbd {
  display: none;
}

/* ui_section */
article.section {
  clear: both;
  padding: 15px 0 0 15px;
}
@media (min-width: 720px) {
  article.section {
    padding: 30px 15px 5px 30px;
  }
}
article.section h2 {
  padding: 0 0 5px;
  margin: 0 15px 0 0;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #181a1a;
  border-bottom: 1px solid #c4cacc;
}
article.section p {
  color: #666;
  margin: 1em 0;
  font-size: 0.875rem;
}
article.section ul.options {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
article.section ul.options::after {
  content: "";
  clear: both;
  display: table;
}
article.section ul.options li {
  position: relative;
  float: left;
}
article.section ul.options li p {
  display: none;
  position: absolute;
  top: 10.2em;
  background-color: #5a5a5a;
  border-radius: 4px;
  padding: 10px 16px;
  margin: 0;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.5;
  width: 20em;
  z-index: 50;
}
article.section ul.options li p::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -10px;
  left: 54px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5a5a5a;
}
article.section ul.options li:hover p:first-of-type {
  display: block;
}
article.section ul.options button {
  float: left;
  width: 125px;
  height: 125px;
  margin: 0 15px 15px 0;
  padding-top: 70px;
  text-align: center;
  position: relative;
  font-weight: normal;
  font-size: 0.9375rem;
  line-height: 1.1;
  color: #232a3b;
  background: #fff;
  border-radius: 0.375rem;
  border: 1px solid #abb3b3;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  transition-property: background-color, border-color, box-shadow, color;
  transition-duration: 100ms;
}
article.section ul.options button i {
  font-size: 3.2375rem;
  line-height: 1;
  height: 60px;
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  color: #232a3b;
  transition: color 0.3s;
}
article.section ul.options button img {
  float: left;
  border: 5px solid red;
}
article.section ul.options button kbd,
article.section ul.options button span.label {
  color: #848a8a;
  font-size: 0.75rem;
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0;
  float: none;
}
article.section ul.options button:hover {
  border: 1px solid #bbb;
  color: inherit;
  box-shadow: 0 0.1875rem 0.375rem rgba(12, 13, 13, 0.15);
}
article.section ul.options button:active, article.section ul.options button.current {
  background: #232a3b;
  color: #fff;
  border-color: transparent;
}
article.section ul.options button:active kbd,
article.section ul.options button:active span.label, article.section ul.options button.current kbd,
article.section ul.options button.current span.label {
  color: #6f8097;
}
article.section ul.options button:active i, article.section ul.options button.current i {
  color: #fff;
}
article.section ul.options button.beta::before {
  content: "Beta";
  display: block;
  color: white;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #3d89d1;
  padding: 6px 10px;
  border-radius: 35px;
  text-transform: uppercase;
}
article.section ul.options button.beta.cfd.deprecated::before {
  background-color: #c4cacc;
  content: "v1";
}
article.section ul.options button.beta.cfd.v2::before {
  content: "v2";
}
article.section ul.options a {
  color: #3d89d1;
  text-decoration: none;
}
article.section ul.options a:hover {
  text-decoration: underline;
}
article.section div.action_group {
  margin: 0 0 0.75em;
  clear: both;
}
article.section div.action_group h3 {
  margin: 0.75em 0 0.25em;
  color: #000;
  font-size: 1rem;
  font-weight: 600;
}
article.section div.action_group ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5em;
}
article.section div.action_group li {
  margin: 0 0 0.25em;
  padding: 0.25em 0;
  font-size: 0.9375rem;
}
article.section div.action_group a {
  color: #2875c6;
  text-decoration: none;
}
article.section div.action_group a:hover {
  text-decoration: underline;
}
article.section div.action_group button {
  float: left;
  color: #999;
  background: #fff;
  margin-right: 5px;
  padding: 2px 4px;
  border: 1px solid #abb3b3;
  display: inline-block;
  margin-top: -2px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
article.section div.action_group button i {
  color: #232a3b;
  margin: 0;
}
article.section div.action_group button:hover, article.section div.action_group button:active {
  border-color: #6f8097;
  background: #2875c6;
  color: #fff;
}
article.section div.action_group button:hover i, article.section div.action_group button:active i {
  color: #fff;
}
article.section div.action_group input {
  padding: 8px 6px;
}

nav#section article:last-of-type,
#register article:last-of-type {
  min-height: 16.5em;
}

div.ui_form_field {
  margin: 0;
  padding: 0;
}

div.ui_field_label {
  float: left;
  width: 10em;
  text-align: right;
  padding: 8px 10px 8px 0;
  color: #666;
}

div.notifier {
  position: fixed;
  top: -2.5rem;
  left: 50%;
  z-index: 200;
  margin: 0 0 0 -100px;
  padding: 8px 36px 12px;
  color: #fff;
  font-size: 0.875rem;
  transition: top 0.15s;
}
div.notifier i {
  font-size: 1.25em;
  display: inline-block;
  margin: -3px 3px 0 0;
}
div.notifier a, div.notifier a:link, div.notifier a:visited {
  color: #fff;
  text-decoration: none;
  padding: 0 2px;
}
div.notifier::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #3d89d1;
  transform: perspective(5px) rotateX(-1deg);
  border-radius: 0 0 8px 8px;
}
div.notifier.active {
  top: 0;
}

#working::before {
  background: #3d89d1;
}

#success::before {
  background: #589141;
}

div.alert {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0;
  /*  This class is added to message divs on pages where the "functions" bar is fixed on the top */
}
div.alert::after {
  content: "";
  display: table;
  clear: both;
}
div.alert pre {
  margin-top: 0;
  margin-bottom: 0;
}
div.alert p,
div.alert ul,
div.alert li {
  margin: 0;
  line-height: 1.25;
  font-size: 1rem;
  color: #000;
}
div.alert p,
div.alert ul {
  padding: 17px 0 17px 54px;
}
div.alert ul {
  list-style: none;
}
div.alert a {
  color: #000;
}
div.alert a:hover {
  color: #333;
}
div.alert a.strong-link {
  color: #00f;
  border-bottom: thin solid;
}
div.alert a.strong-link:hover {
  color: #009;
}
div.alert > i {
  display: inline-block;
  float: left;
  color: #000;
  font-size: 30px;
  line-height: 54px;
  width: 54px;
  text-align: center;
}
div.alert a.close {
  display: inline-block;
  float: right;
  text-decoration: none;
  padding: 0 16px;
  text-transform: uppercase;
  color: #888;
  font-size: 32px;
  line-height: 54px;
}
div.alert a.close:hover {
  color: #000;
}
div.alert button {
  margin: -10px 0;
  float: right;
}
div.alert.highlight {
  background-color: #fef3d3;
}
div.alert.highlight i {
  color: #f6b444;
}
div.alert.error {
  background-color: #efdbda;
  border-color: #a44039;
}
div.alert.error p a {
  color: #58221f;
}
div.alert.error p a:hover {
  color: #a44039;
}
div.alert.error p a.strong-link {
  color: #a44039;
}
div.alert.error strong {
  color: #a44039;
}
div.alert.error i {
  color: #a44039;
}
div.alert.alert-offset {
  position: relative;
  top: 60px;
}
div.alert .alert-help-text {
  color: #888;
  line-height: 2rem;
}

/* search controls/fields */
.listing {
  /* tabs - results header */
  /* table of data */
}
.listing header {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
.listing header .listing-functions {
  float: right;
  margin: -1px 0 0 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
.listing header .listing-functions li {
  float: none;
  display: inline;
}
.listing header .listing-functions li:last-child button {
  margin: 0;
}
.listing header .listing-functions button {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-right: -1px;
}
.listing header .listing-functions button.delete-function, .listing header .listing-functions button.action-function {
  background-color: #eee;
  color: #666;
}
.listing header .listing-functions button.delete-function i, .listing header .listing-functions button.action-function i {
  display: inline-block;
  margin-left: -0.25em;
}
.listing header .listing-functions button.delete-function:hover, .listing header .listing-functions button.action-function:hover {
  background-color: #e0e0e0;
}
.listing header .listing-functions button.delete-function::before, .listing header .listing-functions button.action-function::before {
  display: none;
}
.listing header .listing-functions button.delete-function {
  color: #a44039;
}
.listing header .listing-functions button.delete-function i {
  color: #a44039;
}
.listing .listing-info-box {
  font-size: 0.925em;
  border-bottom: 1px solid #ccc;
  z-index: 50000;
  clear: both;
}
.listing .tabs {
  margin: 0;
  padding: 10px 0 0 15px;
  list-style: none;
  border-bottom: 1px solid #ccc;
  height: 54px;
}
.listing .tabs li {
  display: inline;
}
.listing .tabs li a {
  float: left;
  padding: 12px 15px 11px;
  color: #666;
  text-decoration: none;
  font-size: 0.875rem;
}
.listing .tabs li.current_tab a {
  color: #444;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-bottom: none;
  font-weight: 600;
}
.listing .controls {
  margin: 0;
  padding: 0 8px 0 15px;
  background-color: #f8f8f8;
  font-size: 0.875rem;
}
.listing .controls.top {
  border-bottom: 1px solid #ddd;
  height: 54px;
  line-height: 54px;
}
.listing .controls.bottom {
  border-top: 1px solid #ddd;
  line-height: 36px;
}
.listing .controls.bottom ul {
  margin-top: 0;
  height: 36px;
  line-height: 36px;
}
.listing .controls.bottom a, .listing .controls.bottom select, .listing .controls.bottom .jump {
  border-top: none;
  border-bottom: none;
}
.listing .controls ul {
  list-style: none;
  padding: 0;
  float: left;
  margin: 9px 0 0;
}
.listing .controls ul.actions {
  float: right;
}
.listing .controls li {
  display: inline;
}
.listing .controls .results {
  display: inline-block;
  float: left;
  margin: 0 15px 0 0;
  font-size: 0.875rem;
  color: #777;
}
.listing .controls a, .listing .controls select {
  height: 36px;
  float: left;
  display: inline-block;
  padding: 0 10px;
  margin-right: -1px;
  background: #fff;
  border: 1px solid #ccc;
  border-left: none;
  color: #777;
  font-size: 0.875rem;
  line-height: 35px;
  transition: color 0.3s, background 0.3s, border 0.3s;
}
.listing .controls a:hover, .listing .controls select:hover {
  color: #3d89d1;
  background-color: #f7fafd;
}
.listing .controls a.disabled, .listing .controls select.disabled {
  background: none;
  color: #ddd;
}
.listing .controls a.disabled:hover, .listing .controls select.disabled:hover {
  cursor: default;
}
.listing .controls a.current, .listing .controls select.current {
  color: #3d89d1;
  background-color: #e2edf8;
}
.listing .controls a.current:hover, .listing .controls select.current:hover {
  cursor: default;
}
.listing .controls a:first-of-type {
  border-left: 1px solid #ccc;
}
.listing .controls a.page_size {
  background: none;
  color: #3d89d1;
  border: none;
  text-transform: uppercase;
}
.listing .controls a.previous, .listing .controls a.next {
  font-size: 0;
}
.listing .controls a.previous::before, .listing .controls a.next::before {
  line-height: 34px;
  font-size: 1.5rem;
}
.listing .controls a.previous::before {
  content: "";
}
.listing .controls a.next::before {
  content: "";
}
.listing .controls a.print::before, .listing .controls a.export::before, .listing .controls a.mailing-labels::before, .listing .controls a.delete::before {
  margin-right: 5px;
}
.listing .controls a.delete {
  color: #a44039;
}
.listing .controls a.delete::before {
  content: "";
}
.listing .controls a.delete:hover {
  color: #7e312c;
}
.listing .controls a.print::before {
  content: "";
  margin-right: 2px;
}
.listing .controls a.export::before {
  content: "";
}
.listing .controls a.mailing-labels::before {
  content: "";
}
.listing .controls .actions a {
  font-weight: 600;
  font-size: 0.875rem;
  border-color: #bbb;
}
.listing .controls select {
  float: left;
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  border-radius: 0;
  border: none;
  line-height: 1;
  padding: 8px 12px;
}
.listing .controls select:hover {
  cursor: pointer;
}
.listing .controls select:focus {
  outline: none;
}
.listing .controls select option {
  background-color: #fff;
  color: #666;
  text-transform: none;
}
.listing .controls li.jump {
  background-color: #fff;
  overflow: hidden;
  display: inline-block;
  float: left;
  border: 1px solid #ddd;
  height: 36px;
  border-right: none;
}
.listing .controls li.jump.current {
  color: #3d89d1;
  background-color: #e2edf8;
}
.listing .controls li.jump::after {
  content: "";
  margin: 0 0 0 -20px;
  display: inline-block;
  line-height: 35px;
  float: left;
  width: 20px;
  color: #999;
  font-size: 16px;
  pointer-events: none;
}
.listing .controls li.jump:hover::after {
  color: #3d89d1;
}
.listing table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.listing table .money,
.listing table .th-money,
.listing table .prettymoney,
.listing table .th-prettymoney {
  min-width: 5.5rem;
  max-width: 8rem;
  text-align: right;
}
.listing table .number,
.listing table .th-number {
  text-align: right;
}
.listing table .select_box {
  min-width: 12rem;
}
.listing td, .listing th {
  padding: 5px 6px;
}
.listing td .unpublish-from-ecom, .listing th .unpublish-from-ecom {
  position: relative;
  color: #b9393d !important;
  padding: 6px;
  margin-left: -6px;
}
.listing td .unpublish-from-ecom span, .listing th .unpublish-from-ecom span {
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
  display: none;
  margin-left: 4px;
  z-index: 1;
  position: absolute;
  top: 8px;
  left: 16px;
}
.listing td .unpublish-from-ecom:hover, .listing th .unpublish-from-ecom:hover {
  color: #b9393d;
  text-decoration: none;
}
.listing td .unpublish-from-ecom:hover span, .listing th .unpublish-from-ecom:hover span {
  display: block;
  text-decoration: underline;
}
.listing thead th {
  height: 0;
  padding: 6px;
  color: #555;
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: normal;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.listing thead th:first-child {
  padding-left: 15px;
}
.listing thead th:last-child {
  padding-right: 15px;
}
.listing thead th a {
  color: #666;
  text-decoration: none;
}
.listing thead th i {
  padding: 0 5px 0 0;
}
.listing thead th.sorted {
  color: #555;
  font-weight: 600;
}
.listing thead th.sorted a {
  color: #555;
}
.listing thead th.sorted i {
  color: red;
}
.listing thead .listing-limit-refine {
  background-color: #f8f8f8;
}
.listing thead .listing-limit-refine td {
  padding: 7px 15px;
  font-size: 0.75rem;
  border-bottom: 1px solid #ccc;
}
.listing thead .listing-limit-refine-export {
  float: right;
}
.listing tr {
  border-bottom: 1px solid #eee;
}
.listing tr.no_border {
  border: 0;
}
.listing .transaction_note td:first-child {
  padding-top: 0;
  padding-left: 30px;
}
.listing .today-simple-subtotal {
  border-bottom: 0;
}
.listing .today-simple-subtotal td {
  padding-bottom: 12px;
  font-weight: bold;
}
.listing .today-simple-subtotal:last-child td {
  padding-bottom: 5px;
}
.listing td input {
  padding: 3px 6px;
  margin: -4px 0;
  min-height: 0;
}
.listing td input[type=checkbox] {
  font-size: 1rem;
  width: auto;
  margin: 0 6px 0 0;
}
.listing td input[size="1"] {
  max-width: 0.9rem;
}
.listing td input[size="2"] {
  max-width: 1.8rem;
}
.listing td input[size="3"] {
  max-width: 2.7rem;
}
.listing td input[size="4"] {
  max-width: 3.6rem;
}
.listing td input[size="5"] {
  max-width: 4.5rem;
}
.listing td input[size="6"] {
  max-width: 5.4rem;
}
.listing td input[size="7"] {
  max-width: 6.3rem;
}
.listing td input[size="8"] {
  max-width: 7.2rem;
}
.listing td input[size="9"] {
  max-width: 8.1rem;
}
.listing td input[size="10"] {
  max-width: 9rem;
}
.listing td input[size="11"] {
  max-width: 9.9rem;
}
.listing td input[size="12"] {
  max-width: 10.8rem;
}
.listing td input[size="13"] {
  max-width: 11.7rem;
}
.listing td input[size="14"] {
  max-width: 12.6rem;
}
.listing tbody tr td.group table {
  background-color: transparent;
}
.listing tbody tr td.group tr {
  border-bottom: none;
}
.listing tbody tr:last-child {
  border-bottom: none;
}
.listing tbody tr.selected {
  background-color: #ffc;
}
.listing tbody tr.good {
  background-color: #7c7;
}
.listing tbody tr.highlight {
  background-color: #ff9;
}
.listing tbody tr.warning {
  background-color: #fa5;
}
.listing tbody tr.error {
  background-color: #f77;
}
.listing tbody tr.disabled {
  background-color: #ccc;
  color: #555;
}
.listing tbody tr.disabled input, .listing tbody tr.disabled select {
  background-color: #eee;
  color: #999;
}
.listing tbody tr.disabled a:link, .listing tbody tr.disabled a:visited, .listing tbody tr.disabled a:active {
  color: #5884b1;
}
.listing tbody tr.disabled a:hover {
  color: #b08458;
}
.listing tbody tr.select_functions td {
  text-align: left;
  padding: 2px 0 4px 2px;
  font-size: 15px;
  background-color: #fff;
}
.listing tbody tr.select_functions td a {
  text-decoration: none;
}
.listing tbody tr.archived {
  background: #ddd;
}
.listing tbody tr.archived td {
  color: #555;
}
.listing tbody tr.archived a {
  color: #555;
}
.listing tbody tr.archived:hover td {
  background: #ddd;
  color: #000;
}
.listing tbody tr.archived:hover a {
  color: #2a6fb1;
}
.listing tbody td {
  font-size: 0.875rem;
  color: #000;
  text-align: left;
}
.listing tbody td:first-child {
  padding-left: 15px;
}
.listing tbody td:last-child {
  padding-right: 15px;
}
.listing tbody td.lf {
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 34px;
}
.listing tbody td.group, .listing tbody td.row_group {
  padding-right: 8px;
}
.listing tbody td.group table td, .listing tbody td.group table th, .listing tbody td.row_group table td, .listing tbody td.row_group table th {
  padding: 3px 0;
  font-size: 0.9em;
}
.listing tbody td.group table th, .listing tbody td.row_group table th {
  padding-right: 5px;
  width: 50px;
  text-align: right;
}
.listing tbody td.group table span, .listing tbody td.row_group table span {
  margin-left: 1em;
}
.listing tbody td.string.admin-long-string div {
  max-width: 350px;
  height: 100px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  padding: 3px;
}
.listing tbody td.note {
  position: relative;
}
.listing tbody td.note .note-container {
  max-width: 200px;
  max-height: 2rem;
  overflow: hidden;
  font-size: 0.75rem;
}
.listing tbody td.note:hover .large-note-container::after {
  position: absolute;
  max-height: none;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  top: -5px;
  max-width: 400px;
  width: 400px;
  content: attr(data-fulltext);
  left: 0;
  z-index: 5;
}
.listing tbody td a {
  font-weight: 600;
}
.listing tbody td a .unnamed-record {
  border: 1px dotted #999;
  padding: 1px 3px;
  font-weight: normal;
  color: #888;
  font-size: 0.75rem;
}
.listing tbody td a:hover {
  text-decoration: underline;
}
.listing tbody td a:hover .unnamed-record {
  color: #2a6fb1;
}
.listing tbody td button {
  margin: 0;
}
.listing tbody td .order_status, .listing tbody td .transfer_status {
  border: 1px solid #ccc;
  color: #aaa;
  background: #fff;
  padding: 3px 4px 4px;
  font-size: 0.6875rem;
  margin-left: 10px;
  text-decoration: none;
  display: inline-block;
}
@media screen {
  .listing tbody td .overdue, .listing tbody td .near-due {
    padding: 4px 6px;
    border-radius: 3px;
    margin-left: -4px;
  }
  .listing tbody td .overdue {
    color: #a44039;
    background-color: #fee;
  }
  .listing tbody td .near-due {
    color: #666;
    background-color: #ffc;
    border: 1px solid #ddd;
  }
}
.listing tbody td time {
  white-space: nowrap;
}
.listing tbody .listing-limit-notification {
  background-color: #fef3d3;
}
.listing tbody .listing-limit-notification td {
  color: #666;
  font-style: italic;
}
.listing tbody .listing-limit-notification td:hover {
  color: #666;
}
.listing tfoot.select_functions td {
  padding: 5px 5px 5px 15px;
  border-top: 1px solid #ccc;
}
.listing tfoot.select_functions td input {
  margin-right: 9px;
}
.listing .info {
  border-top: 1px solid #ddd;
}
.listing .info table {
  width: auto;
}
.listing .info table tbody td {
  font-size: 0.875rem;
}
.listing .info table tbody tbody td:first-child {
  padding-left: 0;
}
.listing .info table tbody tbody td:last-child {
  padding-right: 0;
}
.listing .info table tbody tbody td.label {
  font-weight: 600;
}
.listing .nowrap {
  white-space: nowrap;
}

/* ---------------- Exporting Dropdown ----------------- */
.dropdown {
  position: relative;
}
.dropdown:hover {
  cursor: pointer;
}
.dropdown:focus {
  pointer-events: none;
}
.dropdown:focus .dropdown-content {
  opacity: 1;
  visibility: visible;
  margin-top: 15px;
  pointer-events: auto;
}

.dropdown-content {
  position: absolute;
  z-index: 1;
  right: 0;
  background-color: #666;
  margin-left: 0;
  width: 200px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.dropdown-content ul {
  overflow-y: scroll;
  margin: 0 !important;
  max-height: 385px;
  padding: 10px;
  width: 100%;
}
.dropdown-content button {
  background: #666;
  border: none;
  border-bottom: 1px solid #808080;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px;
  outline: 0 none;
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  width: 100%;
}
.dropdown-content button:hover {
  background-color: #444;
}
.dropdown-content li:first-child button::before {
  border-color: transparent transparent #666;
  border-style: solid;
  border-width: 10px;
  bottom: 100%;
  content: " ";
  height: 0;
  margin-left: -10px;
  pointer-events: none;
  position: absolute;
  right: 20px;
  transition: all 0.3s;
  width: 0;
}
.dropdown-content li:first-child button:hover::before {
  border-bottom-color: #444;
}

.search {
  background-color: #eee;
  min-height: 53px;
}
.search .result-count {
  display: inline-block;
  float: left;
  padding: 0 15px;
  margin: 0;
  border-right: 1px solid #ddd;
  color: #888;
  line-height: 53px;
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.search div.submit {
  float: left;
  padding-top: 10px;
  white-space: nowrap;
}
.search div.submit button {
  position: relative;
}
.search div.submit button._loading {
  color: transparent !important;
  opacity: 0.75;
}
.search div.submit button._loading::before {
  content: "";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5rem 0 0 -0.5rem;
}
.search div.submit .advanced_toggle {
  font-size: 0.875rem;
  font-weight: 600;
  background: transparent;
  border-color: transparent;
  color: #666;
  padding: 0 8px;
  position: relative;
  white-space: normal;
  margin-right: -10px;
}
.search div.submit .advanced_toggle::before {
  margin-right: 0.25em;
  content: "";
  transition: transform 0.2s;
  transform: rotate(0deg);
  display: inline-block;
}
.search div.submit .advanced_toggle.active {
  color: #666;
}
.search div.submit .advanced_toggle.active::before {
  transform: rotate(90deg);
}
.search div.submit .advanced_toggle:hover {
  background: transparent;
  border-color: transparent;
  color: #3d89d1;
}
.search label {
  color: #000;
  font-size: 0.8125rem;
}
.search input, .search select {
  margin: 0;
}
.search input {
  color: #555;
}
.search input[type=date] {
  padding: 3px;
  font-size: 0.8em;
  border: 1px solid #ccc;
}
.search input.tags, .search .tagbox {
  display: inline-block;
  float: left;
  width: 8em;
}
.search input.tags li, .search .tagbox li {
  margin: 0;
}
.search input.exclude-tags {
  width: 10em;
}
.search div.advanced {
  border-top: 1px solid #ccc;
  clear: both;
  width: 100%;
}

.search-fields {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-basic {
  float: left;
  padding-left: 15px;
  padding-top: 10px;
  min-height: 53px;
}
.search-basic > li {
  float: left;
  margin: 0 0 0 -1px;
  min-height: 34px;
}
.search-basic > li.tree_select {
  border: 1px solid #aaa;
  overflow: hidden;
  height: 34px;
  background-color: #fff;
  padding: 0 8px;
  line-height: 30px;
}
.search-basic > li.tree_select label {
  float: none;
  display: inline-block;
  padding: 0 5px 0 0;
  font-size: 0.625rem;
  text-transform: uppercase;
  color: #999;
}
.search-basic > li.tree_select div {
  display: inline-block;
  font-size: 0.8em;
}
.search-basic > li.tree_select a {
  line-height: 32px;
  text-decoration: none;
}
.search-basic label.checkbox {
  float: left;
  padding: 0 8px 0 6px;
  background: #fff;
  line-height: 32px;
  border: 1px solid #aaa;
  color: #888;
}
.search-basic label.checkbox input {
  font-size: 15px;
  margin: 9px 5px 0 0;
}
.search-basic input, .search-basic select {
  height: 34px;
  float: left;
}
.search-basic input[type=checkbox] {
  height: auto;
}
.search-basic select {
  padding: 0 8px;
  color: #555;
  box-shadow: inset 1px 2px 2px #eee;
  border-radius: 0;
  border: 1px solid #aaa;
  font-size: 0.875rem;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .search-basic select {
    -webkit-appearance: none;
    padding-right: 26px;
    background: #fff url(../images/arrow_down.png) no-repeat right 8px top 13px;
  }
}
.search-basic select:focus {
  outline: none;
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
.search-basic li:first-child label {
  display: none;
}
.search-basic li:first-child label.checkbox {
  display: block;
}

.search-checkboxes {
  float: left;
  padding: 6px 0 9px;
  width: 171px;
  border-right: 1px solid #ddd;
  margin-right: -1px;
}
.search-checkboxes input {
  margin-right: 6px;
  font-size: 1rem;
}
.search-checkboxes label {
  display: block;
  padding: 5px 15px;
}
.search-checkboxes label:hover {
  color: #444;
}

.search-refinements {
  margin: 0;
  padding: 10px 0 0 15px;
  overflow: hidden;
  border-left: 1px solid #ddd;
}
.search-refinements > li {
  float: left;
  margin: 0 0.5em 10px 0;
  min-width: 9em;
  min-height: 3.5em;
}
.search-refinements input[type=text], .search-refinements input[type=number], .search-refinements input[type=email] {
  padding: 6px;
}
.search-refinements label {
  display: block;
  padding: 0 0 2px;
}
.search-refinements .tree_select a {
  background-color: #fff;
  border: 1px solid #ccc;
  text-decoration: none;
  padding: 5px;
  font-size: 0.8em;
  display: inline-block;
}

.has_checkboxes .search-refinements {
  margin: 0 0 0 170px;
  border-left: 1px solid #cad6e1;
}

.no_results {
  padding: 15px;
  background-color: #fff;
}
.no_results p {
  font-size: 0.85em;
  color: #777;
  margin: 0;
}

/** --------- Listing Empty State Template Styles --------- **/
.blankstate {
  font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  margin: 0 auto;
  overflow: hidden;
  padding: 2rem;
  text-align: center;
}
.blankstate h2 {
  color: #666;
  font-size: 1.625em;
  font-weight: normal;
  margin-bottom: 20px;
}
.blankstate h4 {
  font-size: 1.5rem;
  margin: 0;
}
.blankstate p {
  font-size: 1rem;
  line-height: 1.8em;
}
.blankstate .blankstate-illustration {
  margin-bottom: 1rem;
}
.blankstate .blankstate-illustration img {
  max-width: 300px;
  width: 100%;
}
.blankstate .blankstate-content {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.blankstate .blankstate-calltoaction {
  margin-top: 2rem;
}
.blankstate .blankstate-calltoaction strong {
  color: #5b9141;
}
.blankstate .blankstate-resources {
  list-style: none;
  margin: 3rem 0 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.blankstate .blankstate-resources li {
  display: inline;
}
.blankstate .blankstate-resources a {
  color: #3d89d1;
  display: inline-block;
  padding: 0 1rem;
  margin-bottom: 1rem;
  line-height: 32px;
  text-decoration: none;
}
.blankstate .blankstate-resources a svg {
  display: inline-block;
  float: left;
  margin-right: 0.5rem;
  width: 32px;
  height: 32px;
  fill: #3d89d1;
}
.blankstate .blankstate-resources a:hover {
  color: #2a6fb1;
}
.blankstate .blankstate-resources a:hover svg {
  fill: #2a6fb1;
}

.blankstate-columns p {
  line-height: 1.5em;
}
.blankstate-columns .blankstate-illustration img {
  max-width: 215px;
}
@media screen and (min-width: 1023px) {
  .blankstate-columns .blankstate-illustration, .blankstate-columns .blankstate-links, .blankstate-columns .blankstate-content {
    float: left;
    width: 25%;
  }
  .blankstate-columns .blankstate-content {
    text-align: left;
    max-width: 100%;
    padding: 0 2rem;
    width: calc(50% - 2rem);
  }
  .blankstate-columns .blankstate-resources {
    margin-top: 4rem;
    text-align: left;
  }
  .blankstate-columns .blankstate-resources li {
    display: block;
  }
}

.view table {
  width: 100%;
  margin-top: 0;
}
.view textarea {
  width: 100%;
  border: none;
  border: 1px solid #ddd;
  box-shadow: none;
}
.view nav.records {
  display: inline;
  position: fixed;
  top: 0;
  right: 15px;
  margin: 0;
  font-size: 0.9375rem;
  font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  background: transparent;
  z-index: 100;
}
.view nav.records a {
  float: left;
  display: inline-block;
  text-decoration: none;
  color: #8d9aac;
  transition: color, 0.3s;
  padding: 0 8px;
}
.view nav.records a.direct {
  line-height: 54px;
  padding: 0 6px;
  color: #494c4c;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.view nav.records a i {
  line-height: 54px;
  font-size: 34px;
}
.view nav.records a:hover {
  color: #848a8a;
  cursor: pointer;
}
.view nav.records a:active {
  color: #434e5d;
}
.view nav.records a:last-child {
  padding: 0 8px;
}
.view nav.records a.inactive {
  color: #637389;
}
.view nav.records a.inactive:hover {
  cursor: default;
}
.view nav.records .previous-button,
.view nav.records .next-button {
  color: #212424;
}
.view nav.records .previous-button:not(.inactive):hover,
.view nav.records .next-button:not(.inactive):hover {
  background: #e1e4e5;
}
.view nav.records .previous-button.inactive,
.view nav.records .next-button.inactive {
  color: #abb3b3;
}
.view .functions {
  width: 100%;
  overflow: hidden;
  z-index: 100;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
.view .functions ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.view .functions ol li {
  margin-right: 5px;
  float: left;
  min-width: 10px;
  min-height: 10px;
}
.view .cirrus-tab .content {
  padding: 0;
  background-color: #f3f3f3;
}
.view .content {
  padding: 15px;
}
.view .content .listing {
  border: 1px solid #ddd;
}
.view .content .view-columns {
  margin: 0;
  padding: 0;
}
.view .content .view_group {
  padding: 0 0 8px;
}
.view .content .view_group input.description {
  font-size: 1em;
  padding: 6px 8px;
}
.view .content .view_group label {
  color: #666;
  font-size: 0.8em;
  margin: 0 0 0 1em;
}
.view .content .view_group label.hidden {
  display: none;
}
.view .content .view-message {
  padding: 16px 15px;
  margin: -15px -15px 20px;
  border-bottom: 1px solid #ccc;
}
.view .content .view-message a {
  text-decoration: underline;
}
.view .content .view-message i {
  display: inline-block;
  float: left;
  color: #bbb;
  font-size: 30px;
  margin: -3px 10px 0 0;
  text-align: center;
}
.view .content .view-message.warning {
  background-color: #fef3d3;
}
.view .content .view-message.warning i {
  color: #f6b444;
}
.view .tab-labels {
  height: 100%;
  width: 146px;
  float: left;
  overflow: hidden;
  margin: 0;
  margin-right: -1px;
  padding: 15px 0 0 10px;
  list-style: none;
  border-right: 1px solid #ddd;
  font-size: 0.875rem;
}
.view .tab-labels li {
  display: inline;
}
.view .tab-labels li.current a {
  color: #333;
  background-color: #eee;
  font-weight: 600;
}
.view .tab-labels a {
  display: block;
  padding: 7px 10px;
  margin-bottom: 1px;
}
.view .tab-labels a:hover {
  background-color: #eaf2fa;
}
.view .tabs .tab {
  margin-left: 145px;
  border-left: 1px solid #ddd;
}
.view .tabs.no_tab_selector {
  background: #fff;
}
.view .tabs.no_tab_selector .tab {
  margin-left: -1px;
}
.view .tabs.no_tab_selector .tab-labels {
  display: none;
}
.view .tabs .inactive .content {
  display: none;
}
.view .tab.not_loaded .content {
  display: none;
}
.view .tab.loading .content {
  padding: 10px;
  color: #888;
}
.view .tab tr.h3-row:first-child td,
.view .tab h3 {
  padding: 8px;
  margin: 0;
  background-color: #ddd;
  border-bottom: 2px solid #777;
  color: #000;
  font-weight: 600;
  font-size: 0.875rem;
}
.view .tab tr.h3-row:first-child td.loading,
.view .tab h3.loading {
  margin: 0.75em 0;
  font-size: 4em;
  background: none;
  color: #eee;
  text-transform: uppercase;
  text-align: center;
}
.view .tab tr.h3-row:first-child td .beta,
.view .tab h3 .beta {
  color: #fff;
  background-color: #3d89d1;
  text-transform: uppercase;
  padding: 3px 5px;
}
.view .tab tr.h3-row:first-child td a.customfields,
.view .tab h3 a.customfields {
  color: #666;
  font-size: 0.8125rem;
  float: right;
  font-weight: normal;
}
.view .tab tr.h3-row:first-child td a.customfields:hover,
.view .tab h3 a.customfields:hover {
  border-bottom: 1px solid #888;
}
.view .tab tr.h3-row:first-child td:last-child,
.view .tab h3:last-child {
  padding-left: 0;
}
.view .tab .disabled-tab-message {
  margin: -17px;
  margin-bottom: 30px;
  padding: 20px;
  padding-left: 60px;
  position: relative;
}
.view .tab .disable-tab-overlay {
  position: absolute;
  background-color: white;
  opacity: 0.6;
  width: 100%;
  z-index: 50;
  height: 500px;
}
.view .item-list-on-store {
  display: inline-block;
  margin: 0.5em 5px 0 0;
  border: 1px solid #ccc;
  padding: 10px;
  background: #f8f8f8;
  font-size: 1rem;
}
.view .item-list-on-store input.item-list-on-store {
  margin: 0 0.3em 0 0;
}
.view .item-list-on-store label.field_label {
  color: #000;
  margin: 0;
}
.view input.item-list-on-store {
  margin: 0.5em;
}
.view input.item-list-on-store + label {
  font-size: 1em;
  font-weight: 600;
}
.view .warning input {
  border: 2px solid #f6b444;
}
.view .warning input:focus {
  border: none;
}
.view .error input {
  background-color: #fee;
  border: 2px solid #a44039;
}
.view .error input:focus {
  border: none;
  background-color: #fff;
}
.view div.warning {
  border: 1px solid #ddd;
  margin: 0 0 0.5em;
  padding: 15px 15px 0;
}
.view div.warning h3 {
  border: none;
  font-size: 1.1em;
  color: #000;
  background: none;
  margin: 0 0 0.25em;
  padding: 0;
}
.view div.warning ol {
  margin: 0.75em 0 1em 2em;
  padding: 0;
}
.view div.warning li {
  color: #666;
  font-size: 0.875rem;
  margin: 0 0 0.5em;
}
.view .view_listing {
  padding-bottom: 15px;
}
.view .view_listing h2.child-listing-title {
  margin: 0;
  padding: 5px 0;
  color: #444;
  border-bottom: 2px solid #777;
  font-weight: 600;
  font-size: 1.125rem;
}
.view .row {
  box-sizing: border-box;
  padding: 0 36px;
}
.view .column,
.view .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-left: 4%;
}
.view .column:first-child,
.view .columns:first-child {
  margin-left: 0;
}
.view .one.column,
.view .one.columns {
  width: 4.6666666667%;
}
.view .two.columns {
  width: 13.3333333333%;
}
.view .three.columns {
  width: 22%;
}
.view .four.columns {
  width: 30.6666666667%;
}
.view .five.columns {
  width: 39.3333333333%;
}
.view .six.columns {
  width: 48%;
}
.view .seven.columns {
  width: 56.6666666667%;
}
.view .eight.columns {
  width: 65.3333333333%;
}
.view .nine.columns {
  width: 74%;
}
.view .ten.columns {
  width: 82.6666666667%;
}
.view .eleven.columns {
  width: 91.3333333333%;
}
.view .twelve.columns {
  width: 100%;
  margin-left: 0;
}
.view .one-third.column {
  width: 30.6666666667%;
}
.view .two-thirds.column {
  width: 65.3333333333%;
}
.view .one-half.column {
  width: 48%;
}
.view .row::after,
.view .clearfix {
  content: "";
  display: table;
  clear: both;
}
.view .right {
  float: right;
}
.view .table-less {
  font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  margin: 42px 0;
}
.view .table-less h4 {
  font-size: 16px;
  font-weight: 600;
}
.view .table-less h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 12px;
}
.view .table-less dl + h5 {
  margin-top: 24px;
}
.view .table-less p {
  color: #777;
  font-weight: 400;
  margin: 12px 0 24px;
}
.view .table-less a {
  cursor: pointer;
  color: #3d89d0;
  font-weight: 600;
}
.view .table-less .icon {
  color: #000;
  font-size: 12px;
  height: 16px;
  width: 16px;
}
.view .table-less dl {
  background-color: #f8f8f8;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.view .table-less dl .table-row {
  border-top: 1px solid #ddd;
  float: left;
  width: 100%;
}
.view .table-less dl .table-row dt,
.view .table-less dl .table-row dd {
  text-align: left;
}
.view .table-less dl .table-row dt {
  font-size: 14px;
  padding: 8px 12px;
  width: 190px;
}
.view .table-less dl .table-row dd {
  padding: 0;
}
.view .table-less dl .table-row dd.disabled {
  font-size: 14px;
  padding: 8px 12px;
}
.view .table-less dl .table-row input[type=text],
.view .table-less dl .table-row input[type=password] {
  background: #fff;
  border: none;
  border-left: 1px solid #ddd;
  box-shadow: inset 1px 1px 3px 2px #f1f1f1;
  font-size: 16px;
  height: 36px;
  padding: 0 16px;
  width: 100%;
}
.view .table-less dl .table-row input[type=text]:disabled,
.view .table-less dl .table-row input[type=password]:disabled {
  background: none;
}
.view .table-less dl .table-row input[type=checkbox],
.view .table-less dl .table-row input[type=radio] {
  margin: 11px 0;
}
.view .table-less dl .table-row select {
  margin: 5px 0;
}
.view .table-less dl .table-row .info-text {
  color: #a9a9a9;
  font-size: 14px;
  line-height: 36px;
}
.view .table-less dl .table-row .info-text.dark {
  color: #666;
}
.view .table-less .gateway-listing {
  list-style-type: none;
  margin: 24px 0;
  padding: 0;
}
.view .table-less .gateway-listing table {
  border: 1px solid #ccc;
}
.view .table-less .gateway-listing table + table {
  border-top: none;
}
.view .table-less .gateway-listing thead {
  background: #f8f8f8;
  color: #000;
  font-size: 16px;
}
.view .table-less .gateway-listing thead td {
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 20px 24px;
  text-align: center;
  white-space: nowrap;
}
.view .table-less .gateway-listing thead td:first-child {
  border-left: none;
  text-align: left;
  width: 99%;
}
.view .table-less .gateway-listing thead a {
  color: #3d89d0;
  font-size: 14px;
  font-weight: 600;
}
.view .table-less .gateway-listing tbody .table-headers td {
  background: #f8f8f8;
  font-size: 11px;
  font-weight: 600;
  padding: 9px 24px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 25%;
}
.view .table-less .gateway-listing tbody .table-headers td:first-child {
  width: 50%;
}
.view .table-less .gateway-listing tbody td {
  border-bottom: 1px solid #eee;
  color: #777;
  padding: 14px 24px;
}
.view .table-less .gateway-listing tbody .no-payment-terminals {
  padding: 27px 24px;
}
.view .table-less .gateway-listing tbody tr:last-child td {
  border: none;
}
.view .action-row {
  font-family: "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  background: #eee;
  border-bottom: 1px solid #ccc;
  height: 55px;
  margin-bottom: -17px;
  padding: 11px 16px;
}
.view .action-row .btn {
  margin-left: 15px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 6px 12px;
  text-shadow: none;
}
.view .action-row .btn:first-child {
  margin-left: 0;
}
.view .action-row .btn-primary {
  background-color: #3d89d0;
}
.view .action-row .btn-primary.btn-disabled {
  background-color: #8d9aac;
  pointer-events: none;
}
.view .action-row .btn-primary.btn-success {
  background-color: #589141;
}
.view .action-row .btn-secondary {
  background-color: #589141;
}
.view .action-row .btn-secondary.btn-disabled {
  background-color: #8d9aac;
  pointer-events: none;
}
.view .action-row .btn-secondary.btn-success {
  background-color: #589141;
}
.view .action-row .btn-danger {
  background-color: #a44039;
}
.view .action-row .btn-utility {
  background-color: #666;
}
.view .gateway-specific-form {
  display: none;
}
.view .demarcated-row {
  border-bottom: 1px solid #eee;
  margin: 25px 0;
}
.view .payment-mapping select {
  text-transform: capitalize;
}

div.new-item-spacer-div {
  border-bottom: 1px solid #ccc;
  height: 1rem;
  margin-bottom: 1.75em;
}
div.new-item-spacer-div div.new-item-spacer-text {
  display: inline-block;
  padding: 0 0.5em;
  height: 2rem;
  margin-left: 2rem;
  color: #666;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.9;
  background: #fff;
}
div.new-item-spacer-div div.new-item-spacer-text span.new-item-spacer-secondary-text {
  font-size: 0.875rem;
  font-weight: normal;
  color: #999;
}

.view_field_box table {
  margin: 0;
  width: 100%;
}
.view_field_box table tr.no_border_top td {
  border-top: none;
}
.view_field_box table tr.no_border_bottom td {
  border-bottom: none;
}
.view_field_box .async {
  margin: 0.25em 0;
  font-size: 3em;
  text-align: center;
  color: #eee;
}
.view_field_box td {
  font-size: 0.8125rem;
  padding: 0;
  vertical-align: top;
  color: #000;
}
.view_field_box > table {
  margin-bottom: 10px;
}
.view_field_box .view_field_box .view_field_box > table {
  margin-bottom: 0;
}
.view_field_box .label,
.view_field_box .form_field_holder {
  vertical-align: middle;
  height: 31px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.view_field_box .label input.full-span-input,
.view_field_box .form_field_holder input.full-span-input {
  height: auto;
}
.view_field_box .label .static-text-field,
.view_field_box .form_field_holder .static-text-field {
  padding: 0 6px;
}
.view_field_box .label input:not([type=checkbox]),
.view_field_box .form_field_holder input:not([type=checkbox]) {
  min-width: 50px;
}
.view_field_box .label input[disabled],
.view_field_box .form_field_holder input[disabled] {
  background-color: #eee;
  cursor: not-allowed;
}
.view_field_box .label .date-wrapper input[type=text],
.view_field_box .label .date-wrapper input[type=date],
.view_field_box .form_field_holder .date-wrapper input[type=text],
.view_field_box .form_field_holder .date-wrapper input[type=date] {
  width: 100%;
}
.view_field_box .label input.no-table-view-input,
.view_field_box .form_field_holder input.no-table-view-input {
  border: 1px solid #ccc;
  height: 42px;
  padding: 0 10px;
  min-width: 250px;
  width: 100%;
}
.view_field_box .label input.po-group-padded-input,
.view_field_box .form_field_holder input.po-group-padded-input {
  border: 1px solid #ccc;
  min-width: 210px;
}
.view_field_box .label input.po-checkin-quantity,
.view_field_box .form_field_holder input.po-checkin-quantity {
  min-width: 40px;
  width: 40px;
}
.view_field_box .label.quantity-x-column,
.view_field_box .form_field_holder.quantity-x-column {
  line-height: 56px;
  border: none;
  font-size: 2rem;
  color: #999;
}
.view_field_box .label.po-group-checkbox-fix,
.view_field_box .form_field_holder.po-group-checkbox-fix {
  padding-left: 10px;
  border: none;
  width: 20px;
}
.view_field_box .label .label.po-group-checkbox,
.view_field_box .form_field_holder .label.po-group-checkbox {
  border: none;
}
.view_field_box .label input[type=checkbox].po-group-checkbox,
.view_field_box .form_field_holder input[type=checkbox].po-group-checkbox {
  height: auto;
}
.view_field_box .label .nowrap, .view_field_box .label.nowrap,
.view_field_box .form_field_holder .nowrap,
.view_field_box .form_field_holder.nowrap {
  white-space: nowrap;
}
.view_field_box .label .title-green,
.view_field_box .form_field_holder .title-green {
  color: #589141;
}
.view_field_box .label .title-grey,
.view_field_box .form_field_holder .title-grey {
  color: #666;
}
.view_field_box .label .title-red,
.view_field_box .form_field_holder .title-red {
  color: #a44039;
}
.view_field_box td.no-table-cell {
  background: transparent;
  border: none;
  white-space: nowrap;
}
.view_field_box td.no-table-cell.form_field_holder {
  text-align: right;
  padding-left: 10px;
}
.view_field_box td.no-table-cell.form_field_holder.left-align {
  text-align: left;
}
.view_field_box label.no-table-label {
  background: transparent;
  border: none;
}
.view_field_box td.no-table-view-input {
  border: none;
}
.view_field_box td.view-padded-cell {
  padding: 10px;
  border: none;
}
.view_field_box td.view-padded-cell input[type=number],
.view_field_box td.view-padded-cell input[type=text] {
  height: 34px;
}
.view_field_box div.reorder-text-tip {
  color: #666;
  padding: 10px;
}
.view_field_box table table tr:first-of-type .label,
.view_field_box table table tr:first-of-type .form_field_holder {
  border-top: none;
}
.view_field_box table.no-header-row-table {
  border-top: 1px solid #ddd;
}
.view_field_box td.flat-field-input {
  padding: 10px;
  background-color: #f8f8f8;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div {
  border: 1px solid #ccc;
  padding: 2px 0 4px 5px;
  background-color: #fff;
  height: 34px;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div label.field_label {
  font-size: 0.75rem;
  display: inline-block;
  text-transform: uppercase;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div div.flat-field-input-select {
  display: inline-block;
}
.view_field_box td.flat-field-input div.flat-select-wrapping-div a {
  text-transform: uppercase;
  font-weight: 600;
}
.view_field_box td.view_functions {
  background: #fff;
  text-align: left;
  height: 36px;
  padding: 3px 5px 0;
}
.view_field_box td.view_functions.po-input-action-button {
  padding: 10px;
  background-color: #f8f8f8;
}
.view_field_box td.view_functions.print_function {
  text-align: left;
  padding: 10px 0 0 8px;
}
.view_field_box td.view_functions.print_function span {
  font-size: 0.875rem;
  max-width: 10rem;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.view_field_box td.view_functions.print_link {
  text-align: right;
  padding: 10px 8px 0 10px;
}
.view_field_box td.view_functions.print_link a {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #999;
  border: 1px solid #ccc;
  padding: 3px 3px 2px;
}
.view_field_box td.view_functions.print_link a:hover {
  color: #3d89d1;
  border-color: #3d89d1;
}
.view_field_box td.view_functions button {
  width: 100%;
  max-width: 480px;
  margin: 0;
  padding: 4px 10px;
  border-radius: 2px;
  border: none;
  background: #888;
  color: #fff;
  font-size: 0.875rem;
  font-weight: normal;
  transition: background 0.3s;
}
.view_field_box td.view_functions button i {
  color: #fff;
}
.view_field_box td.view_functions button:hover {
  background-color: #666;
}
.view_field_box td.view_functions button:active {
  background: #3d89d1;
}
.view_field_box td.view_functions button + button {
  margin-top: 3px;
}
.view_field_box .label,
.view_field_box .textarea_label {
  padding: 0 6px;
  color: #000;
  border-left: 1px solid #eee;
  white-space: nowrap;
}
.view_field_box .label {
  width: 25%;
}
@media (min-width: 1300px) {
  .view_field_box .label {
    width: 20%;
  }
}
.view_field_box .textarea_label {
  height: 31px;
  background-color: #f8f8f8;
  vertical-align: middle;
}
.view_field_box td.po-checkin-button {
  border: none;
  padding: 48px 1rem 0 0;
}
.view_field_box td.po-recieve-all-button .function {
  white-space: nowrap;
}
.view_field_box td.po-recieve-all-button .function::before {
  content: "-OR-";
  line-height: 34px;
  font-size: 0.875rem;
  /* width: 34px; */
  color: #999;
  padding: 0 15px 0 0;
}
.view_field_box td.publish-to-ecom > label {
  float: left;
}
.view_field_box td.view_functions.search-items {
  padding: 0;
}
.view_field_box span.function button.attached-search-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.view_field_box span.function button.attached-search-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.attached-search-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box span.function button.attached-search-button.search-items {
  height: 42px;
}
.view_field_box span.function button.attached-search-button.po-input-action-button {
  margin-left: -20px;
}
.view_field_box span.function button.attached-search-button.po-input-action-button-double-column {
  left: -50%;
}
.view_field_box span.function button.po-checkin-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: auto;
}
.view_field_box span.function button.po-checkin-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.po-checkin-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button {
  background: #f6b444;
  border-color: #f6b444;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.view_field_box span.function button.po-checkin-button.po-checkin-received-button:active {
  border-color: #f8c875;
  background: #f8c875;
}
.view_field_box span.function button.po-add-items-button {
  background: #3d89d1;
  border-color: #3d89d1;
  width: 100%;
}
.view_field_box span.function button.po-add-items-button:hover {
  border-color: #2a6fb1;
  background: #2a6fb1;
}
.view_field_box span.function button.po-add-items-button:active {
  border-color: #66a2db;
  background: #66a2db;
}
.view_field_box .form_field_holder {
  border-right: 1px solid #eee;
}
.view_field_box .form_field_holder span {
  padding: 6px;
  font-weight: 600;
  font-size: 0.875rem;
}
.view_field_box .form_field_holder .tree_select {
  padding: 6px 0;
}
.view_field_box .form_field_holder input {
  width: 100%;
  height: 30px;
  border: none;
  border-left: 1px solid #ddd;
}
.view_field_box .form_field_holder input[type=checkbox] {
  height: auto;
  width: auto;
  font-size: 1rem;
}
.view_field_box .form_field_holder input[type=checkbox]:focus {
  box-shadow: none;
}
.view_field_box .form_field_holder select {
  margin-right: 8px;
}
.view_field_box .form_field_holder .money-field-container {
  max-width: none;
}
.view_field_box .form_field_holder .money-field-container input[type=number] {
  max-width: none;
  width: 100%;
  text-align: left;
}
.view_field_box .form_field_holder .note {
  border-left: 1px solid #eee;
  padding: 10px;
  width: 320px;
}
.view_field_box .form_field_holder .note-narrow {
  width: 200px;
}
.view_field_box .form_field_holder .center {
  text-align: center;
  width: 100%;
}

tr.view_field_box table.tab_columns tr.view_field_box:last-child {
  border-bottom: 1px solid #eee;
}

table.view-layout {
  width: 100%;
  border-collapse: collapse;
}
table.view-layout > tbody > tr > td {
  vertical-align: top;
  padding-right: 1em;
}
table.view-layout > tbody > tr > td:last-child {
  padding-right: 0;
}

table.view-column {
  width: 100%;
}
table.view-column.single-view-column {
  max-width: 800px;
}
table.view-column.single-view-column td.label {
  min-width: 350px;
}
table.view-column .view-value-title-box {
  padding: 20px 0;
  font-size: 1.5em;
}
table.view-column .view-value-title-value {
  font-weight: bold;
}

/* functions */
div.view_functions {
  margin-top: 5px;
}
div.view_functions span.function {
  float: left;
}
div.view_functions span.function button.dirty {
  color: #ff7f00;
  font-weight: 600;
}
div.view_functions .alt_tool_bar {
  padding: 10px 15px;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}
div.view_functions table.content_holder {
  margin-top: 5px;
}
div.view_functions td.tab_column {
  width: 130px;
}
div.view_functions div.tab_pannel {
  position: relative;
  min-width: 680px;
  color: #000;
  background-color: #aaa;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
div.view_functions div.tab_pannel div.hidden_tab {
  display: none;
}
div.view_functions td.label {
  font-size: 10pt;
  text-align: right;
}
div.view_functions td.textarea_label {
  color: #000;
  font-size: 10pt;
  text-align: left;
}

td.view_field_box_header,
div.view_field_box_header {
  background-color: #ddd;
  font-size: 9pt;
  font-weight: 600;
  margin: 0;
  padding: 3px 5px;
}

#view table .upload.uploading button.dz-clickable:not(.cr-button),
#view fieldset .upload.uploading button.dz-clickable:not(.cr-button) {
  position: relative;
  top: -0.6em;
}
#view table button.dz-clickable:not(.cr-button),
#view fieldset button.dz-clickable:not(.cr-button) {
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  padding: 8px 12px;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
#view table button.dz-clickable:not(.cr-button):hover, #view table button.dz-clickable:not(.cr-button):active,
#view fieldset button.dz-clickable:not(.cr-button):hover,
#view fieldset button.dz-clickable:not(.cr-button):active {
  background-color: #2a6fb1;
}

.mce-btn button {
  background: none !important;
  border: #fff !important;
}
.mce-btn button i {
  color: #333 !important;
}

label.field_label {
  display: inline-block;
  margin: 0.5em 5px 0 0;
  font-size: 0.875rem;
  color: #777;
}

.view .tab fieldset.customfields {
  border: 1px solid #ddd;
  border-top: none;
}
.view .tab fieldset.customfields ol {
  list-style: none;
  padding: 2px 15px 0;
  margin: 0;
  width: 100%;
  column-count: 1;
  column-gap: 30px;
  column-rule: 1px solid #eee;
}
@media (min-width: 720px) {
  .view .tab fieldset.customfields ol {
    column-count: 2;
  }
}
@media (min-width: 900px) {
  .view .tab fieldset.customfields ol {
    column-count: 3;
  }
}
.view .tab fieldset.customfields li {
  margin: 0.625rem 0 0.3125rem;
  break-inside: avoid-column;
  display: inline-block;
  width: 100%;
}
.view .tab fieldset.customfields select {
  font-size: 1rem;
  margin-left: 1px;
}
.view .tab fieldset.customfields textarea {
  width: 100%;
  padding: 6px 8px;
  height: 4.25rem;
}
.view .tab fieldset.customfields label {
  margin: 0 0 0.2em;
  font-size: 0.875rem;
  display: block;
  color: #000;
}
.view .tab fieldset.customfields label.checkbox {
  text-transform: none;
}
.view .tab fieldset.customfields label.checkbox input {
  margin: 1px 3px 0 0;
}
.view .tab fieldset.customfields .customfield-unit-label {
  background-color: #eee;
  color: #888;
  font-size: 0.75rem;
  display: inline-block;
  padding: 8px 6px;
  margin: 0 0 0 -2px;
  border: 1px solid #ccc;
  border-left: none;
  vertical-align: middle;
  height: 34px;
}
.view .tab fieldset.customfields .customfield-choiceset {
  position: relative;
}
.view .tab fieldset.customfields .customfield-choiceset-active {
  font-size: 0.8125rem;
  color: #666;
  border: 1px solid #ccc;
  padding: 6px 8px;
  margin: 0;
}
.view .tab fieldset.customfields .customfield-choiceset-active .blank {
  color: #aaa;
  text-transform: uppercase;
}
.view .tab fieldset.customfields .customfield-choiceset-active:hover {
  cursor: insert;
  color: #444;
}
.view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=number],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
  padding: 8px 6px;
  margin: 0;
  vertical-align: middle;
  height: 34px;
}
.view .tab fieldset.customfields input[type=date],
.view .tab fieldset.customfields input[type=time] {
  padding: 6px 6px 5px;
  margin: 0;
}
.view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
  width: 60%;
}
@media (min-width: 720px) {
  .view .tab fieldset.customfields input[type=text],
.view .tab fieldset.customfields input[type=email],
.view .tab fieldset.customfields input[type=url] {
    width: 100%;
  }
  .view .tab fieldset.customfields input[type=text].picker__input,
.view .tab fieldset.customfields input[type=email].picker__input,
.view .tab fieldset.customfields input[type=url].picker__input {
    width: auto;
  }
}
.view .tab fieldset.customfields .error {
  border: 2px solid #c00;
}
.view .tab fieldset.customfields .field-error {
  color: #c00;
  font-size: 0.85rem;
  font-weight: 600;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.fa-btn-small {
  padding: 6px 0 6px 6px;
  font-size: 0.8rem;
  vertical-align: middle;
}

.fa-fw {
  width: 100%;
  text-align: center;
}

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

.fa-refresh::before {
  color: #589141;
  content: "";
}

@keyframes fa-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.fw-loading-msg {
  color: #589141;
  font-weight: 700;
  text-align: center;
}

table.matrix {
  margin: 0 0 1em;
  width: auto;
}
table.matrix th {
  text-transform: uppercase;
  padding: 6px 0;
  font-weight: normal;
  font-size: 0.8125rem;
}
table.matrix thead th {
  text-align: center;
  width: 13em;
}
table.matrix tbody tr.group td {
  background-color: #eee;
  text-align: center;
  font-weight: 600;
  font-size: 0.8em;
  text-transform: uppercase;
}
table.matrix tbody tr:first-child td {
  border-top: 1px solid #ccc;
}
table.matrix tbody td, table.matrix tbody th {
  padding: 6px;
  border-right: 1px solid #ccc;
}
table.matrix tbody td {
  border-bottom: 1px solid #ccc;
}
table.matrix tbody th {
  vertical-align: middle;
  padding-right: 12px;
  text-align: right;
  min-width: 8em;
}
table.matrix dl {
  width: 5em;
  margin: 0 0.5em 0 0;
  float: left;
}
table.matrix dl dt, table.matrix dl dd {
  padding: 0;
  margin: 0 0 0.25em;
  font-size: 0.7em;
  min-height: 1em;
}
table.matrix dl dt {
  width: 5em;
  text-align: left;
}
table.matrix dl dd {
  font-weight: 600;
}
table.matrix .stock {
  color: #060;
}
table.matrix .order {
  color: #c90;
}
table.matrix .sale {
  color: #666;
}

.matrix-attributes {
  display: flex;
}
.matrix-attributes > * {
  padding-right: 1em;
  min-width: 143px;
}
.matrix-attributes > *:last-child {
  padding-right: 0;
}
.matrix-attributes__header {
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #c4cacc;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background-color: #f5f5f5;
}
.matrix-attributes__list {
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #c4cacc;
  background-color: #f9f9f9;
  outline: none;
}
.matrix-attributes__handle-placeholder, .matrix-attributes__handle {
  cursor: default;
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fcfcfc;
  border-right: solid 1px #c4cacc;
}
.matrix-attributes__handle {
  cursor: grabbing;
}
.matrix-attributes__handle svg {
  width: 8px;
  height: 14px;
}
.matrix-attributes .matrix-attributes__handle {
  cursor: pointer;
}
.matrix-attributes__item {
  list-style: none;
  align-items: center;
  width: calc(100% + 2px);
  background-color: #fff;
  border: 1px solid #c4cacc;
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  color: #333;
  margin: -1px;
  position: relative;
  display: flex;
}
.matrix-attributes__item.divider {
  padding: 4px 6px;
  font-weight: bold;
  font-size: 0.875rem;
  background-color: #f8f8f8;
}
.matrix-attributes__value-placeholder {
  padding: 0 6px;
  font-size: 14px;
}
.matrix-attributes input, .matrix-attributes__item input {
  border: none;
  min-height: 32px;
  width: calc(100% - 32px);
}

#verify_pin {
  text-align: center;
}
#verify_pin article.section {
  margin: 0;
}
#verify_pin article.section h2 {
  margin: 0.75em 0;
  border: none;
  font-size: 1.25em;
}
#verify_pin img {
  margin: 0 auto;
}

form.verify_access_pin_form {
  margin: 0 0 2em;
  overflow: hidden;
}
form.verify_access_pin_form input[type=password],
form.verify_access_pin_form input[type=submit] {
  padding: 12px;
  float: left;
  font-size: 24px;
}

.in, .out {
  padding: 5px;
  margin: 0 -5px 5px;
}

.out {
  background-color: #fcc;
  color: #c00;
}

.in {
  background-color: #cfc;
  color: #060;
}

table#closing_counts {
  background: white;
  margin-left: auto;
  margin-right: auto;
}
table#closing_counts td {
  text-align: right;
  font-weight: 600;
  font-size: 12pt;
  background: #eee;
}
table#closing_counts tr.title td {
  text-align: center;
  font-size: 14pt;
  font-weight: 600;
  background: #ccc;
}
table#closing_counts tr.header td {
  text-align: center;
  font-size: 12pt;
  font-weight: 600;
  background: #ccc;
}

.money .currency {
  position: relative;
  top: -0.5em;
  font-size: 0.6em;
  margin: 0 1px;
}

.workorder-customer {
  padding: 12px 215px 5px 15px;
  overflow: hidden;
  position: relative;
}
.workorder-customer hgroup,
.workorder-customer .workorder-customer-contact {
  margin: 0 1.5em 0 0;
  float: left;
}
.workorder-customer hgroup {
  margin-bottom: 5px;
}
.workorder-customer .workorder-customer-contact {
  max-width: 20rem;
}
.workorder-customer .workorder-customer-buttons {
  position: absolute;
  top: 18px;
  right: 10px;
}
.workorder-customer h5 {
  text-transform: uppercase;
  font-weight: 600;
  color: #999;
  margin: 0;
  font-size: 0.875em;
}
.workorder-customer h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0;
}
.workorder-customer h2 .customer-type {
  font-size: 0.75rem;
  background-color: #aaa;
  color: #fff;
  padding: 2px 4px;
  line-height: 1;
  text-transform: uppercase;
}
.workorder-customer ul {
  overflow: hidden;
  list-style: none;
  padding: 0.55em 0 0;
  margin: 0;
  column-count: 2;
}
.workorder-customer li {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.8125rem;
  line-height: 1.4;
  float: left;
  margin: 0 1em 0 0;
  width: 10rem;
  text-overflow: ellipsis;
}
.workorder-customer .label {
  color: #999;
  display: inline;
}

.workorder .workorder-customer-new {
  padding: 20px 300px 40px 20px;
  overflow: hidden;
  position: relative;
}
.workorder .workorder-customer-new h2 {
  font-weight: 600;
  margin: 0.2em 0;
}
.workorder .workorder-customer-new p.introduction {
  font-size: 1rem;
  line-height: 1.4;
  color: #888;
  margin: 0 0 1em;
}
.workorder .workorder-customer-new .submit {
  margin: 0.5em 0 0;
}
.workorder .workorder-customer-new ol {
  float: none;
}
.workorder .workorder-customer-new fieldset li {
  width: auto;
  display: block;
  margin: 0 0 0.5em;
}
.workorder .workorder-customer-new fieldset li.phone {
  display: inline-block;
}
.workorder .workorder-customer-new fieldset input {
  margin: 0 0.5em 0.5em 0;
}
.workorder .workorder-customer-new .cirrus .cr-autocomplete {
  border-left: none;
  margin-bottom: 0.5em;
}
.workorder .workorder-customer-new .table-address {
  width: 246px;
  margin-bottom: 0;
}
.workorder .workorder-customer-new .table-address .table-address__value {
  border-bottom: none;
}

.workorder-customer-matches {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
  border-left: 1px solid #ccc;
  overflow: auto;
  width: 300px;
}
.workorder-customer-matches h3 {
  color: #999;
  border-bottom: 1px solid #ccc;
  padding: 12px 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
  margin: 0;
}
.workorder-customer-matches h4 {
  font-weight: 600;
  text-decoration: underline;
  color: #3d89d1;
  margin: 0 0 0.25em;
}
.workorder-customer-matches p {
  margin: 0;
  color: #888;
  line-height: 1.4;
  font-size: 0.85em;
}
.workorder-customer-matches ol {
  margin: 0;
  padding: 0;
}
.workorder-customer-matches li {
  display: block;
  padding: 8px 15px;
  border-bottom: 1px solid #eee;
}
.workorder-customer-matches li:hover {
  background-color: #3d89d1;
  cursor: pointer;
}
.workorder-customer-matches li:hover h4 {
  color: #fff;
}
.workorder-customer-matches li:hover p {
  color: #e2edf8;
}

.workorder-overview-wrapper {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 300px;
  overflow: hidden;
  position: relative;
}

.workorder-overview {
  padding: 0 195px 5px 15px;
  border-left: 48px solid #eee;
  min-height: 300px;
}
.workorder-overview fieldset {
  padding: 8px 0 0;
}
.workorder-overview select {
  max-width: 15em;
}
.workorder-overview .workorder-status h2 {
  transform-origin: top right;
  transform: rotate(270deg);
  color: #fff;
  font: normal 3rem/1 "Source Sans Pro", "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: -300px;
  top: 0;
  white-space: nowrap;
  width: 300px;
  height: 48px;
  text-align: right;
  margin: 0;
  padding: 7px 7px 0 0;
}
.workorder-overview .workorder-note {
  width: 100%;
}

.workorder-totals {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px 15px;
  top: 0;
  width: 180px;
  border-left: 1px solid #ccc;
  background-color: #f8f8f8;
}
.workorder-totals table {
  width: 100%;
}
.workorder-totals th,
.workorder-totals td {
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
  font-size: 0.875rem;
  color: #555;
  font-weight: normal;
}
.workorder-totals th.total,
.workorder-totals td.total {
  color: #000;
  border-bottom: none;
  font-weight: 600;
  font-size: 1.125rem;
}
.workorder-totals th.total-tax,
.workorder-totals td.total-tax {
  color: #000;
  border-bottom: none;
  font-weight: 600;
  font-size: 1rem;
}
.workorder-totals th.no-border,
.workorder-totals td.no-border {
  border: none;
}
.workorder-totals th {
  text-align: left;
}
.workorder-totals th#taxSummary {
  border-bottom: 0;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 25px;
}
.workorder-totals td {
  text-align: right;
}
@media (max-width: 736px) {
  .workorder-totals {
    position: static;
    border-left: none;
  }
}

.workorder-employee {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.menu-workorder {
  overflow: hidden;
  background-color: #eee;
}
.menu-workorder .search {
  padding: 8px 15px;
  border-right: 1px solid #ccc;
  float: left;
  margin-right: 10px;
}
.menu-workorder > button {
  float: left;
  margin: 8px 0 8px 5px;
  color: #555;
  border-color: #bbb;
}

.workorder textarea {
  border: 1px solid #ccc;
}
.workorder fieldset .flex-container {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
}
.workorder fieldset .flex-container .workorder-image-container {
  padding: 0;
  align-self: flex-start;
  min-height: 100px;
  max-height: inherit;
  margin-bottom: 8px;
}
.workorder fieldset ol {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  float: left;
}
.workorder fieldset li {
  margin: 0 0.25rem 0.5rem 0;
  display: inline-block;
}
.workorder fieldset li:not(.checkbox) {
  vertical-align: top;
}
.workorder fieldset li.checkbox {
  padding-top: 3%;
}
.workorder fieldset li.fieldgroup button,
.workorder fieldset li.fieldgroup select {
  display: inline-block;
}
.workorder fieldset li.fieldgroup button {
  padding: 4px 7px 3px;
  border-radius: 2px;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: normal;
  line-height: 1;
}
.workorder fieldset li.fieldgroup select {
  margin-right: 0.5em;
}
.workorder fieldset li.note {
  width: 100%;
  float: none;
}
.workorder fieldset li.note textarea {
  width: 100%;
}
.workorder fieldset li.note li {
  display: block;
  margin-right: 0;
}
.workorder .submit a {
  display: inline-block;
  margin-top: 16px;
}
.workorder .money-line-edit i {
  top: 11px;
  left: 8px;
  line-height: 1;
}
.workorder label,
.workorder legend {
  display: block;
  font-size: 0.8125rem;
}
.workorder legend {
  float: left;
  margin: 0.2em 1em 0 0;
}
.workorder label {
  line-height: 1;
  margin: 0 0 0.2em;
}
.workorder label.checkbox {
  padding: 0.5em 0.75em 0.5em 0;
  text-transform: none;
}
.workorder label.checkbox:hover {
  cursor: pointer;
}
.workorder label.checkbox.nolabelgap {
  margin: 0;
  padding: 0.25em;
}
.workorder label.checkbox input {
  margin: 0 2px 0 0;
}
.workorder label.workorder-item-checkbox {
  margin-top: 20px;
}

.workorder table:last-child {
  margin-bottom: 3em;
}

table.workorder-lines-summary {
  margin: 0 0 4px;
  box-shadow: 0 1px 3px #ccc;
  width: 100%;
  font-size: 0.9375rem;
  border-top: 1px solid #ccc;
}
table.workorder-lines-summary .label {
  background-color: #aaa;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.6875em;
  padding: 3px 5px;
  border-radius: 2px;
}
table.workorder-lines-summary .label.labor {
  background-color: #666666;
}
table.workorder-lines-summary .label.item {
  background-color: #999;
}
table.workorder-lines-summary .label.misc {
  background-color: #cccccc;
}
table.workorder-lines-summary a {
  font-weight: 600;
}
table.workorder-lines-summary ol {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0.5em 0 0;
}
table.workorder-lines-summary li {
  display: inline-block;
}
table.workorder-lines-summary li label {
  color: #888;
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
}
table.workorder-lines-summary li input {
  padding: 6px 8px;
}
table.workorder-lines-summary > tbody > tr > td {
  border-bottom: 1px solid #ccc;
  line-height: 1.4;
  padding: 6px;
}
table.workorder-lines-summary > tbody > tr > td > label {
  margin: 0;
}
table.workorder-lines-summary > tbody > tr > td:first-child {
  padding-left: 15px;
}
table.workorder-lines-summary > tbody > tr > td:last-child {
  padding-right: 15px;
}
table.workorder-lines-summary th.delete,
table.workorder-lines-summary td.delete {
  width: 3.25em;
  padding-right: 0;
}
table.workorder-lines-summary th.boolean,
table.workorder-lines-summary td.boolean {
  width: 15%;
}
table.workorder-lines-summary th.th-price,
table.workorder-lines-summary td.th-price {
  width: 10%;
}
table.workorder-lines-summary th.quantity,
table.workorder-lines-summary td.quantity {
  width: 8%;
}
table.workorder-lines-summary th.subtotal,
table.workorder-lines-summary td.subtotal {
  text-align: right;
  width: 12%;
}
table.workorder-lines-summary th > input[type=number],
table.workorder-lines-summary td > input[type=number] {
  width: 3em;
  text-align: center;
}
table.workorder-lines-summary thead th {
  text-align: left;
  border-bottom: 1px solid #ccc;
  background-color: #f8f8f8;
  color: #444;
  font-size: 0.8125rem;
  font-weight: normal;
  text-transform: uppercase;
  padding: 6px;
}
table.workorder-lines-summary thead th:first-child {
  padding-left: 15px;
}
table.workorder-lines-summary thead th:last-child {
  padding-right: 15px;
}
table.workorder-lines-summary a.remove-link {
  color: #c00;
  font-size: 0.8em;
  margin: 0 0 0 0.5em;
}
table.workorder-lines-summary .hint {
  color: #777;
  font-size: 0.85em;
}
table.workorder-lines-summary td.price,
table.workorder-lines-summary td.money,
table.workorder-lines-summary th.th-price {
  text-align: right;
}

.workorder-line-edit {
  border-top: 1px solid #ccc;
  background-color: #f9f9f9;
}
.workorder-line-edit h4 {
  font-weight: 600;
}
.workorder-line-edit h4 a {
  border-bottom: 1px solid #3d89d1;
}
.workorder-line-edit .submit {
  clear: both;
  width: 100%;
  margin: -0.5em 0 0.5em;
}
.workorder-line-edit span.disabled {
  border: 1px solid #ccc;
  font-size: 0.8375rem;
  color: #777;
  background-color: #fff;
  padding: 8px;
  display: inline-block;
}

.workorder_edit_tool_bar {
  border-top: 1px solid #ccc;
  padding: 20px 20px 20px 80px;
  background-color: #fff;
}

.workorder_edit_tool_bar,
.submit {
  color: #999;
}
.workorder_edit_tool_bar .active,
.submit .active {
  background: #3d89d1;
  color: #fff;
  border: none;
  font-size: 1.1em;
  margin: 0 0.5em 0 0;
}
.workorder_edit_tool_bar a,
.submit a {
  color: #999;
  padding: 0;
  margin: 0;
}

#view .workorder .submit button {
  font-weight: 600;
  background-color: #eee;
  background-image: linear-gradient(center top, #fff, #eee);
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.9375rem;
  text-align: center;
  padding: 10px 12px;
  color: #777;
  border-radius: 3px;
}

.workorder #add_expander_holder,
#add_expander_menu_holder {
  border: none;
  padding: 0;
  margin: 0 0 -10px;
}
.workorder #add_expander_holder h2,
#add_expander_menu_holder h2 {
  margin: 0;
}
.workorder #add_expander_holder fieldset,
#add_expander_menu_holder fieldset {
  padding: 20px 20px 0;
}
.workorder #add_expander_holder label,
#add_expander_menu_holder label {
  padding: 0;
  text-align: left;
}
.workorder #add_expander_holder .submit,
#add_expander_menu_holder .submit {
  text-align: left;
  padding: 10px 20px 20px;
}

.field-placeholder {
  font-size: 0.95em;
  color: #444;
  font-weight: 600;
  display: inline-block;
  min-height: 1.6em;
  min-width: 3em;
}

.color-block {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 30px;
  margin: -2px 5px -4px -5px;
}

#reports_tab > .section, #tutorial_tab > .section, #subscription_tab > .section, #close_account_tab > .section {
  padding-top: 5px;
}
#reports_tab h3, #tutorial_tab h3, #subscription_tab h3, #close_account_tab h3 {
  font-size: 1.125rem;
  text-transform: none;
}
#reports_tab p, #tutorial_tab p, #subscription_tab p, #close_account_tab p {
  color: #333;
}
#reports_tab p.large, #reports_tab p.medium, #tutorial_tab p.large, #tutorial_tab p.medium, #subscription_tab p.large, #subscription_tab p.medium, #close_account_tab p.large, #close_account_tab p.medium {
  font-size: 2em;
  margin: 0.5em 0;
}
#reports_tab p.medium, #tutorial_tab p.medium, #subscription_tab p.medium, #close_account_tab p.medium {
  font-size: 1.3em;
  margin: 0 0 0.5em;
}
#reports_tab ul li, #tutorial_tab ul li, #subscription_tab ul li, #close_account_tab ul li {
  color: #888;
  font-size: 0.875rem;
}
#reports_tab ul a, #tutorial_tab ul a, #subscription_tab ul a, #close_account_tab ul a {
  font-weight: 600;
  font-size: 1rem;
}
#reports_tab button, #reports_tab input, #tutorial_tab button, #tutorial_tab input, #subscription_tab button, #subscription_tab input, #close_account_tab button, #close_account_tab input {
  font-size: 1.2em;
}
#reports_tab button, #tutorial_tab button, #subscription_tab button, #close_account_tab button {
  margin: 0 1em 0 0;
  padding: 10px;
  display: inline-block;
  float: none;
  border-color: #aaa;
  color: #444;
}
#reports_tab button:hover, #tutorial_tab button:hover, #subscription_tab button:hover, #close_account_tab button:hover {
  color: #3d89d1;
  background: #fff;
  border-color: blue;
}
#reports_tab button:hover i, #tutorial_tab button:hover i, #subscription_tab button:hover i, #close_account_tab button:hover i {
  color: #3d89d1;
}

#close_account_tab .action_group {
  margin-top: 4rem;
  border: 1px solid #ccc;
  padding: 5px 20px 10px;
  max-width: 480px;
}
#close_account_tab #comment-error, #close_account_tab #reason-error {
  color: #a44039;
  display: none;
}
#close_account_tab textarea, #close_account_tab select {
  font-size: 1rem;
  display: block;
  margin: 0 0 1em;
  width: 100%;
}
#close_account_tab textarea {
  padding: 10px;
}
#close_account_tab button {
  background: #a44039;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-weight: 400;
}
#close_account_tab button:hover {
  background: #7e312c;
  color: #fff;
}

#subscription_tab .action_group ul {
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #fff;
}
#subscription_tab .ui_form_field div.explanation {
  display: inline;
}
#subscription_tab h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  background: #eee;
  padding: 5px;
  margin-bottom: 1rem;
}
#subscription_tab div.subscription-disabled,
#subscription_tab div.subscription-canceled {
  padding: 20px 20px 10px;
  border: 1px solid #ccc;
  max-width: 450px;
  font-size: 1.1em;
}
#subscription_tab div.subscription-disabled h2,
#subscription_tab div.subscription-canceled h2 {
  border: none;
  font-size: 1.15em;
  text-transform: none;
  color: #666;
}
#subscription_tab div.subscription-disabled p,
#subscription_tab div.subscription-canceled p {
  color: #999;
}
#subscription_tab div.subscription-wider {
  max-width: 800px;
}
#subscription_tab .subscription-grid {
  margin-left: 0;
  margin-right: 0;
}
#subscription_tab .subscription-grid .row {
  margin-left: -10px;
}
#subscription_tab .subscription-grid .col3 {
  padding: 0 0 0 10px;
}
@media screen and (max-width: 960px) {
  #subscription_tab .subscription-grid .col3 {
    width: 33.33%;
  }
}
@media screen and (max-width: 800px) {
  #subscription_tab .subscription-grid .col3 {
    width: 50%;
  }
}
#subscription_tab .subscription-grid p {
  margin-top: 0.75em;
  line-height: 1.5;
}

#reports_tab {
  padding: 20px 30px;
}
#reports_tab::after {
  content: "";
  clear: both;
  display: table;
}
#reports_tab p {
  color: #888;
  margin: 0.5em 5px 0;
}
#reports_tab h2 {
  margin: 0;
  padding: 0 0 5px;
  font-size: 1.25rem;
  color: #333;
  border-bottom: 1px solid #999;
  font-weight: 600;
  text-transform: none;
}
#reports_tab h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: none;
  border-bottom: 1px solid #ccc;
  background: #eee;
  padding: 5px;
}
#reports_tab .section {
  padding: 0;
  margin: 0 0 0.5em;
  width: 48%;
  float: left;
  clear: none;
}
#reports_tab .section#reports_inventory_section, #reports_tab .section#reports_other_section, #reports_tab .section#reports_roll_up_section {
  margin-left: 4%;
}
#reports_tab .section#reports_lstoolbox_section {
  width: calc(100% + 60px);
  position: relative;
  margin: -20px 0 20px -30px;
  padding-top: 1.125rem;
  background-color: #eee;
}
#reports_tab .section#reports_lstoolbox_section h2 {
  display: inline-block;
  font-size: 1.125rem;
  text-transform: none;
  margin: 0 30px;
  border-bottom: none;
  padding: 0;
}
#reports_tab .section#reports_lstoolbox_section h2 #basic-title {
  padding: 10px 18px;
  display: inline-block;
  box-shadow: 5px 0 2px -4px rgba(0, 0, 0, 0.4);
  color: #666;
  font-weight: 600;
  background-color: #fff;
}
#reports_tab .section#reports_lstoolbox_section h2 #lstoolbox-title {
  padding: 10px 18px;
  margin-left: 5px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
  cursor: pointer;
  color: #3d89d1;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link {
  padding: 10px 18px;
  margin-left: 5px;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: normal;
  border-bottom: none;
  cursor: pointer;
  color: #3d89d1;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link span {
  text-decoration: underline;
}
#reports_tab .section#reports_lstoolbox_section h2 .lstoolbox-title-link i {
  font-size: 1rem;
}
#reports_tab .section#reports_lstoolbox_section.lstoolbox-active #basic-title {
  font-weight: normal;
  border-bottom: none;
  text-decoration: underline;
  color: #3d89d1;
  background-color: #eee;
  box-shadow: none;
  cursor: pointer;
}
#reports_tab .section#reports_lstoolbox_section.lstoolbox-active #lstoolbox-title {
  box-shadow: 5px 0 2px -4px rgba(0, 0, 0, 0.4);
  color: #666;
  font-weight: 600;
  background-color: #fff;
  text-decoration: none;
  cursor: default;
}
#reports_tab .section#reports_advanced_reporting_section {
  width: calc(100% + 60px);
  margin: -15px -30px 15px;
}
#reports_tab .section#reports_advanced_reporting_section iframe {
  width: 100%;
  border: none;
}
#reports_tab .section#reports_advanced_reporting_section p {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#reports_tab .section#reports_link_to_dashboard_section {
  float: none;
  clear: both;
  background: #e5f9fe;
  border: 1px solid #b3e8f9;
  border-radius: 4px;
  color: #909b9e;
  margin-bottom: 15px;
  padding: 15px;
}
#reports_tab .section#reports_link_to_dashboard_section #reports_link_to_dashboard_section_explanation:empty {
  display: none;
}
#reports_tab .section#reports_link_to_dashboard_section .callout {
  display: inline-block;
  font-size: 0.8rem;
}
#reports_tab .section#reports_link_to_dashboard_section .callout-btn {
  font-size: 0.8rem;
  float: right;
  margin: -5px -5px 0 0;
}
#reports_tab ul {
  margin: 3px 0 0;
}
#reports_tab li {
  font-size: 0.8125rem;
  padding: 3px 5px;
  margin: 0;
}
#reports_tab li a {
  border-bottom: 1px solid #ccc;
  color: #2a6fb1;
}
#reports_tab li a:hover {
  text-decoration: none;
  border-color: #2a6fb1;
}
#reports_tab li span.explanation::before {
  content: " - ";
}
#reports_tab .new-reports {
  display: inline-block;
  position: relative;
  margin: -5px 0 -5px 5px;
  padding: 6px 5px 4px;
  top: -2px;
  background-color: #3d89d1;
  color: white;
  font-weight: 500;
  font-size: 0.85em;
}

.roll-up-parent {
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.roll-up-reports-frame {
  width: 100%;
  border: none;
}

.image {
  margin-bottom: 10px;
  font-size: 1rem;
}
.image.workorder {
  margin-bottom: 0;
}
.image.workorder .upload {
  width: 150px;
  height: inherit;
  padding: 10px;
}
.image.workorder .upload .drop-area .dz-message {
  font-size: 13px;
  font-weight: normal;
  margin: 0.5rem 0 0.25rem;
}
.image.workorder .upload a.hide {
  top: 0;
  right: 0;
  bottom: auto;
  padding: 0 3px;
  display: inherit;
}
.image.workorder .upload a.hide i {
  font-size: 0;
}
.image.workorder .upload a.hide i::before {
  font-size: 0.85rem;
}
.image.workorder .upload.uploading .uploads {
  height: inherit;
  border: 0;
}
.image.workorder .upload.uploading .uploads .uploads-progress {
  height: inherit;
}
.image.workorder .upload.uploading .uploads .uploads-complete {
  display: none;
}
.image.workorder .upload.uploading .drop-area {
  display: none;
}
.image.workorder .upload button {
  font-size: 14px;
  padding: 4px 6px !important;
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
.image.workorder .upload button:hover, .image.workorder .upload button:active {
  background-color: #2a6fb1;
}
.image.workorder .upload .dz-preview {
  margin-bottom: 0;
}
.image.workorder .image-display {
  padding: 4px;
  width: 78px;
  position: relative;
}
.image.workorder .image-display .image-display-featured {
  width: 68px;
  max-height: 68px;
}
.image.workorder .image-display .image-display-footer {
  position: absolute;
  bottom: -15px;
  right: 0;
  padding: 0;
  font-size: 0;
  width: inherit;
  text-align: right;
  overflow: initial;
}
.image.workorder .image-display .image-display-count {
  font-size: 10px;
  padding: 2px 5px;
  background: #fff;
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.image .image-display {
  display: none;
  padding: 20px 20px 8px;
  border: 1px solid #ccc;
}
.image .image-display .image-display-featured {
  width: 240px;
  display: block;
  margin: 0 auto;
}
.image .image-display .image-display-featured:hover, .image .image-display .image-display-featured:active {
  cursor: pointer;
}
.image .image-display .image-display-footer {
  width: 240px;
  display: block;
  margin: 0 auto;
  text-align: left;
  padding: 8px 0 3px;
  overflow: hidden;
  color: #999;
  font-size: 0.875rem;
}
.image .image-display .image-display-footer .image-display-manage {
  float: right;
  color: #3d89d1;
  display: inline-block;
}
.image .image-display .image-display-footer .image-display-manage:hover, .image .image-display .image-display-footer .image-display-manage:active {
  text-decoration: underline;
  cursor: pointer;
}
.image .prompt {
  line-height: 2.5;
  color: #666;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 0;
  border: 1px solid #ccc;
  background-color: #eee;
}
.image .prompt.at-limit {
  font-weight: 600;
  font-size: 14px;
  color: #777;
  padding: 5px 0;
  line-height: 1.5;
}
.image .prompt.hide {
  display: none;
}
.image .prompt a#addImages {
  white-space: nowrap;
  padding: 0 10px;
  line-height: 2.5;
  color: #666;
  font-size: 0.9em;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  display: block;
  border: 1px solid #ccc;
  background-color: #eee;
}
.image .prompt a#addImages i {
  font-size: 0.85em;
}
.image .prompt a#addImages:hover, .image .prompt a#addImages:active {
  border-color: #3d89d1;
  color: #fff;
  background-color: #3d89d1;
  transition: border 0.5s, background 0.5s;
}
.image .prompt a#addImages:active {
  background-color: #2a6fb1;
  border-color: #2a6fb1;
}
.image .upload {
  border: 3px dashed #b6b6b6;
  height: 290px;
  padding: 20px;
  color: #b6b6b6;
  position: relative;
  display: table;
  width: 100%;
}
.image .upload.hide {
  display: none;
}
.image .upload.uploading {
  display: block;
}
.image .upload.uploading .uploads {
  height: 180px;
  overflow: hidden;
  border-bottom: 3px solid #b6b6b6;
}
.image .upload.uploading .uploads .uploads-progress {
  height: 140px;
  overflow: hidden;
  margin-bottom: 0.5em;
}
.image .upload.uploading .uploads .uploads-complete {
  display: block;
}
.image .upload.uploading .drop-area {
  display: block;
  position: relative;
  margin-top: 1em;
  top: 0%;
}
.image .upload.uploading .drop-area .dz-message {
  position: relative;
  font-size: 0.8em;
  margin: auto;
  display: inline-block;
  padding-right: 1em;
}
.image .upload.uploading .image-limit {
  width: 100%;
  font-size: 0.8em;
  color: #999;
  text-decoration: none;
  text-align: center;
  padding: 6px;
  display: block;
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.image .upload .uploads-complete {
  position: relative;
  font-size: 12pt;
  bottom: 10px;
  width: 100%;
  text-align: center;
  display: none;
}
.image .upload .dz-details {
  line-height: 1.2em;
}
.image .upload .dz-details-text {
  font-size: 10pt;
  font-weight: 600;
}
.image .upload .dz-details-text .dz-filename {
  color: black;
}
.image .upload .dz-filesize {
  visibility: hidden;
}
.image .upload .dz-errormessage {
  display: none;
}
.image .upload .dz-percent-complete {
  color: #3d89d1;
  font-size: 10pt;
  font-weight: 600;
}
.image .upload .dz-progress {
  background-color: #b6b6b6;
  height: 10px;
}
.image .upload .dz-progress span.dz-upload {
  display: block;
  height: 100%;
  position: relative;
  background-color: #3d89d1;
  width: 0%;
  transition: width 0.5s;
}
.image .upload .dz-progress span.dz-upload.error {
  background-color: red;
}
.image .upload .dz-preview {
  margin-bottom: 1em;
}
.image .upload .drop-area {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.image .upload .drop-area .dz-message {
  font-size: 1em;
  font-weight: 600;
  color: #777;
  margin-bottom: 1em;
}
.image .upload .drop-area .image-limit {
  position: absolute;
  left: 12px;
  bottom: 10px;
  font-size: 12px;
  color: #777;
}
.image .upload .drop-area .image-limit-workorder {
  margin-top: 15px;
  font-size: 12px;
  color: #777;
}
.image .upload a.hide {
  font-size: 0.8em;
  color: #999;
  text-decoration: none;
  padding: 6px 7px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.image .upload a.hide:hover, .image .upload a.hide:active {
  color: #fff;
  background-color: #3d89d1;
}
.image .upload a.hide:active {
  background-color: #2a6fb1;
  border-color: #2a6fb1;
}

body.lockscroll {
  position: static;
  overflow: hidden;
}

.product-image-lightbox {
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.product-image-lightbox .product-grid-menu {
  position: relative;
  z-index: 2;
  display: inline-block;
  text-align: left;
}
.product-image-lightbox .product-grid-menu a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
  transition: all 0.3s;
  opacity: 0.5;
}
.product-image-lightbox .product-grid-menu a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-lightbox .product-grid-menu a:hover {
  opacity: 1;
}

.product-image-grid {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 580px;
  margin-top: -290px;
  z-index: 1;
}
.product-image-grid ol {
  background-color: #fff;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  padding-bottom: 4px;
  width: 772px;
  height: 100%;
  position: relative;
}
.product-image-grid li.image {
  background-color: #fff;
  padding: 4px 0 0 4px;
  width: 192px;
  height: 192px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s ease-out;
}
.product-image-grid li.image:nth-child(1) {
  transform: translate3d(0%, 0%, 0);
}
.product-image-grid li.image:nth-child(2) {
  transform: translate3d(100%, 0%, 0);
}
.product-image-grid li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid li.image:nth-child(4) {
  transform: translate3d(300%, 0%, 0);
}
.product-image-grid li.image:nth-child(5) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid li.image:nth-child(6) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid li.image:nth-child(7) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid li.image:nth-child(8) {
  transform: translate3d(300%, 100%, 0);
}
.product-image-grid li.image:nth-child(9) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid li.image:nth-child(10) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid li.image:nth-child(11) {
  transform: translate3d(200%, 200%, 0);
}
.product-image-grid li.image:nth-child(12) {
  transform: translate3d(300%, 200%, 0);
}
.product-image-grid li.image div.image-container {
  width: 188px;
  height: 188px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.product-image-grid li.image div.image-container.product-image-blank {
  border: 1px dotted #ccc;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading {
  background-color: #b6b6b6;
  position: relative;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading span.product-image-upload-progress {
  display: block;
  height: 100%;
  background-color: #3d89d1;
  width: 0%;
  transition: width 0.5s;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading div.product-image-upload {
  position: relative;
  height: 100%;
}
.product-image-grid li.image div.image-container.product-image-blank.product-image-uploading div.product-image-upload div.product-image-filename {
  position: absolute;
  top: 39%;
  font-size: 0.9375rem;
  color: #fff;
  width: 100%;
}
.product-image-grid li.image img {
  max-width: 188px;
  display: block;
  transition: all 0.4s;
}
.product-image-grid li.image:active img, .product-image-grid li.image:hover img {
  opacity: 0.6;
}
.product-image-grid li.image div.featured-outer {
  pointer-events: none;
}
.product-image-grid li.image div.image-upload-container-outer {
  display: table;
  width: 100%;
  height: 100%;
}
.product-image-grid li.image div.image-upload-container {
  display: table-cell;
  vertical-align: middle;
}
.product-image-grid li.image div.image-upload-container div.upload {
  border: 3px dashed;
  border-color: #b6b6b6;
  color: #b6b6b6;
  position: relative;
  margin: 0 auto;
  height: 188px;
  width: 188px;
  display: table;
}
.product-image-grid li.image div.image-upload-container div.upload.disabled {
  border: none;
}
.product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button) {
  background: none;
  border: none;
  background-color: #3d89d1;
  color: #fff;
  padding: 8px 12px;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.5s;
}
.product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button):hover, .product-image-grid li.image div.image-upload-container div.upload button.dz-clickable:not(.cr-button):active {
  background-color: #2a6fb1;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal {
  text-align: center;
  display: block;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal .dz-message-modal {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #888;
  margin-bottom: 1em;
}
.product-image-grid li.image div.image-upload-container div.upload .drop-area-modal .image-limit-modal {
  font-size: 12px;
  color: #777;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.product-image-grid.items8 {
  height: 452px;
  margin-top: -226px;
}
.product-image-grid.items8 div.image-container {
  width: 220px;
  height: 220px;
}
.product-image-grid.items8 div.close {
  width: 900px;
}
.product-image-grid.items8 ol {
  width: 900px;
}
.product-image-grid.items8 li.image {
  width: 224px;
  height: 224px;
}
.product-image-grid.items8 li.image div.image-container {
  width: 220px;
  height: 220px;
}
.product-image-grid.items8 li.image div.image-container img {
  max-width: 220px;
}
.product-image-grid.items8 li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid.items8 li.image:nth-child(4) {
  transform: translate3d(300%, 0%, 0);
}
.product-image-grid.items8 li.image:nth-child(5) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(6) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(7) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid.items8 li.image:nth-child(8) {
  transform: translate3d(300%, 100%, 0);
}
.product-image-grid.items6 {
  height: 612px;
  margin-top: -306px;
}
.product-image-grid.items6 div.image-container {
  width: 300px;
  height: 300px;
}
.product-image-grid.items6 div.close {
  width: 916px;
}
.product-image-grid.items6 ol {
  width: 916px;
}
.product-image-grid.items6 li.image {
  width: 304px;
  height: 304px;
}
.product-image-grid.items6 li.image div.image-container {
  width: 300px;
  height: 300px;
}
.product-image-grid.items6 li.image div.image-container img {
  max-width: 300px;
}
.product-image-grid.items6 li.image:nth-child(3) {
  transform: translate3d(200%, 0%, 0);
}
.product-image-grid.items6 li.image:nth-child(4) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(5) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(6) {
  transform: translate3d(200%, 100%, 0);
}
.product-image-grid.items6 li.image:nth-child(7) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items6 li.image:nth-child(8) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items4 {
  height: 652px;
  margin-top: -326px;
}
.product-image-grid.items4 div.image-container {
  width: 320px;
  height: 320px;
}
.product-image-grid.items4 div.close {
  width: 652px;
}
.product-image-grid.items4 ol {
  width: 652px;
}
.product-image-grid.items4 li.image {
  width: 324px;
  height: 324px;
}
.product-image-grid.items4 li.image div.image-container {
  width: 320px;
  height: 320px;
}
.product-image-grid.items4 li.image div.image-container img {
  max-width: 320px;
}
.product-image-grid.items4 li.image:nth-child(3) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items4 li.image:nth-child(4) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items4 li.image:nth-child(5) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items4 li.image:nth-child(6) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items4 li.image:nth-child(7) {
  transform: translate3d(0%, 300%, 0);
}
.product-image-grid.items4 li.image:nth-child(8) {
  transform: translate3d(100%, 300%, 0);
}
.product-image-grid.items2 {
  height: 428px;
  margin-top: -214px;
}
.product-image-grid.items2 div.image-container {
  width: 420px;
  height: 420px;
}
.product-image-grid.items2 div.close {
  width: 852px;
}
.product-image-grid.items2 ol {
  width: 852px;
}
.product-image-grid.items2 li.image {
  width: 424px;
  height: 424px;
}
.product-image-grid.items2 li.image div.image-container {
  width: 420px;
  height: 420px;
}
.product-image-grid.items2 li.image div.image-container img {
  max-width: 420px;
}
.product-image-grid.items2 li.image:nth-child(3) {
  transform: translate3d(0%, 100%, 0);
}
.product-image-grid.items2 li.image:nth-child(4) {
  transform: translate3d(100%, 100%, 0);
}
.product-image-grid.items2 li.image:nth-child(5) {
  transform: translate3d(0%, 200%, 0);
}
.product-image-grid.items2 li.image:nth-child(6) {
  transform: translate3d(100%, 200%, 0);
}
.product-image-grid.items2 li.image:nth-child(7) {
  transform: translate3d(0%, 300%, 0);
}
.product-image-grid.items2 li.image:nth-child(8) {
  transform: translate3d(100%, 300%, 0);
}

.featured-outer {
  width: 105px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  left: -3px;
}

.featured-inner {
  z-index: 2000;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  background: #fdc20c;
  text-align: center;
  top: 25px;
  left: -48px;
  width: 170px;
  padding: 5px;
  transform: rotate(-45deg);
  position: relative;
}

.product-image-slideshow {
  overflow: hidden;
}
.product-image-slideshow ol {
  list-style: none;
  padding: 0;
}
.product-image-slideshow .product-slideshow-menu {
  width: 100%;
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2000;
}
.product-image-slideshow .product-slideshow-menu a {
  transition: all 0.3s;
  opacity: 0.5;
}
.product-image-slideshow .product-slideshow-menu a:hover {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-menu a.featured {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-menu a.featured i {
  color: #fbb238;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-menu-item a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-menu-item a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item {
  float: right;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a {
  font-size: 1rem;
  float: left;
  color: #fff;
  text-decoration: none;
  padding: 20px;
  margin: 8px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a i {
  font-size: 24px;
  float: left;
  margin: -3px 10px 0 0;
}
.product-image-slideshow .product-slideshow-menu li.product-slideshow-edit-item a.delete {
  color: #555;
  background: #fff;
  border-radius: 3px;
  padding: 10px 12px;
  margin: 18px 20px 0 0;
}
.product-image-slideshow .product-slideshow-controls {
  padding: 0;
  margin: 0;
}
.product-image-slideshow .product-slideshow-controls div.product-slideshow-control {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10%;
  text-align: center;
  z-index: 1100;
}
.product-image-slideshow .product-slideshow-controls div.product-slideshow-control:last-child {
  left: auto;
  right: 0;
}
.product-image-slideshow .product-slideshow-controls a {
  color: #fff;
  text-decoration: none;
  opacity: 0.4;
  height: 100%;
  width: 100%;
  display: table;
  transition: all 0.3s;
}
.product-image-slideshow .product-slideshow-controls a i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 4em;
}
.product-image-slideshow .product-slideshow-controls a:hover {
  opacity: 1;
}
.product-image-slideshow .product-slideshow-photos {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  display: table;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo img {
  margin: 0 auto;
  max-width: 60%;
}
.product-image-slideshow .product-slideshow-photos li.product-slideshow-photo .product-slideshow-description {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  text-align: center;
}

.import-heading, .export-heading {
  margin: 0.25em 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #444;
}

.import-subheading, .export-subheading {
  margin: 0 0 1em;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #777;
}

label.export-subheading {
  font-size: 0.875rem;
  color: #555;
  display: block;
}

.import-paragraph {
  margin: 0.75em 0 0.5em;
  color: #444;
  font-size: 0.8125rem;
  line-height: 1.5;
  max-width: 38em;
}

.import-notice {
  background: #fef3d3;
  padding: 15px 30px;
  margin: -16px -30px 30px;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 1rem;
  min-height: 54px;
}
.import-notice a.delete {
  float: right;
  color: #a44039;
}
.import-notice .right-link {
  float: right;
}

.import-notice-beta::before {
  content: "BETA";
  background: #3d89d1;
  color: #fff;
  padding: 6px 10px;
  font-weight: 600;
  border-radius: 4px;
  margin: -10px 0.5em -10px 0;
}

.import-block, .export-block {
  display: block;
  padding: 1em;
  color: #666;
  border: 1px solid #ccc;
  margin-bottom: -1px;
}
.import-block .validation-failure, .export-block .validation-failure {
  display: none;
  border-bottom: 3px solid #a44039;
  background-color: #fee;
  color: #a44039;
  padding: 0.75em 1.25em;
  margin: -1.05em -1.05em 0.625em;
}
.import-block h2, .export-block h2 {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
.import-block h4, .export-block h4 {
  margin: 0;
  color: #555;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.import-block p, .export-block p {
  font-size: 0.9375rem;
  color: #777;
  margin: 0 0 1em;
  line-height: 1.4;
}
.import-block p small, .export-block p small {
  font-size: 0.85rem;
  margin: 0 0 0 1.5rem;
}
.import-block .import-line-count, .export-block .import-line-count {
  margin: 0;
  padding: 0 0 0.5em;
}
.import-block ol, .import-block ul, .export-block ol, .export-block ul {
  padding: 0;
  margin: 0.25em 0;
  list-style: none;
}
.import-block li, .export-block li {
  margin-bottom: 0.25em;
  font-size: 0.9375rem;
  line-height: 1.25;
}
.import-block .icon-spin, .export-block .icon-spin {
  float: left;
  margin: 3px 15px 0 -15px;
  font-size: 2rem;
  color: #999;
}
.import-block strong, .export-block strong {
  color: #111;
}

.import-failure-errors strong {
  color: #a44039;
}

.import-upload-button {
  background-color: #f8f8f8;
  text-align: center;
  display: block;
  padding: 25px 0;
  float: left;
  width: 48%;
  margin-bottom: 0;
  border: 1px solid #ccc;
}
.import-upload-button .validation-failure {
  display: block;
  margin: -25px 0 0.625em;
}
.import-upload-button h2 {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
.import-upload-button p {
  margin: 0;
  color: #888;
  font-size: 0.8125rem;
}
.import-upload-button:first-of-type {
  margin-right: 4%;
}
.import-upload-button:hover {
  cursor: pointer;
  border-color: #3d89d1;
  background: none;
}
.import-upload-button:hover h2 {
  color: #3d89d1;
}
.import-upload-button:active {
  background: #3d89d1;
  border-color: #3d89d1;
}
.import-upload-button:active h2 {
  color: #fff;
}
.import-upload-button:active p {
  color: #a4c8e9;
}
.import-upload-button.full-width {
  width: 100%;
  margin-right: 0;
}

.import-upload-button-single {
  max-width: 36rem;
  margin: 0 auto;
  width: 100%;
}

.import-update-existing {
  position: relative;
  max-width: 36rem;
  display: block;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  font-size: 0.9375rem;
}
.import-update-existing input {
  font-size: 1rem;
  display: inline-block;
  margin-right: 6px;
}
.import-update-existing:hover {
  cursor: pointer;
  color: #666;
  border-color: #bbb;
}
.import-update-existing p {
  display: none;
  position: absolute;
  top: 2.7em;
  background-color: #5a5a5a;
  border-radius: 0.34em;
  padding: 0.6em 1em;
  margin: auto;
  color: #fff;
  font-size: 0.8em;
  line-height: 1.5;
  width: 20em;
  z-index: 50;
}
.import-update-existing p::before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  top: -0.8em;
  left: 3.3em;
  border-left: 0.8em solid transparent;
  border-right: 0.8em solid transparent;
  border-bottom: 0.8em solid #5a5a5a;
}
.import-update-existing:hover p:first-of-type {
  display: block;
}
.import-update-existing.import-update-existing-po {
  text-align: center;
  margin-top: 0.5em;
}

.import-email-address:hover, .export-email-address:hover {
  cursor: pointer;
  color: #666;
  border-color: #bbb;
}

.import-warning, .export-warning {
  background-color: #ffc;
  margin-bottom: 3em;
}
.import-warning .note, .export-warning .note {
  font-size: 0.9375rem;
  color: #999;
  margin-bottom: 0;
}
.import-warning .submit, .export-warning .submit {
  color: #aaa;
  margin: 0;
  font-size: 1rem;
}
.import-warning .submit button, .export-warning .submit button {
  font-size: 1rem;
}
.import-warning .submit a, .export-warning .submit a {
  color: #3d89d1;
  font-size: 1rem;
  border-bottom: 1px solid #3d89d1;
  padding-bottom: 1px;
}
.import-warning .submit a:hover, .export-warning .submit a:hover {
  color: #2a6fb1;
}

h2.import-success-message {
  color: #589141;
}

h2.import-failure-message {
  color: #a44039;
}

h2#recent_import_listing_view_title {
  display: none;
}

.import-preview table {
  border: 1px solid #ddd;
  margin: 1em 0;
}
.import-preview table th.match {
  padding-left: 56px;
}
.import-preview table td.column_heading strong {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 13rem;
  white-space: nowrap;
  display: inline-block;
  padding-top: 3px;
}
.import-preview table td.column_heading strong:hover {
  width: auto;
}
.import-preview table td.match::before {
  content: "→";
  display: inline-block;
  float: left;
  width: 50px;
}
.import-preview table td.sample {
  font-family: "Courier", fixed;
}
.import-preview table .column_heading {
  width: 20%;
}
.import-preview table .match {
  width: 25%;
  min-width: 20rem;
}
.import-preview table .match select {
  width: calc(100% - 75px);
}
.import-preview table .sample {
  width: 60%;
}
.import-preview table tr:hover td {
  background-color: #ffc;
}

.import-preview-shop select {
  font-size: 1rem;
  margin: 0 0 0.75em;
}
.import-preview-shop .checkbox {
  font-weight: bold;
  color: #000;
  font-size: 0.9375rem;
  display: block;
}
.import-preview-shop .checkbox input {
  font-size: 1rem;
}
.import-preview-shop .checkbox small {
  font-weight: normal;
  color: #777;
}

.import-status button {
  float: right;
  margin-top: 8px;
  background: #888;
  color: #fff;
  border: none;
}
.import-status.summary {
  background-color: #f8f8f8;
  border-bottom: none;
  padding: 25px 20px;
}
.import-status .validation-failure {
  margin: -25px -20px 10px;
}

.import-email-address, .export-email-address {
  background: #f8f8f8;
  overflow: hidden;
}
.import-email-address label, .export-email-address label {
  color: #555;
  display: block;
  font-size: 0.875rem;
}
.import-email-address input, .export-email-address input {
  padding: 6px;
  margin-top: 0.5em;
  min-width: 18rem;
  color: #555;
  border: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 2px 2px #eee;
}

.upload-buttons {
  margin-bottom: 1em;
  height: 6.5em;
}

h2.import-welcome {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}
h2.import-welcome small {
  font-weight: normal;
  font-size: 1rem;
  color: #999;
  font-family: "Source Sans Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
}

.import-images-summary {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 15px;
  position: relative;
  margin-bottom: 1em;
}
.import-images-summary .unattached-images {
  float: left;
  background-color: #ffc;
  font-weight: normal;
  padding: 10px 15px;
  margin: -9px 12px -9px -22px;
  border: 1px solid #ccc;
  color: #666;
  cursor: pointer;
}
.import-images-summary strong {
  color: #666;
  margin: 0;
  font-size: 1.125rem;
  cursor: pointer;
}
.import-images-summary a {
  position: absolute;
  top: 1rem;
  right: 0.9375rem;
  text-align: right;
  font-size: 0.9375rem;
  text-decoration: none;
}
.import-images-summary a:hover {
  text-decoration: underline;
}

h2.import {
  font-weight: 600;
  margin: 1.25em 0 0.5em;
}
h2.import small {
  font-weight: normal;
  font-size: 1rem;
  color: #999;
}

h3.import {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 0.25em;
}

.transfer-items td.error {
  background-color: #fee;
  color: #a44039;
  border-left: 1px solid #a44039;
  border-right: 1px solid #a44039;
  font-weight: bold;
}
.transfer-items td.warning {
  background-color: #ffc;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  font-weight: bold;
}

.transfer-list {
  /* Status Column */
}
.transfer-list td:nth-child(2) {
  padding: 0 0 5px 5px;
}
.transfer-list a span.cr-badge {
  white-space: nowrap;
  display: inline-block;
  margin: 5px 5px 0 0;
}

#view.edit_transfer {
  border-bottom: none;
}

.edit_transfer {
  border-bottom: none;
}
.edit_transfer .view_tab_details .content {
  padding: 0;
}
.edit_transfer .view-layout > tbody > tr:not(:first-child):not(:nth-child(2)) > td {
  padding: 0 0 0 15px;
}
.edit_transfer .view-layout > tbody > tr:not(:first-child):not(:nth-child(2)) > td:last-child {
  padding: 0 15px 0 15px;
}
.edit_transfer .transfer-container__field {
  padding: 0 0 15px 0;
}
.edit_transfer .transfer-container__field > table {
  margin: 0;
  border-bottom: solid 1px #ddd;
}
.edit_transfer .transfer-view {
  display: flex;
  padding: 15px;
}
.edit_transfer .transfer-view__summary {
  width: 33%;
  padding-right: 15px;
}
.edit_transfer .transfer-view__created-by {
  margin-top: 0.75rem;
}
.edit_transfer .transfer-view__sent {
  margin-top: 0.75rem;
}
.edit_transfer .transfer-view__details {
  flex: 1;
}
.edit_transfer .transfer-view__shops {
  display: flex;
  vertical-align: bottom;
}
.edit_transfer .transfer-view__sending-shop {
  flex: 1;
}
.edit_transfer .transfer-view__shops-spacer {
  align-self: flex-end;
  line-height: 2.4rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.edit_transfer .transfer-view__receiving-shop {
  flex: 1;
}
.edit_transfer .transfer-view__need-by {
  display: flex;
}
.edit_transfer .transfer-view__need-by-label {
  flex: 1;
  align-self: center;
}
.edit_transfer .transfer-view__need-by-date {
  display: flex;
}
.edit_transfer .transfer-view__need-by-date .date-wrapper {
  margin-right: 0.75rem;
}
.edit_transfer .transfer-view__notes--add-items {
  height: 176px;
}
.edit_transfer .transfer-view__notes--receive {
  height: 98px;
}
.edit_transfer .transfer-view__mark-all-received-text {
  width: 200px;
}
.edit_transfer .transfer-view_receive-all .form_field_holder,
.edit_transfer .transfer-view_receive-item .form_field_holder {
  padding: 0 6px;
  height: 50px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-right: none;
  vertical-align: middle;
}
.edit_transfer .transfer-view_receive-all .view_functions,
.edit_transfer .transfer-view_receive-item .view_functions {
  padding: 0 6px;
  height: 50px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #eee;
  vertical-align: middle;
  text-align: right;
}
.edit_transfer .transfer-view_receive-item .view_functions {
  padding: 0 6px 0 0;
}
.edit_transfer .transfer-view_receive-item input {
  height: 35px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:first-child {
  width: 60px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:nth-child(2) {
  width: 30px;
}
.edit_transfer .transfer-view_receive-item > table > tbody > tr > td:last-child {
  width: 73px;
}
.edit_transfer input.transfer-view__item-search {
  width: 100%;
  border: 1px solid #ccc;
}
.edit_transfer input.transfer-view__item-qty {
  width: 40px;
  text-align: center;
  border: 1px solid #ccc;
}
.edit_transfer .transfer-view_receive-item .form_field_holder,
.edit_transfer .transfer-view_receive-item .view_functions {
  height: 50px;
  line-height: 50px;
}
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-all-btn,
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn {
  width: auto;
  padding: 8px 12px;
  border-radius: 3px;
  transition: all 0.3s;
  display: inline-block;
  margin: 0;
  white-space: nowrap;
}
.edit_transfer .view_field_box td.view_functions button.transfer-view__receive-item-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -8px;
}
.edit_transfer button.transfer-view__add-received {
  background: #f6b444;
  border-color: #f6b444;
  margin: -22px 0 0 0;
  float: right;
}
.edit_transfer button.transfer-view__add-received:hover {
  border-color: #f4a013;
  background: #f4a013;
}
.edit_transfer button.transfer-view__add-received:active {
  border-color: #f8c875;
  background: #f8c875;
}
.edit_transfer .cr-card {
  overflow: visible;
}
.edit_transfer .date-wrapper::after {
  color: #383d3d;
}
.edit_transfer .time-wrapper::after {
  color: #383d3d;
}
.edit_transfer .date-time-wrapper input[type=text],
.edit_transfer .time-wrapper input[type=text] {
  border-radius: 0.1875rem;
}
.edit_transfer .listing tbody td.group table span {
  margin-left: 0;
}
.edit_transfer table.transfer-items th.add_order {
  width: 50px;
}
.edit_transfer .functions button.check-in,
.edit_transfer .functions button.send-items {
  margin-right: 6px;
}
.edit_transfer .functions button.duplicate,
.edit_transfer .functions button.restore,
.edit_transfer .functions button.archive {
  margin-left: 0;
  margin-right: 6px;
}

body.griffin #register aside {
  top: 0;
}

#customer-attached-holder {
  display: none;
  background: #fff6c9;
  height: 54px;
  border-bottom: 1px solid #ccc;
  transition: background 0.3s ease;
}
#customer-attached-holder.notification-active {
  display: block;
}
#customer-attached-holder.notification-active.notification-flash {
  background: #ff9024;
}
#customer-attached-holder #customer-attached-icon {
  height: 100%;
  float: left;
  width: 2rem;
  margin: 0 0.5rem;
}
#customer-attached-holder #customer-attached-text {
  color: #000;
  float: left;
  font-size: 1.125rem;
  font-weight: 600;
  padding-top: 16px;
}
#customer-attached-holder button {
  float: right;
  margin-top: 8px;
  margin-right: 15px;
}

#signature-holder {
  width: 100%;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

#signature-icon-holder {
  float: left;
  height: 100%;
  width: 5.5rem;
}

.signature-needed {
  height: 5.5rem;
  margin-top: 2rem;
  background: rgba(0, 0, 0, 0.1);
}
.signature-needed .signature-status {
  width: 1.5rem;
  height: 100%;
  float: left;
  background: #f6b444;
  transition: background 0.3s ease;
}
.signature-needed .signature-icon {
  width: 3.5rem;
  height: 100%;
  float: left;
  margin: 0 1rem;
}
.signature-needed.captured .signature-status {
  background: #36980e;
  transition: background 0.3s ease;
}
.signature-needed.captured .signature-icon {
  width: 3.5rem;
  height: 100%;
  float: left;
  margin: 0 1rem;
  fill: #36980e;
}

.signature-text {
  min-width: 7rem;
  height: 100%;
  float: left;
  padding-top: 18px;
}
.signature-text .signature-text-heading {
  font-size: 22px;
  font-weight: bold;
}
.signature-text .signature-text-info {
  font-size: 16px;
  color: #666;
}

#register {
  background-color: #fff;
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
#register .do-payments {
  height: 100%;
}
#register section.main {
  overflow: auto;
  flex-grow: 1;
  margin: 0 240px 0 0;
}
#register .customer {
  margin: 1em 0 2em;
}
#register aside {
  border-left: 1px solid #c4cacc;
  width: 240px;
  background-color: #fff;
  color: #494c4c;
  overflow-y: auto;
  font-size: 1rem;
}
@media (min-width: 720px) {
  #register aside {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
#register aside .transaction-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
  font-family: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#register aside h4 {
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 0.5em;
  color: #494c4c;
  clear: both;
}
#register aside table {
  width: 100%;
  line-height: 1rem;
}
#register aside table.totals tr:last-child th,
#register aside table.totals tr:last-child td {
  padding-bottom: 1.125rem;
}
#register aside th,
#register aside td {
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0.75rem;
}
#register aside th.no-border,
#register aside td.no-border {
  border: none;
}
#register aside th.red,
#register aside td.red {
  color: #f00;
}
#register aside th.green,
#register aside td.green {
  color: #5a5;
}
#register aside th {
  text-align: left;
  color: #848a8a;
}
#register aside th#taxSummary {
  border-bottom: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 25px;
}
#register aside th.totals_title {
  border-bottom: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-top: 25px;
}
#register aside td {
  text-align: right;
}
#register aside tr.totals_title_whitespace {
  width: 100%;
  height: 35px;
}
#register aside tr.total th,
#register aside tr.total td,
#register aside tr.total-tax th,
#register aside tr.total-tax td {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  font-size: 1.125rem;
  border-top: 1px solid #c4cacc;
  font-weight: 700;
  color: #494c4c;
}
#register aside tr.total th.total-tax,
#register aside tr.total td.total-tax,
#register aside tr.total-tax th.total-tax,
#register aside tr.total-tax td.total-tax {
  font-size: 1rem;
}
#register aside .register-payments-label {
  margin-bottom: 1.125rem;
  margin-top: 1.5rem;
}
#register aside .register-payments-label div {
  line-height: 0;
  border-bottom: 1px solid #e1e4e5;
  color: #181a1a;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
}
#register aside .register-payments-label div span {
  background: #fff;
  padding-left: 0.375rem;
}
#register aside .register-payment-block {
  padding: 1.875rem 1.125rem 1.875rem 1.125rem;
  border-bottom: 1px solid #c4cacc;
}
#register aside .register-payment-block .quick-pay {
  display: flex;
  justify-content: space-between;
}
#register aside .register-payment-block .quick-pay button {
  width: auto;
}
#register aside .register-payment-block .quick-pay button span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#register aside .register-payment-block.register-totals {
  padding-top: 1.5rem;
  padding-bottom: 0;
}
#register aside .register-payment-block.totals-details {
  padding-top: 0.375rem;
  padding-bottom: 0;
}
#register aside .register-payment-block.totals-details tr.totals-details-total th,
#register aside .register-payment-block.totals-details tr.totals-details-total td {
  color: #494c4c;
  font-weight: 700;
}
#register aside .register-payment-block .deposit button {
  width: inherit;
}
#register aside .register-payment-block button {
  width: 100%;
}
#register aside .register-sidebar-buttons {
  padding: 1.125rem;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#register aside .register-sidebar-buttons.griffin {
  justify-content: flex-start;
}
#register aside .register-sidebar-buttons button {
  width: 100%;
  flex-shrink: 0;
}
#register aside .register-sidebar-buttons button > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#register aside .register-sidebar-buttons button#cancelButton {
  margin-top: 0.75rem;
}
#register aside .register-sidebar-buttons .lower {
  margin-top: 1em;
}
#register a.quote {
  margin: 1em 0 0;
}
#register button:not(.cr-button):active {
  background: #2a6fb1 !important;
  border-color: #2a6fb1 !important;
  color: #fff;
}
#register button:not(.cr-button):active i {
  color: #fff;
}

.register-modal {
  margin: 30px;
  border: 1px solid #ccc;
  border-bottom: none;
}
.register-modal header {
  overflow: hidden;
  margin: 0 0 1em;
  padding: 15px;
}
.register-modal header h3 {
  float: left;
  display: inline-block;
  margin: 0.1em 0 0;
  font-size: 1.6em;
  color: #666;
}
.register-modal header button {
  float: right;
  margin: 0 0 0 5px;
}

#add_expander_holder,
#add_expander_menu_holder {
  clear: both;
  border-top: 1px solid #ccc;
  background-color: #fff;
  display: block;
  padding: 8px 15px 18px;
  margin-left: -15px;
}
#add_expander_holder h2,
#add_expander_menu_holder h2 {
  font-weight: 600;
  font-size: 1em;
  margin: -15px -15px 5px;
  background-color: #eee;
  padding: 15px;
  color: #666;
}
#add_expander_holder .submit,
#add_expander_menu_holder .submit {
  display: block;
  text-align: right;
}
#add_expander_holder table,
#add_expander_menu_holder table {
  border-bottom: none;
  border-top: none;
}
#add_expander_holder table tr td, #add_expander_holder table tr > :first-child, #add_expander_holder table tr > :last-child,
#add_expander_menu_holder table tr td,
#add_expander_menu_holder table tr > :first-child,
#add_expander_menu_holder table tr > :last-child {
  padding: 8px 0 6px;
  vertical-align: middle;
  border: none;
}
#add_expander_holder table tr td.note,
#add_expander_menu_holder table tr td.note {
  padding-top: 10px;
  vertical-align: top;
}
#add_expander_holder textarea,
#add_expander_menu_holder textarea {
  width: 90%;
  padding: 10px;
}
#add_expander_holder label,
#add_expander_menu_holder label {
  font-size: 0.85em;
  color: #666;
  padding: 0 6px 0 12px;
  display: block;
  text-align: right;
}
#add_expander_holder label.checkbox,
#add_expander_menu_holder label.checkbox {
  text-align: left;
  display: inline-block;
}

.lines nav {
  background: #dde9d2;
  overflow: hidden;
  padding: 0 0 0 15px;
  border-top: 1px solid #ccc;
}
.lines nav button,
.lines nav input {
  float: left;
  margin: 8px 8px 8px 0;
}
.lines nav button[type=search],
.lines nav input[type=search] {
  margin-right: 0;
}
.lines nav .search {
  float: left;
  display: inline-block;
  padding: 0 7px 0 15px;
  margin: 0 -1px -1px -15px;
  background: #deeefc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 0;
  white-space: nowrap;
}
@media (min-width: 480px) {
  .lines nav .search + button {
    margin-left: 15px;
  }
}
.lines nav .submenu {
  display: block;
  min-height: 65px;
}
.lines nav .submenu header {
  position: relative;
}
.lines nav .submenu header h3 {
  font-size: 0.9375rem;
  margin: 0 0 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  height: 1.75rem;
}
.lines nav .submenu header button.hide {
  position: absolute;
  top: -9px;
  right: -16px;
  margin: 0;
  border-radius: 0;
  border-color: #ccc;
}
.lines nav .submenu button {
  margin: 2px 5px 0 0;
}
.lines footer {
  padding: 0 15px 15px;
  display: flex;
  border-bottom: 1px solid #c4cacc;
}
.lines footer button {
  margin-top: 15px;
}
.lines footer .sale-actions {
  flex-grow: 1;
  text-align: right;
}
.lines table {
  border-top: 1px solid #ccc;
  width: 100%;
}
.lines table tr > :first-child {
  padding-left: 15px;
}
.lines table tr > :last-child {
  padding-right: 15px;
}
.lines table td.row_controls {
  min-width: 30px;
  padding-right: 0;
  white-space: nowrap;
}
.lines table td.register-lines-control:last-child {
  margin-right: 0;
}
.lines table thead th,
.lines table tr.thead th {
  font-size: 0.8125rem;
  font-weight: normal;
  text-align: left;
  padding: 6px;
  text-transform: uppercase;
  color: #444;
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.lines table thead th.th-money,
.lines table tr.thead th.th-money {
  text-align: right;
}
.lines table thead th:first-child,
.lines table tr.thead th:first-child {
  padding-left: 15px;
}
.lines table .section {
  background-color: #cde1f3;
  color: #3d89d1;
  text-align: left;
  font-size: 0.9em;
  text-transform: uppercase;
}
.lines table .section td,
.lines table .section th {
  text-align: left;
  padding-top: 7px;
}
.lines table tbody th,
.lines table tbody td {
  padding: 6px;
  border-bottom: 1px solid #ccc;
}
.lines table tbody th.line-complete,
.lines table tbody td.line-complete {
  background-color: #ffc;
  padding: 1.25rem;
}
.lines table tbody th.line-complete .title,
.lines table tbody td.line-complete .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.lines table tbody th.line-complete .title .start-date,
.lines table tbody td.line-complete .title .start-date {
  font-size: 1rem;
  font-weight: 400;
  color: #888;
}
.lines table tbody th.line-complete .complete_prompt_buttons,
.lines table tbody td.line-complete .complete_prompt_buttons {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 1.25rem;
}
.lines table tbody th.line-complete .complete_prompt_buttons p,
.lines table tbody td.line-complete .complete_prompt_buttons p {
  margin-top: 0;
  font-weight: 600;
}
.lines table tbody th.line-complete .complete_prompt_buttons button,
.lines table tbody td.line-complete .complete_prompt_buttons button {
  margin-right: 0.75rem;
}
.lines table tbody th.line-complete .complete_prompt_buttons a,
.lines table tbody td.line-complete .complete_prompt_buttons a {
  color: #888;
  text-decoration: underline;
}
.lines table tbody tr.pending {
  height: 45px;
}
.lines table tbody tr.pending td {
  color: #888;
}
.lines table tbody tr.pending .status-block {
  border: 1px solid #ccc;
  padding: 2px 4px;
  font-size: 0.6875rem;
  margin-right: 0.5rem;
  text-transform: uppercase;
  margin-top: 1px;
  display: inline-block;
  float: left;
  color: #666;
}
.lines table tbody tr.searchrow button.remove {
  background: #fff;
  border: 1px solid #ccc;
  color: #999;
  float: right;
  font-size: 1.5rem;
  padding: 4px 8px;
  border-radius: 0;
  line-height: 1;
  margin: -6px -9px -6px 0;
}
.lines table tbody tr.searchrow button.remove:hover {
  color: #fff;
  background: #a44039;
  border-color: #a44039;
}
.lines table tbody td.money,
.lines table tbody td.number,
.lines table tbody td.popdisplay_price.money,
.lines table tbody td.popdisplay_subtotal.money,
.lines table tbody td.popdisplay_total.money {
  text-align: right;
}
.lines table tbody .popdisplay_price {
  line-height: 1.2;
}
.lines table tbody .orginal_price {
  color: #888;
  font-size: 0.6875rem;
  text-decoration: line-through;
}
.lines table input {
  margin: -3px 0;
  padding: 8px;
}
.lines table input[type=checkbox] {
  margin: 3px 8px 0 0;
}
.lines tr.edit_row > td {
  background-color: #eaf2fa;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 3px) linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 3px);
  padding: 0 15px;
}
.lines tr.edit_row span.disabled {
  border: 1px solid #ccc;
  font-size: 0.8375rem;
  color: #777;
  background-color: #fff;
  padding: 8px;
  display: inline-block;
}
.lines .line-edit table {
  border-top: none;
}
.lines .line-edit table label {
  font-size: 0.85em;
  color: #666;
  padding: 0 6px 0 12px;
  display: block;
  text-align: right;
}
.lines .line-edit table input[type=number] {
  max-width: 7em;
}
.lines .line-edit table select {
  max-width: 10rem;
}
.lines .line-edit table tr > td {
  padding: 6px 0;
  border: none;
}
.lines .line-edit table td.line-note {
  padding-right: 1em;
  vertical-align: top;
}
.lines .line-edit table textarea {
  width: 100%;
}
.lines .line-edit table td.line-buttons {
  padding-bottom: 15px;
  text-align: right;
}
.lines .line-edit table td.line-description {
  padding: 0.75em 0 0.5em;
  font-size: 1.125em;
}
.lines .line-edit table a {
  text-decoration: none;
}
.lines .line-edit table a:hover {
  color: #3d89d1;
}
.lines .discount {
  font-size: 0.85em;
  color: #888;
}
.lines .employee {
  text-transform: uppercase;
  text-align: left;
  font-size: 0.8em;
}
.lines .line-edit-action {
  font-size: 0.8em;
  color: #3d89d1;
  margin: 0 0 0 0.3em;
}
.lines .line-edit-action:hover {
  color: #3d89d1;
}
.lines .specialorder {
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #ccc;
  margin: 4px 0 0;
  font-size: 0.8em;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}
.lines .specialorder.notordered {
  color: #a44039;
  border-color: #a44039;
}
.lines .specialorder.ordered {
  color: #f6b444;
  border-color: #f6b444;
}
.lines .specialorder.readyforpickup {
  color: #589141;
  border-color: #589141;
}

.quick-pay-feature {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  padding-top: 0.375rem;
  padding-right: 1.125rem;
}
.quick-pay-feature .cr-alert.register-alert-custom {
  margin-top: 0.375rem;
  position: relative;
}
.quick-pay-feature .cr-alert .alert__arrow::after,
.quick-pay-feature .cr-alert .alert__arrow::before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.quick-pay-feature .cr-alert .alert__arrow::after {
  border-width: 5px;
}
.quick-pay-feature .cr-alert .alert__arrow::before {
  border-width: 6px;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::after, .quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::before {
  bottom: 100%;
  right: 50%;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::after {
  margin-right: -5px;
  border-bottom-color: #e9fafe;
}
.quick-pay-feature .cr-alert[data-placement^=bottom] .alert__arrow::before {
  border-bottom-color: #2875c6;
  margin-right: -6px;
}
.quick-pay-feature .cr-alert[data-placement$=-end] .alert__arrow::after, .quick-pay-feature .cr-alert[data-placement$=-end] .alert__arrow::before {
  right: 1.125rem;
}

.register-customer {
  min-height: 54px;
  padding: 8px 15px;
  background: #d7e0e7;
  margin: 0;
  overflow: hidden;
  z-index: 5;
  position: relative;
}
.register-customer .search {
  background: none;
  display: inline-table;
  min-height: 0;
}
.register-customer form {
  display: inline-block;
}
.register-customer form.search {
  min-width: 260px;
  white-space: nowrap;
}
.register-customer .block {
  margin-right: 8px;
}
.register-customer .block p.contact {
  color: #888;
  line-height: 1.4;
  text-transform: none;
  font-weight: normal;
  margin: 0.3em 0 0;
}
.register-customer .block p.contact a {
  color: #999;
}

.register-customer-form {
  border: 1px solid #ccc;
  margin: 1em 0;
  background-color: #fff;
  padding: 15px;
}
.register-customer-form h3 {
  font-weight: 600;
  color: #777;
  margin: 0 0 0.7em;
}
.register-customer-form table {
  border: none;
}
.register-customer-form table tbody td {
  border: none;
}
.register-customer-form table tbody tr td:first-child {
  padding-left: 0;
}
.register-customer-form textarea {
  width: 100%;
}
.register-customer-form .submit {
  padding: 15px 0 0;
}
.register-customer-form .edit-ship-to td {
  min-width: 120px;
}
.register-customer-form .edit-ship-to .cirrus .cr-autocomplete {
  border-left: none;
}
.register-customer-form .edit-ship-to .table-address .table-address__value {
  min-width: 300px;
  border-bottom: none;
}
.register-customer-form .edit-ship-to .table-address .table-address__value .ship_to_data {
  width: 100%;
}
.register-customer-form .edit-ship-to .table-address .table-address__value .Select-input input {
  padding: 8px 0 12px;
  margin: 0;
}

@media (min-width: 480px) {
  .do_payments section.main .register-sale-overview {
    overflow: hidden;
    float: left;
    width: calc(100% - 300px);
    border-right: 1px solid #ccc;
  }
  .do_payments section.main .register-payment-form {
    width: 300px;
    float: right;
  }
}
/* POP-DOWN WHEN YOU HIT "ADD-DEPOSIT" ON PAYMENTS PAGE */
#register #account_actions div {
  margin: 10px;
}

/* PAYMENTS BOX ON PAYMENTS PAGE OF REGISTER */
.register-payments {
  background-color: #d6e9ce;
  border-left: 1px solid #ccc;
  margin-left: -1px;
}
.register-payments input {
  padding: 8px;
  float: left;
}
.register-payments input:not(#gift_card_input) {
  max-width: 120px;
}
.register-payments header {
  padding: 20px 15px 19px;
  color: #fff;
  background-color: #589141;
  font-size: 1.25rem;
  text-transform: uppercase;
}
.register-payments footer {
  font-weight: 600;
  background-color: #6eb253;
  padding: 8px 15px;
  text-align: center;
}
.register-payments footer label {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  padding: 10px;
}
.register-payments footer input {
  float: none;
}
.register-payments .content {
  padding: 10px;
}
.register-payments td {
  white-space: nowrap;
}
.register-payments td.full-width-container {
  white-space: normal;
}
.register-payments-manual td {
  white-space: normal;
}
.register-payments td,
.register-payments th {
  padding: 10px 0;
}
.register-payments td p,
.register-payments th p {
  margin: 0.5em 0 0;
  font-size: 0.8em;
}
.register-payments td p div,
.register-payments th p div {
  padding-top: 5px;
}
.register-payments td #cash_rounding_precision,
.register-payments th #cash_rounding_precision {
  display: none;
}
.register-payments td #creditRefundOnNewCard,
.register-payments th #creditRefundOnNewCard {
  margin-top: 10px;
  margin-right: 5px;
}
.register-payments th {
  text-align: right;
  padding-right: 0.75em;
  text-transform: uppercase;
  font-size: 0.875rem;
  color: #589141;
  vertical-align: top;
  padding-top: 1.6em;
  width: 115px;
}
.register-payments th.credit-debit-refund-list-item {
  padding-top: 10px;
}
.register-payments th.credit-debit-refund-list-item div {
  overflow: hidden;
  max-width: 100px;
}
.register-payments td.quickcash,
.register-payments td.card-options {
  text-align: center;
  line-height: 3;
  padding: 0;
}
.register-payments .quickcash .denominations {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}
.register-payments .quickcash button {
  margin: 0.1rem;
}
.register-payments td.payment-amount {
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
}
.register-payments td.remove-emv-payment {
  text-align: center;
}
.register-payments table.emv-payments {
  width: 100%;
}
.register-payments table.emv-payments tr {
  border-top: 1px solid #ccc;
}

.register-payments-manual input[type=text]:not(#gift_card_input) {
  width: 100%;
  max-width: inherit;
}
.register-payments-manual input[type=checkbox] {
  margin-right: 0.375rem;
}
.register-payments-manual td + td {
  padding-left: 0.375rem;
}
.register-payments-manual .table-address {
  width: 100%;
}
.register-payments-manual .table-address .table-address__label {
  width: 82px;
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 16px;
  color: #000;
}
.register-payments-manual .table-address .table-address__value {
  border-bottom: none;
}

#terminal_select {
  width: 100%;
}

#cash_remainder .red {
  color: #f00;
}
#cash_remainder .green {
  color: #5a5;
}

.payments_list .payment-steps {
  margin-top: 5px;
}
.payments_list #emv-error,
.payments_list #emv-payment-waiting,
.payments_list #emv-approve-error {
  background-color: #f6f6f6;
  display: block;
  margin: 0 -10px -10px -10px;
  border-top: 1px solid #ccc;
  padding: 10px;
}
.payments_list #emv-error td,
.payments_list #emv-payment-waiting td,
.payments_list #emv-approve-error td {
  width: 300px;
}
.payments_list #emv-error h1,
.payments_list #emv-payment-waiting h1,
.payments_list #emv-approve-error h1 {
  color: #a44039;
  font-size: 1rem;
  width: 100%;
  font-weight: 900;
  margin: auto;
}
.payments_list #emv-error h2,
.payments_list #emv-payment-waiting h2,
.payments_list #emv-approve-error h2 {
  font-size: 1.25rem;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1rem;
}
.payments_list #emv-error button,
.payments_list #emv-payment-waiting button,
.payments_list #emv-approve-error button {
  display: block;
}
.payments_list #emv-error button.large,
.payments_list #emv-payment-waiting button.large,
.payments_list #emv-approve-error button.large {
  width: 100%;
  margin: auto;
  font-weight: 900;
}
.payments_list #emv-error button.inline,
.payments_list #emv-payment-waiting button.inline,
.payments_list #emv-approve-error button.inline {
  display: inline-block;
}
.payments_list #emv-error i,
.payments_list #emv-payment-waiting i,
.payments_list #emv-approve-error i {
  color: #589141;
}
.payments_list #emv-error .action,
.payments_list #emv-payment-waiting .action,
.payments_list #emv-approve-error .action {
  font-weight: 900;
}

.payments_list .money-field-container,
.refunds_list .money-field-container {
  float: left;
}

div.register-refunds {
  background-color: #fddeaa;
}
div.register-refunds td p {
  color: #714803;
}
div.register-refunds th {
  color: #bc7805;
}
div.register-refunds header {
  background-color: #bc7805;
}
div.register-refunds footer {
  background-color: #ee9806;
}

/* REGISTER TABS ON MAIN REGISTER PAGE */
ul.register-tabs {
  background-color: #eee;
  border-top: 1px solid #ccc;
  list-style: none;
  padding: 10px 0 0;
  margin: 0;
  overflow: hidden;
}
ul.register-tabs li {
  display: inline;
  font-size: 0.875rem;
  text-transform: uppercase;
}
ul.register-tabs li:first-child a {
  margin-left: 15px;
}
ul.register-tabs li a {
  float: left;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #fff;
  display: block;
  padding: 8px 10px;
  margin: 0 0 0 5px;
  color: #6c7984;
  text-decoration: none;
}
ul.register-tabs li a strong {
  background-color: #eee;
  color: #666;
  padding: 8px 12px;
  display: inline-block;
  font-weight: 700;
  margin: -8px -10px -8px 4px;
}
ul.register-tabs li.current a, ul.register-tabs li.sale_current a, ul.register-tabs li.refund_current a, ul.register-tabs li.edit_workorder_current a {
  background-color: #3d89d1;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  border-color: #3d89d1;
}
ul.register-tabs li.current a strong, ul.register-tabs li.sale_current a strong, ul.register-tabs li.refund_current a strong, ul.register-tabs li.edit_workorder_current a strong {
  display: none;
}
ul.register-tabs .register-workorder-menu {
  display: block;
  clear: both;
  border-top: 1px solid #ccc;
  padding: 10px 15px;
}
ul.register-tabs .register-workorder-menu .close {
  float: right;
}

table.grid {
  margin: 1em 0 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
table.grid thead th {
  text-align: center;
  border-bottom: 2px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 0.8em;
  background-color: #eee;
}
table.grid tbody th,
table.grid tbody td {
  font-size: 0.8em;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.grid tbody td dl {
  font-size: 1.2em;
}
table.grid tbody td .money-field-container {
  max-width: 100%;
  display: inline-block;
}
table.grid td,
table.grid th {
  padding: 5px;
}
table.grid td > dl,
table.grid th > dl {
  margin: 0;
}
table.grid .number,
table.grid .th-number {
  text-align: right;
}
table.grid tr.totals th,
table.grid tr.totals td {
  background-color: #eee;
  font-weight: 600;
}

table.count {
  font-size: 1.2em;
  border-width: 0;
  width: auto;
}
table.count tbody td {
  margin: 0;
  padding: 0 0.125rem 0.2rem;
  border-width: 0;
  vertical-align: middle;
  font-size: 0.8em;
  text-align: right;
}
table.count tbody td input.xx-small,
table.count tbody td input.money {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}

div.receipt_box {
  background-color: #fff;
  border: 1px solid #ccc;
  max-width: 600px;
  padding: 30px;
  margin: 30px;
  clear: both;
}

@media (max-width: 736px) {
  #register {
    height: auto;
  }
  #register aside,
#register section.main {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #register aside {
    width: 100%;
    overflow-y: initial;
  }
  #register section.main {
    overflow: initial;
    margin: 0;
    height: auto;
  }
}
/* REGISTER TABLE ITEM LISTING */
table.register-listing {
  width: 100%;
}

/* WORKORDER LISTING PAGE */
td.workorder-info {
  text-align: left;
  vertical-align: top;
  word-wrap: break-word;
  max-width: 0;
  width: 50%;
}

td.workorder-info span {
  display: block;
  background-color: #eee;
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid black;
}

td.workorder-info.public-note {
  border-right: 1px solid #ccc;
}

.date_range_field {
  display: inline-block;
  position: relative;
}
.date_range_field::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 8px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.date_range_field input.date_range {
  width: 14.5em;
  padding-right: 24px;
}

div.date_range {
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: -4px 0 0;
  z-index: 10;
  width: 542px;
}
div.date_range > p {
  border-bottom: 1px solid #ccc;
  margin: 0;
  color: #999;
  background-color: #eee;
  font-size: 0.8em;
  text-align: center;
  line-height: 3;
  min-height: 3em;
}
div.date_range > p a.open_range {
  display: none;
  float: left;
  color: #999;
  padding: 0 8px;
  margin: 0;
  font-size: 0.9em;
  line-height: 3.25;
  text-transform: uppercase;
}
div.date_range > p a.open_range:hover {
  background-color: #3d89d1;
  color: #fff;
  cursor: pointer;
}
div.date_range > p a.open_range:active {
  background-color: #3d89d1;
}
div.date_range > p a.open_range:first-child {
  border-right: 1px solid #ccc;
}
div.date_range > p a.open_range:first-child i {
  margin-left: 2px;
}
div.date_range > p a.open_range:last-child {
  border-left: 1px solid #ccc;
  float: right;
}
div.date_range > p a.open_range:last-child i {
  margin-right: 2px;
}
div.date_range .date_range_calendars {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
div.date_range .date_range_calendars > a {
  display: block;
  float: left;
  padding: 70px 2px 70px 4px;
  height: 170px;
  width: 22px;
  margin: 0 6px 0 0;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  color: #ccc;
}
div.date_range .date_range_calendars > a:hover {
  color: #3d89d1;
  background-color: #e2edf8;
  cursor: pointer;
}
div.date_range .date_range_calendars > a:active {
  color: #3d89d1;
}
div.date_range .date_range_calendars > a:last-child {
  padding-left: 6px;
  margin: 0 0 0 -6px;
  float: right;
}
div.date_range .date_range_calendars h4 {
  text-transform: uppercase;
  color: #3d89d1;
  font-size: 0.8em;
  text-align: center;
  margin: 8px 0 7px;
  font-weight: 400;
}
div.date_range .date_range_calendars h4:hover {
  cursor: pointer;
  color: #3d89d1;
}
div.date_range ol.months {
  margin: 0;
  padding: 0;
  list-style: none;
}
div.date_range ol.months > li {
  overflow: hidden;
  margin: 0 8px 0 0;
  width: 156px;
  float: left;
}
div.date_range ol.month {
  list-style: none;
  padding: 0;
  margin: 0 auto 5px;
  width: 154px;
  overflow: hidden;
}
div.date_range ol.month li {
  float: left;
  text-align: center;
  font-size: 0.6em;
  color: #999;
  width: 22px;
  height: 22px;
  line-height: 21px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  margin: 0;
  padding: 0;
}
div.date_range ol.month li:nth-child(-n+7) {
  border-top: 1px solid #eee;
}
div.date_range ol.month li:nth-child(7n) {
  border-right: 1px solid #eee;
}
div.date_range ol.month li:last-child {
  border-right: 1px solid #eee;
}
div.date_range ol.month li:hover {
  cursor: pointer;
  background-color: #3d89d1;
  color: #fff;
}
div.date_range ol.month li.next, div.date_range ol.month li.next:hover, div.date_range ol.month li.prev, div.date_range ol.month li.prev:hover {
  background: none;
  color: #eee;
  cursor: default;
}
div.date_range ol.month li.selected {
  background-color: #a4c8e9;
  color: #3d89d1;
}
div.date_range .date_range_controls {
  overflow: hidden;
  padding: 0;
  background-color: #eee;
}
div.date_range .date_range_controls fieldset {
  margin: 11px 11px 0;
  border: none;
  padding: 0;
  float: left;
  width: 55%;
}
div.date_range .date_range_controls fieldset .date-wrapper {
  width: auto;
}
div.date_range .date_range_controls fieldset .date-wrapper input[type=text] {
  padding: 5px 30px 5px 5px;
}
div.date_range .date_range_controls fieldset input {
  float: none;
  height: auto;
}
div.date_range .date_range_controls fieldset span {
  display: inline-block;
  color: #999;
  font-size: 0.8em;
  margin: 0 3px;
}
div.date_range .date_range_controls .date_range_shortcuts {
  margin: 0;
  padding: 9px 12px;
  border-left: 1px solid #ccc;
  float: right;
  font-size: 0.7em;
  color: #999;
  width: 200px;
  line-height: 1.5;
}
div.date_range .date_range_controls .date_range_shortcuts a {
  color: #3d89d1;
}

.date-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.date-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.date-wrapper input[type=text], .date-wrapper input[type=date] {
  width: 8.25em;
  padding-right: 24px;
}

.workorder-customer-new .date-wrapper {
  width: auto;
}
.workorder-customer-new .date-wrapper::after {
  right: 15px;
  margin-top: -11px;
}

.time-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.time-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
}
.time-wrapper input[type=text], .time-wrapper input[type=time] {
  width: 6.75em;
  padding-right: 24px;
  margin-left: -1px;
}

.date-time-wrapper {
  width: auto;
}

body.is_cordova kbd {
  display: none;
}
body.is_cordova .signup {
  display: none;
}
body.is_cordova .listing .controls .actions {
  display: none;
}

.mce-btn button {
  background: none !important;
  border: #fff !important;
  width: 55px !important;
  height: 28px !important;
}
.mce-btn button i {
  color: #333 !important;
}

.rights-row td:first-child {
  min-width: 320px;
}

div#localize-widget {
  border-radius: 3px 3px 0 0;
}
div#localize-widget.localize-dark,
div#localize-widget #localize-active-lang {
  color: #979797 !important;
  background: #2b2c2b !important;
}
body.griffin div#localize-widget {
  display: none !important;
}
div#localize-widget:hover #localize-powered-by a {
  display: none !important;
}
div#localize-widget #localize-active-lang,
div#localize-widget #localize-widget-langs a {
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
  height: 33px;
  line-height: 32px;
}

.zEWidget-launcher {
  margin: 10px 13px !important;
}

.chart__item.cirrus .cr-uppercase-title {
  text-transform: uppercase;
  color: #181a1a;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.chart__item.cirrus p {
  margin: 0;
}
.chart__item.cirrus .chart__wrapper {
  position: relative;
}
.chart__item.cirrus .chart__loading__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
}

.chart__item .yAxis text,
.chart__item .xAxis text {
  fill: #848a8a;
}
.chart__item .yAxis text {
  font-size: 0.75rem;
}
.chart__item .xAxis text {
  font-size: 0.75rem;
}
.chart__item .recharts-responsive-container {
  border: solid 1px #c4cacc;
  box-shadow: 0 0.125rem 0.25rem rgba(12, 13, 13, 0.15);
  border-radius: 0.1875rem;
}

.chart__legend {
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 1.5rem;
}
.chart__legend li {
  display: inline-block;
}
.chart__legend li + li {
  margin-left: 2.25rem;
}
.chart__legend__disk {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 0.75rem;
}

.chart__tick {
  text-transform: uppercase;
}

.chart__tooltip {
  color: #fff;
  padding: 0.75rem;
  list-style: none;
  margin: 0;
  line-height: 1;
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
  border-radius: 0.1875rem;
  background-color: rgba(24, 26, 26, 0.7);
  border: solid 1px #494c4c;
}
.chart__tooltip li + li {
  padding-top: 0.75rem;
}
.chart__tooltip__disk {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 0.375rem;
}

.recharts-cartesian-grid-horizontal line:first-child {
  display: none;
}

.recharts-cartesian-axis-line {
  stroke-width: 0.5;
}

.view_tab_graphs table {
  table-layout: fixed;
}

.tabs__nav {
  border-bottom: solid 1px #e1e4e5;
}

.tabs__nav-button {
  color: #848a8a;
  cursor: pointer;
}
.tabs__nav-button:hover {
  color: #0c0d0d;
}

.tabs__nav-button--active {
  color: #0c0d0d;
  border-bottom: solid 3px #2875c6;
}

.text-pane {
  position: relative;
  counter-reset: line;
  padding-left: 0.75rem;
  overflow: hidden;
  flex: 1;
  display: flex;
}

.text-pane--code {
  padding-left: 0;
}
.text-pane--code::before {
  content: "";
  width: 2rem;
  top: 0;
  bottom: 0;
  left: 0;
  border-right: 1px solid #c4cacc;
  background: #e1e4e5;
  padding: 0 0.375rem;
  position: absolute;
  z-index: 0;
}

.text-pane__content {
  position: absolute;
  z-index: 1;
  height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

.text-pane__line {
  display: block;
  line-height: 1.5rem;
  z-index: 2;
  white-space: pre;
}
.text-pane__line:first-child {
  padding-top: 0.375rem;
}
.text-pane__line:last-child {
  padding-bottom: 0.375rem;
}

.text-pane--code .text-pane__line {
  line-height: 1.125rem;
}
.text-pane--code .text-pane__line:first-child {
  padding-top: 0;
}
.text-pane--code .text-pane__line:last-child {
  padding-bottom: 0;
}
.text-pane--code .text-pane__line::before {
  width: 2rem;
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: #848a8a;
  border-right: 1px solid #c4cacc;
  margin-right: 0.375rem;
  background: #e1e4e5;
  padding: 0 0.375rem;
  text-align: right;
}
.text-pane--code .text-pane__line:first-child::before {
  padding-top: 0.375rem;
}
.text-pane--code .text-pane__line:last-child::before {
  padding-bottom: 0.375rem;
}

.text-pane .cr-button {
  z-index: 3;
  position: absolute;
  right: 1.125rem;
  bottom: 0.75rem;
}

.text-pane__textarea {
  z-index: -1;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single .pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-title {
  position: relative;
  text-align: left;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 13px;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 12px;
  margin-bottom: 4px;
  background-color: #fff;
}
.pika-label:hover {
  color: #3d89d1;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  padding: 0;
  width: 24px;
  height: 24px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 24px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  *position: absolute;
  /* stylelint-disable-line declaration-block-no-duplicate-properties */
  *top: 0;
  border: 1px solid #aaa;
  border-radius: 2px;
  margin-left: 3px;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
  background-color: #d5d5d5;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev, .pika-prev:hover {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next, .pika-next:hover {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  border: 1px solid #3d89d1;
}
.pika-table th, .pika-table td {
  width: 14.2857142857%;
  padding: 0;
  color: #000;
}
.pika-table th {
  line-height: 1;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  padding: 6px 0;
  font-weight: normal;
  text-align: center;
}
.pika-table th abbr {
  border-bottom: none;
}

.pika-button {
  display: block;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 3px 0;
  color: #666;
  background: none;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
}
.pika-button:hover {
  border: 1px solid #dae8f6;
  background: #dae8f6 !important;
  box-shadow: none !important;
}

.pika-goto-today {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  margin-top: auto;
  margin-left: auto;
  margin-right: 6px;
  text-align: center;
  color: #666;
  background: #eee;
  width: 20%;
  padding: 5px;
  font-size: 10px;
  line-height: 12px;
  float: right;
  border: 1px solid #aaa;
}
.pika-goto-today:hover {
  background: #d5d5d5;
}

.is-today .pika-button {
  border: 1px solid #ccc;
}

.is-selected .pika-button {
  background: #3d89d1;
  color: #fff;
  font-weight: 600;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980ec;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

.page-container {
  margin-left: 0;
  min-width: 320px;
  padding-top: 54px;
  transition: left 0.2s;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
.page-container::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  display: none;
  transition: opacity 0.5s;
}
@media (min-width: 1025px) {
  .page-container {
    margin-left: 240px;
  }
}
@media print {
  .page-container {
    display: block;
  }
}

body.drawer_selfclosing .page-container {
  margin-left: 0;
}

body.navigable .page-container:hover {
  cursor: pointer;
}
body.navigable .page-container::before {
  opacity: 1;
  display: block;
  transition: opacity 0.5s;
}
@media (min-width: 1025px) {
  body.navigable:not(.drawer_selfclosing) .page-container:hover {
    cursor: default;
  }
  body.navigable:not(.drawer_selfclosing) .page-container::before {
    display: none;
  }
}

body.drawer_always_open .cr-topbar__toggler {
  display: none;
}
body.drawer_always_open .page-container {
  margin-left: 240px;
}
body.drawer_always_open .page-container::before {
  display: none;
}

header.print {
  display: none;
}

.no_screen {
  display: none;
}

.float-clear-both {
  clear: both;
}

.error-red {
  color: #a44039;
}

.invisible {
  visibility: hidden !important;
}

var {
  font-style: normal;
}

.total {
  text-align: right;
  font-weight: 600;
}

table.record_edit {
  margin-top: 10px;
  border-style: inset;
  border-width: 1px;
}

tr.record_title {
  background-color: #ccc;
}

td.record_title {
  font-weight: 600;
  text-align: center;
}

td.record_item_label {
  text-align: right;
  font-weight: 600;
  font-size: 10pt;
}

input.record_item {
  font-size: 10pt;
}

td.tool_bar {
  background-color: #fff;
  border-width: 1px;
  border-style: outset;
  white-space: nowrap;
}

table.report {
  background: #fff;
  border: 1px solid #000;
  font-size: 10pt;
}
table.report th {
  background: #ccc;
  font-weight: 600;
}
table.report td {
  background: #eee;
}

@media print and (min-width: 500px) {
  @page {
    margin: 1.5cm 1cm 2cm;
  }
  html, body {
    height: 99%;
  }

  html {
    font-size: 75%;
  }
}
@media print {
  .no_print {
    display: none !important;
  }

  a {
    color: #000;
    text-decoration: none;
  }

  thead tr th {
    border-color: #000 !important;
    background: #fff !important;
    page-break-inside: avoid;
  }
  thead tr th a {
    color: #000 !important;
  }

  ul, li, label, td, input[type=select] {
    color: #000 !important;
  }

  .controls, .page, .submit {
    display: none;
  }

  main, .info, .is_pannel, .search-refinements, .advanced {
    border: none !important;
    box-shadow: none;
  }

  textarea, input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] {
    padding: 0;
    border: 1px solid #000;
    box-shadow: none !important;
    color: #000 !important;
  }

  body {
    margin: 0;
    color: #000;
    background-color: #fff;
  }

  .no_screen {
    display: block;
  }

  div.receipt_box {
    background: none;
    border: none;
    width: auto;
  }

  header.print {
    display: block;
    margin: 0 0 1rem;
    font-size: 1rem;
  }
  header.print p {
    margin-bottom: 0;
  }
}
@media print and (min-width: 500px) {
  header.print {
    height: 3.75rem;
    border-bottom: 2px solid #000;
  }
  header.print p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media print {
  div.no_print > div, div.no_print div#print_header {
    display: none;
  }
  div.no_print div#main {
    display: block;
  }
  div.no_print div#main > div {
    display: none;
  }
  div.no_print div#main #listing {
    display: block;
  }
}
@media print {
  #listing .tabs {
    display: none;
  }
  #listing td.lf {
    width: 1px;
    overflow: hidden;
    padding: 0;
  }
  #listing td.lf a.control, #listing td.lf .a, #listing td.lf button, #listing td.lf input {
    display: none;
  }
  #listing .search ul {
    padding: 0 0 0 1px;
    min-height: 0;
  }
  #listing .search ul.search-basic {
    margin: 0.5em 1em 0 0;
  }
}
@media print {
  #view nav.records,
#view .functions,
#view .search,
#view .tab-labels {
    display: none;
  }
  #view .tabs .tab {
    margin: 0;
  }
  #view .tabs .tab .content {
    padding: 0;
  }
  #view .tab h3 {
    color: black;
    background: none;
    border: 1px solid #000;
  }
  #view .image .image-display {
    border-color: #000;
  }
  #view .image .image-display .image-display-footer {
    display: none;
  }
}
@media print {
  .view div.warning,
.view .tabs .tab,
.view .content .listing {
    border-width: 0;
  }
}
@media print {
  .listing .date_range_field input {
    padding-right: 0;
  }
  .listing .date_range_field::after {
    display: none;
  }
  .listing header {
    margin-top: 0.25em;
    border-bottom: none;
  }
  .listing .search-refinements > li {
    height: 3.5em;
    overflow: hidden;
  }
  .listing table {
    width: calc(100% - 1px);
  }
  .listing table .money,
.listing table .th-money,
.listing table .prettymoney {
    max-width: 100%;
  }
  .listing thead td, .listing thead th, .listing tbody td, .listing tbody th {
    padding: 2px 3px 1px;
    height: auto;
  }
  .listing thead td:first-child, .listing thead th:first-child, .listing tbody td:first-child, .listing tbody th:first-child {
    padding: 2px 3px 1px;
  }
  .listing thead th {
    text-transform: none;
    font-weight: 600;
  }
  .listing tbody {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
  }
  .listing tbody td, .listing tbody th {
    vertical-align: top;
    border: none;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
  }
  .listing tbody td input, .listing tbody th input {
    border: none;
    padding: 0;
    margin: 0;
  }
  .listing tbody tr {
    border-bottom-color: #000;
  }
  .listing tbody td.group, .listing tbody td.row_group {
    padding: 0;
  }
  .listing tbody td.group table td, .listing tbody td.group table th, .listing tbody td.row_group table td, .listing tbody td.row_group table th {
    padding: 0;
  }
  .listing tbody td.lf {
    width: 1px;
    overflow: hidden;
    padding: 0;
  }
  .listing tbody td.lf a.control, .listing tbody td.lf .a, .listing tbody td.lf button, .listing tbody td.lf input {
    display: none;
  }
  .listing tfoot.select_functions {
    display: none;
  }
  .listing a {
    color: #000;
    text-decoration: none;
  }
  .listing .info {
    margin-top: 1.5rem;
  }
  .listing .info table tbody td {
    font-size: 1rem;
  }
  .listing .info table tbody td.label {
    font-weight: 600;
  }
  .listing .info > div > table > tbody {
    border-bottom: none;
    border-right: none;
  }
  .listing .info > div > table > tbody > tr > td {
    border: none;
    padding: 0 1rem 0 0;
  }
}
@media print {
  div.view_box button {
    display: none;
  }
}
@media print {
  body.navigable .page-container,
body.drawer_always_open .page-container,
.page-container {
    padding: 0;
    margin: 0;
  }
}
@media print {
  .page-container {
    min-height: 0;
    max-height: 0;
    margin-left: 0 !important;
  }
}
@media print {
  .view_field_box .form_field_holder, .view_field_box .label {
    border-bottom: 1px solid #000;
    background-color: #fff;
    padding: 2px;
    margin: 0;
    height: auto;
  }
  .view_field_box .form_field_holder input, .view_field_box .label input {
    border: none;
    height: auto;
  }
  .view_field_box .label, .view_field_box .textarea_label {
    border-left-color: #000;
  }
  .view_field_box .form_field_holder {
    border-right-color: #000;
  }
}
@media print {
  td.view_field_box_header, div.view_field_box_header {
    background-color: #fff;
    font-size: 9pt;
    font-weight: 600;
    margin: 0;
    padding: 3px 5px;
  }
}
.app-page-container {
  padding: 40px;
  overflow: hidden;
}

.react-page__ecom-provisioning .progress-container {
  position: relative;
}
.react-page__ecom-provisioning .progress-container .progress-status {
  color: #848a8a;
  position: absolute;
  right: 0;
  top: -1.5rem;
}
.react-page__ecom-provisioning .progress {
  overflow: hidden;
  height: 4px;
  background-color: #e1e4e5;
  border-radius: 4px;
}
.react-page__ecom-provisioning .progress-bar {
  width: 0;
  height: 100%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5187e0;
  transition: width 0.25s ease;
}

#ideas-login-specify-email h1 {
  font-weight: 600;
  font-size: 1.75em;
  line-height: 1;
  color: #333;
}
#ideas-login-specify-email p {
  font-weight: 400;
  color: #888;
}
#ideas-login-specify-email p.ideas-prompt {
  font-size: 0.9rem;
  margin: 0 0 1em;
}
#ideas-login-specify-email p strong {
  font-weight: 600;
}
#ideas-login-specify-email input[type=email] {
  margin: 0 0 1em;
}
#ideas-login-specify-email input.button {
  margin: 0 0 1.5em;
}

.special-order-editable {
  font-size: 1em;
}

.money-field-container .special-order-editable {
  font-size: 1em;
}

.action-button {
  min-width: 100px;
  margin-top: 3px;
}

.button-spacer {
  height: 5px;
}

.listing table.special-orders .status-label, .listing table.special-orders :hover .status-label {
  margin: -5px 0 1px;
}

.listing table.special-order table td, .listing table.special-order table th {
  height: auto;
  padding: 0;
}

.view .tab .workorder-email {
  padding-right: 16px;
}
.view .tab .workorder-email iframe.workorder-email-preview {
  display: block;
  width: 100%;
  min-height: 20em;
  margin-bottom: 10px;
}
.view .tab .workorder-email label {
  float: left;
  padding-top: 0.3em;
  min-width: 5em;
  text-align: left;
  font-weight: 600;
  margin-bottom: 5px;
}
.view .tab .workorder-email label .workorder-email-custom-info {
  font-weight: 100;
}
.view .tab .workorder-email input[type=text] {
  display: block;
  margin-bottom: 5px;
}
.view .tab .workorder-email .workorder-email-subject {
  margin-bottom: 20px;
}

button.custom_function.workorder-email-send {
  margin-bottom: 40px;
}

table.product-prices {
  position: relative;
  font-size: 0.9375rem;
  margin: 0;
}
table.product-prices tr {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.product-prices thead th {
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #999;
  padding-top: 0.25em;
}
table.product-prices thead th:first-child {
  padding-left: 6px;
}
table.product-prices thead td, table.product-prices thead th {
  border-bottom: 1px solid #ccc;
}
table.product-prices thead :last-child {
  padding-right: 6px;
}
table.product-prices tbody th {
  text-align: left;
  padding: 5px 0 5px 6px;
  color: #555;
}
table.product-prices tbody th p {
  display: none;
}
table.product-prices tbody tr td:last-of-type {
  padding-right: 6px;
}
table.product-prices tbody td, table.product-prices tbody th {
  border-bottom: 1px solid #ccc;
}
table.product-prices tbody td.price {
  margin: 0;
  padding: 0;
  position: relative;
}
table.product-prices tbody .margin, table.product-prices tbody .markup {
  color: #999;
  font-size: 0.875rem;
  vertical-align: middle;
}
table.product-prices .margin, table.product-prices .markup {
  text-align: right;
}
table.product-prices .price::before {
  position: absolute;
  display: inline-block;
  top: 0.5rem;
  left: 0.25rem;
  content: "$";
  color: #888;
  font-size: 0.875rem;
}
table.product-prices .price.default-linked::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  margin-top: -7px;
  color: #bbb;
  font-size: 14px;
  pointer-events: none;
  font-family: FontAwesome;
}
table.product-prices .price input {
  color: #000;
  font-size: 0.875rem;
  width: 7rem;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0.5rem 0.25rem 0.5rem 2.25rem;
  margin: 0;
  text-align: right;
}
table.product-prices .price input:focus {
  box-shadow: inset 0 0 2px 2px #8fbbe5;
}
table.product-prices tr.calc p.explanation {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
  font-weight: normal;
  font-size: 0.875rem;
  margin: 12px 0 0 5px;
  padding: 12px;
  text-align: center;
  z-index: 100;
  background-color: #444;
  color: #fff;
  border: none;
  border-radius: 3px;
  /* Fill */
}
table.product-prices tr.calc p.explanation::before, table.product-prices tr.calc p.explanation::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
}
table.product-prices tr.calc p.explanation::after {
  top: -8px;
  left: 16px;
  border-bottom-color: #444;
  border-width: 9px;
}
table.product-prices tr.calc :hover p {
  opacity: 1;
}
table.product-prices tr.calc .price:hover::before {
  color: #999;
}
table.product-prices tr.calc th strong {
  border-bottom: 1px dotted #ccc;
}
table.product-prices tr.calc th::before {
  font-family: FontAwesome;
  content: "";
  font-size: 0.8375rem;
  color: #aaa;
  padding: 4px 0 0;
}
table.product-prices tr.calculated p.explanation.off {
  display: none;
}
table.product-prices tr.calculated input:focus, table.product-prices tr.calculated input:hover {
  background-color: #ffc;
  color: #999;
}
table.product-prices tr.calculated td.calculated {
  color: #444;
  font-weight: 600;
}
table.product-prices tr.uncalculated p.explanation.on {
  display: none;
}
table.product-prices tr.uncalculated th strong {
  border-bottom: 1px dotted #ccc;
}
table.product-prices tr.uncalculated th::before {
  font-family: FontAwesome;
  content: "";
  font-size: 0.8375rem;
  color: #a44039;
  padding: 4px 4px 0 0;
}

.price-settings label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #666;
  padding: 12px 10px;
}
.price-settings label.checkbox {
  display: inline-block;
}
.price-settings label.checkbox:hover {
  cursor: pointer;
}
.price-settings label.checkbox input {
  font-size: 0.9375rem;
  margin: 0 3px 0 0;
}
.price-settings label.select {
  padding-right: 2px;
  display: inline-block;
}
.price-settings select {
  margin-left: 5px;
}
.price-settings div.price-setting {
  border: 1px solid #ccc;
  border-top: none;
}
.price-settings .row-group {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.price-settings .row-group li {
  float: left;
}
.price-settings .row-group li:first-child {
  border-right: 1px solid #ccc;
}

.help-modal {
  display: none !important;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: Lato, "Open Sans", Helvetica, sans-serif;
  z-index: 202;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.15s;
  overflow-y: visible;
}
@media (max-height: 500px) {
  .help-modal {
    overflow-y: scroll;
  }
}
@media (min-width: 480px) {
  .help-modal {
    top: auto;
    right: auto;
    bottom: 40px;
    left: 20px;
    width: 350px;
  }
}
.help-modal::after {
  top: 100%;
  left: 50px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.help-modal.active {
  display: block !important;
  opacity: 1;
}
@media (min-width: 480px) {
  .help-modal.active {
    bottom: 50px;
  }
}

.cr-input,
.cr-input:focus,
.cr-input:active {
  outline: none;
  border: none;
  box-shadow: none;
}

.help-modal-logo {
  outline: 5px solid white;
  outline-offset: -5px;
  transform: translateX(-17px);
}

.help-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #aaa;
  font-size: 2.5rem;
  line-height: 10px;
  padding: 25px 20px 20px;
}
.help-modal-close:hover {
  color: #3d89d1;
}

#help-search-form .cr-icon {
  --cr-icon-base-1-fill: #c4cacc;
  --cr-icon-base-2-fill: #c4cacc;
}

#help-modal-search {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
}

#helpSystemStatusLink:hover {
  background-color: #f8f8f8;
}

#help-modal-links .cr-icon {
  --cr-icon-base-1-fill: #2875c6;
  --cr-icon-base-2-fill: #2875c6;
}

#helpSystemStatusLink .status-good {
  --cr-icon-base-1-fill: #35b858;
  --cr-icon-base-2-fill: #35b858;
}

#helpSystemStatusLink .status-minor {
  --cr-icon-base-1-fill: #e69524;
  --cr-icon-base-2-fill: #e69524;
}

#helpSystemStatusLink .status-major {
  --cr-icon-base-1-fill: #ed5153;
  --cr-icon-base-2-fill: #ed5153;
}

.detail-view-container {
  position: relative;
}

.detail-view-shade {
  position: absolute;
  top: -1em;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 99;
}

.detail-view-busy-spinner {
  margin-left: 1em;
  margin-right: 0.25em;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.label-print-modal.cirrus {
  max-width: 600px;
}
.label-print-modal.cirrus .cr-modal__body {
  padding: 0 1.5rem;
}
.label-print-modal.cirrus a {
  cursor: pointer;
}
.label-print-modal.cirrus [class*=medal-] {
  width: 180px;
  height: 180px;
}
.label-print-modal.cirrus .numeric-input-container {
  display: inline-block;
}
.label-print-modal.cirrus .numeric-input-container > * {
  vertical-align: middle;
}
.label-print-modal.cirrus .label-size-note {
  width: 215px;
}
.label-print-modal.cirrus .label-size-normal {
  width: 198px;
  height: 114px;
}
.label-print-modal.cirrus .label-size-small {
  width: 114px;
  height: 92px;
}
.label-print-modal.cirrus .label-size-alt {
  width: 174px;
  height: 92px;
}
.label-print-modal.cirrus .label-size-jewelry {
  width: 192px;
  height: 50px;
}
.label-print-modal.cirrus .react-numeric-input b:hover {
  background: transparent !important;
}
.label-print-modal.cirrus .react-numeric-input b:active {
  box-shadow: none !important;
}
.label-print-modal.cirrus .progress-container {
  position: relative;
}
.label-print-modal.cirrus .progress-container .progress-status {
  color: #848a8a;
  position: absolute;
  right: 0;
  top: -1.5rem;
}
.label-print-modal.cirrus .progress {
  overflow: hidden;
  height: 4px;
  background-color: #e1e4e5;
  border-radius: 4px;
}
.label-print-modal.cirrus .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #5187e0;
  transition: width 0.25s ease;
}

#item-import.image-import-modal .page-content {
  position: relative;
  pointer-events: none;
}
#item-import.image-import-modal .page-content .dropzone-container {
  position: relative;
  height: 117px;
  pointer-events: auto;
}
#item-import.image-import-modal .page-content .dropzone-container .upload-csv {
  margin-top: -4px;
}
#item-import.image-import-modal .browse-images {
  pointer-events: auto;
}
#item-import.image-import-modal .skipped-image-container {
  text-align: right;
}
#item-import.image-import-modal .skipped-image-container .skipped-images {
  display: block;
  padding-right: 16px;
  color: #b93435;
  cursor: pointer;
}
#item-import.image-import-modal p {
  line-height: 24px;
  margin: 0;
}
#item-import.image-import-modal span {
  font-size: 13px;
  color: #848a8a;
}
#item-import.image-import-modal a {
  font-size: 13px;
}
#item-import.image-import-modal .progress-bar {
  margin-left: 12px;
  background-color: white;
  width: 96%;
}
#item-import.image-import-modal .progress-bar .text {
  text-transform: none;
  width: 425px;
  left: 0;
  text-align: left;
  font-size: 14px;
  color: #181a1a;
  font-weight: normal;
}
#item-import.image-import-modal .progress-bar .text a {
  font-size: 14px;
}
#item-import.image-import-modal .progress-bar .bar {
  margin-top: 6px;
}
#item-import.image-import-modal .progress-bar .progress-text {
  top: 0;
  right: 0;
  position: absolute;
  color: #848a8a;
  font-size: 14px;
}
#item-import.image-import-modal .show-upload-container {
  visibility: visible;
  opacity: 1;
  left: 0;
}
#item-import.image-import-modal .show-error-container {
  visibility: visible;
  opacity: 1;
  left: 24px;
}
#item-import.image-import-modal .hide-error-container {
  visibility: hidden;
  opacity: 0;
  left: 48px;
}
#item-import.image-import-modal .hide-upload-container {
  visibility: hidden;
  opacity: 0;
  left: -24px;
}
#item-import.image-import-modal .upload-container {
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.165s;
  position: relative;
  top: 0;
}
#item-import.image-import-modal .error-container {
  transition: cubic-bezier(0.4, 0, 0.2, 1) 0.165s;
  position: absolute;
  width: 100%;
  top: 0;
}
#item-import.image-import-modal table {
  position: relative;
  left: -12px;
  width: calc(100% - 24px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #c4cacc;
  border-radius: 3px;
  border-width: 1px;
  border-spacing: 0;
}
#item-import.image-import-modal table thead,
#item-import.image-import-modal table tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
}
#item-import.image-import-modal table thead {
  height: 38px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  width: calc(100% - 1em);
}
#item-import.image-import-modal table thead th {
  white-space: nowrap;
  text-align: left;
  padding: 10px;
  border-bottom: solid 1px #c4cacc;
  max-width: 40%;
  width: 292px;
}
#item-import.image-import-modal table thead th:first-child {
  border-right: solid 1px #c4cacc;
}
#item-import.image-import-modal table tbody {
  display: block;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
#item-import.image-import-modal table tbody::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  margin: 10px;
}
#item-import.image-import-modal table tbody::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#item-import.image-import-modal table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}
#item-import.image-import-modal table tbody td {
  padding: 10px;
  border-bottom: solid 1px #c4cacc;
  border-collapse: separate;
  width: 292px;
}
#item-import.image-import-modal table tbody td:last-child {
  color: #ed5153;
  padding-left: 4px;
}
#item-import.image-import-modal table tbody td:first-child {
  max-width: 292px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}