/* ----------------------------- */
/* ==variables                   */
/* ----------------------------- */
/* ------------------------------------ */
/* ==svg code placed in variables       */
/* ------------------------------------ */
/* ----------------------------- */
/* ==mixins                      */
/* ----------------------------- */
/* from http://codepen.io/jakob-e/pen/doMoML       */
/* custom mixin to use a svg icon and replace its fill color */
/* -------------------------------------------------------- */
/*! ==normalize.css v3.0.2 | MIT License | git.io/normalize */
/* -------------------------------------------------------- */
/**
 * 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 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

td,
th {
  padding: 0; }

/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
/* switching to border-box model for all elements */
html {
  box-sizing: border-box; }

* {
  box-sizing: inherit; }

img {
  vertical-align: middle; }

/* height auto only for non SVG images */
img:not([src$=".svg"]) {
  height: auto; }

blockquote,
figure {
  margin-left: 0;
  margin-right: 0; }

/* ----------------------------- */
/* ==unclassed CSS               */
/* ----------------------------- */
html {
  font-size: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

body {
  background-color: #F0EEEB;
  color: #262626;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  height: 100%;
  margin: 0;
  padding: 0; }

h1, .h1-like {
  color: #203F6D;
  font-family: inherit;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 0.5em; }

h2, .h2-like {
  color: #203F6D;
  font-family: inherit;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 0.5em; }

a {
  color: #275966;
  text-decoration: underline; }

td {
  border: 1px solid #D3D1CE;
  border-width: 1px 0;
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

::-webkit-input-placeholder {
  color: #939294;
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #939294;
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #939294;
  font-style: italic; }

:-ms-input-placeholder {
  color: #939294;
  font-style: italic; }

/* striped table */
.striped-table tbody tr:nth-of-type(odd) {
  background-color: #FBF9F4; }

.head-cell {
  border: 1px solid #D3D1CE;
  border-width: 1px 0;
  font-size: 0.75em;
  font-weight: bold;
  padding: 0.5em 0.5em 0.5em 0;
  text-align: left; }
  .head-cell.-selling-company-width {
    width: 7em; }
  .head-cell.-booking-type-width {
    width: 4.5em; }
  .head-cell.-booking-id-width {
    width: 7em; }
  .head-cell.-date-width {
    width: 7.5em; }
  .head-cell.-registered-booking-width {
    width: 7.5em; }
  .head-cell.-distribution-mode-width {
    width: 7.5em; }
  .head-cell.-clients-num-width {
    width: 6.2em;
    text-align: right; }
  .head-cell.-archive-width {
    width: 5em; }
  .head-cell.-status-width {
    width: 20em; }
  .head-cell.-comment-icon-width {
    width: 30px; }
  .head-cell.-username-width, .head-cell.-tropics-user-width {
    width: 20%; }
  .head-cell.-admin-type-width, .head-cell.-printer-type-width, .head-cell.-email-type-width, .head-cell.-batch-type-width {
    width: 4rem; }
  .head-cell.-readonly-type-width, .head-cell.-schedule-type-width {
    width: 6rem; }
  .head-cell.-re-generate-width {
    width: 6rem;
    white-space: nowrap; }

.head-cell__name {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle; }

.head-cell__sort-icon {
  display: inline-block;
  height: 18px;
  width: 12px;
  margin-left: 2px;
  position: relative;
  vertical-align: middle; }
  .head-cell__sort-icon .sort-arrow {
    position: absolute;
    top: 0;
    left: 0; }
  .head-cell__sort-icon .sort-arrow__up,
  .head-cell__sort-icon .sort-arrow__down {
    fill: #D3D1CE; }
  .head-cell__sort-icon.sort-asc .sort-arrow__up {
    fill: #93acb3; }
  .head-cell__sort-icon.sort-desc .sort-arrow__down {
    fill: #93acb3; }

/* ----------------------------- */
/* ==block label                 */
/* ----------------------------- */
.block-label, .main-customer-email__toggle {
  display: block;
  line-height: 2;
  font-size: 0.75em;
  text-align: left; }

.tag-label, .status-tag-label {
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  padding: 0.25em 0.5em;
  background-color: #275966;
  border-radius: 3px;
  text-decoration: none;
  vertical-align: middle; }
  .tag-label.-top, .-top.status-tag-label {
    vertical-align: top; }

/* ----------------------------- */
/* ==form-item                   */
/* ----------------------------- */
.form-item + .form-item {
  margin-top: 0.5em; }

.form-item__one-line-field {
  height: 2.5555em;
  line-height: 2.5555em;
  border: 1px solid #B5B3B0;
  border-radius: 3px;
  margin: 0;
  padding: 0 0.5em;
  width: 100%; }

.form-item__choice,
.form-item__choice-label {
  display: inline-block;
  vertical-align: middle; }

.fat-form-item {
  border-radius: 3px;
  padding: 0.75em 0; }
  .fat-form-item.-full-width {
    width: 100%; }

input.fat-form-item {
  border: 1px solid #B5B3B0;
  padding-left: 0.5em;
  padding-right: 0.5em; }

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

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-smallcross:before, .message__close:before, .icon-info:before, .message-info:before, .icon-check:before, .message-success:before, .icon-cross:before, .icon-search:before, .icon-note:before, .icon-minus:before, .icon-plus:before, .icon-leveldown:before, .icon-warning:before, .message-error:before, .message-warning:before, .icon-thin-right-arrow:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-smallcross:before, .message__close:before {
  content: "\2297"; }

.icon-info:before, .message-info:before {
  content: "\24d8"; }

.icon-check:before, .message-success:before {
  content: "\2713"; }

.icon-cross:before {
  content: "\2573"; }

.icon-search:before {
  content: "\73"; }

.icon-note:before {
  content: "\270d"; }

.icon-minus:before {
  content: "\2d"; }

.icon-plus:before {
  content: "\2b"; }

.icon-leveldown:before {
  content: "\21b3"; }

.icon-warning:before, .message-error:before, .message-warning:before {
  content: "\21"; }

.icon-thin-right-arrow:before {
  content: "\3e"; }

/* ----------------------------- */
/* ==main header                 */
/* ----------------------------- */
.page-header {
  background-color: #fff;
  min-width: 990px; }

.page-header__inner {
  margin: 0 auto;
  padding: 0 1em; }

.page-header__logo {
  padding: 1em 0;
  width: 54px; }
  .page-header__logo img {
    max-width: 100%; }

.page-header__headline {
  color: #203F6D;
  font-size: 2.25em;
  padding: 0.25em 0.5em; }

/* ----------------------------- */
/* ==content layout              */
/* ----------------------------- */
.page-wrapper {
  padding: 0 0 0 220px;
  overflow: hidden;
  min-height: calc(100% - 86px);
  min-width: 990px; }

.main-content {
  float: right;
  width: 100%;
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.main-content__inner {
  padding: 1em 1em 1em 1.5em;
  position: relative;
  min-height: 200px; }

.main-sidebar {
  border-right: 1px solid white;
  float: left;
  margin-left: -220px;
  width: 220px;
  padding-bottom: 99999px;
  margin-bottom: -99999px; }

.main-sidebar__wrapper.-show {
  opacity: 0.5;
  z-index: 100;
  pointer-events: none; }

.main-sidebar__inner {
  padding: 1em; }

/* ----------------------------- */
/* ==generic reusable elements   */
/* ----------------------------- */
.hidden-active-element {
  border: 0;
  margin-left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  z-index: -1; }

/* ----------------------------- */
/* ==modal box                   */
/* ----------------------------- */
.modal-wrapper {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 150; }
  .modal-wrapper.-auto-center {
    text-align: center; }
    .modal-wrapper.-auto-center:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle; }

/* ----------------------------- */
/* ==components                  */
/* ----------------------------- */
/* ----------------------------- */
/* ==buttons                     */
/* ----------------------------- */
label.primary-btn, label.secondary-btn, label.doc-set-tile__send-doc, label.doc-set-tile__send-mtsdoc, label.doc-set-tile__download, label.slide-delete__icon, div.document-list__flag-icon, .sort-arrow__down,
.sort-arrow__up, input[type=checkbox], select {
  cursor: pointer; }

.primary-btn, .secondary-btn, .doc-set-tile__send-doc, .doc-set-tile__send-mtsdoc, .doc-set-tile__download {
  font-size: 1.125em;
  height: 2.5555em;
  line-height: 2.5555em;
  min-width: 8em; }
  .-small.primary-btn, .-small.secondary-btn, .-small.doc-set-tile__send-doc, .-small.doc-set-tile__send-mtsdoc, .-small.doc-set-tile__download {
    font-size: 0.875em;
    height: 2em;
    line-height: 1.9em; }
  .-full-width.primary-btn, .-full-width.secondary-btn, .-full-width.doc-set-tile__send-doc, .-full-width.doc-set-tile__send-mtsdoc, .-full-width.doc-set-tile__download {
    width: 100%; }
  .-extra-full-width.primary-btn, .-extra-full-width.secondary-btn, .-extra-full-width.doc-set-tile__send-doc, .-extra-full-width.doc-set-tile__send-mtsdoc, .-extra-full-width.doc-set-tile__download {
    width: 105%; }
  .-small-width.primary-btn, .-small-width.secondary-btn, .-small-width.doc-set-tile__send-doc, .-small-width.doc-set-tile__send-mtsdoc, .-small-width.doc-set-tile__download {
    width: 90%; }

.primary-btn, .secondary-btn, .doc-set-tile__send-doc, .doc-set-tile__send-mtsdoc, .doc-set-tile__download, .slide-delete__btn {
  border-radius: 5px;
  display: inline-block;
  padding: 0 0.5em;
  text-align: center; }
  [disabled].primary-btn, [disabled].secondary-btn, [disabled].doc-set-tile__send-doc, [disabled].doc-set-tile__send-mtsdoc, [disabled].doc-set-tile__download, [disabled].slide-delete__btn {
    cursor: default;
    opacity: 0.4; }

.primary-btn, .slide-delete__btn.-main {
  background-color: #275966;
  border: 1px solid #12292f;
  color: #fff; }
  .primary-btn:hover, .slide-delete__btn.-main:hover {
    background-color: #3d6a75; }

.secondary-btn, .doc-set-tile__send-doc, .doc-set-tile__send-mtsdoc, .doc-set-tile__download, .slide-delete__btn {
  background-color: #705670;
  border: 1px solid #453545;
  color: #fff; }
  .secondary-btn:hover, .doc-set-tile__send-doc:hover, .doc-set-tile__send-mtsdoc:hover, .doc-set-tile__download:hover, .slide-delete__btn:hover {
    background-color: #7e677e; }

/* ------------------------------------- */
/* ==comment tooltip                     */
/* ------------------------------------- */
.comment-tooltip {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  width: 20px;
  overflow: visible; }

.comment-tooltip__icon {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99 0h16.02C19.11 0 20 .897 20 2.006v10.988C20 14.102 19.102 15 18.01 15H1.99C.89 15 0 14.103 0 12.994V2.006C0 .898.898 0 1.99 0zM4 20v-5h4l-4 5z' fill='%23275966' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .comment-tooltip__icon.-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.865 2.638C12.275 1.625 11.18 1 10 1c-1.186 0-2.28.625-2.872 1.638L.444 14.086c-.592 1.014-.592 2.263 0 3.276S2.13 19 3 19h14c1.517 0 3-1.467 3-3.276 0-.678-.21-1.31-.567-1.83L12.865 2.638zm-1.45 12.35c0 .774-.603 1.367-1.415 1.367s-1.415-.593-1.415-1.367v-.033c0-.77.603-1.367 1.415-1.367s1.415.592 1.415 1.367v.034zm.032-9.214l-.7 6.045c-.047.434-.34.706-.747.706-.408 0-.7-.275-.747-.707l-.7-6.05c-.047-.467.21-.82.65-.82h1.59c.44.003.7.356.654.824z' fill='%23B03032' fill-rule='evenodd'/%3E%3C/svg%3E"); }
  .comment-tooltip__icon.-custom {
    background-image: none; }

.comment-tooltip__content {
  background-color: #fff;
  border: 1px solid #D3D1CE;
  box-shadow: 0px 0px 10px 0px rgba(49, 75, 78, 0.5);
  padding: 1em 0.75em;
  text-align: left;
  width: 15em;
  position: relative;
  z-index: -100;
  opacity: 0;
  transition-property: opacity, z-index;
  transition-duration: 300ms, 0s;
  transition-delay: 0s, 300ms;
  transition-timing-function: ease-in-out; }
  .comment-tooltip__content.-left {
    left: -15.5em;
    margin-top: -10px;
    transform: translateY(-50%); }
  .comment-tooltip__content.-right {
    left: 1.5em;
    margin-top: -10px;
    transform: translateY(-50%); }
  .comment-tooltip__content.-top {
    left: 1.5em;
    top: -150%;
    margin-left: -10px;
    margin-bottom: 20px;
    transform: translate(-50%, -100%); }
  .comment-tooltip__content:hover,
  .comment-tooltip__icon:hover + .comment-tooltip__content {
    opacity: 1;
    z-index: 1;
    transition-delay: 0s, 0s; }

/* ----------------------------- */
/* ==status tag label            */
/* ----------------------------- */
.status-tag-label {
  background-color: #9e9a93; }
  .status-tag-label.-awaiting {
    background-color: #23416D; }
  .status-tag-label.-failed {
    background-color: #B03032; }
  .status-tag-label.-rejected {
    background-color: #B26A30;
    position: relative; }
    .status-tag-label.-rejected:after {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      background-color: #B26A30;
      border-radius: 50%;
      position: absolute;
      text-align: center;
      line-height: 1.5em;
      top: 0;
      right: -1.75em; }
    .status-tag-label.-rejected.-rejected-01, .status-tag-label.-rejected.-rejected-02, .status-tag-label.-rejected.-rejected-03, .status-tag-label.-rejected.-rejected-04, .status-tag-label.-rejected.-rejected-05, .status-tag-label.-rejected.-rejected-06, .status-tag-label.-rejected.-rejected-07 {
      margin-right: 2em; }
    .status-tag-label.-rejected.-rejected-01:after {
      content: "1"; }
    .status-tag-label.-rejected.-rejected-02:after {
      content: "2"; }
    .status-tag-label.-rejected.-rejected-03:after {
      content: "3"; }
    .status-tag-label.-rejected.-rejected-04:after {
      content: "4"; }
    .status-tag-label.-rejected.-rejected-05:after {
      content: "5"; }
    .status-tag-label.-rejected.-rejected-06:after {
      content: "6"; }
    .status-tag-label.-rejected.-rejected-07:after {
      content: "7"; }
  .status-tag-label.-approved {
    background-color: #839A7A; }

/* ----------------------------- */
/* ==CSS dotted-grid loader      */
/* ----------------------------- */
.dotted-grid-loader {
  width: 88px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.dotted-grid-loader__item {
  background-color: #705670;
  width: 20px;
  height: 20px;
  float: left;
  animation: pulse 1200ms infinite;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
  border-radius: 50%; }
  .dotted-grid-loader__item:nth-child(4n+1) {
    clear: left; }
  .dotted-grid-loader__item:nth-child(9), .dotted-grid-loader__item:nth-child(14) {
    animation-delay: 100ms; }
  .dotted-grid-loader__item:nth-child(5), .dotted-grid-loader__item:nth-child(10), .dotted-grid-loader__item:nth-child(15) {
    animation-delay: 200ms; }
  .dotted-grid-loader__item:nth-child(1), .dotted-grid-loader__item:nth-child(6), .dotted-grid-loader__item:nth-child(11), .dotted-grid-loader__item:nth-child(16) {
    animation-delay: 300ms; }
  .dotted-grid-loader__item:nth-child(2), .dotted-grid-loader__item:nth-child(7), .dotted-grid-loader__item:nth-child(12) {
    animation-delay: 400ms; }
  .dotted-grid-loader__item:nth-child(3), .dotted-grid-loader__item:nth-child(8) {
    animation-delay: 500ms; }
  .dotted-grid-loader__item:nth-child(4) {
    animation-delay: 600ms; }
  .dotted-grid-loader__item:nth-child(17) {
    animation-delay: 0; }

.dotted-grid-loader__blink {
  animation: pulse 2s infinite; }
  .dotted-grid-loader__item:nth-child(odd) .dotted-grid-loader__blink {
    animation-delay: 250ms; }

@keyframes pulse {
  0%,
  50%,
  100% {
    background-color: #705670;
    transform: scale(0.5);
    box-shadow: 0 0 0 0 rgba(135, 61, 61, 0.6); }
  70% {
    background-color: #275966;
    transform: scale(0.8); } }

/* ----------------------------- */
/* ==messages                    */
/* ----------------------------- */
.message-error, .message-error__no-icon, .message-warning, .message-success, .message-info {
  border-radius: 3px;
  font-size: 0.875em;
  margin: 0 auto 1em;
  max-width: 680px;
  padding: 1em 1.5em 1em 3rem;
  position: relative;
  text-align: left; }
  .message-error:before, .message-error__no-icon:before, .message-warning:before, .message-success:before, .message-info:before {
    font-size: 22px;
    text-align: center;
    width: 3rem;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px; }

.message-error {
  background-color: #B03032;
  color: #FFF; }

.message-error__no-icon {
  padding: 1em 1.5em 1em 1.5rem;
  text-align: center;
  background-color: #B03032;
  color: #FFF; }

.message-warning {
  background-color: #B26A30;
  color: #FFF; }

.message-success {
  background-color: #d4e2df;
  color: #0d221d; }

.message-info {
  background-color: #d3d9e2;
  color: #23416D; }
  .message-info.-centered {
    text-align: center; }
  .message-info.-small {
    max-width: 480px; }

.message__close {
  cursor: pointer;
  display: block;
  height: 1em;
  text-decoration: none;
  width: 1em;
  position: absolute;
  top: 0.5em;
  right: 0.5em; }
  .message-error .message__close {
    color: #FFF; }
  .message-success .message__close {
    color: #0d221d; }
  .message-info .message__close {
    color: #23416D; }

/* ----------------------------- */
/* ==delete icon with slide      */
/* ----------------------------- */
.slide-delete {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -13px; }

.slide-delete__container {
  position: relative;
  left: 0;
  height: 26px;
  width: 35px;
  overflow: hidden;
  transition-property: left, width;
  transition-duration: 150ms, 150ms;
  transition-timing-function: ease-in-out; }
  .hidden-active-element:checked + .slide-delete__container {
    left: -208px;
    width: 242px; }

.slide-delete__ribbon {
  letter-spacing: -0.5em;
  width: 242px; }

.slide-delete__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='22' viewBox='0 0 19 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.078 19.25c.382 0 .692-.308.692-.687v-8.25c0-.38-.31-.688-.692-.688-.383 0-.693.308-.693.688v8.25c0 .38.31.687.693.687zm4.153-16.5H13.08V1.375c0-.76-.62-1.375-1.385-1.375H7.54c-.766 0-1.386.615-1.386 1.375V2.75H2c-.764 0-1.384.615-1.384 1.375V5.5c0 .76.62 1.375 1.385 1.375V19.25C2 20.77 3.24 22 4.77 22h9.692c1.53 0 2.77-1.23 2.77-2.75V6.875c.764 0 1.384-.616 1.384-1.375V4.125c0-.76-.62-1.375-1.385-1.375zm-9.69-.688c0-.38.31-.687.69-.687H11c.383 0 .693.308.693.687v.688H7.54v-.688zm8.307 17.188c0 .76-.62 1.375-1.385 1.375H4.77c-.765 0-1.385-.616-1.385-1.375V6.875h12.462V19.25zM16.54 5.5H2.692C2.31 5.5 2 5.192 2 4.812c0-.38.31-.687.693-.687H16.54c.38 0 .69.308.69.687 0 .38-.31.688-.69.688zM6.153 19.25c.383 0 .693-.308.693-.687v-8.25c0-.38-.31-.688-.693-.688-.382 0-.692.308-.692.688v8.25c0 .38.31.687.692.687zm3.462 0c.382 0 .692-.308.692-.687v-8.25c0-.38-.31-.688-.692-.688-.382 0-.692.308-.692.688v8.25c0 .38.31.687.692.687z' fill='%23d3d2d3' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 26px; }
  .slide-delete__icon:hover,
  .hidden-active-element:checked + .slide-delete__container .slide-delete__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='22' viewBox='0 0 19 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.078 19.25c.382 0 .692-.308.692-.687v-8.25c0-.38-.31-.688-.692-.688-.383 0-.693.308-.693.688v8.25c0 .38.31.687.693.687zm4.153-16.5H13.08V1.375c0-.76-.62-1.375-1.385-1.375H7.54c-.766 0-1.386.615-1.386 1.375V2.75H2c-.764 0-1.384.615-1.384 1.375V5.5c0 .76.62 1.375 1.385 1.375V19.25C2 20.77 3.24 22 4.77 22h9.692c1.53 0 2.77-1.23 2.77-2.75V6.875c.764 0 1.384-.616 1.384-1.375V4.125c0-.76-.62-1.375-1.385-1.375zm-9.69-.688c0-.38.31-.687.69-.687H11c.383 0 .693.308.693.687v.688H7.54v-.688zm8.307 17.188c0 .76-.62 1.375-1.385 1.375H4.77c-.765 0-1.385-.616-1.385-1.375V6.875h12.462V19.25zM16.54 5.5H2.692C2.31 5.5 2 5.192 2 4.812c0-.38.31-.687.693-.687H16.54c.38 0 .69.308.69.687 0 .38-.31.688-.69.688zM6.153 19.25c.383 0 .693-.308.693-.687v-8.25c0-.38-.31-.688-.693-.688-.382 0-.692.308-.692.688v8.25c0 .38.31.687.692.687zm3.462 0c.382 0 .692-.308.692-.687v-8.25c0-.38-.31-.688-.692-.688-.382 0-.692.308-.692.688v8.25c0 .38.31.687.692.687z' fill='%23275966' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.slide-delete__confirm {
  font-size: 0.1px;
  letter-spacing: 0;
  width: 203px;
  display: inline-block;
  vertical-align: middle;
  text-align: justify; }
  .slide-delete__confirm:after {
    content: "";
    display: inline-block;
    width: 100%; }

.slide-delete__btn {
  font-size: 0.875rem;
  height: 1.7142em;
  line-height: 1.6428em;
  width: 98px; }

/* ----------------------------- */
/* ==close link                  */
/* ----------------------------- */
.close-link {
  cursor: pointer; }
  .close-link:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0C3.58 0 0 3.582 0 8s3.58 8 8 8c4.418 0 8-3.583 8-8 0-4.418-3.582-8-8-8zm3.438 10.166l-1.274 1.273S8.148 9.275 7.998 9.275c-.148 0-2.164 2.163-2.164 2.163L4.56 10.165S6.723 8.18 6.723 8.003c0-.18-2.165-2.167-2.165-2.167L5.833 4.56s2.032 2.165 2.164 2.165c.133 0 2.166-2.164 2.166-2.164l1.274 1.276S9.273 7.852 9.273 8.003c0 .144 2.165 2.163 2.165 2.163z' fill='%23275966' fill-rule='evenodd'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.25em;
    height: 1rem;
    width: 1rem; }

/* ----------------------------- */
/* ==custom login form           */
/* ----------------------------- */
.login-section {
  background-color: white;
  height: 100vh;
  padding: 1em 0.5em; }

.login-section__form {
  margin: 0 auto;
  text-align: center;
  width: 320px; }

.login-section__headline {
  margin: 0.5em 0 1em; }

.login-section__input {
  font-size: 1.125em;
  height: 2.5555em;
  line-height: 2.5555em;
  border: 1px solid #B5B3B0;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  width: 100%; }

/* ----------------------------- */
/* ==preview page                */
/* ----------------------------- */
.preview-section {
  background-color: white;
  height: 100vh;
  padding-top: 1em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0; }

.preview-section__headline {
  margin: 0.5em 0 1em; }

.preview-section__content {
  margin: 0 auto;
  text-align: center;
  width: 100%; }

.preview-section__loader {
  margin: 0 auto;
  background-color: #EAEAEA;
  padding-bottom: 40px; }

.preview-section__message {
  padding-top: 50px;
  color: #303030; }

.preview-section__additional-message {
  padding-top: 20px;
  color: #303030; }

.preview-section__error {
  margin-top: 50px;
  width: 100%; }

/* --------------------------------------- */
/* ==user details and logout button        */
/* --------------------------------------- */
.user-details {
  display: table;
  margin: 0 0 0 auto;
  width: auto; }
  .user-details__intro {
    font-size: 0.75em; }
  .user-details__name {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px; }
  .user-details__logout-btn {
    background-color: #275966;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.75em;
    padding: 0.25em 0.5em;
    text-decoration: none; }
  .user-details__option-btn {
    background-color: #275966;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.75em;
    padding: 0.25em 0.5em;
    text-decoration: none; }
  .user-details .menu-btn {
    list-style: none;
    padding-left: 0px; }

/* ----------------------------- */
/* ==archive filter              */
/* ----------------------------- */
.archive-filter__checkbox {
  visibility: hidden; }

.archive-filter__global {
  margin-left: -18px;
  color: #275966;
  text-decoration: underline;
  cursor: pointer; }

.archive-filter__details {
  max-height: 1px;
  overflow: hidden;
  padding: 0.5em 0 0 1em;
  transition: max-height 500ms;
  transition-timing-function: ease-in-out; }
  .archive-filter__checkbox:checked + .archive-filter__global + .archive-filter__details {
    max-height: 400px; }

/* --------------------------------------- */
/* ==selling company filter in sidebar     */
/* --------------------------------------- */
.selling-company-filter__clear {
  float: right;
  cursor: pointer;
  color: #275966;
  text-decoration: underline; }

.selling-company-filter__selectall {
    float: right;
    cursor: pointer;
    color: #275966;
    text-decoration: underline;
    margin-right:5px;
}

.selling-company-filter__details {
  margin-bottom: 0.5em;
  max-height: 16em;
  overflow-x: hidden;
  overflow-y: auto; }

/* -------------------------------------------- */
/* ==generate document set banner in sidebar    */
/* -------------------------------------------- */
.generate-set-banner {
  border-top: 1px solid #D3D1CE;
  margin-top: 1em; }

/* --------------------------------------- */
/* ==document set list                     */
/* --------------------------------------- */
.document-set-list {
  table-layout: fixed;
  width: 100%; }
  .document-set-list tbody tr:hover {
    background-color: #fff;
    cursor: pointer; }

.document-set-list__cell {
  font-size: 0.875em; }
  .document-set-list__cell.-right-align {
    text-align: right;
    padding-right: 15px; }

/* ------------------------------------- */
/* ==animated dots icon                  */
/* ------------------------------------- */
.animated-dots, .animated-dots:before, .animated-dots:after {
  display: inline-block;
  width: 0.3em;
  height: 0.3em;
  background-color: #275966;
  border-radius: 5em;
  animation: pulsing-dot 3s infinite;
  animation-fill-mode: both; }

@keyframes pulsing-dot {
  0%,
  100% {
    background-color: transparent; }
  50% {
    background-color: #275966; } }

.animated-dots {
  position: relative;
  left: -0.5em;
  animation-delay: 0s; }
  .animated-dots:before {
    content: "";
    left: 0.5em;
    position: absolute;
    animation-delay: 0.5s; }
  .animated-dots:after {
    content: "";
    left: 1em;
    position: absolute;
    animation-delay: 1s; }

/* ----------------------------- */
/* ==sliding tiles               */
/* ----------------------------- */
.slide-nav {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.392 6C19.08.264 11.742-1.703 6.002 1.61.265 4.922-1.7 12.26 1.613 18c3.313 5.737 10.65 7.704 16.39 4.39 5.737-3.313 7.704-10.65 4.39-16.39zm-5.59 14.312C12.21 22.962 6.34 21.39 3.69 16.8 1.04 12.21 2.612 6.337 7.203 3.686c4.59-2.65 10.46-1.077 13.11 3.514 2.652 4.592 1.08 10.46-3.512 13.112zm-.6-9.512h-5.005l1.345-1.345c.468-.47.468-1.23 0-1.696-.47-.47-1.23-.47-1.697 0L7.45 11.15c-.467.47-.467 1.23 0 1.7l3.395 3.392c.468.468 1.228.468 1.697 0 .468-.47.468-1.23 0-1.697L11.196 13.2H16.2c.664 0 1.2-.538 1.2-1.2 0-.663-.536-1.2-1.2-1.2z' fill='%23262626' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 2rem;
  height: 2rem;
  overflow: visible;
  position: relative;
  display: inline-block; }
  .slide-nav:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.392 6C19.08.264 11.742-1.703 6.002 1.61.265 4.922-1.7 12.26 1.613 18c3.313 5.737 10.65 7.704 16.39 4.39 5.737-3.313 7.704-10.65 4.39-16.39zm-5.59 14.312C12.21 22.962 6.34 21.39 3.69 16.8 1.04 12.21 2.612 6.337 7.203 3.686c4.59-2.65 10.46-1.077 13.11 3.514 2.652 4.592 1.08 10.46-3.512 13.112zm-.6-9.512h-5.005l1.345-1.345c.468-.47.468-1.23 0-1.696-.47-.47-1.23-.47-1.697 0L7.45 11.15c-.467.47-.467 1.23 0 1.7l3.395 3.392c.468.468 1.228.468 1.697 0 .468-.47.468-1.23 0-1.697L11.196 13.2H16.2c.664 0 1.2-.538 1.2-1.2 0-.663-.536-1.2-1.2-1.2z' fill='%23275966' fill-rule='evenodd'/%3E%3C/svg%3E"); }
  .slide-nav.-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.392 6C19.08.264 11.742-1.703 6.002 1.61.265 4.922-1.7 12.26 1.613 18c3.313 5.737 10.65 7.704 16.39 4.39 5.737-3.313 7.704-10.65 4.39-16.39zm-5.59 14.312C12.21 22.962 6.34 21.39 3.69 16.8 1.04 12.21 2.612 6.337 7.203 3.686c4.59-2.65 10.46-1.077 13.11 3.514 2.652 4.592 1.08 10.46-3.512 13.112zm-.6-9.512h-5.005l1.345-1.345c.468-.47.468-1.23 0-1.696-.47-.47-1.23-.47-1.697 0L7.45 11.15c-.467.47-.467 1.23 0 1.7l3.395 3.392c.468.468 1.228.468 1.697 0 .468-.47.468-1.23 0-1.697L11.196 13.2H16.2c.664 0 1.2-.538 1.2-1.2 0-.663-.536-1.2-1.2-1.2z' fill='%23262626' fill-rule='evenodd' transform='rotate(180 12 12)'/%3E%3C/svg%3E"); }
    .slide-nav.-right:hover {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.392 6C19.08.264 11.742-1.703 6.002 1.61.265 4.922-1.7 12.26 1.613 18c3.313 5.737 10.65 7.704 16.39 4.39 5.737-3.313 7.704-10.65 4.39-16.39zm-5.59 14.312C12.21 22.962 6.34 21.39 3.69 16.8 1.04 12.21 2.612 6.337 7.203 3.686c4.59-2.65 10.46-1.077 13.11 3.514 2.652 4.592 1.08 10.46-3.512 13.112zm-.6-9.512h-5.005l1.345-1.345c.468-.47.468-1.23 0-1.696-.47-.47-1.23-.47-1.697 0L7.45 11.15c-.467.47-.467 1.23 0 1.7l3.395 3.392c.468.468 1.228.468 1.697 0 .468-.47.468-1.23 0-1.697L11.196 13.2H16.2c.664 0 1.2-.538 1.2-1.2 0-.663-.536-1.2-1.2-1.2z' fill='%23275966' fill-rule='evenodd' transform='rotate(180 12 12)'/%3E%3C/svg%3E"); }

.slide-nav__link {
  text-decoration: none;
  font-size: 1rem;
  line-height: 2rem;
  display: none;
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.slide {
  height: 100%;
  position: relative; }

.slide__visible-panel {
  margin: 0 auto;
  width: 400px;
  height: 200px;
  overflow: hidden; }

.slide__ribbon {
  height: 100%;
  width: 100%;
  position: relative; }

.slide__item {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  transition-property: left, z-index;
  transition-delay: 0s;
  transition-duration: 350ms;
  transition-timing-function: ease-in-out; }

.slide__item--one {
  background-color: #275966;
  left: -100%; }

.slide__item--two {
  background-color: #CCAF69;
  left: 0; }

.slide__item--three {
  background-color: #B64E54;
  left: 100%; }

.hacked-radio {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1;
  opacity: 0; }

.hacked-radio--show-slide-2:checked ~ .slide-nav .slide-nav__link--left[for="slide-to-screen-01"],
.hacked-radio--show-slide-2:checked ~ .slide .slide-nav__link--left[for="slide-to-screen-01"] {
  display: block; }

.hacked-radio--show-slide-2:checked ~ .slide-nav .slide-nav__link--right[for="slide-to-screen-03"],
.hacked-radio--show-slide-2:checked ~ .slide .slide-nav__link--right[for="slide-to-screen-03"] {
  display: block; }

.hacked-radio--show-slide-3:checked ~ .slide-nav .slide-nav__link--left[for="slide-to-screen-02"],
.hacked-radio--show-slide-3:checked ~ .slide .slide-nav__link--left[for="slide-to-screen-02"] {
  display: block; }

.hacked-radio--show-slide-3:checked ~ .slide-nav .slide-nav__link--right[for="slide-to-screen-01"],
.hacked-radio--show-slide-3:checked ~ .slide .slide-nav__link--right[for="slide-to-screen-01"] {
  display: block; }

.hacked-radio--show-slide-1:checked ~ .slide-nav .slide-nav__link--left[for="slide-to-screen-03"],
.hacked-radio--show-slide-1:checked ~ .slide .slide-nav__link--left[for="slide-to-screen-03"] {
  display: block; }

.hacked-radio--show-slide-1:checked ~ .slide-nav .slide-nav__link--right[for="slide-to-screen-02"],
.hacked-radio--show-slide-1:checked ~ .slide .slide-nav__link--right[for="slide-to-screen-02"] {
  display: block; }

.hacked-radio--show-slide-2:checked ~ .slide .slide__item--one {
  left: -100%; }

.hacked-radio--show-slide-2:checked ~ .slide .slide__item--two {
  left: 0;
  z-index: 100; }

.hacked-radio--show-slide-2:checked ~ .slide .slide__item--three {
  left: 100%; }

.hacked-radio--show-slide-3:checked ~ .slide .slide__item--one {
  left: 100%; }

.hacked-radio--show-slide-3:checked ~ .slide .slide__item--two {
  left: -100%; }

.hacked-radio--show-slide-3:checked ~ .slide .slide__item--three {
  left: 0;
  z-index: 100; }

.hacked-radio--show-slide-1:checked ~ .slide .slide__item--one {
  left: 0;
  z-index: 100; }

.hacked-radio--show-slide-1:checked ~ .slide .slide__item--two {
  left: 100%; }

.hacked-radio--show-slide-1:checked ~ .slide .slide__item--three {
  left: -100%; }

/* ----------------------------- */
/* ==document set tile           */
/* ----------------------------- */
.doc-set-tile-wrapper {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transition-property: height, width, opacity;
  transition-duration: 0s, 0s, 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 500ms, 500ms, 0s; }
  .doc-set-tile-wrapper.-show {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s,0s,0s; }

.doc-set-tile-modal {
  opacity: 0;
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateY(-100vh);
  overflow: hidden;
  height: 90%;
  width: 1280px;
  margin-left: -640px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
  transition-delay: 0s; }
  @media screen and (max-width: 1280px) {
    .doc-set-tile-modal {
      width: 90%;
      left: 5%;
      margin-left: auto; } }
  .doc-set-tile-wrapper.-show .doc-set-tile-modal {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc($document-set-tile-animation-duration / 2); }

.doc-set-tile {
  background-color: #fff;
  border: 1px solid #000;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column; }

@keyframes tile-is-viewed {
  0%,
  100% {
    background-color: currentColor; }
  50% {
    background-color: #d08384; } }

.doc-set-tile__header {
  background-color: #dadfe6;
  color: #dadfe6;
  padding: 0.75em 0;
  position: relative;
  overflow: hidden; }
  .doc-set-tile__header.-awaiting.-is-viewed {
    animation: tile-is-viewed 2.5s infinite;
    animation-fill-mode: both; }
  .doc-set-tile__header.-approved {
    background-color: #c1ccbc;
    color: #c1ccbc; }
  .doc-set-tile__header.-rejected {
    background-color: #deC1a9;
    color: #deC1a9; }
  .doc-set-tile__header.-failed {
    background-color: #daa6a9;
    color: #daa6a9; }
  .doc-set-tile__header.-closed {
    background-color: #D3D1CE;
    color: #D3D1CE; }
  .doc-set-tile__header > * {
    color: #262626; }

.doc-set-tile__header-label {
  line-height: 1.4; }

.doc-set-tile__nav {
  text-align: center;
  width: 3em;
  display: inline-block;
  vertical-align: middle; }

.doc-set-tile__status-wrapper {
  float: right; }

.doc-set-tile__basic-info {
  width: 370px; }

.doc-set-tile__selling-company,
.doc-set-tile__booking-id,
.doc-set-tile__booking-type,
.doc-set-tile__generated-date,
.doc-set-tile__registered-booking {
  margin-right: 1em; }

.doc-set-tile__content {
  height: calc(100% - 3.8125em - 3.1875em);
  overflow-x: hiddden;
  overflow-y: scroll; }

.doc-set-tile__building-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%; }

.doc-set-tile__building-cell {
  display: table-cell;
  vertical-align: top; }

.doc-set-tile__documents {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 1em; }

.doc-set-tile__generated-docs,
.doc-set-tile__uploded-docs {
  display: table-cell;
  vertical-align: top; }

.doc-set-tile__info {
  background-color: #F0EEEB;
  display: table-cell;
  vertical-align: top;
  padding: 1em;
  width: 240px; }

.doc-set-tile__generated-docs {
  padding-right: 1em; }

.doc-set-tile__uploaded-docs {
  padding-left: 1em; }

.doc-set-tile__send-doc {
  font-size: 0.875em;
  padding-left: 3.2142em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='16' viewBox='0 0 32 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.95 15.987l.035-.01c.01 0 .02-.003.03-.006l.033-.01.03-.012.03-.014.03-.015.03-.018c.01-.005.02-.01.028-.017l.03-.022.024-.018c.015-.012.03-.025.042-.04.003 0 .005-.003.008-.006l.007-.01c.013-.012.026-.026.038-.04l.02-.027c.006-.01.013-.018.02-.027.007-.01.012-.02.02-.03l.014-.028.015-.032.013-.028.012-.032.01-.032.01-.032.007-.033.006-.04c0-.008.003-.017.004-.027.002-.022.003-.045.003-.068V.685c0-.38-.306-.685-.683-.685H9.28c-.013 0-.026.002-.038.003l-.03.003-.036.006-.032.006-.033.01-.03.008-.032.012-.03.012-.03.016L8.96.09l-.03.02-.026.016-.03.022-.024.02-.024.023L8.8.22c-.005.004-.01.008-.013.013L8.78.24c-.01.01-.017.02-.025.03l-.017.023c-.007.01-.014.02-.02.032L8.702.35l-.016.032-.014.03-.012.03c-.004.01-.008.02-.01.03-.005.012-.008.022-.01.033l-.01.033c0 .01-.003.02-.005.03L8.62.606l-.002.03-.002.038v4.233c0 .378.305.684.682.684.378 0 .683-.306.683-.684v-2.7l6.075 5.387c-.032.022-.062.047-.09.075L9.98 13.663V9.165c0-.378-.305-.685-.682-.685-.377 0-.683.307-.683.685V10h-3.53c-.377 0-.683.307-.683.686 0 .378.306.684.683.684h3.53v3.946c0 .378.306.684.683.684h21.52c.02 0 .044 0 .066-.003.01 0 .02-.003.03-.005.013 0 .024-.003.036-.005zm-.816-2.324L24.15 7.668l-.01-.01 4.497-3.824c.287-.245.323-.677.08-.965-.245-.29-.676-.325-.964-.08l-7.686 6.534L11.1 1.37h19.034v12.293zM16.93 8.636c.05-.05.09-.103.12-.16l2.555 2.266c.13.114.29.172.452.172.158 0 .315-.054.443-.163l2.603-2.212c.024.034.05.067.08.098l5.984 5.995h-18.22l5.983-5.994zM.683 7.796H12.22c.378 0 .684-.307.684-.685 0-.377-.306-.683-.684-.683H.683c-.377 0-.683.306-.683.684 0 .38.306.686.683.686zM1.88 4.023h5.18c.376 0 .682-.306.682-.684 0-.38-.306-.686-.683-.686H1.88c-.38 0-.685.307-.685.685 0 .377.306.683.684.683zm3.813 8.868H.683c-.377 0-.683.308-.683.686 0 .378.306.684.683.684h5.01c.377 0 .683-.306.683-.684 0-.378-.306-.685-.683-.685z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  width: 208px; }

.doc-set-tile__send-mtsdoc {
  font-size: 0.875em;
  padding-left: 3.2142em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='16' viewBox='0 0 32 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.95 15.987l.035-.01c.01 0 .02-.003.03-.006l.033-.01.03-.012.03-.014.03-.015.03-.018c.01-.005.02-.01.028-.017l.03-.022.024-.018c.015-.012.03-.025.042-.04.003 0 .005-.003.008-.006l.007-.01c.013-.012.026-.026.038-.04l.02-.027c.006-.01.013-.018.02-.027.007-.01.012-.02.02-.03l.014-.028.015-.032.013-.028.012-.032.01-.032.01-.032.007-.033.006-.04c0-.008.003-.017.004-.027.002-.022.003-.045.003-.068V.685c0-.38-.306-.685-.683-.685H9.28c-.013 0-.026.002-.038.003l-.03.003-.036.006-.032.006-.033.01-.03.008-.032.012-.03.012-.03.016L8.96.09l-.03.02-.026.016-.03.022-.024.02-.024.023L8.8.22c-.005.004-.01.008-.013.013L8.78.24c-.01.01-.017.02-.025.03l-.017.023c-.007.01-.014.02-.02.032L8.702.35l-.016.032-.014.03-.012.03c-.004.01-.008.02-.01.03-.005.012-.008.022-.01.033l-.01.033c0 .01-.003.02-.005.03L8.62.606l-.002.03-.002.038v4.233c0 .378.305.684.682.684.378 0 .683-.306.683-.684v-2.7l6.075 5.387c-.032.022-.062.047-.09.075L9.98 13.663V9.165c0-.378-.305-.685-.682-.685-.377 0-.683.307-.683.685V10h-3.53c-.377 0-.683.307-.683.686 0 .378.306.684.683.684h3.53v3.946c0 .378.306.684.683.684h21.52c.02 0 .044 0 .066-.003.01 0 .02-.003.03-.005.013 0 .024-.003.036-.005zm-.816-2.324L24.15 7.668l-.01-.01 4.497-3.824c.287-.245.323-.677.08-.965-.245-.29-.676-.325-.964-.08l-7.686 6.534L11.1 1.37h19.034v12.293zM16.93 8.636c.05-.05.09-.103.12-.16l2.555 2.266c.13.114.29.172.452.172.158 0 .315-.054.443-.163l2.603-2.212c.024.034.05.067.08.098l5.984 5.995h-18.22l5.983-5.994zM.683 7.796H12.22c.378 0 .684-.307.684-.685 0-.377-.306-.683-.684-.683H.683c-.377 0-.683.306-.683.684 0 .38.306.686.683.686zM1.88 4.023h5.18c.376 0 .682-.306.682-.684 0-.38-.306-.686-.683-.686H1.88c-.38 0-.685.307-.685.685 0 .377.306.683.684.683zm3.813 8.868H.683c-.377 0-.683.308-.683.686 0 .378.306.684.683.684h5.01c.377 0 .683-.306.683-.684 0-.378-.306-.685-.683-.685z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.5em 50%;
  width: 208px; }

.doc-set-tile__download {
  font-size: 0.875em;
  margin-top: 1em;
  padding-left: 2.375em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.223 13v4.41H2.777V13H0v5.705C0 19.42.62 20 1.39 20h17.22c.77 0 1.39-.58 1.39-1.295V13h-2.777zM6.24 7.36s-.572-.533.05-.533h2.123V.317S8.33 0 8.816 0h2.99c.35 0 .342.267.342.267v6.426h1.96c.755 0 .187.556.187.556s-3.207 4.18-3.654 4.618c-.32.318-.63-.037-.63-.037L6.24 7.36z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0.5em 50%; }

.doc-set-tile__actions {
  padding: 0 1em 1em;
  text-align: right; }

.doc-set-tile__comment-wrapper,
.doc-set-tile__instructions,
.doc-set-tile__error {
  padding: 0 1em 1em; }

.doc-set-tile__comment {
  height: 5em;
  width: 100%;
  margin-bottom: 0.5em; }

.doc-set-tile__regenerate-btn,
.doc-set-tile__reject-btn,
.doc-set-tile__approve-btn {
  margin-left: 0.5em; }

.doc-set-tile__regenerate-btn,
.doc-set-tile__reject-btn {
  display: inline-block; }

.doc-set-tile__footer {
  border-top: 1px solid #D3D1CE;
  padding: 1em;
  text-align: right;
  position: relative; }

.doc-set-tile__close {
  font-size: 0.875em;
  display: inline-block;
  cursor: pointer; }

.doc-set-tile__saving {
  font-size: 0.875em;
  margin-right: 0.5em; }

.doc-set-tile__section-header {
  display: block;
  line-height: 2;
  font-size: 0.90em;
  text-align: left;
  font-family: inherit; }

.user-details__regenerate-btn {
  background-color: #275966;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  padding: 0.25em 0.5em;
  text-decoration: none; }

/* --------------------------------- */
/* ==preferred doc options           */
/* --------------------------------- */
.preferred-doc {
  margin-bottom: 1em; }

.preferred-doc__item {
  border: 1px solid #D3D1CE;
  border-radius: 5px 0 0 5px;
  text-align: center;
  overflow: hidden;
  position: relative; }
  .preferred-doc__item + .preferred-doc__item {
    border-width: 1px 1px 1px 0;
    border-radius: 0 5px 5px 0; }

.preferred-doc__radio {
  border: 0;
  margin-left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  z-index: -1; }

.preferred-doc__name {
  background-color: #F0EEEB;
  color: #939294;
  cursor: pointer;
  display: block;
  line-height: 1.75;
  padding: 0.5em 0; }
  .preferred-doc__radio:checked + .preferred-doc__name {
    background-color: #275966;
    color: #fff;
    font-weight: bold;
    cursor: default; }

.preferred-doc__email:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.947 4.5h1.38l-.946 5.35c-.104.617-.108 1.065-.01 1.34.1.277.32.415.66.415.343 0 .678-.078 1.007-.236.328-.16.624-.403.887-.732.263-.33.476-.742.64-1.242.165-.5.248-1.092.248-1.777 0-.988-.165-1.83-.494-2.527-.328-.697-.778-1.274-1.35-1.727-.572-.455-1.245-.787-2.02-.997-.777-.212-1.61-.318-2.505-.318-1.025 0-1.978.185-2.858.553-.88.37-1.646.876-2.297 1.52-.65.645-1.16 1.41-1.528 2.3-.368.887-.552 1.85-.552 2.89 0 1.027.154 1.948.463 2.764.31.815.76 1.51 1.352 2.082.59.572 1.324 1.012 2.197 1.32.873.31 1.876.465 3.007.465.38 0 .814-.046 1.3-.138.487-.093.927-.23 1.32-.416l.612 1.896c-.54.263-1.088.447-1.647.552-.56.105-1.2.158-1.922.158-1.274 0-2.454-.185-3.538-.552-1.084-.37-2.023-.915-2.82-1.64-.794-.722-1.415-1.62-1.862-2.693C.223 12.043 0 10.803 0 9.395c0-1.434.256-2.73.77-3.888.512-1.157 1.202-2.145 2.07-2.96C3.706 1.73 4.71 1.1 5.854.66 7 .22 8.208 0 9.483 0c1.21 0 2.333.175 3.37.523 1.04.35 1.94.848 2.702 1.5.762.65 1.36 1.448 1.794 2.39.433.94.65 2.008.65 3.205 0 .843-.147 1.632-.444 2.37-.295.736-.703 1.374-1.222 1.914-.52.54-1.124.966-1.813 1.282-.69.316-1.43.474-2.217.474-.33 0-.634-.036-.917-.108-.283-.073-.52-.195-.71-.366-.19-.17-.332-.395-.424-.67-.092-.277-.118-.62-.078-1.027h-.08c-.196.276-.41.546-.64.81-.23.262-.483.496-.76.7-.275.204-.577.365-.906.483-.33.118-.69.178-1.084.178-.315 0-.618-.07-.907-.207-.29-.137-.54-.332-.75-.58-.21-.25-.377-.554-.502-.91-.125-.355-.187-.75-.187-1.184 0-.815.13-1.608.394-2.378.263-.77.62-1.45 1.074-2.042.453-.592.98-1.07 1.578-1.43.598-.363 1.232-.544 1.902-.544.46 0 .848.07 1.163.207.315.137.603.318.867.542l.61-.632zm-1.242 2.39c-.17-.146-.348-.258-.532-.337-.184-.08-.414-.118-.69-.118-.394 0-.76.112-1.094.335-.336.224-.626.513-.87.868-.242.356-.43.754-.56 1.194-.132.442-.198.872-.198 1.293 0 .435.088.79.266 1.067.178.275.483.414.917.414.184 0 .38-.056.59-.167.212-.114.415-.262.613-.446.197-.184.387-.395.57-.63.185-.238.35-.488.494-.75l.493-2.725z' fill='%23939294' fill-rule='evenodd'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  height: 1.125rem;
  width: 1.125rem; }

.preferred-doc__radio:checked + .preferred-doc__email:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.947 4.5h1.38l-.946 5.35c-.104.617-.108 1.065-.01 1.34.1.277.32.415.66.415.343 0 .678-.078 1.007-.236.328-.16.624-.403.887-.732.263-.33.476-.742.64-1.242.165-.5.248-1.092.248-1.777 0-.988-.165-1.83-.494-2.527-.328-.697-.778-1.274-1.35-1.727-.572-.455-1.245-.787-2.02-.997-.777-.212-1.61-.318-2.505-.318-1.025 0-1.978.185-2.858.553-.88.37-1.646.876-2.297 1.52-.65.645-1.16 1.41-1.528 2.3-.368.887-.552 1.85-.552 2.89 0 1.027.154 1.948.463 2.764.31.815.76 1.51 1.352 2.082.59.572 1.324 1.012 2.197 1.32.873.31 1.876.465 3.007.465.38 0 .814-.046 1.3-.138.487-.093.927-.23 1.32-.416l.612 1.896c-.54.263-1.088.447-1.647.552-.56.105-1.2.158-1.922.158-1.274 0-2.454-.185-3.538-.552-1.084-.37-2.023-.915-2.82-1.64-.794-.722-1.415-1.62-1.862-2.693C.223 12.043 0 10.803 0 9.395c0-1.434.256-2.73.77-3.888.512-1.157 1.202-2.145 2.07-2.96C3.706 1.73 4.71 1.1 5.854.66 7 .22 8.208 0 9.483 0c1.21 0 2.333.175 3.37.523 1.04.35 1.94.848 2.702 1.5.762.65 1.36 1.448 1.794 2.39.433.94.65 2.008.65 3.205 0 .843-.147 1.632-.444 2.37-.295.736-.703 1.374-1.222 1.914-.52.54-1.124.966-1.813 1.282-.69.316-1.43.474-2.217.474-.33 0-.634-.036-.917-.108-.283-.073-.52-.195-.71-.366-.19-.17-.332-.395-.424-.67-.092-.277-.118-.62-.078-1.027h-.08c-.196.276-.41.546-.64.81-.23.262-.483.496-.76.7-.275.204-.577.365-.906.483-.33.118-.69.178-1.084.178-.315 0-.618-.07-.907-.207-.29-.137-.54-.332-.75-.58-.21-.25-.377-.554-.502-.91-.125-.355-.187-.75-.187-1.184 0-.815.13-1.608.394-2.378.263-.77.62-1.45 1.074-2.042.453-.592.98-1.07 1.578-1.43.598-.363 1.232-.544 1.902-.544.46 0 .848.07 1.163.207.315.137.603.318.867.542l.61-.632zm-1.242 2.39c-.17-.146-.348-.258-.532-.337-.184-.08-.414-.118-.69-.118-.394 0-.76.112-1.094.335-.336.224-.626.513-.87.868-.242.356-.43.754-.56 1.194-.132.442-.198.872-.198 1.293 0 .435.088.79.266 1.067.178.275.483.414.917.414.184 0 .38-.056.59-.167.212-.114.415-.262.613-.446.197-.184.387-.395.57-.63.185-.238.35-.488.494-.75l.493-2.725z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.preferred-doc__paper:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='24' viewBox='0 0 20 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.58 0H6.667L.58 6.562V24h19V0zM6.13 2.76v2.908H3.434L6.13 2.76zM18.11 22.5H2.05V7.167H7.6V1.5h10.51v21zM3.81 11.384h12.447v1.69H3.81v-1.69zm0 3.34h12.447v1.687H3.81v-1.687zm0 3.487h12.447v1.69H3.81v-1.69z' fill='%23939294' fill-rule='evenodd'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  height: 1.5rem;
  width: 1.25rem; }

.preferred-doc__radio:checked + .preferred-doc__paper:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='24' viewBox='0 0 20 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.58 0H6.667L.58 6.562V24h19V0zM6.13 2.76v2.908H3.434L6.13 2.76zM18.11 22.5H2.05V7.167H7.6V1.5h10.51v21zM3.81 11.384h12.447v1.69H3.81v-1.69zm0 3.34h12.447v1.687H3.81v-1.687zm0 3.487h12.447v1.69H3.81v-1.69z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E"); }

/* ------------------------------------------------------ */
/* ==guest document set main customer e-mail              */
/* ------------------------------------------------------ */
.main-customer-email__change {
  text-align: right; }

.main-customer-email {
  height: 2.75em;
  overflow: hidden;
  transition: height 150ms; }
  .main-customer-email-toggle:checked ~ .main-customer-email {
    height: 4.75em; }

.main-customer-email__toggle {
  float: right;
  color: #275966;
  text-decoration: underline; }

.main-customer-email__change-label {
  display: block;
  cursor: pointer; }
  .main-customer-email-toggle:checked ~ .main-customer-email__toggle .main-customer-email__change-label {
    display: none; }

.main-customer-email__cancel-label {
  display: none;
  cursor: pointer; }
  .main-customer-email-toggle:checked ~ .main-customer-email__toggle .main-customer-email__cancel-label {
    display: block; }

.main-customer-email__current {
  padding: 0 0 0.5em;
  position: relative;
  top: 0;
  height: 2.75em;
  transition: top 150ms; }
  .main-customer-email-toggle:checked ~ .main-customer-email .main-customer-email__current {
    top: -2.75em; }

.main-customer-email__change {
  position: relative;
  top: 0;
  transition: top 150ms; }
  .main-customer-email-toggle:checked ~ .main-customer-email .main-customer-email__change {
    top: -2.75em; }

.main-customer-email__field {
  padding: 0.5em;
  width: 100%; }

.main-customer-email__btn {
  margin: 0.5em 0; }

/* ---------------------------------- */
/* ==document list table              */
/* ---------------------------------- */
.document-list {
  max-height: 23em;
  overflow-y: scroll;
  overflow-x: hidden; }

.document-list__listing {
  width: 100%; }

.document-list__cell {
  font-size: 0.875em;
  position: relative; }

.document-list__flag-cell {
  width: 39px;
  text-align: center; }

.document-list__check-cell {
  width: 15px;
  text-align: center; }

.document-list__delete-cell {
  width: 26px;
  text-align: center; }

.document-list__delete-checkbox {
  border: 0;
  margin-left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  z-index: -1; }

.document-list__flag-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='16' viewBox='0 0 14 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.463 1.6c.735-.437 2.182-1.063 3.724-.42 2.107.875 2.857 2.612 6.054.315.275-.197.49-.094.49.244V7.72c0 .338-.186.812-.442 1.033-.556.48-1.573 1.196-2.664 1.163-1.635-.052-3.22-1.79-4.702-1.79-.946 0-1.892.46-2.452.79-.29.172-.51.06-.51-.276V2.556c0-.337.213-.783.503-.956zM1.63 0C1.135 0 .733.402.733.897c0 .127.027.248.075.357.08.185.21.57.21.908V15.39c0 .336.275.61.612.61.337 0 .61-.274.61-.61V2.16c0-.338.13-.723.212-.908.048-.11.075-.23.075-.357 0-.495-.4-.897-.897-.897z' fill='%23d3d2d3' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: inline-block;
  width: 35px;
  height: 16px;
  position: relative; }
  .document-list__flag-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='16' viewBox='0 0 14 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.463 1.6c.735-.437 2.182-1.063 3.724-.42 2.107.875 2.857 2.612 6.054.315.275-.197.49-.094.49.244V7.72c0 .338-.186.812-.442 1.033-.556.48-1.573 1.196-2.664 1.163-1.635-.052-3.22-1.79-4.702-1.79-.946 0-1.892.46-2.452.79-.29.172-.51.06-.51-.276V2.556c0-.337.213-.783.503-.956zM1.63 0C1.135 0 .733.402.733.897c0 .127.027.248.075.357.08.185.21.57.21.908V15.39c0 .336.275.61.612.61.337 0 .61-.274.61-.61V2.16c0-.338.13-.723.212-.908.048-.11.075-.23.075-.357 0-.495-.4-.897-.897-.897z' fill='%23939294' fill-rule='evenodd'/%3E%3C/svg%3E"); }
  .document-list__flag-checkbox:checked + .document-list__flag-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='16' viewBox='0 0 14 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.463 1.6c.735-.437 2.182-1.063 3.724-.42 2.107.875 2.857 2.612 6.054.315.275-.197.49-.094.49.244V7.72c0 .338-.186.812-.442 1.033-.556.48-1.573 1.196-2.664 1.163-1.635-.052-3.22-1.79-4.702-1.79-.946 0-1.892.46-2.452.79-.29.172-.51.06-.51-.276V2.556c0-.337.213-.783.503-.956zM1.63 0C1.135 0 .733.402.733.897c0 .127.027.248.075.357.08.185.21.57.21.908V15.39c0 .336.275.61.612.61.337 0 .61-.274.61-.61V2.16c0-.338.13-.723.212-.908.048-.11.075-.23.075-.357 0-.495-.4-.897-.897-.897z' fill='%23B03032' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.document-list__delete-ribbon,
.document-list__delete-icon {
  background-color: #fff; }

/* ----------------------------- */
/* ==upload area                 */
/* ----------------------------- */
.upload-banner {
  margin: 1.5em auto;
  max-width: 13em;
  position: relative; }

.upload-banner__graphics {
  position: absolute;
  top: 50%;
  left: -50px;
  margin-top: -25px; }

.upload-banner__info {
  font-size: 0.875em;
  font-style: italic;
  margin: 0 0 0.5em; }

.dragover {
  background-color: #F0EEEB; }

.drop-zone {
  border: 2px dashed #D3D1CE;
  border-radius: 10px;
  margin-top: 10px; }

/* ------------------------------------- */
/* ==instructions from voucher           */
/* ------------------------------------- */
.instructions-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em; }

.instructions-list__item {
  border-radius: 3px;
  background: #d3d9e2 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 470 470'%3E%3Cpath d='M360.828 384.34c1.705-1.375 2.798-3.48 2.798-5.84v-341c0-4.143-3.357-7.5-7.5-7.5H139.14c-5.35-17.353-21.535-30-40.62-30-18.778 0-35.21 12.514-40.614 30H33.874c-4.143 0-7.5 3.357-7.5 7.5v425c0 4.143 3.357 7.5 7.5 7.5H272.06c2.426 0 4.528-1.092 5.903-2.794l82.865-82.867zm-81.202 59.988V386h58.327l-58.327 58.328zM98.52 15c10.663 0 19.922 6.105 24.482 15H74.036C78.64 21.052 88.01 15 98.52 15zM41.374 45h84.646v52.5c0 6.893-5.607 12.5-12.5 12.5s-12.5-5.607-12.5-12.5v-30c0-4.143-3.357-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v30c0 15.163 12.337 27.5 27.5 27.5s27.5-12.337 27.5-27.5V45h207.606v326h-76.5c-4.143 0-7.5 3.357-7.5 7.5V455H41.374V45z' fill='%2323416D' fill-rule='evenodd'/%3E%3Cpath d='M296.126 345.5c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H93.874c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h202.252zM93.874 300.5h202.252c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H93.874c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5zM93.874 255.5h202.252c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H93.874c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5zM93.874 210.5h202.252c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H93.874c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5zM93.874 165.5h202.252c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5H93.874c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5zM396.126 30h-10c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h2.5v410h-80.072c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h87.572c4.143 0 7.5-3.357 7.5-7.5v-425c0-4.143-3.357-7.5-7.5-7.5zM436.126 30h-10c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h2.5v410h-2.5c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h10c4.143 0 7.5-3.357 7.5-7.5v-425c0-4.143-3.357-7.5-7.5-7.5z' fill='%2323416D' fill-rule='evenodd'/%3E%3C/svg%3E") 1em 50% no-repeat;
  background-size: 25px 25px;
  color: #23416D;
  margin-bottom: 1em;
  padding: 1em 1em 1em 4em; }

/* ------------------------------------- */
/* ==instructions from voucher           */
/* ------------------------------------- */
.error-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em; }

.error-list__item {
  border-radius: 3px;
  background: #B03032 url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.865 2.638C12.275 1.625 11.18 1 10 1c-1.186 0-2.28.625-2.872 1.638L.444 14.086c-.592 1.014-.592 2.263 0 3.276S2.13 19 3 19h14c1.517 0 3-1.467 3-3.276 0-.678-.21-1.31-.567-1.83L12.865 2.638zm-1.45 12.35c0 .774-.603 1.367-1.415 1.367s-1.415-.593-1.415-1.367v-.033c0-.77.603-1.367 1.415-1.367s1.415.592 1.415 1.367v.034zm.032-9.214l-.7 6.045c-.047.434-.34.706-.747.706-.408 0-.7-.275-.747-.707l-.7-6.05c-.047-.467.21-.82.65-.82h1.59c.44.003.7.356.654.824z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E") 1em 50% no-repeat;
  background-size: 25px 25px;
  color: #FFF;
  margin-bottom: 1em;
  padding: 1em 1em 1em 4em; }

/* ------------------------------------- */
/* ==document set comment histo          */
/* ------------------------------------- */
.comment-history {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1em; }

.comment-history__item {
  margin-bottom: 1em; }

.comment-history__content {
  background-color: #F0EEEB;
  border-radius: 5px;
  margin-bottom: 0.25em;
  padding: 0.75em 1em; }
  .comment-history__item:nth-child(even) .comment-history__content {
    background-color: #f4f3f1; }

.comment-history__metadata {
  font-size: 0.875em; }

/* ------------------------------------- */
/* ==saving and last update status       */
/* ------------------------------------- */
.save-status-container {
  overflow: hidden; }

.save-status {
  float: left;
  font-size: 0.875em;
  font-style: italic; }
  .save-status.-with-error:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 80%;
    background-color: beige;
    background-image: linear-gradient(90deg, #F46565 31%, #FFFFFF 78%, #FFFFFF 100%);
    top: 50%;
    left: -80%;
    transform: translateY(-50%);
    z-index: -1;
    animation: save-status-gradient 2000ms 1;
    animation-fill-mode: both; }
  .save-status.-with-success:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 80%;
    background-color: beige;
    background-image: linear-gradient(90deg, #05ac36 31%, #FFFFFF 78%, #FFFFFF 100%);
    top: 50%;
    left: -80%;
    transform: translateY(-50%);
    z-index: -1;
    animation: save-status-gradient 2000ms 1;
    animation-fill-mode: both; }

@keyframes save-status-gradient {
  0% {
    left: -80%; }
  18% {
    left: 0;
    opacity: 1; }
  100% {
    left: 0;
    opacity: 0; } }

/* ----------------------------- */
/* ==small stylings              */
/* ----------------------------- */
/* used to hide an input but keeping it "active" */
.hidden-input {
  height: 0.1px;
  width: 0.1px;
  overflow: hidden;
  position: absolute;
  visibility: hidden; }

/* --------------------------------------- */
/* ==MMD users list                        */
/* --------------------------------------- */
.users-search {
  margin-bottom: 2em;
  width: 28%; }

.users-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.users-list__add {
  background-color: #fff !important; }

.users-list__cell {
  position: relative;
  height: 3.8125rem; }
  .users-list__cell.-username-width, .users-list__cell.-tropics-user-width {
    width: 20%; }
  .users-list__cell.-admin-type-width, .users-list__cell.-printer-type-width, .users-list__cell.-email-type-width, .users-list__cell.-batch-type-width {
    width: 4rem; }
  .users-list__cell.-schedule-type-width {
    width: 6rem; }
  .users-list__cell.-readonly-type-width {
    width: 6rem; }
  .users-list__cell.-delete-icon-width {
    width: 35px; }
  .users-list__cell.-new-user-cell {
    background-color: #EDE1C9; }

.users-list__text-input {
  border-radius: 3px;
  border: 1px solid #D3D1CE;
  width: 80%;
  padding: 0.5em; }

.users-list__admin-icon {
  color: #275966; }

.users-list__delete {
  margin-top: -15px; }

.striped-table tbody tr:nth-of-type(even) .users-list__delete-icon, .striped-table tbody tr:nth-of-type(even)
.users-list__delete-ribbon {
  background-color: #F0EEEB; }

.striped-table tbody tr:nth-of-type(odd) .users-list__delete-icon, .striped-table tbody tr:nth-of-type(odd)
.users-list__delete-ribbon {
  background-color: #FBF9F4; }

.striped-table tbody tr:nth-of-type(even) .users-list__cell.-new-user-cell .users-list__delete-icon,
.striped-table tbody tr:nth-of-type(odd) .users-list__cell.-new-user-cell .users-list__delete-icon, .striped-table tbody tr:nth-of-type(even) .users-list__cell.-new-user-cell
.users-list__delete-ribbon,
.striped-table tbody tr:nth-of-type(odd) .users-list__cell.-new-user-cell
.users-list__delete-ribbon {
  background-color: #EDE1C9; }

.users-list__delete-icon,
.users-list__delete-container {
  height: 30px; }

/* --------------------------------------- */
/* ==MMD printers list                        */
/* --------------------------------------- */
.printers-search {
  margin-bottom: 2em;
  width: 28%; }

.printers-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.printers-list__add {
  background-color: #fff !important; }

.printers-list__cell {
  position: relative;
  height: 3.8125rem; }
  .printers-list__cell.-column-width {
    width: 11%; }
  .printers-list__cell.-checkbox-width {
    width: 11%; }
  .printers-list__cell.-delete-icon-width {
    width: 35px; }
  .printers-list__cell.-new-record-cell {
    background-color: #EDE1C9; }

.printers-list__text-input {
  border-radius: 3px;
  border: 1px solid #D3D1CE;
  width: 80%;
  padding: 0.5em; }

.printers-list__checked-icon {
  color: #275966; }

.printers-list__delete {
  margin-top: -15px; }

.striped-table tbody tr:nth-of-type(even) .printers-list__delete-icon, .striped-table tbody tr:nth-of-type(even)
.printers-list__delete-ribbon {
  background-color: #F0EEEB; }

.striped-table tbody tr:nth-of-type(odd) .printers-list__delete-icon, .striped-table tbody tr:nth-of-type(odd)
.printers-list__delete-ribbon {
  background-color: #FBF9F4; }

.striped-table tbody tr:nth-of-type(even) .users-list__cell.-new-user-cell .printers-list__delete-icon,
.striped-table tbody tr:nth-of-type(odd) .users-list__cell.-new-user-cell .printers-list__delete-icon, .striped-table tbody tr:nth-of-type(even) .users-list__cell.-new-user-cell
.printers-list__delete-ribbon,
.striped-table tbody tr:nth-of-type(odd) .users-list__cell.-new-user-cell
.printers-list__delete-ribbon {
  background-color: #EDE1C9; }

.printers-list__delete-icon,
.printers-list__delete-container {
  height: 30px; }

/*.printers-header-column-width {
    width: 12%;
}*/
.sellingcompany-column-width {
  width: 11%; }

.printername-column-width {
  width: 11%; }

.type-column-width {
  width: 11%; }

.papertray-column-width {
  width: 11%; }

.papersize-column-width {
  width: 11%; }

.doublesided-check-width {
  width: 11%; }

.scaletofit-check-width {
  width: 11%; }

.printers-header-check-width {
  width: 11%; }

.printers-list__delete-cell {
  text-align: right; }

/* --------------------------------------- */
/* ==MMD emails list                        */
/* --------------------------------------- */
.emails-search {
  margin-bottom: 2em;
  width: 28%; }

.emails-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.emails-list__add {
  background-color: #fff !important; }

.emails-list__cell {
  position: relative;
  height: 3.8125rem;
  word-break: break-all; }
  .emails-list__cell.-sellingcompany-column-width {
    width: 6%; }
  .emails-list__cell.-subjectadditional-column-width, .emails-list__cell.-subjectgenerated-column-width {
    width: 26%; }
  .emails-list__cell.-failureaddress-column-width, .emails-list__cell.-fromaddress-column-width {
    width: 16%; }
  .emails-list__cell.-checkbox-width {
    width: 7rem; }
  .emails-list__cell.-delete-icon-width {
    width: 35px; }
  .emails-list__cell.-new-record-cell {
    background-color: #EDE1C9; }

.emails-list__text-input {
  border-radius: 3px;
  border: 1px solid #D3D1CE;
  width: 90%;
  padding: 0.5em; }

.emails-list__checked-icon {
  color: #275966; }

.emails-list__delete {
  margin-top: -15px; }

.striped-table tbody tr:nth-of-type(even) .emails-list__delete-icon, .striped-table tbody tr:nth-of-type(even)
.emails-list__delete-ribbon {
  background-color: #F0EEEB; }

.striped-table tbody tr:nth-of-type(odd) .emails-list__delete-icon, .striped-table tbody tr:nth-of-type(odd)
.emails-list__delete-ribbon {
  background-color: #FBF9F4; }

.striped-table tbody tr:nth-of-type(even) .emails-list__cell.-new-email-cell .emails-list__delete-icon,
.striped-table tbody tr:nth-of-type(odd) .emails-list__cell.-new-email-cell .emails-list__delete-icon, .striped-table tbody tr:nth-of-type(even) .emails-list__cell.-new-email-cell
.emails-list__delete-ribbon,
.striped-table tbody tr:nth-of-type(odd) .emails-list__cell.-new-email-cell
.emails-list__delete-ribbon {
  background-color: #EDE1C9; }

.emails-list__delete-icon,
.emails-list__delete-container {
  height: 30px; }

/*.emails-header-check-width {
    width: 11%;
}*/
.emails-list__delete-cell {
  text-align: right; }

/* --------------------------------------- */
/* ==MMD schedule list                        */
/* --------------------------------------- */
td.schedule-list__cell {
  padding: 0.1em;
  padding-top: 0.5em; }
  td.schedule-list__cell .schedule-list__delete-icon {
    background-position: unset; }
  td.schedule-list__cell tr:nth-of-type(odd) {
    background-color: transparent; }
    td.schedule-list__cell tr:nth-of-type(odd) div.slide-delete__ribbon.schedule-list__delete-ribbon {
      background-color: transparent; }
    td.schedule-list__cell tr:nth-of-type(odd) label.slide-delete__icon.schedule-list__delete-icon {
      background-color: transparent; }

td.delete-region div.text {
  /*position: relative;
                top: 20px;*/ }

td.delete-region div.slide-delete {
  /*position: relative;
                top: -20px;*/ }

.schedule-search {
  margin-bottom: 2em;
  width: 28%; }

.slide-delete {
  position: unset;
  margin: unset;
  float: right; }
  .slide-delete__confirm {
    background-color: indianred;
    height: 40px;
    width: 175px; }
    .slide-delete__confirm div {
      display: flex;
      justify-content: center; }
      .slide-delete__confirm div input, .slide-delete__confirm div label {
        margin: 9px; }
  .slide-delete__container {
    height: 40px;
    width: 35px;
    position: relative;
    left: 0;
    overflow: hidden;
    transition-property: left, width;
    transition-duration: 150ms, 150ms;
    transition-timing-function: ease-in-out; }
    .hidden-active-element:checked + .slide-delete__container {
      left: -35px;
      width: 225px; }
  .slide-delete__ribbon {
    width: 225px; }

.schedule-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .schedule-list th {
    text-align: center; }
  .schedule-list td.ng-binding {
    text-align: center; }
  .schedule-list__add {
    background-color: #fff !important; }
  .striped-table tbody tr:nth-of-type(even) .schedule-list__delete-icon, .striped-table tbody tr:nth-of-type(even)
  .schedule-list__delete .schedule-list__delete-ribbon {
    background-color: #F0EEEB; }
  .striped-table tbody tr:nth-of-type(odd) .schedule-list__delete-icon, .striped-table tbody tr:nth-of-type(odd)
  .schedule-list__delete .schedule-list__delete-ribbon {
    background-color: #FBF9F4; }
  .striped-table tbody tr:nth-of-type(even) .schedule-list__cell.-new-email-cell .schedule-list__delete-icon,
  .striped-table tbody tr:nth-of-type(odd) .schedule-list__cell.-new-email-cell .schedule-list__delete-icon, .striped-table tbody tr:nth-of-type(even) .schedule-list__cell.-new-email-cell
  .schedule-list__delete .schedule-list__delete-ribbon,
  .striped-table tbody tr:nth-of-type(odd) .schedule-list__cell.-new-email-cell
  .schedule-list__delete .schedule-list__delete-ribbon {
    background-color: #EDE1C9; }
  .schedule-list__delete-icon {
    height: 30px; }
  .schedule-list__cell {
    position: relative;
    word-break: break-word;
    text-align: center; }
    .schedule-list__cell.-region-column-width {
      width: 8%; }
    .schedule-list__cell.-timezone-column-width {
      width: 26%; }
      .schedule-list__cell.-timezone-column-width td.-timezone-column-width {
        width: 100%; }
    .schedule-list__cell.-sellingcompanies-column-width {
      width: 26%; }
    .schedule-list__cell.-scheduletime-column-width {
      width: 26%; }
    .schedule-list__cell.-checkbox-width {
      width: 7rem; }
    .schedule-list__cell.-delete-icon-width {
      width: 35px; }
      .schedule-list__cell.-delete-icon-width div label {
        word-break: normal; }
    .schedule-list__cell.-new-record-cell {
      background-color: #EDE1C9; }
    .schedule-list__cell-div {
      display: inline; }
      .schedule-list__cell-div-edit {
        text-align: center;
        padding-top: 0.25em;
        width: 90%; }
    .schedule-list__cell-td {
      border: none; }
      .schedule-list__cell-td-edit {
        width: 1%; }
  .schedule-list__text-input {
    border-radius: 3px;
    border: 1px solid #D3D1CE;
    width: 90%;
    padding: 0.5em; }
  .schedule-list__checked-icon {
    color: #275966; }

.report-search {
  margin-bottom: 2em;
  width: 28%; }

.report-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .report-list th {
    text-align: center; }
  .report-list td.ng-binding {
    text-align: center; }
  .report-list__cell {
    position: relative;
    word-break: break-word;
    text-align: center; }
    .report-list__cell.-startTime-column-color {
      background-color: #B03032;
      padding: 0.25em 0.5em; }
    .report-list__cell.-entityName-column-width {
      width: 8%; }
    .report-list__cell.-startTime-column-width {
      width: 8%; }
    .report-list__cell.-documentExpected-column-width {
      width: 8%; }
    .report-list__cell.-successCount-column-width {
      width: 8%; }
    .report-list__cell.-failureCount-column-width {
      width: 8%; }
    .report-list__cell.-createdBy-column-width {
      width: 8%; }

/* --------------------------------------- */
/* ==MMD robust list                        */
/* --------------------------------------- */
.robust-search {
  width: 28%; }

.table-list {
  width: 60%;
  margin-right: auto; }

.robustbutton_list {
  background-color: #F0EEEB !important; }

.button-width {
  width: 100%; }

.resendbutton {
  width: 35%; }

.selectedbutton {
  width: 35%;
  margin: 10px; }

.deletebutton {
  width: 30%;
  margin: 10px; }

.robust-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .robust-list th {
    text-align: center; }

.robust-list__cell {
  position: relative;
  word-break: break-word;
  text-align: center; }

.robustid-column-color {
  background-color: #B03032;
  padding: 0.25em 0.5em; }

.sellingCompany-column-width {
  width: 6%; }

.bookingId-column-width {
  width: 6%; }

.datecreated-column-width {
  width: 10%; }

.processorname-column-width {
  width: 12%; }

.robustid-column-width {
  width: 4%; }

.tries-column-width {
  width: 4%; }

.lasttried-column-width {
  width: 8%; }

.lasterror-column-width {
  width: 10%; }

/* --------------------------------------- */
/* ==MMD sellingCompany report list                        */
/* --------------------------------------- */
.documentsetsreport-search {
  width: 40%; }

.documentsetsreportdocument-list {
  table-layout: fixed;
  width: 100%; }

.sellingcompanytable-list {
  width: 100%;
  margin-right: auto; }

.documentsetsreportbutton_list {
  background-color: #F0EEEB !important; }

.button-width {
  width: 100%; }

.documentsetsreportbutton {
  width: 30%; }

.downloadbutton {
  width: 30%;
  margin: 10px; }

.deletebutton {
  width: 30%;
  margin: 10px; }

.document-sets-report-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .document-sets-report-list th {
    text-align: center; }

.documentsetsreport-list__cell {
  position: relative;
  word-break: break-word;
  text-align: center; }

.robustid-column-color {
  background-color: #B03032;
  padding: 0.25em 0.5em; }

.sellingCompanyreport-column-width {
  width: 8%; }

.bookingIdreport-column-width {
  width: 8%; }

.bookingtypereport-column-width {
  width: 10%; }

.startdatereport-column-width {
  width: 12%; }

.clientcountreport-column-width {
  width: 4%; }

.distribution-mode-report-column-width {
  width: 4%; }

.approved-on-report-column-width {
  width: 8%; }

.approved-by-report-column-width {
  width: 20%; }

.documentsetsreport__region {
  display: inline-block;
  vertical-align: middle; }

.downloadexcel_button {
  width: 150px;
  margin: auto; }

.search_button {
  width: 125px;
  margin: auto; }

/* --------------------------------------- */
/* ==MMD SalesForce list                        */
/* --------------------------------------- */
.salesForce-search {
  margin-bottom: 1em;
  width: 28%; }

.left-padding {
  width: 22%; }

.bookingId-text {
  height: 3.55em;
  word-break: break-word;
  width: 100%; }

.table-list {
  width: 50%;
  margin-right: auto; }

.salesForcebutton_list {
  background-color: #F0EEEB !important; }

.button-width {
  width: 100%; }

.resendbutton {
  width: 35%;
  margin: 10px; }

.selectedbutton {
  width: 35%;
  margin: 10px; }

.deletebutton {
  width: 30%;
  margin: 10px; }

.salesForce-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .salesForce-list th {
    text-align: center; }

.salesForce-list__cell {
  position: relative;
  word-break: break-word;
  text-align: center; }

.salesForce-column-color {
  background-color: #B03032;
  padding: 0.25em 0.5em; }

.bookingId-column-width {
  width: 6%; }

.lasterror-column-width {
  width: 10%; }

/* ------------------------------------ */
/* ==generate document set modal        */
/* ------------------------------------ */
.generate-doc-set-wrapper {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transition-property: height, width, opacity;
  transition-duration: 0s, 0s, 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 500ms, 500ms, 0s; }
  .generate-doc-set-wrapper.-show {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s,0s,0s; }

.generate-doc-set {
  border: 1px solid #D3D1CE;
  background-color: #fff;
  width: 640px;
  height: 290px;
  display: inline-block;
  pointer-events: auto;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.generate-doc-set__view {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  transition: top 300ms;
  transition-timing-function: ease-in-out; }

.generate-doc-set__view-content {
  display: table-cell;
  vertical-align: middle;
  position: relative; }

.generate-doc-set__form {
  padding: 0.5em 1em;
  top: 0;
  text-align: center; }
  .generate-doc-toggle-view:checked ~ .generate-doc-set__form {
    top: -100%; }

.generate-doc-set__messages {
  padding: 0.5em 3em;
  top: 100%; }
  .generate-doc-toggle-view:checked ~ .generate-doc-set__messages {
    top: 0; }

.generate-doc-set__close {
  position: absolute;
  font-size: 0.875em;
  bottom: 1em;
  right: 1em;
  z-index: 10; }

.generate-doc-set__booking-id,
.generate-doc-set__selling-company,
.generate-doc-set__main-cta {
  display: inline-block;
  vertical-align: middle; }

.generate-doc-set__selling-company {
  width: 6em;
  margin-right: 0.25em;
  text-align: left; }

.generate-doc-set__booking-id {
  width: 8em;
  margin-right: 0.25em; }

.generate-doc-set__main-cta {
  margin-top: 1.5em; }

/* ------------------------------------ */
/* ==selling company generation modal        */
/* ------------------------------------ */
.selling-company-generation-wrapper {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transition-property: height, width, opacity;
  transition-duration: 0s, 0s, 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 500ms, 500ms, 0s; }
  .selling-company-generation-wrapper.-show {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s,0s,0s; }

.selling-company-generation {
  border: 1px solid #D3D1CE;
  background-color: #fff;
  width: 640px;
  height: 290px;
  display: inline-block;
  pointer-events: auto;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.selling-company-generation__view {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  transition: top 300ms;
  transition-timing-function: ease-in-out; }

.selling-company-generation__view-content {
  display: table-cell;
  vertical-align: middle;
  position: relative; }

.selling-company-generation__form {
  padding: 0.5em 1em;
  top: 0;
  text-align: center; }
  .generate-doc-toggle-view:checked ~ .selling-company-generation__form {
    top: -100%; }

.selling-company-generation__messages {
  padding: 0.5em 3em;
  top: 100%; }
  .generate-doc-toggle-view:checked ~ .selling-company-generation__messages {
    top: 0; }

.selling-company-generation__close {
  position: absolute;
  font-size: 0.875em;
  bottom: 1em;
  right: 1em;
  z-index: 10; }

.selling-company-generation__region,
.selling-company-generation__main-cta {
  display: inline-block;
  vertical-align: middle; }

.selling-company-generation__region {
  width: 9em;
  margin-right: 0.25em;
  text-align: left; }

.selling-company-generation__main-cta {
  margin-top: 1.5em; }

/* ------------------------------------ */
/* ==generate document set modal        */
/* ------------------------------------ */
.generate-doc-set-wrapper {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transition-property: height, width, opacity;
  transition-duration: 0s, 0s, 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 500ms, 500ms, 0s; }
  .generate-doc-set-wrapper.-show {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s,0s,0s; }

.generate-doc-set {
  border: 1px solid #D3D1CE;
  background-color: #fff;
  width: 640px;
  height: 290px;
  display: inline-block;
  pointer-events: auto;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.generate-doc-set__view {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  transition: top 300ms;
  transition-timing-function: ease-in-out; }

.generate-doc-set__view-content {
  display: table-cell;
  vertical-align: middle;
  position: relative; }

.generate-doc-set__form {
  padding: 0.5em 1em;
  top: 0;
  text-align: center; }
  .generate-doc-toggle-view:checked ~ .generate-doc-set__form {
    top: -100%; }

.generate-doc-set__messages {
  padding: 0.5em 3em;
  top: 100%; }
  .generate-doc-toggle-view:checked ~ .generate-doc-set__messages {
    top: 0; }

.generate-doc-set__close {
  position: absolute;
  font-size: 0.875em;
  bottom: 1em;
  right: 1em;
  z-index: 10; }

.generate-doc-set__booking-id,
.generate-doc-set__selling-company,
.generate-doc-set__main-cta {
  display: inline-block;
  vertical-align: middle; }

.generate-doc-set__selling-company {
  width: 6em;
  margin-right: 0.25em;
  text-align: left; }

.generate-doc-set__booking-id {
  width: 8em;
  margin-right: 0.25em; }

.generate-doc-set__main-cta {
  margin-top: 1.5em; }

/* ------------------------------------ */
/* ==batch generation modal        */
/* ------------------------------------ */
.batch-generation-wrapper {
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  transition-property: height, width, opacity;
  transition-duration: 0s, 0s, 500ms;
  transition-timing-function: ease-in-out;
  transition-delay: 500ms, 500ms, 0s; }
  .batch-generation-wrapper.-show {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-delay: 0s,0s,0s; }

.batch-generation {
  border: 1px solid #D3D1CE;
  background-color: #fff;
  width: 640px;
  height: 290px;
  display: inline-block;
  pointer-events: auto;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  position: relative; }

.batch-generation__view {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table;
  transition: top 300ms;
  transition-timing-function: ease-in-out; }

.batch-generation__view-content {
  display: table-cell;
  vertical-align: middle;
  position: relative; }

.batch-generation__form {
  padding: 0.5em 1em;
  top: 0;
  text-align: center; }
  .generate-doc-toggle-view:checked ~ .batch-generation__form {
    top: -100%; }

.batch-generation__messages {
  padding: 0.5em 3em;
  top: 100%; }
  .generate-doc-toggle-view:checked ~ .batch-generation__messages {
    top: 0; }

.batch-generation__close {
  position: absolute;
  font-size: 0.875em;
  bottom: 1em;
  right: 1em;
  z-index: 10; }

.batch-generation__region,
.batch-generation__main-cta {
  display: inline-block;
  vertical-align: middle; }

.batch-generation__region {
  width: 9em;
  margin-right: 0.25em;
  text-align: left; }

.batch-generation__main-cta {
  margin-top: 1.5em; }

/* --------------------------------------- */
/* ==work in progress CSS                  */
/* --------------------------------------- */
/* --------------------------------------- */
/* ==not for production                    */
/* --------------------------------------- */
.doc-set-tile__header.-closed + .doc-set-tile__content .preferred-doc-section,
.doc-set-tile__header.-closed + .doc-set-tile__content .doc-set-tile__send-doc,
.doc-set-tile__header.-closed + .doc-set-tile__content .doc-set-tile__download,
.doc-set-tile__header.-closed + .doc-set-tile__content .upload-banner,
.doc-set-tile__header.-closed + .doc-set-tile__content .main-customer-email__toggle,
.doc-set-tile__header.-closed + .doc-set-tile__content .doc-set-tile__reject-btn,
.doc-set-tile__header.-closed + .doc-set-tile__content .doc-set-tile__approve-btn {
  display: none; }

.doc-set-tile__header.-approved + .doc-set-tile__content .upload-banner,
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__reject-causes,
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__reject-btn,
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__approve-btn,
.doc-set-tile__header.-approved + .doc-set-tile__content .document-list__flag-cell,
.doc-set-tile__header.-approved + .doc-set-tile__content .document-list__delete-cell,
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__generated-docs .document-list__listing > tbody td:nth-child(1),
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__generated-docs .document-list__listing > tbody td:nth-child(3),
.doc-set-tile__header.-approved + .doc-set-tile__content .doc-set-tile__uploaded-docs .document-list__listing > tbody td:nth-child(2) {
  display: none; }

.doc-set-tile__header.-rejected + .doc-set-tile__content .preferred-doc-section,
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__send-doc,
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__download,
.doc-set-tile__header.-rejected + .doc-set-tile__content .upload-banner,
.doc-set-tile__header.-rejected + .doc-set-tile__content .main-customer-email__toggle,
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__reject-btn,
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__approve-btn,
.doc-set-tile__header.-rejected + .doc-set-tile__content .document-list__delete-cell,
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__generated-docs .document-list__listing > tbody td:nth-child(3),
.doc-set-tile__header.-rejected + .doc-set-tile__content .doc-set-tile__uploaded-docs .document-list__listing > tbody td:nth-child(2) {
  display: none; }

.doc-set-tile__header.-failed + .doc-set-tile__content .preferred-doc-section,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__send-doc,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__download,
.doc-set-tile__header.-failed + .doc-set-tile__content .upload-banner,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__reject-causes,
.doc-set-tile__header.-failed + .doc-set-tile__content .main-customer-email__toggle,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__reject-btn,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__approve-btn,
.doc-set-tile__header.-failed + .doc-set-tile__content .document-list__delete-cell,
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__generated-docs .document-list__listing > tbody td:nth-child(3),
.doc-set-tile__header.-failed + .doc-set-tile__content .doc-set-tile__uploaded-docs .document-list__listing > tbody td:nth-child(2) {
  display: none; }

.doc-set-tile__header.-default + .doc-set-tile__content .doc-set-tile__send-doc {
  display: none; }

/* ----------------------------- */
/* ==utility                     */
/* ----------------------------- */
.u-row {
  display: table;
  table-layout: fixed;
  width: 100%; }

.u-row > * {
  display: table-cell;
  vertical-align: middle; }

.u-inbl {
  display: inline-block; }
  .u-inbl.-middle {
    vertical-align: middle; }

.u-not-visible {
  visibility: hidden; }

.u-fl-right {
  float: right; }

.u-fl-left {
  float: left; }

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

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

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

.u-breakable-line {
  word-break: break-all; }

.u-text-smaller {
  font-size: 0.75rem; }

.u-text-small {
  font-size: 0.875rem; }

.u-text-default {
  font-size: 1rem; }

.u-text-big {
  font-size: 1.125em; }

/*** margins ***/
.u-margin-left-none {
  margin-left: 0; }

.u-margin-left-small {
  margin-left: 0.5em; }

.u-margin-left-medium {
  margin-left: 1em; }

.u-margin-left-large {
  margin-left: 1.5em; }

.u-margin-bottom-none {
  margin-bottom: 0; }

.u-margin-bottom-small {
  margin-bottom: 0.5em; }

.u-margin-bottom-medium {
  margin-bottom: 1em; }

.u-margin-bottom-large {
  margin-bottom: 1.5em; }

.u-margin-top-none {
  margin-top: 0; }

.u-margin-top-extra-small {
  margin-top: 0.25em; }

.u-margin-top-small {
  margin-top: 0.5em; }

.u-margin-top-medium {
  margin-top: 1em; }

.u-margin-top-large {
  margin-top: 1.5em; }

.u-margin-top-x-large {
  margin-top: 4.5em; }

/*** padding ***/
.u-padding-left-none {
  padding-left: 0; }

.u-padding-left-small {
  padding-left: 0.5em; }

.u-padding-left-medium {
  padding-left: 1em; }

.u-padding-left-large {
  padding-left: 1.5em; }

.centered-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }