@charset "UTF-8";
.webapp {
  /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
  /**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
  /* Document
   ========================================================================== */
  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers (opinionated).
 */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  /* Grouping content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
  /**
 * Add the correct margin in IE 8.
 */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* Text-level semantics
   ========================================================================== */
  /**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
  /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
  /**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /**
 * Add the correct font style in Android 4.3-.
 */
  /**
 * Add the correct background and color in IE 9-.
 */
  /**
 * Add the correct font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* Embedded content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Add the correct display in iOS 4-7.
 */
  /**
 * Remove the border on images inside links in IE 10-.
 */
  /**
 * Hide the overflow in IE.
 */
  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  /**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
  /**
 * Remove the inner border and padding in Firefox.
 */
  /**
 * Restore the focus styles unset by the previous rule.
 */
  /**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  /**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /**
 * Remove the default vertical scrollbar in IE.
 */
  /**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
  /*
 * Add the correct display in all browsers.
 */
  /* Scripting
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Add the correct display in IE.
 */
  /* Hidden
   ========================================================================== */
  /**
 * Add the correct display in IE 10-.
 */ }

@font-face {
  .webapp {
    font-display: swap;
    font-family: 'InterV';
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/Inter-Regular.woff2?v=3.15") format("woff2"), url("/assets/fonts/Inter-Regular.woff?v=3.15") format("woff"); } }

@font-face {
  .webapp {
    font-display: swap;
    font-family: 'InterV';
    font-style: normal;
    font-weight: 400;
    src: url("/assets/fonts/Inter-Regular.woff2?v=3.15") format("woff2"), url("/assets/fonts/Inter-Regular.woff?v=3.15") format("woff"); } }

@font-face {
  .webapp {
    font-display: swap;
    font-family: 'InterV_Medium';
    font-style: normal;
    font-weight: 500;
    src: url("/assets/fonts/Inter-Medium.woff2?v=3.15") format("woff2"), url("/assets/fonts/Inter-Medium.woff?v=3.15") format("woff"); } }

@font-face {
  .webapp {
    font-display: swap;
    font-family: 'InterV_Semi-Bold';
    font-style: normal;
    font-weight: 600;
    src: url("/assets/fonts/Inter-SemiBold.woff2?v=3.15") format("woff2"), url("/assets/fonts/Inter-SemiBold.woff?v=3.15") format("woff"); } }

@font-face {
  .webapp {
    font-display: swap;
    font-family: 'InterV_Bold';
    font-style: normal;
    font-weight: 700;
    src: url("/assets/fonts/Inter-Bold.woff2?v=3.15") format("woff2"), url("/assets/fonts/Inter-Bold.woff?v=3.15") format("woff"); } }
  .webapp html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */ }
  .webapp body {
    margin: 0; }
  .webapp article,
  .webapp aside,
  .webapp footer,
  .webapp header,
  .webapp nav,
  .webapp section {
    display: block; }
  .webapp h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  .webapp figcaption,
  .webapp figure,
  .webapp main {
    /* 1 */
    display: block; }
  .webapp figure {
    margin: 1em 40px; }
  .webapp hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }
  .webapp pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  .webapp a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }
  .webapp a:active,
  .webapp a:hover {
    outline-width: 0; }
  .webapp abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */ }
  .webapp b,
  .webapp strong {
    font-weight: inherit; }
  .webapp b,
  .webapp strong {
    font-weight: bolder; }
  .webapp code,
  .webapp kbd,
  .webapp samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  .webapp dfn {
    font-style: italic; }
  .webapp mark {
    background-color: #ff0;
    color: #000; }
  .webapp small {
    font-size: 80%; }
  .webapp sub,
  .webapp sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  .webapp sub {
    bottom: -0.25em; }
  .webapp sup {
    top: -0.5em; }
  .webapp audio,
  .webapp video {
    display: inline-block; }
  .webapp audio:not([controls]) {
    display: none;
    height: 0; }
  .webapp img {
    border-style: none; }
  .webapp svg:not(:root) {
    overflow: hidden; }
  .webapp button,
  .webapp input,
  .webapp optgroup,
  .webapp select,
  .webapp textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }
  .webapp button,
  .webapp input {
    /* 1 */
    overflow: visible; }
  .webapp button,
  .webapp select {
    /* 1 */
    text-transform: none; }
  .webapp button,
  .webapp html [type="button"],
  .webapp [type="reset"],
  .webapp [type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }
  .webapp button::-moz-focus-inner,
  .webapp [type="button"]::-moz-focus-inner,
  .webapp [type="reset"]::-moz-focus-inner,
  .webapp [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  .webapp button:-moz-focusring,
  .webapp [type="button"]:-moz-focusring,
  .webapp [type="reset"]:-moz-focusring,
  .webapp [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  .webapp fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  .webapp legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }
  .webapp progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }
  .webapp textarea {
    overflow: auto; }
  .webapp [type="checkbox"],
  .webapp [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  .webapp [type="number"]::-webkit-inner-spin-button,
  .webapp [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .webapp [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }
  .webapp [type="search"]::-webkit-search-cancel-button,
  .webapp [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .webapp ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }
  .webapp details,
  .webapp menu {
    display: block; }
  .webapp summary {
    display: list-item; }
  .webapp canvas {
    display: inline-block; }
  .webapp template {
    display: none; }
  .webapp [hidden] {
    display: none; }
  .webapp html {
    cursor: default;
    user-select: none; }
  .webapp html,
  .webapp body {
    height: 100%; }
  .webapp *,
  .webapp *::before,
  .webapp *::after {
    box-sizing: border-box; }
  .webapp body {
    font-family: 'InterV', sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #3e3f3f;
    background: #fff; }
  .webapp h1,
  .webapp h2,
  .webapp h3,
  .webapp h4,
  .webapp h5,
  .webapp h6 {
    font-weight: 500;
    margin: 0;
    color: #252526; }
  .webapp h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c5cbcf; }
  .webapp h2 {
    font-size: 20px;
    line-height: 32px; }
  .webapp h3 {
    font-size: 16px;
    line-height: 24px; }
  .webapp p {
    margin: 0;
    line-height: 20px; }
    .webapp p strong {
      color: #3e3f3f; }
  .webapp strong {
    font-weight: 500;
    color: #252526; }
  .webapp em {
    font-weight: 500;
    color: inherit;
    font-style: normal; }
  .webapp a {
    text-decoration: none;
    color: inherit; }
    .webapp a:hover {
      color: #004AB3; }
  .webapp svg:not(:root) {
    overflow: visible; }
  .webapp small {
    font-size: 12px; }
  @media only screen and (max-width: 940px) {
    .webapp h1 {
      font-size: 20px;
      line-height: 32px;
      margin-bottom: 24px;
      padding-bottom: 8px; }
    .webapp h2 {
      font-size: 16px;
      line-height: 24px; } }
  .webapp ul,
  .webapp ol {
    margin: 0;
    padding: 0;
    list-style: none; }
  .webapp dl,
  .webapp dt,
  .webapp dd {
    margin: 0; }
  .webapp dt {
    font-weight: 500;
    display: inline; }
    .webapp dt::before {
      display: block;
      content: ''; }
  .webapp dd {
    display: inline; }
  .webapp .list--has-checks li {
    margin-bottom: 16px; }
    .webapp .list--has-checks li:before {
      float: left;
      content: "";
      margin-left: -20px;
      margin-top: 4px; }
    .webapp .list--has-checks li:last-child {
      margin-bottom: 0; }
  .webapp button,
  .webapp input,
  .webapp textarea {
    font: inherit;
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    appearance: none; }
  .webapp button {
    cursor: pointer;
    color: inherit;
    background: transparent; }
  .webapp input,
  .webapp textarea {
    line-height: 1;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    color: #3e3f3f;
    border: 1px solid #d3d7d9;
    border-radius: 3px; }
    .webapp input::placeholder,
    .webapp textarea::placeholder {
      opacity: 1;
      color: #adb1b3; }
    .webapp input:hover,
    .webapp textarea:hover {
      border-color: #c0c6c8; }
    .webapp input:focus,
    .webapp textarea:focus {
      border-color: #0069FF; }
    .webapp input:disabled,
    .webapp textarea:disabled {
      cursor: not-allowed;
      background: #fafcfd; }
    .webapp input[readonly],
    .webapp textarea[readonly] {
      padding-left: 0;
      border: 0; }
  .webapp input {
    height: 40px; }
    .webapp input[type='file'] {
      display: none; }
  .webapp textarea {
    line-height: 1.3;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical; }
  .webapp label {
    cursor: pointer; }
  .webapp fieldset {
    min-width: 0;
    margin: 0;
    padding: 0; }
  .webapp table {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    border-spacing: 0;
    text-align: left;
    border-collapse: collapse;
    background: #fff; }
  .webapp thead {
    background: #f2f4f7; }
  .webapp tr {
    height: 48px;
    box-shadow: 0 -1px 0 0 #e9ecf0; }
    .webapp tr.no-results {
      cursor: default !important;
      text-align: center;
      background: #fafeff; }
    .webapp tr:hover .table-cell__menu-list {
      visibility: visible;
      transition-delay: 0s;
      /* react immediately on hover */
      opacity: 1; }
    .webapp tr.pending-transactions {
      background: #fafeff; }
    .webapp tr.match-transaction {
      background: #fff7f6; }
  .webapp th {
    font-weight: 500;
    padding: 0 0 0 20px;
    color: #53647c; }
  .webapp td {
    padding: 0 0 0 20px; }
    .webapp td > [data-decimal]::after {
      content: attr(data-decimal);
      color: #949899; }
    .webapp td.add-pad-r {
      padding-right: 20px; }
  .webapp .td--no-left-padding {
    padding-left: 0; }
  .webapp .alert {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 4px;
    line-height: 24px; }
    .webapp .alert .text--link, .webapp .alert .header-guest__account a, .webapp .header-guest__account .alert a, .webapp .alert .tooltip--inform a, .webapp .tooltip--inform .alert a, .webapp.guest__message-box .alert a {
      color: inherit;
      font-weight: 500; }
      .webapp .alert .text--link:hover, .webapp .alert .header-guest__account a:hover, .webapp .header-guest__account .alert a:hover, .webapp .alert .tooltip--inform a:hover, .webapp .tooltip--inform .alert a:hover, .webapp.guest__message-box .alert a:hover {
        border-bottom: solid 1px;
        color: inherit; }
    .webapp .alert em {
      font-weight: 500;
      font-style: normal; }
    .webapp .alert > svg {
      margin-right: 5px; }
    .webapp .alert p + p, .webapp .alert span:not(:first-child) p {
      margin-top: 8px; }
    .webapp .alert .btn-group {
      margin-bottom: 0; }
    .webapp .alert__btn {
      background: white;
      color: inherit; }
    .webapp .alert .label {
      color: inherit; }
    .webapp .alert--small {
      margin: 8px 0 0 0;
      padding: 10px;
      border-radius: 3px;
      line-height: 20px;
      font-size: 13px; }
    .webapp .alert h2, .webapp .alert h3 {
      margin-bottom: 8px; }
    .webapp .alert--success {
      color: #2e7339;
      background: #f5fff7;
      box-shadow: inset 0 0 0 1px #ACE6B5; }
      .webapp .alert--success h2, .webapp .alert--success h3 {
        color: #2e7339; }
      .webapp .alert--success .label {
        background: #e6ffeb;
        box-shadow: inset 0 0 0 1px #ACE6B5; }
      .webapp .alert--success .alert__btn {
        border-color: #66CC77;
        color: #1f4f27; }
        .webapp .alert--success .alert__btn:hover {
          border-color: #39ac4d; }
      .webapp .alert--success .text--link, .webapp .alert--success .header-guest__account a, .webapp .header-guest__account .alert--success a, .webapp .alert--success .tooltip--inform a, .webapp .tooltip--inform .alert--success a, .webapp.guest__message-box .alert--success a {
        color: #245a2c;
        border-bottom: solid 1px #73c780; }
    .webapp .alert--error {
      color: #bf4f39;
      background: #fff9f8;
      box-shadow: inset 0 0 0 1px #ffd5cc; }
      .webapp .alert--error h2, .webapp .alert--error h3 {
        color: #bf4f39; }
      .webapp .alert--error .label {
        background: #ffece9;
        box-shadow: inset 0 0 0 1px #ffd5cc; }
      .webapp .alert--error .alert__btn {
        border-color: #CC7966;
        color: #983f2d; }
        .webapp .alert--error .alert__btn:hover {
          border-color: #ac4f39; }
      .webapp .alert--error .text--link, .webapp .alert--error .header-guest__account a, .webapp .header-guest__account .alert--error a, .webapp .alert--error .tooltip--inform a, .webapp .tooltip--inform .alert--error a, .webapp.guest__message-box .alert--error a {
        color: #a44431;
        border-bottom: solid 1px #e6b5ab; }
    .webapp .alert--warning {
      color: #735c2e;
      background: #fffef5;
      box-shadow: inset 0 0 0 1px #F0D8A8; }
      .webapp .alert--warning h2, .webapp .alert--warning h3 {
        color: #735c2e; }
      .webapp .alert--warning .label {
        background: #fffce6;
        box-shadow: inset 0 0 0 1px #F0D8A8; }
      .webapp .alert--warning .alert__btn {
        border-color: #CCAA66;
        color: #4f3f1f; }
        .webapp .alert--warning .alert__btn:hover {
          border-color: #ac8639; }
      .webapp .alert--warning .text--link, .webapp .alert--warning .header-guest__account a, .webapp .header-guest__account .alert--warning a, .webapp .alert--warning .tooltip--inform a, .webapp .tooltip--inform .alert--warning a, .webapp.guest__message-box .alert--warning a {
        color: #5a4824;
        border-bottom: solid 1px #c7ab73; }
    .webapp .alert--info {
      color: #2e5c73;
      background: #f3fbff;
      box-shadow: inset 0 0 0 1px #a1cfe6; }
      .webapp .alert--info h2, .webapp .alert--info h3 {
        color: #2e5c73; }
      .webapp .alert--info .label {
        background: #e4f6ff;
        box-shadow: inset 0 0 0 1px #a1cfe6; }
      .webapp .alert--info .alert__btn {
        border-color: #66AACC;
        color: #1f3f4f; }
        .webapp .alert--info .alert__btn:hover {
          border-color: #3986ac; }
      .webapp .alert--info .text--link, .webapp .alert--info .header-guest__account a, .webapp .header-guest__account .alert--info a, .webapp .alert--info .tooltip--inform a, .webapp .tooltip--inform .alert--info a, .webapp.guest__message-box .alert--info a {
        color: #24485a;
        border-bottom: solid 1px #73abc7; }
    .webapp .alert--highlight {
      color: #ffffff;
      line-height: 20px;
      background: #0069FF;
      box-shadow: inset 0 0 0 1px #005fe6; }
      .webapp .alert--highlight a {
        text-decoration: underline; }
        .webapp .alert--highlight a:hover {
          color: white; }
  .webapp .alert--fixed {
    position: fixed;
    z-index: 99999;
    top: 16px;
    right: 0;
    left: 0;
    width: 320px;
    margin: 0 auto;
    transition: opacity 300ms linear;
    text-align: center;
    opacity: 0; }
    .webapp .alert--fixed.visible {
      opacity: 0.9; }
  .webapp .error {
    margin-top: 8px;
    color: #e64c2e;
    font-size: 13px;
    line-height: 20px; }
  .webapp .btn, .webapp .upload {
    line-height: 38px;
    display: inline-block;
    height: 40px;
    padding-right: 15px;
    padding-left: 15px;
    transition: all .2s ease;
    border: 1px solid;
    border-radius: 3px; }
    .webapp .btn > svg, .webapp .upload > svg {
      fill: #949899; }
      .webapp .btn > svg.icon-more, .webapp .upload > svg.icon-more {
        margin-left: 3px; }
    .webapp .btn--dropdown + .dropdown__menu {
      left: 0;
      top: 45px; }
      .webapp .btn--dropdown + .dropdown__menu--align-right {
        right: 0;
        left: auto; }
    .webapp .btn--default, .webapp .btn--white, .webapp .upload {
      color: #3e3f3f;
      border-color: #d3d7d9;
      background: #fafcfd; }
      .webapp .btn--default:hover, .webapp .btn--white:hover, .webapp .upload:hover {
        color: #313232;
        border-color: #b8bec1; }
    .webapp .btn--standard {
      color: #394658;
      border-color: #c0ccdd;
      background: #f7f8fa;
      border-radius: 4px; }
      .webapp .btn--standard:hover {
        color: #2f3a49;
        border-color: #899cb7; }
    .webapp .btn--white {
      background: #fff; }
    .webapp .btn--primary {
      color: #fff;
      border: 2px solid transparent;
      background: #0069ff;
      border-radius: 4px;
      outline: none; }
      .webapp .btn--primary > svg {
        margin-right: 3px;
        fill: #fff; }
        .webapp .btn--primary > svg.icon-arrow--small {
          margin: 0 0 2px 5px; }
      .webapp .btn--primary:hover {
        background: #0060e4;
        color: #fff; }
      .webapp .btn--primary:focus {
        border: 2px solid #004bb3; }
    .webapp .btn--secondary {
      color: #fff;
      border-color: #0069FF;
      background: #0069FF; }
      .webapp .btn--secondary > svg {
        margin-right: 3px;
        fill: currentColor; }
      .webapp .btn--secondary:hover {
        border-color: #0063f0;
        background: #0063f0;
        color: #fff; }
    .webapp .btn--danger {
      color: #e64c2e;
      border-color: #e64c2e;
      background: #fff; }
      .webapp .btn--danger:hover {
        color: #e44020;
        border-color: #e44020; }
      .webapp .btn--danger > svg {
        fill: currentColor; }
    .webapp .btn[disabled], .webapp [disabled].upload {
      cursor: not-allowed;
      color: #adb1b3;
      border-color: #e1e4e6;
      background: #f3f6f8; }
      .webapp .btn[disabled] > svg, .webapp [disabled].upload > svg {
        fill: #adb1b3; }
    .webapp .btn--small {
      font-size: 12px;
      line-height: 16px;
      height: 32px;
      padding: 4px 8px; }
  .webapp .btn--disabled, .webapp .btn--disabled:hover {
    cursor: not-allowed;
    color: #adb1b3;
    border-color: #e1e4e6;
    background: #f3f6f8; }
  .webapp .btn-link {
    display: inline-block;
    background: transparent;
    border: transparent;
    padding: 0;
    color: #0069FF;
    line-height: 40px; }
    .webapp .btn-link > svg {
      fill: #0069FF; }
    .webapp .btn-link--danger > svg {
      fill: #e64c2e; }
    .webapp .btn-link-inline {
      line-height: inherit; }
  .webapp .btn-plus {
    display: inline-block;
    color: #0069FF;
    background: transparent; }
    .webapp .btn-plus:hover {
      color: #1386bf; }
    .webapp .btn-plus--disabled {
      cursor: not-allowed;
      opacity: .5; }
  .webapp .btn-remove {
    display: inline-block;
    color: #e64c2e;
    background: transparent; }
  .webapp .btn-back {
    font-size: 14px;
    font-weight: 400;
    color: #0069FF; }
    .webapp .btn-back:hover {
      color: #1386bf; }
    .webapp .btn-back > svg {
      margin-right: 2px;
      vertical-align: middle; }
  .webapp .btn-collapse {
    font-size: 13px;
    font-weight: 400;
    color: #949899; }
    .webapp .btn-collapse > span::before {
      content: attr(data-default); }
    .webapp .btn-collapse > svg {
      margin-left: 3px;
      transition: transform .2s ease;
      transform: rotate(180deg);
      vertical-align: middle; }
    .webapp .btn-collapse.collapsed > span::before {
      content: attr(data-collapsed); }
    .webapp .btn-collapse.collapsed > svg {
      transform: rotate(0deg); }
  .webapp .btn-group {
    margin-bottom: 16px; }
    .webapp .btn-group .btn:not(:last-child), .webapp .btn-group .upload:not(:last-child) {
      margin-right: 10px; }
    .webapp .btn-group .dropdown {
      display: inline-block; }
  .webapp [class^='icon-'],
  .webapp [class*='icon-'] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    fill: currentColor; }
    .webapp [class^='icon-'].inverted,
    .webapp [class*='icon-'].inverted {
      transform: rotate(180deg); }
  .webapp .icon-arrow {
    width: 12px;
    height: 7px;
    vertical-align: middle; }
    .webapp .icon-arrow--right {
      transform: rotate(-90deg); }
    .webapp .icon-arrow--left {
      transform: rotate(90deg); }
  .webapp .icon-arrow--small {
    width: 8px;
    height: 5px;
    vertical-align: middle; }
  .webapp .icon-check {
    width: 8px;
    height: 6px;
    vertical-align: middle; }
  .webapp .icon-plus {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    margin-top: -2px; }
  .webapp .icon-close--small {
    width: 10px;
    height: 10px;
    vertical-align: middle; }
  .webapp .icon-close {
    width: 12px;
    height: 12px;
    vertical-align: middle; }
  .webapp .icon-sort {
    width: 8px;
    height: 12px;
    margin-left: 4px;
    vertical-align: middle;
    transition: transform .2s ease;
    cursor: pointer; }
  .webapp .icon-triangle {
    width: 10px;
    height: 6px; }
  .webapp .icon-arrow-point {
    width: 80px;
    height: 72px; }
  .webapp .icon-mr-3 {
    margin-right: 5px; }
  .webapp .icon-ml-3 {
    margin-left: 5px; }
  .webapp .icon-warning {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px; }
  .webapp .icon-stop {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px; }
  .webapp .icon-rotate {
    width: 16px;
    height: 16px;
    vertical-align: middle; }
  .webapp .icon-user {
    width: 40px;
    height: 40px;
    vertical-align: middle; }
  .webapp .icon-caret-down {
    width: 8px;
    height: 5px;
    vertical-align: middle; }
  .webapp .icon--medium {
    width: 20px;
    height: 20px; }
  .webapp .icon-bell {
    width: 16px;
    height: 20px; }
  .webapp .label {
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    display: inline-block;
    padding: 4px 8px;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: .3px;
    font-family: 'InterV_Semi-Bold', sans-serif;
    white-space: nowrap; }
    .webapp .label--approved {
      color: #1F6666;
      background: #DCFAFA; }
    .webapp .label--completed {
      color: #525F66;
      background: #EAEEF0; }
    .webapp .label--pending, .webapp .label--info {
      color: #0069FF;
      background: #f5fafd; }
    .webapp .label--cancelled {
      color: #802626;
      background: #FFE6E6; }
    .webapp .label--draft {
      color: #adb1b3;
      background: #fff; }
    .webapp .label--waiting {
      color: #73481D;
      background: #FCF1CA; }
    .webapp .label--notSubmitted {
      color: #194480;
      background: #E0EDFF; }
  .webapp .container-14 {
    max-width: 1310px;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px; }
    .webapp .container-14::after {
      display: table;
      clear: both;
      content: ''; }
  .webapp .container-12 {
    max-width: 1160px;
    margin: auto;
    padding-right: 20px;
    padding-left: 20px; }
    .webapp .container-12::after {
      display: table;
      clear: both;
      content: ''; }
  .webapp .container-8 {
    max-width: 740px;
    margin: auto; }
    .webapp .container-8::after {
      display: table;
      clear: both;
      content: ''; }
  .webapp .container-6 {
    max-width: 550px;
    margin: auto; }
    .webapp .container-6::after {
      display: table;
      clear: both;
      content: ''; }
  .webapp .offset-2, .webapp .edit-order-page .recurringDurationError {
    clear: both;
    padding-left: 190px; }
  .webapp .clearfix::after {
    display: table;
    clear: both;
    content: ''; }
  .webapp .left {
    float: left; }
  .webapp .right {
    float: right; }
  @media only screen and (max-width: 940px) {
    .webapp .offset-2, .webapp .edit-order-page .recurringDurationError {
      padding-left: 0; } }
  @media only screen and (max-width: 480px) {
    .webapp .container-12 {
      padding-right: 10px;
      padding-left: 10px; } }
  .webapp .visible-tablet,
  .webapp .visible-tablet-lg,
  .webapp .visible-mobile {
    display: none; }
  .webapp .mt-1 {
    margin-top: 8px; }
  .webapp .mb-1 {
    margin-bottom: 8px; }
  @media only screen and (max-width: 1056px) {
    .webapp .visible-tablet-lg {
      display: block; }
    .webapp .hidden-tablet-lg {
      display: none; } }
  @media only screen and (max-width: 940px) {
    .webapp .visible-tablet {
      display: block; }
    .webapp .hidden-tablet {
      display: none; } }
  @media only screen and (max-width: 600px) {
    .webapp .visible-mobile {
      display: block; }
    .webapp .hidden-mobile {
      display: none; } }
  .webapp .status {
    position: relative;
    display: block;
    padding-left: 12px; }
    .webapp .status::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 6px;
      height: 6px;
      margin: auto;
      content: '';
      border-radius: 50%; }
    .webapp .status--not-confirmed::before {
      background: #a15ce6; }
    .webapp .status--payment-due::before {
      background: #ffcd67; }
    .webapp .status--payment-overdue::before {
      background: #e64c2e; }
    .webapp .status--completed::before {
      background: #c0c8cc; }
  .webapp li .status:before {
    margin-top: 5px; }
  .webapp .status-text--success {
    font-weight: 500;
    color: #43bf57; }
  .webapp .status-text--pending {
    color: #949899; }
  .webapp .status-text--cancel {
    color: #e64c2e; }
  .webapp .text--hint {
    font-size: 13px;
    font-weight: 400;
    color: #949899; }
  .webapp .text--soft {
    color: #949899; }
  .webapp .text--link, .webapp .header-guest__account a, .webapp .tooltip--inform a, .webapp.guest__message-box a {
    color: #0069FF; }
    .webapp .text--link:hover, .webapp .header-guest__account a:hover, .webapp .tooltip--inform a:hover, .webapp.guest__message-box a:hover {
      color: #004AB3; }
  .webapp .text--default {
    color: #3e3f3f; }
  .webapp .text--danger {
    color: #e64c2e; }
    .webapp .text--danger + svg {
      fill: #e64c2e; }
    .webapp .text--danger:hover {
      color: #fd3c17; }
  .webapp .text--no-wrap {
    white-space: normal !important; }
  .webapp .currency {
    font-size: 12px;
    margin-right: 4px; }
  .webapp .null {
    display: inline-block;
    width: 6px;
    height: 2px;
    vertical-align: middle;
    border-radius: 1px;
    background: #c0c8cc; }
  .webapp .tags {
    display: flex;
    flex-wrap: wrap; }
  .webapp .tag {
    color: #3e3f3f;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 10px 0 10px;
    margin: 4px 4px 0 0;
    border-radius: 3px;
    border-color: #e1e4e6;
    background: #f3f6f8; }
    .webapp .tag > span {
      margin-left: 8px;
      color: #949899;
      cursor: pointer; }
      .webapp .tag > span:hover svg {
        fill: #7a7f80; }
      .webapp .tag > span > svg {
        margin-top: -4px; }
  .webapp .o-flex {
    display: flex;
    flex-wrap: wrap; }
  .webapp .o-flex-row-reverse {
    flex-direction: row-reverse; }
  .webapp .o-justify-content-space-between {
    justify-content: space-between; }
  .webapp .o-flex-v-center {
    display: flex;
    align-items: center; }
  .webapp .o-flex-h-center {
    display: flex;
    justify-content: center; }
  .webapp .svg-automation, .webapp .svg-automation-2, .webapp .svg-cash-up, .webapp .svg-check, .webapp .svg-check--bg, .webapp .svg-check--disabled, .webapp .svg-close, .webapp .svg-cloud, .webapp .svg-contract, .webapp .svg-credit-score, .webapp .svg-currency, .webapp .svg-earn, .webapp .svg-error, .webapp .svg-exchange, .webapp .svg-hamburger, .webapp .svg-help, .webapp .svg-help--active, .webapp .svg-hide, .webapp .account .auth-form__password-toggle.active::before, .webapp .svg-marketplace, .webapp .svg-money, .webapp .svg-money-exchange, .webapp .svg-non-payment, .webapp .svg-online-web, .webapp .svg-save-money, .webapp .svg-secure-payment, .webapp .svg-sell, .webapp .svg-sent, .webapp .svg-shake, .webapp .svg-show, .webapp .account .auth-form__password-toggle::before, .webapp .svg-support, .webapp .svg-support-2, .webapp .svg-tick--blue, .webapp .svg-tick--gray, .webapp .list--has-checks li:before, .webapp .svg-tick--green, .webapp .svg-tooltip {
    background: url("/assets/images/svg-sprite.svg") no-repeat; }
  .webapp .svg-automation {
    background-position: 25.77319587628866% 99.47368421052632%; }
  .webapp .svg-automation-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-automation-2 {
    background-position: 0 100%; }
  .webapp .svg-automation-2-dims {
    width: 50px;
    height: 49px; }
  .webapp .svg-cash-up {
    background-position: 26.041666666666668% 24.742268041237114%; }
  .webapp .svg-cash-up-dims {
    width: 50px;
    height: 44px; }
  .webapp .svg-check {
    background-position: 69.44444444444444% 35.84905660377358%; }
  .webapp .svg-check-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-check--bg {
    background-position: 69.44444444444444% 23.58490566037736%; }
  .webapp .svg-check--bg-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-check--disabled {
    background-position: 89.81481481481481% 67.45283018867924%; }
  .webapp .svg-check--disabled-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-close {
    background-position: 77.19298245614036% 22.321428571428573%; }
  .webapp .svg-close-dims {
    width: 14px;
    height: 14px; }
  .webapp .svg-cloud {
    background-position: 46.875% 48.4375%; }
  .webapp .svg-cloud-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-contract {
    background-position: 75% 0; }
  .webapp .svg-contract-dims {
    width: 42px;
    height: 50px; }
  .webapp .svg-credit-score {
    background-position: 75.25773195876289% 99.47368421052632%; }
  .webapp .svg-credit-score-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-currency {
    background-position: 100% 26.595744680851062%; }
  .webapp .svg-currency-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-earn {
    background-position: 50.51546391752577% 74.47916666666667%; }
  .webapp .svg-earn-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-error {
    background-position: 69.44444444444444% 48.113207547169814%; }
  .webapp .svg-error-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-exchange {
    background-position: 98.96907216494846% 50.505050505050505%; }
  .webapp .svg-exchange-dims {
    width: 48px;
    height: 40px; }
  .webapp .svg-hamburger {
    background-position: 22.321428571428573% 14.285714285714286%; }
  .webapp .svg-hamburger-dims {
    width: 18px;
    height: 14px; }
  .webapp .svg-help {
    background-position: 100% 66.20370370370371%; }
  .webapp .svg-help-dims {
    width: 22px;
    height: 22px; }
  .webapp .svg-help--active {
    background-position: 88.18181818181819% 87.5%; }
  .webapp .svg-help--active-dims {
    width: 22px;
    height: 22px; }
  .webapp .svg-hide, .webapp .account .auth-form__password-toggle.active::before {
    background-position: 67.56756756756756% 57.399103139013455%; }
  .webapp .svg-hide-dims {
    width: 20px;
    height: 15px; }
  .webapp .svg-marketplace {
    background-position: 0 74.47916666666667%; }
  .webapp .svg-marketplace-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-money {
    background-position: 100% 0; }
  .webapp .svg-money-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-money-exchange {
    background-position: 51.54639175257732% 25.252525252525253%; }
  .webapp .svg-money-exchange-dims {
    width: 48px;
    height: 40px; }
  .webapp .svg-non-payment {
    background-position: 0 49.46808510638298%; }
  .webapp .svg-non-payment-dims {
    width: 40px;
    height: 50px; }
  .webapp .svg-online-web {
    background-position: 52.083333333333336% 0; }
  .webapp .svg-online-web-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-save-money {
    background-position: 75.25773195876289% 74.47916666666667%; }
  .webapp .svg-save-money-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-secure-payment {
    background-position: 0 24.870466321243523%; }
  .webapp .svg-secure-payment-dims {
    width: 50px;
    height: 45px; }
  .webapp .svg-sell {
    background-position: 50.51546391752577% 99.47368421052632%; }
  .webapp .svg-sell-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-sent {
    background-position: 25.77319587628866% 74.47916666666667%; }
  .webapp .svg-sent-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-shake {
    background-position: 26.041666666666668% 0; }
  .webapp .svg-shake-dims {
    width: 50px;
    height: 32px; }
  .webapp .svg-show, .webapp .account .auth-form__password-toggle::before {
    background-position: 76.57657657657657% 56.888888888888886%; }
  .webapp .svg-show-dims, .webapp .account .auth-form__password-toggle::before {
    width: 20px;
    height: 13px; }
  .webapp .svg-support {
    background-position: 0 0; }
  .webapp .svg-support-dims {
    width: 50px;
    height: 48px; }
  .webapp .svg-support-2 {
    background-position: 20.833333333333332% 48.4375%; }
  .webapp .svg-support-2-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-tick--blue {
    background-position: 76.52173913043478% 38.1578947368421%; }
  .webapp .svg-tick--blue-dims {
    width: 12px;
    height: 10px; }
  .webapp .svg-tick--gray, .webapp .list--has-checks li:before {
    background-position: 76.85589519650655% 28.19383259911894%; }
  .webapp .svg-tick--gray-dims, .webapp .list--has-checks li:before {
    width: 13px;
    height: 11px; }
  .webapp .svg-tick--green {
    background-position: 76.85589519650655% 33.480176211453745%; }
  .webapp .svg-tick--green-dims {
    width: 13px;
    height: 11px; }
  .webapp .svg-tooltip {
    background-position: 86.60714285714286% 76.81818181818181%; }
  .webapp .svg-tooltip-dims {
    width: 18px;
    height: 18px; }
  .webapp .checkbox,
  .webapp .radio {
    position: relative;
    cursor: pointer; }
    .webapp .checkbox__input,
    .webapp .radio__input {
      position: absolute;
      z-index: -1;
      width: 0;
      height: 0;
      opacity: 0; }
  .webapp .checkbox--with-text,
  .webapp .radio--block {
    display: block;
    padding-left: 28px; }
    .webapp .checkbox--with-text > [class*='__icon'],
    .webapp .radio--block > [class*='__icon'] {
      position: absolute;
      top: 0;
      left: 0; }
  .webapp .radio--block {
    margin-bottom: 10px; }
    .webapp .radio--block:last-child {
      margin-bottom: 0; }
  .webapp .checkbox__icon, .webapp .radio__icon {
    line-height: 16px;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
    background: #fff;
    box-shadow: inset 0 0 0 1px #d3d7d9;
    transition: box-shadow .2s ease; }
  .webapp .checkbox__icon {
    border-radius: 2px; }
    .webapp .checkbox__icon > .icon-check {
      transform: scale(0); }
  .webapp .radio__icon {
    position: relative;
    border-radius: 50%; }
  .webapp .checkbox__input:checked + .checkbox__icon {
    box-shadow: inset 0 0 0 9px #0069FF; }
    .webapp .checkbox__input:checked + .checkbox__icon--dark {
      box-shadow: inset 0 0 0 9px #1386bf; }
    .webapp .checkbox__input:checked + .checkbox__icon > .icon-check {
      transform: scale(1);
      transition: transform .2s ease .18s; }
  .webapp .radio__input:checked + .radio__icon {
    box-shadow: inset 0 0 0 6px #0069FF; }
  .webapp .radio__input:checked ~ .radio__text {
    font-weight: 500; }
  .webapp .checkbox__input:hover + [class*='__icon'],
  .webapp .checkbox__input:focus + [class*='__icon'],
  .webapp .radio__input:hover + [class*='__icon'],
  .webapp .radio__input:focus + [class*='__icon'] {
    background: #fafcfd; }
  .webapp .checkbox__input:disabled + [class*='__icon'],
  .webapp .radio__input:disabled + [class*='__icon'] {
    cursor: not-allowed;
    background: #fafcfd;
    box-shadow: inset 0 0 0 1px #e1e4e6; }
    .webapp .checkbox__input:disabled + [class*='__icon'] > .icon-check,
    .webapp .radio__input:disabled + [class*='__icon'] > .icon-check {
      fill: #adb1b3; }
  .webapp .dropdown {
    position: relative; }
    .webapp .dropdown__menu {
      z-index: -1;
      visibility: hidden;
      transition: visibility .25s ease, transform .25s ease, z-index .25s ease, opacity .25s ease;
      transform: scale(1, 0.8);
      transform-origin: 0 0;
      opacity: 0;
      position: absolute;
      z-index: 100;
      top: 100%;
      width: 270px;
      padding: 4px 0;
      border-radius: 3px;
      background: #fff;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); }
      .webapp .dropdown__menu--to-top {
        top: auto;
        bottom: calc(100% + 8px);
        transform-origin: 0 100%; }
      .webapp .dropdown__menu--align-right {
        right: 0;
        left: auto; }
    .webapp .dropdown__height {
      height: 450px; }
    .webapp .dropdown.open > .dropdown__menu {
      z-index: 1000;
      visibility: visible;
      transform: scale(1);
      opacity: 1; }
    .webapp .dropdown__title {
      margin-bottom: 8px;
      padding: 0 15px; }
      .webapp .dropdown__title > span {
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
        display: block;
        padding: 12px 0;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: #949899;
        border-bottom: 1px solid #d3d7d9; }
    .webapp .dropdown__trigger, .webapp .dropdown__trigger--disabled {
      position: relative; }
      .webapp .dropdown__trigger::after, .webapp .dropdown__trigger--disabled::after {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        cursor: pointer;
        background: transparent; }
      .webapp .dropdown__trigger--disabled {
        background: #fafcfd; }
        .webapp .dropdown__trigger--disabled > input {
          background: #fafcfd; }
        .webapp .dropdown__trigger--disabled::after {
          cursor: not-allowed; }
  .webapp .dropdown-list {
    overflow-y: auto; }
    .webapp .dropdown-list--color {
      color: #53647c; }
    .webapp .dropdown-list li {
      line-height: 16px;
      padding: 12px 15px;
      cursor: pointer; }
      .webapp .dropdown-list li:hover {
        background: #fafcfd; }
      .webapp .dropdown-list li:last-child {
        border-bottom: 0; }
      .webapp .dropdown-list li.list-item-selected {
        font-weight: 500;
        position: relative;
        background: #f8fdff; }
        .webapp .dropdown-list li.list-item-selected::after {
          float: right;
          content: url("/assets/images/check.svg"); }
      .webapp .dropdown-list li.list-item-heading {
        cursor: default; }
        .webapp .dropdown-list li.list-item-heading:hover {
          background: #fff; }
  .webapp .dropdown-select, .webapp .dropdown-multi-select {
    overflow-y: auto;
    margin-bottom: 8px; }
    .webapp .dropdown-select > li, .webapp .dropdown-multi-select > li {
      line-height: 16px;
      height: 32px;
      padding: 8px 15px;
      cursor: pointer; }
      .webapp .dropdown-select > li:hover, .webapp .dropdown-multi-select > li:hover {
        background: #fafcfd; }
        .webapp .dropdown-select > li:hover > button.selected-remove, .webapp .dropdown-multi-select > li:hover > button.selected-remove {
          visibility: visible; }
      .webapp .dropdown-select > li.selected, .webapp .dropdown-multi-select > li.selected {
        font-weight: 500;
        position: relative;
        background: #f8fdff; }
        .webapp .dropdown-select > li.selected::after, .webapp .dropdown-multi-select > li.selected::after {
          float: right;
          content: url("/assets/images/check.svg"); }
      .webapp .dropdown-select > li:not(:first-child).divided, .webapp .dropdown-multi-select > li:not(:first-child).divided {
        border-top: 1px solid #d3d7d9; }
      .webapp .dropdown-select > li:first-child, .webapp .dropdown-multi-select > li:first-child {
        background: #fafcfd; }
      .webapp .dropdown-select > li > button.selected-remove, .webapp .dropdown-multi-select > li > button.selected-remove {
        visibility: hidden;
        float: right;
        border-radius: 16px;
        background-color: #949899;
        width: 16px; }
  .webapp .dropdown-btns > li {
    border-bottom: 1px solid #d3d7d9; }
    .webapp .dropdown-btns > li:last-child {
      border-bottom: 0; }
  .webapp .dropdown-btn {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 15px 12px 39px;
    text-align: left;
    color: #4a4c4c; }
    .webapp .dropdown-btn:hover {
      background: #fafcfd; }
    .webapp .dropdown-btn > svg {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 15px;
      margin: auto;
      fill: #949899; }
    .webapp .dropdown-btn--primary {
      color: #0069FF; }
      .webapp .dropdown-btn--primary > svg {
        fill: #0069FF; }
    .webapp .dropdown-btn--danger {
      color: #e64c2e; }
      .webapp .dropdown-btn--danger > svg {
        fill: #e64c2e; }
  .webapp .entry {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px; }
    .webapp .entry::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .entry:last-child {
      margin-bottom: 0; }
    .webapp .entry--setting .entry__title,
    .webapp .entry--setting .entry__rest {
      padding-top: 10px; }
    .webapp .entry__title {
      font-size: 14px;
      font-weight: 500;
      float: left;
      width: 170px;
      margin-right: 20px;
      display: block; }
      .webapp .entry__title--required {
        color: #e64c2e; }
        .webapp .entry__title--required::after {
          content: ' *'; }
      .webapp .entry__title--full {
        float: none;
        display: block;
        width: 100%; }
    .webapp .entry__content {
      float: left;
      width: 360px;
      margin-right: 10px; }
      .webapp .entry__content--large {
        width: 550px;
        margin-right: 0; }
      .webapp .entry__content--xlarge {
        width: 740px;
        margin-right: 0; }
      .webapp .entry__content--small {
        width: 265px; }
      .webapp .entry__content--full {
        width: 100%;
        margin-right: 0; }
      .webapp .entry__content--readonly {
        height: 40px;
        line-height: 40px; }
      .webapp .entry__content > address {
        font-style: normal; }
        .webapp .entry__content > address > span {
          display: block;
          margin-bottom: 8px; }
          .webapp .entry__content > address > span:last-child {
            margin-bottom: 0; }
      .webapp .entry__content > ul li > strong {
        display: block; }
      .webapp .entry__content > ul li em {
        font-style: normal;
        color: #252526;
        border-bottom: 1px solid #c5cbcf; }
      .webapp .entry__content .attachment__files .file {
        float: left;
        overflow: hidden;
        max-width: 90%;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .webapp .entry__content .select--extend.open > .select__inner {
        width: 340px; }
    .webapp .entry__rest {
      float: left; }
  .webapp .entry--nested {
    margin-right: -1px;
    margin-left: -1px; }
    .webapp .entry--nested > .entry__title {
      padding-left: 20px; }
    .webapp .entry--nested > .entry__content {
      margin-right: 0;
      padding-right: 20px; }
    .webapp .entry--nested > .entry__rest {
      padding-right: 20px; }
  .webapp .entry--boxed {
    background: #f7f8fa;
    border-radius: 4px;
    padding: 40px 0 24px;
    position: relative; }
    .webapp .entry--boxed .entry--setting .entry__title {
      padding-left: 20px; }
    .webapp .entry--boxed .btn-close {
      position: absolute;
      right: 20px;
      top: 20px;
      border-radius: 4px;
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      background: white;
      color: #949899;
      border: 1px solid #e1e4e6; }
      .webapp .entry--boxed .btn-close > .icon-close {
        vertical-align: inherit; }
  .webapp .entry-group {
    padding: 16px 0;
    margin-bottom: 16px; }
    .webapp .entry-group--info {
      color: #2e5c73;
      background: #f3fbff;
      border-bottom: 1px solid #d1e8f3;
      border-top: 1px solid #d1e8f3; }
  .webapp .entry--services {
    margin-bottom: 24px; }
    .webapp .entry--services > .entry__title {
      text-align: right; }
  .webapp .entry--terms {
    margin-top: -8px; }
  .webapp .entry__content--list {
    padding-top: 10px;
    padding-bottom: 10px; }
  .webapp .entry-divider {
    width: 100%;
    height: 32px;
    margin: 0;
    border: 0;
    background: transparent; }
  .webapp .details-list {
    padding-bottom: 20px; }
    .webapp .details-list > li {
      margin-bottom: 8px; }
      .webapp .details-list > li::after {
        display: table;
        clear: both;
        content: ''; }
      .webapp .details-list > li:last-child {
        margin-bottom: 0; }
    .webapp .details-list__title {
      font-weight: 500;
      float: left;
      width: 170px;
      padding-left: 15px; }
    .webapp .details-list__content {
      display: block;
      margin-left: 185px;
      padding-right: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .webapp .details-list--invoice {
      padding-top: 16px;
      padding-bottom: 8px; }
      .webapp .details-list--invoice .details-list__content {
        padding-right: 25px; }
      .webapp .details-list--invoice .icon-cancel {
        margin-left: 3px; }
  .webapp .status-card .details-list__title, .webapp .status-card-complete .details-list__title,
  .webapp .event-card .details-list__title, .webapp .event-card-complete .details-list__title, .webapp .event-card-add-btn .details-list__title {
    width: 210px; }
  @media only screen and (max-width: 940px) {
    .webapp .entry__title {
      margin-bottom: 4px; }
    .webapp .entry__rest {
      clear: both;
      margin-left: 190px; }
    .webapp .entry--setting > .entry__rest {
      padding-top: 5px; }
    .webapp .entry__content--list {
      padding-bottom: 8px; }
      .webapp .entry__content--list + .entry__rest {
        margin-bottom: 24px; }
    .webapp .entry--services > .entry__rest {
      clear: none;
      margin-left: 0; }
    .webapp .entry--services > .entry__rest {
      max-width: calc(100% - 190px); }
    .webapp .entry--boxed .offset-2, .webapp .entry--boxed .edit-order-page .recurringDurationError, .webapp .edit-order-page .entry--boxed .recurringDurationError {
      padding-left: 20px; }
    .webapp .entry--boxed .btn-close {
      top: 10px;
      right: 10px;
      width: 24px;
      height: 24px;
      line-height: 24px; } }
  @media only screen and (max-width: 940px) {
    .webapp .entry__content--xlarge {
      float: none;
      width: 100%;
      padding-right: 20px;
      margin-right: 0;
      margin-left: 0; } }
  @media only screen and (max-width: 600px) {
    .webapp .entry {
      margin-bottom: 20px; }
      .webapp .entry__title, .webapp .entry__content, .webapp .entry__rest {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
    .webapp .entry--setting > .entry__title {
      padding-top: 0; }
    .webapp .entry--nested > .entry__title, .webapp .entry--nested > .entry__content, .webapp .entry--nested > .entry__rest {
      padding: 0 10px; }
    .webapp .entry--services > .entry__title {
      text-align: left; }
    .webapp .entry--services > .entry__rest {
      max-width: 100%; }
    .webapp .entry--terms {
      margin-top: 0; }
    .webapp .entry--boxed .entry__content,
    .webapp .entry--boxed .entry__rest,
    .webapp .entry--boxed .entry--setting .entry__title {
      padding-right: 10px;
      padding-left: 10px; }
    .webapp .details-list {
      padding-bottom: 16px; }
      .webapp .details-list--invoice {
        padding-top: 0;
        padding-bottom: 0; }
      .webapp .details-list > li {
        margin-bottom: 12px; }
      .webapp .details-list__title {
        display: block;
        float: none;
        width: 100%;
        padding: 0 10px; }
      .webapp .details-list__content {
        max-width: 100%;
        margin-left: 0;
        padding: 0 10px; } }
  .webapp .input-block {
    display: table;
    width: 100%;
    border-collapse: separate; }
    .webapp .input-block__input {
      display: table-cell;
      width: 100%;
      border-radius: 0; }
      .webapp .input-block__input:first-child {
        border-radius: 3px 0 0 3px; }
      .webapp .input-block__input:last-child {
        border-radius: 0 3px 3px 0; }
      .webapp .input-block__input--centered {
        padding: 0;
        text-align: center; }
    .webapp .input-block__addon {
      display: table-cell;
      width: 1px;
      white-space: nowrap;
      padding: 0 15px;
      vertical-align: middle;
      border: 1px solid #d3d7d9;
      background: #fafcfd; }
      .webapp .input-block__addon:first-child {
        border-right: 0;
        border-radius: 3px 0 0 3px; }
      .webapp .input-block__addon:last-child {
        border-left: 0;
        border-radius: 0 3px 3px 0; }
    .webapp .input-block__button {
      display: table-cell;
      width: 1px;
      vertical-align: middle;
      white-space: nowrap; }
      .webapp .input-block__button .btn, .webapp .input-block__button .upload {
        border-radius: 0 3px 3px 0;
        border-left: none; }
  .webapp .input-group {
    margin-bottom: 8px; }
    .webapp .input-group::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .input-group:last-child, .webapp .input-group:only-of-type {
      margin-bottom: 0; }
    .webapp .input-group__column {
      float: left;
      margin-right: 10px; }
      .webapp .input-group__column--s {
        width: 120px; }
      .webapp .input-group__column--m {
        width: 265px; }
      .webapp .input-group__column--l {
        width: 360px; }
    .webapp .input-group__label {
      font-size: 14px;
      font-weight: 500;
      display: block;
      margin-bottom: 4px; }
      .webapp .input-group__label--hidden {
        margin-top: 24px; }
    .webapp .input-group__tiny {
      float: left;
      width: 80px; }
    .webapp .input-group__small {
      float: left;
      width: 120px; }
    .webapp .input-group__medium {
      float: left;
      width: 265px; }
    .webapp .input-group__large {
      float: right;
      width: calc(100% - 130px); }
  .webapp .input--small {
    width: 120px; }
  .webapp .input--textarea {
    display: block;
    height: 80px; }
  @media only screen and (max-width: 600px) {
    .webapp .input-group__small,
    .webapp .input--small,
    .webapp .input-group__large {
      width: calc(50% - 5px); }
    .webapp .input-group__column {
      margin-bottom: 8px; }
      .webapp .input-group__column--m, .webapp .input-group__column--s, .webapp .input-group__column--l {
        width: 100%; }
    .webapp .input-group__label--hidden {
      margin-top: 8px; } }
  .webapp .section__title {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e4e6; }
    .webapp .section__title > .tooltip {
      margin-left: 8px; }
  .webapp .section__description {
    font-size: 14px;
    line-height: 24px;
    margin-top: -16px;
    margin-bottom: 24px; }
  .webapp .section + .section .section__title {
    margin-top: 48px; }
  @media only screen and (max-width: 600px) {
    .webapp .section__title {
      margin-top: 24px;
      margin-bottom: 24px; } }
  .webapp .tabs-list {
    box-shadow: inset 0 -1px 0 #eef1f3;
    margin-bottom: 32px; }
    .webapp .tabs-list::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .tabs-list__item {
      padding: 16px 0;
      cursor: pointer;
      transition: color .1s ease;
      float: left;
      margin-right: 30px; }
      .webapp .tabs-list__item:hover {
        color: #0069FF; }
      .webapp .tabs-list__item--active {
        color: #0069FF;
        box-shadow: inset 0 -2px 0 currentColor; }
    .webapp .tabs-list__count {
      font-size: 9px;
      line-height: 16px;
      position: absolute;
      top: -10px;
      right: -17px;
      width: auto;
      min-width: 20px;
      height: 20px;
      text-align: center;
      color: #fff;
      border: solid 2px #f7f8fa;
      border-radius: 50%;
      background: #0069ff;
      padding: 0 2px 0 2px; }
  @media only screen and (max-width: 940px) {
    .webapp .tabs-list {
      display: none; } }
  .webapp .svg-automation, .webapp .svg-automation-2, .webapp .svg-cash-up, .webapp .svg-check, .webapp .svg-check--bg, .webapp .svg-check--disabled, .webapp .svg-close, .webapp .svg-cloud, .webapp .svg-contract, .webapp .svg-credit-score, .webapp .svg-currency, .webapp .svg-earn, .webapp .svg-error, .webapp .svg-exchange, .webapp .svg-hamburger, .webapp .svg-help, .webapp .svg-help--active, .webapp .svg-hide, .webapp .account .auth-form__password-toggle.active::before, .webapp .svg-marketplace, .webapp .svg-money, .webapp .svg-money-exchange, .webapp .svg-non-payment, .webapp .svg-online-web, .webapp .svg-save-money, .webapp .svg-secure-payment, .webapp .svg-sell, .webapp .svg-sent, .webapp .svg-shake, .webapp .svg-show, .webapp .account .auth-form__password-toggle::before, .webapp .svg-support, .webapp .svg-support-2, .webapp .svg-tick--blue, .webapp .svg-tick--gray, .webapp .list--has-checks li:before, .webapp .svg-tick--green, .webapp .svg-tooltip {
    background: url("/assets/images/svg-sprite.svg") no-repeat; }
  .webapp .svg-automation {
    background-position: 25.77319587628866% 99.47368421052632%; }
  .webapp .svg-automation-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-automation-2 {
    background-position: 0 100%; }
  .webapp .svg-automation-2-dims {
    width: 50px;
    height: 49px; }
  .webapp .svg-cash-up {
    background-position: 26.041666666666668% 24.742268041237114%; }
  .webapp .svg-cash-up-dims {
    width: 50px;
    height: 44px; }
  .webapp .svg-check {
    background-position: 69.44444444444444% 35.84905660377358%; }
  .webapp .svg-check-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-check--bg {
    background-position: 69.44444444444444% 23.58490566037736%; }
  .webapp .svg-check--bg-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-check--disabled {
    background-position: 89.81481481481481% 67.45283018867924%; }
  .webapp .svg-check--disabled-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-close {
    background-position: 77.19298245614036% 22.321428571428573%; }
  .webapp .svg-close-dims {
    width: 14px;
    height: 14px; }
  .webapp .svg-cloud {
    background-position: 46.875% 48.4375%; }
  .webapp .svg-cloud-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-contract {
    background-position: 75% 0; }
  .webapp .svg-contract-dims {
    width: 42px;
    height: 50px; }
  .webapp .svg-credit-score {
    background-position: 75.25773195876289% 99.47368421052632%; }
  .webapp .svg-credit-score-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-currency {
    background-position: 100% 26.595744680851062%; }
  .webapp .svg-currency-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-earn {
    background-position: 50.51546391752577% 74.47916666666667%; }
  .webapp .svg-earn-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-error {
    background-position: 69.44444444444444% 48.113207547169814%; }
  .webapp .svg-error-dims {
    width: 26px;
    height: 26px; }
  .webapp .svg-exchange {
    background-position: 98.96907216494846% 50.505050505050505%; }
  .webapp .svg-exchange-dims {
    width: 48px;
    height: 40px; }
  .webapp .svg-hamburger {
    background-position: 22.321428571428573% 14.285714285714286%; }
  .webapp .svg-hamburger-dims {
    width: 18px;
    height: 14px; }
  .webapp .svg-help {
    background-position: 100% 66.20370370370371%; }
  .webapp .svg-help-dims {
    width: 22px;
    height: 22px; }
  .webapp .svg-help--active {
    background-position: 88.18181818181819% 87.5%; }
  .webapp .svg-help--active-dims {
    width: 22px;
    height: 22px; }
  .webapp .svg-hide, .webapp .account .auth-form__password-toggle.active::before {
    background-position: 67.56756756756756% 57.399103139013455%; }
  .webapp .svg-hide-dims {
    width: 20px;
    height: 15px; }
  .webapp .svg-marketplace {
    background-position: 0 74.47916666666667%; }
  .webapp .svg-marketplace-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-money {
    background-position: 100% 0; }
  .webapp .svg-money-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-money-exchange {
    background-position: 51.54639175257732% 25.252525252525253%; }
  .webapp .svg-money-exchange-dims {
    width: 48px;
    height: 40px; }
  .webapp .svg-non-payment {
    background-position: 0 49.46808510638298%; }
  .webapp .svg-non-payment-dims {
    width: 40px;
    height: 50px; }
  .webapp .svg-online-web {
    background-position: 52.083333333333336% 0; }
  .webapp .svg-online-web-dims {
    width: 50px;
    height: 50px; }
  .webapp .svg-save-money {
    background-position: 75.25773195876289% 74.47916666666667%; }
  .webapp .svg-save-money-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-secure-payment {
    background-position: 0 24.870466321243523%; }
  .webapp .svg-secure-payment-dims {
    width: 50px;
    height: 45px; }
  .webapp .svg-sell {
    background-position: 50.51546391752577% 99.47368421052632%; }
  .webapp .svg-sell-dims {
    width: 48px;
    height: 48px; }
  .webapp .svg-sent {
    background-position: 25.77319587628866% 74.47916666666667%; }
  .webapp .svg-sent-dims {
    width: 48px;
    height: 46px; }
  .webapp .svg-shake {
    background-position: 26.041666666666668% 0; }
  .webapp .svg-shake-dims {
    width: 50px;
    height: 32px; }
  .webapp .svg-show, .webapp .account .auth-form__password-toggle::before {
    background-position: 76.57657657657657% 56.888888888888886%; }
  .webapp .svg-show-dims, .webapp .account .auth-form__password-toggle::before {
    width: 20px;
    height: 13px; }
  .webapp .svg-support {
    background-position: 0 0; }
  .webapp .svg-support-dims {
    width: 50px;
    height: 48px; }
  .webapp .svg-support-2 {
    background-position: 20.833333333333332% 48.4375%; }
  .webapp .svg-support-2-dims {
    width: 50px;
    height: 46px; }
  .webapp .svg-tick--blue {
    background-position: 76.52173913043478% 38.1578947368421%; }
  .webapp .svg-tick--blue-dims {
    width: 12px;
    height: 10px; }
  .webapp .svg-tick--gray, .webapp .list--has-checks li:before {
    background-position: 76.85589519650655% 28.19383259911894%; }
  .webapp .svg-tick--gray-dims, .webapp .list--has-checks li:before {
    width: 13px;
    height: 11px; }
  .webapp .svg-tick--green {
    background-position: 76.85589519650655% 33.480176211453745%; }
  .webapp .svg-tick--green-dims {
    width: 13px;
    height: 11px; }
  .webapp .svg-tooltip {
    background-position: 86.60714285714286% 76.81818181818181%; }
  .webapp .svg-tooltip-dims {
    width: 18px;
    height: 18px; }
  .webapp .aside {
    width: 100%; }
    .webapp .aside__title {
      margin-bottom: 8px; }
    .webapp .aside__tabs > li {
      padding: 16px 0;
      cursor: pointer;
      transition: color .1s ease;
      box-shadow: inset 0 -1px 0 #eef1f3; }
      .webapp .aside__tabs > li:hover {
        color: #0069FF; }
      .webapp .aside__tabs > li.active {
        color: #0069FF;
        box-shadow: inset 0 -1px 0 currentColor; }
  .webapp .menu__select {
    display: none;
    margin-bottom: 12px; }
    .webapp .menu__select.open > .select__inner {
      width: 100% !important; }
  @media only screen and (max-width: 1420px) {
    .webapp .aside__title {
      display: none; }
    .webapp .aside__tabs {
      box-shadow: inset 0 -1px 0 #eef1f3; }
      .webapp .aside__tabs::after {
        display: table;
        clear: both;
        content: ''; }
      .webapp .aside__tabs > li {
        float: left;
        margin-right: 30px; }
        .webapp .aside__tabs > li.active {
          box-shadow: inset 0 -2px 0 currentColor; } }
  @media only screen and (max-width: 940px) {
    .webapp .menu__select {
      display: block; }
    .webapp .aside {
      display: none; } }
  .webapp .attachment__files > li {
    line-height: 32px;
    margin-bottom: 0; }
    .webapp .attachment__files > li:first-child {
      padding-top: 4px; }
    .webapp .attachment__files > li:last-child {
      margin-bottom: 8px; }
  .webapp .attachment__upload, .webapp .attachment__remove {
    float: right; }
  .webapp .attachment__form {
    position: relative; }
    .webapp .attachment__form__control {
      position: absolute;
      right: 0;
      top: 0; }
  @media only screen and (max-width: 600px) {
    .webapp .attachment__remove {
      float: left;
      margin-left: 20px; } }
  .webapp .details-card {
    overflow: hidden;
    border: 1px solid #d3d7d9;
    border-radius: 4px;
    background: #fff; }
    .webapp .details-card__title {
      padding: 12px 15px 12px 20px;
      background: #f8fafa; }
    .webapp .details-card__title_small {
      padding: 0 15px 20px 20px; }
    .webapp .details-card__collapse, .webapp .details-card__content {
      overflow: hidden; }
    .webapp .details-card__section {
      padding: 0 0 24px;
      border-top: 1px solid #d3d7d9; }
      .webapp .details-card__section:first-child, .webapp .details-card__section:first-of-type {
        padding-top: 24px; }
      .webapp .details-card__section-title {
        margin-bottom: 24px;
        padding: 12px 15px 12px 20px;
        background: #f8fafa; }
    .webapp .details-card svg {
      fill: #949899; }
    .webapp .details-card__container {
      border: 1px solid #d3d7d9;
      border-radius: 3px;
      display: inline-flex;
      flex-direction: column;
      padding: 20px; }
  .webapp .services-list {
    padding: 0 20px; }
    .webapp .services-list__item {
      margin-bottom: 14px;
      color: #949899; }
      .webapp .services-list__item:last-child {
        margin-bottom: 0; }
      .webapp .services-list__item > svg {
        margin-right: 3px;
        fill: #e64c2e; }
      .webapp .services-list__item.checked {
        color: #3e3f3f; }
        .webapp .services-list__item.checked > svg {
          fill: #43bf57; }
      .webapp .services-list__item > .tooltip {
        margin-left: 4px; }
        .webapp .services-list__item > .tooltip::before {
          left: -10px; }
        .webapp .services-list__item > .tooltip::after {
          left: 0; }
  @media only screen and (max-width: 600px) {
    .webapp .details-card__title, .webapp .details-card__title_small {
      padding: 12px 10px 12px 10px; }
    .webapp .details-card__section {
      padding: 16px 0; }
    .webapp .services-list__item {
      margin: 8px 0 0 0; } }
  .webapp .event-card-group {
    position: relative; }
    .webapp .event-card-group::before {
      position: absolute;
      top: 26px;
      bottom: 10px;
      left: -20px;
      width: 2px;
      content: '';
      background: #e1e4e6; }
  .webapp .event-card, .webapp .event-card-complete, .webapp .event-card-add-btn {
    position: relative;
    margin-bottom: 16px;
    border: 1px solid #e1e4e6;
    border-radius: 4px; }
    .webapp .event-card::before, .webapp .event-card-complete::before, .webapp .event-card-add-btn::before {
      position: absolute;
      top: 26px;
      left: -25px;
      width: 10px;
      height: 10px;
      content: '';
      border-radius: 50%;
      background: #adb1b3;
      box-shadow: 0 0 0 2px #fff; }
    .webapp .event-card:hover, .webapp .event-card-complete:hover, .webapp .event-card-add-btn:hover {
      border-color: #c0c8cc; }
      .webapp .event-card:hover > .event-card__move, .webapp .event-card-complete:hover > .event-card__move, .webapp .event-card-add-btn:hover > .event-card__move {
        opacity: 1; }
    .webapp .event-card--waiting::before {
      background: #adb1b3; }
    .webapp .event-card-complete {
      margin-top: 28px;
      margin-bottom: 0;
      color: #949899;
      border-color: transparent; }
      .webapp .event-card-complete::before {
        top: 5px; }
      .webapp .event-card-complete:hover {
        border-color: transparent; }
    .webapp .event-card-add-btn {
      margin-top: 32px;
      border-color: transparent; }
      .webapp .event-card-add-btn::before {
        top: 5px; }
      .webapp .event-card-add-btn:hover {
        border-color: transparent; }
    .webapp .event-card__edit-btn {
      float: left;
      margin-right: 10px;
      padding-right: 10px;
      vertical-align: middle;
      color: #949899;
      border-right: 1px solid #d3d7d9; }
    .webapp .event-card__dropdown {
      float: left;
      vertical-align: middle; }
      .webapp .event-card__dropdown .dropdown__trigger, .webapp .event-card__dropdown .dropdown__trigger--disabled {
        color: #c0c8cc; }
        .webapp .event-card__dropdown .dropdown__trigger:hover, .webapp .event-card__dropdown .dropdown__trigger--disabled:hover {
          color: #606466; }
      .webapp .event-card__dropdown .dropdown__menu {
        top: calc(100% + 4px); }
      .webapp .event-card__dropdown.open .dropdown__trigger, .webapp .event-card__dropdown.open .dropdown__trigger--disabled {
        color: #606466; }
  .webapp .event-card--edit {
    width: 645px;
    border-color: #d3d7d9;
    background: white; }
    .webapp .event-card--edit > .event-card__title {
      margin: 20px 15px 16px;
      padding-bottom: 8px;
      border-bottom: 1px solid #d3d7d9; }
      .webapp .event-card--edit > .event-card__title > .tooltip {
        margin-left: 5px; }
    .webapp .event-card--edit > .event-card__footer {
      margin-top: 32px;
      padding: 20px 0 20px 190px;
      border-top: 1px solid #eef1f3;
      border-radius: 0 0 4px 4px;
      background: #fafcfd; }
  .webapp .event-card--detail {
    position: relative;
    transition: all .3s ease;
    background: #fafcfd; }
    .webapp .event-card--detail:hover {
      background: #fff; }
    .webapp .event-card--detail::before {
      top: 18px; }
    .webapp .event-card--detail > .event-card__title {
      margin: 12px 15px; }
      .webapp .event-card--detail > .event-card__title::after {
        display: table;
        clear: both;
        content: ''; }
      .webapp .event-card--detail > .event-card__title > .right {
        line-height: 24px; }
    .webapp .event-card--detail .details-list {
      padding-bottom: 16px; }
  .webapp .event-card__move {
    position: absolute;
    right: 110px;
    top: 12px;
    transition: opacity .3s ease;
    opacity: 0; }
    .webapp .event-card__move-up, .webapp .event-card__move-down {
      width: 24px;
      height: 24px;
      color: #fff;
      border-radius: 2px;
      background: #c0c8cc; }
      .webapp .event-card__move-up:hover, .webapp .event-card__move-down:hover {
        background: #b2bcc1; }
      .webapp .event-card__move-up--disabled, .webapp .event-card__move-down--disabled {
        cursor: not-allowed;
        background: #e6e9eb; }
        .webapp .event-card__move-up--disabled:hover, .webapp .event-card__move-down--disabled:hover {
          background: #e6e9eb; }
      .webapp .event-card__move-up > svg, .webapp .event-card__move-down > svg {
        vertical-align: 1px; }
    .webapp .event-card__move-down {
      margin-left: 2px; }
  @media only screen and (max-width: 940px) {
    .webapp .event-card__move {
      opacity: 1; }
    .webapp .event-card--edit {
      width: 550px; } }
  @media only screen and (max-width: 600px) {
    .webapp .event-card__title {
      margin-left: 10px !important; }
    .webapp .event-card--edit {
      width: 100%; }
      .webapp .event-card--edit > .event-card__footer {
        padding-left: 10px; }
    .webapp .event-card--edit .entry__content,
    .webapp .modal-box__content .entry__content {
      float: left; }
    .webapp .event-card--edit .entry__rest,
    .webapp .modal-box__content .entry__rest {
      float: left;
      clear: none;
      width: auto;
      padding-top: 10px; }
    .webapp .event-card--edit .tooltip,
    .webapp .modal-box__content .tooltip {
      margin-left: 0 !important; } }
  .webapp .app-header {
    height: 72px; }
  .webapp .header {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    left: 0;
    height: 72px;
    background: #f7f8fa;
    font-family: 'InterV_Medium', sans-serif;
    display: flex;
    flex-direction: row;
    padding-left: 30px; }
    .webapp .header__logo {
      position: relative;
      top: 52%;
      transform: translateY(-50%); }
      .webapp .header__logo #logo-large {
        max-width: 80px; }
      .webapp .header__logo .logo__thehutgroup {
        position: relative;
        left: -20px;
        max-width: 145px !important; }
      .webapp .header__logo .logo__type {
        fill: #1a2333; }
      .webapp .header__logo .logo__mark {
        fill: #366cd9; }
        .webapp .header__logo .logo__mark--left {
          fill: #8551cc; }
        .webapp .header__logo .logo__mark--right {
          fill: #30bfbf; }
        .webapp .header__logo .logo__mark--bottom {
          fill: #22a5e6; }
    .webapp .header__tabs {
      padding-left: 30px; }
      .webapp .header__tabs::after {
        display: table;
        clear: both;
        content: ''; }
      .webapp .header__tabs-item {
        font-size: 14px;
        font-weight: 500;
        line-height: 72px;
        margin-right: 20px;
        cursor: pointer;
        transition: all .3s ease;
        border-radius: 0;
        color: #394658; }
        .webapp .header__tabs-item:hover {
          box-shadow: inset 0 -2px 0 #dfe5e8; }
        .webapp .header__tabs-item.active {
          color: #0069FF;
          box-shadow: inset 0 -2px 0 currentColor; }
    .webapp .header__button {
      float: right;
      margin-top: 16px; }
    .webapp .header__nav {
      line-height: 40px;
      position: absolute;
      top: 0;
      right: 30px; }
      .webapp .header__nav-item {
        line-height: 40px;
        float: left;
        margin-top: 16px;
        padding: 0 24px;
        border-right: 1px solid #e1e4e6; }
        .webapp .header__nav-item:nth-last-child(-n + 2) {
          padding-right: 0;
          border-right: 0; }
        .webapp .header__nav-item + .dropdown__menu {
          top: 45px;
          left: 0; }
        .webapp .header__nav-item--color {
          color: #394658; }
      .webapp .header__nav-icon {
        line-height: 40px;
        float: left;
        margin-top: 16px; }
        .webapp .header__nav-icon > a {
          padding: 0 20px; }
      .webapp .header__nav-button {
        float: left;
        margin-top: 16px; }
      .webapp .header__nav-link > .icon-settings,
      .webapp .header__nav-link > .icon-help--fill {
        margin-right: 2px; }
      .webapp .header__nav-link > .icon-arrow--small {
        margin-left: 4px; }
      .webapp .header__nav-link:hover {
        color: black; }
      .webapp .header__nav svg {
        fill: #949899; }
      .webapp .header__nav .btn--primary svg {
        fill: #fff; }
    .webapp .header .notification a:hover svg {
      transition: fill .2s ease;
      fill: #3e3f3f; }
    .webapp .header .notification__button {
      position: relative; }
    .webapp .header .notification__count {
      font-size: 9px;
      line-height: 16px;
      position: absolute;
      top: 0;
      right: -10px;
      width: auto;
      min-width: 20px;
      height: 20px;
      text-align: center;
      color: #fff;
      border: solid 2px #f7f8fa;
      border-radius: 50%;
      background: #0069ff;
      padding: 0 2px 0 2px; }
    .webapp .header-guest > .container-12 {
      position: relative;
      height: 72px; }
    .webapp .header-guest__brand {
      float: left; }
      .webapp .header-guest__brand > h2 {
        line-height: 72px; }
    .webapp .header-guest__logo {
      position: absolute;
      top: 52%;
      left: 0;
      transform: translateY(-50%); }
      .webapp .header-guest__logo .logo {
        max-height: 32px; }
    .webapp .header-guest__account {
      float: right; }
  .webapp .admin-bar {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 72px;
    padding: 16px 0;
    background: #fffef5;
    box-shadow: inset 0 -1px 0 #F0D8A8; }
    .webapp .admin-bar + .header {
      margin-top: 72px; }
    .webapp .admin-bar__body {
      float: left;
      color: #735c2e; }
      .webapp .admin-bar__body h3 {
        position: relative;
        color: #735c2e; }
        .webapp .admin-bar__body h3::before {
          position: absolute;
          top: 2px;
          left: -21px;
          width: 16px;
          height: 16px;
          content: url(/assets/images/icon--warning.svg); }
      .webapp .admin-bar__body span {
        color: #0069FF; }
    .webapp .admin-bar__button {
      float: left;
      margin-top: 4px;
      margin-left: 15px;
      background: #fffef5; }
  .webapp .low-balance-warning {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: auto;
    text-align: center;
    background: #fffef5;
    font-weight: bold;
    padding: 10px; }
    .webapp .low-balance-warning + .header {
      margin-top: 37px; }
  .webapp .responsive-dropdown__trigger {
    background: #fff; }
    .webapp .responsive-dropdown__trigger > .icon-list {
      margin-right: 2px; }
    .webapp .responsive-dropdown__trigger > .icon-close {
      display: none; }
  @media only screen and (max-width: 1420px) {
    .webapp .header {
      padding-left: 0; }
      .webapp .header__logo {
        position: relative;
        top: 0;
        left: 0;
        float: left;
        margin: 20px 0 0 20px;
        transform: none; }
        .webapp .header__logo .logo__thehutgroup {
          left: -10px; }
      .webapp .header__tabs {
        position: relative;
        left: 0;
        float: left;
        width: auto; }
        .webapp .header__tabs-item {
          margin-right: 20px; }
      .webapp .header__nav {
        float: right; }
    .webapp .admin-bar__body h3 {
      text-indent: 21px; }
      .webapp .admin-bar__body h3::before {
        left: -20px; } }
  @media only screen and (max-width: 1056px) {
    .webapp .app-header {
      height: 70px; }
    .webapp .header {
      height: 70px; }
      .webapp .header__logo {
        margin: 15px 0 0 20px; }
        .webapp .header__logo > svg {
          width: 80px; }
      .webapp .header__tabs {
        line-height: 70px; }
      .webapp .header__nav {
        line-height: 40px;
        right: 20px; }
        .webapp .header__nav-item:first-child {
          border-right: 0;
          padding-right: 0; }
        .webapp .header__nav-icon {
          margin-top: 15px;
          padding-right: 0;
          border-right: 0; }
      .webapp .header__tabs-item {
        line-height: 70px; }
      .webapp .header-guest__brand > h2 {
        line-height: 70px; }
    .webapp .responsive-dropdown__menu {
      top: calc(100% + 4px); }
    .webapp .admin-bar {
      position: relative;
      z-index: 0;
      height: auto; }
      .webapp .admin-bar + .header {
        margin-top: 0; }
      .webapp .admin-bar__body {
        float: none; }
      .webapp .admin-bar__button {
        float: none;
        margin-left: 0;
        margin-top: 8px; } }
  @media only screen and (max-width: 600px) {
    .webapp .header__logo {
      margin-left: 10px; }
    .webapp .header__nav {
      right: 10px; }
      .webapp .header__nav-link {
        display: none; }
    .webapp .header .notification {
      display: none; }
    .webapp .responsive-dropdown__trigger.open > .icon-list,
    .webapp .responsive-dropdown__trigger.open > span {
      display: none; }
    .webapp .responsive-dropdown__trigger.open > .icon-close {
      display: block; }
    .webapp .responsive-dropdown__menu {
      position: fixed;
      top: 70px;
      right: 0;
      bottom: 0;
      left: 0;
      overflow: auto;
      width: 100%;
      padding: 0 0 24px;
      text-align: center;
      border: 0;
      border-radius: 0;
      background: #fff;
      box-shadow: none; }
      .webapp .responsive-dropdown__menu .dropdown-list li {
        font-size: 16px;
        line-height: 24px;
        padding: 16px;
        border: 0; }
        .webapp .responsive-dropdown__menu .dropdown-list li:hover {
          background: transparent; }
    .webapp .responsive-dropdown__tabs {
      font-weight: 500;
      margin-bottom: 24px;
      padding-top: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #e1e4e6; }
      .webapp .responsive-dropdown__tabs .selected {
        color: #0069FF;
        background: #f7f8fa;
        box-shadow: inset 0 -2px 0 currentColor; } }
  .webapp .message-box {
    width: 740px;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 15%;
    top: 15%;
    z-index: 10; }
    .webapp .message-box .alert {
      margin-bottom: 0px; }
    @media only screen and (max-width: 940px) {
      .webapp .message-box {
        left: 0px;
        top: 0px; } }
    .webapp .message-box__title {
      color: white;
      font-weight: 400;
      margin-bottom: 8px; }
    .webapp .message-box p {
      color: white; }
      .webapp .message-box p:last-child {
        margin-bottom: 8px; }
    .webapp .message-box .icon-arrow-point {
      position: absolute;
      left: -70px;
      top: -35px;
      fill: #0abfbf; }
  @media only screen and (max-width: 940px) {
    .webapp .message-box {
      width: 100%; }
    .webapp .icon-arrow-point {
      display: none; } }
  .webapp body.modal-open {
    overflow: hidden; }
  .webapp .modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    background: rgba(255, 255, 255, 0.85); }
    .webapp .modal.show {
      display: block; }
    .webapp .modal.modal-large .modal-box {
      margin: 80px auto; }
    .webapp .modal__header {
      background: rgba(0, 0, 0, 0.8);
      width: 100%;
      height: 40px; }
      .webapp .modal__header__close {
        display: flex;
        align-content: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: #252526;
        border-right: 1px solid black; }
        .webapp .modal__header__close > svg {
          fill: white; }
  .webapp .modal-box {
    width: 552px;
    margin: 120px auto;
    border: 1px solid #d3d7d9;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }
    .webapp .modal-box__header {
      padding: 12px 15px 12px 20px;
      border-radius: 4px 4px 0 0;
      background: #f8fafa; }
    .webapp .modal-box__close {
      line-height: 32px;
      color: #949899; }
    .webapp .modal-box__inner {
      padding: 0 20px; }
    .webapp .modal-box__content {
      padding: 32px 0;
      border-top: 1px solid #d3d7d9;
      background: #fff; }
      .webapp .modal-box__content--padding {
        padding-left: 20px;
        padding-right: 20px; }
      .webapp .modal-box__content--margin {
        margin-bottom: 30px; }
    .webapp .modal-box__footer {
      padding: 12px 15px 12px 20px;
      border-radius: 0 0 4px 4px;
      background: #f8fafa; }
    .webapp .modal-box__btn-group {
      text-align: center; }
      .webapp .modal-box__btn-group > .btn--secondary {
        min-width: 100px;
        margin-right: 10px; }
  @media only screen and (max-width: 600px) {
    .webapp .modal-box {
      width: 100%;
      margin: 64px auto; }
      .webapp .modal-box__content {
        padding: 16px 0; }
      .webapp .modal-box__btn-group {
        margin-left: 0; } }
  @media only screen and (max-width: 480px) {
    .webapp .modal-box > .btn, .webapp .modal-box > .upload,
    .webapp .modal-box > .btn-link {
      display: block;
      width: 100%; } }
  @media only screen and (max-width: 480px) {
    .webapp .modal-box__btn-group > .btn, .webapp .modal-box__btn-group > .upload,
    .webapp .modal-box__btn-group > .btn-link {
      display: block;
      width: 100%; }
      .webapp .modal-box__btn-group > .btn:not(:last-child), .webapp .modal-box__btn-group > .upload:not(:last-child),
      .webapp .modal-box__btn-group > .btn-link:not(:last-child) {
        margin-bottom: 8px; } }
  .webapp .page {
    position: relative;
    padding-top: 36px;
    padding-bottom: 80px; }
    .webapp .page::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .page--no-padding {
      min-height: calc(100% - 72px);
      padding-top: 0; }
    .webapp .page__invoice .entry__content {
      max-width: 270px; }
    .webapp .page__invoice .preview-container .order-details__preview {
      max-height: 450px;
      width: 400px; }
      .webapp .page__invoice .preview-container .order-details__preview .loading {
        min-height: 450px !important; }
    .webapp .page__invoice .entry__rest {
      clear: both;
      margin-left: 190px; }
    .webapp .page__aside {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 20px;
      width: 245px;
      padding-top: 40px;
      background: #fafcfd;
      box-shadow: 1px 0 0 #eef1f3; }
      .webapp .page__aside::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -500%;
        width: 500%;
        content: '';
        background: #fafcfd; }
    .webapp .page__main {
      float: right;
      width: 835px;
      padding-top: 40px; }
      .webapp .page__main.iframe {
        float: none;
        padding-top: 0;
        margin: 0 auto; }
    .webapp .page .pb-0 {
      padding-bottom: 0; }
  @media (min-width: 1420px) {
    .webapp .page__aside {
      height: auto;
      min-height: calc(100vh - 72px); } }
  @media only screen and (max-width: 1420px) {
    .webapp .page {
      height: auto;
      padding-bottom: 96px; }
      .webapp .page__invoice .entry__rest {
        margin-left: 190px; }
      .webapp .page__aside {
        position: static;
        width: 100%;
        height: auto;
        background: transparent;
        box-shadow: none; }
        .webapp .page__aside::before {
          display: none; }
      .webapp .page__main {
        float: none;
        width: 100%; } }
  @media only screen and (max-width: 940px) {
    .webapp .page {
      padding-top: 16px;
      padding-bottom: 72px; }
      .webapp .page__invoice .entry__content {
        max-width: 100%; }
      .webapp .page__invoice .entry__rest {
        margin-left: 190px; }
      .webapp .page__invoice .preview-container {
        display: none; }
      .webapp .page__aside {
        padding-top: 16px;
        padding-bottom: 16px; }
      .webapp .page__main {
        padding-top: 24px; } }
  @media only screen and (max-width: 600px) {
    .webapp .page__invoice .entry__rest {
      margin-left: 0; } }
  .webapp .pagination {
    line-height: 32px;
    float: right;
    clear: both; }
  .webapp .pagination-dropdown {
    float: left; }
    .webapp .pagination-dropdown__trigger {
      display: block;
      height: 32px;
      padding-right: 15px;
      padding-left: 15px;
      border-radius: 3px;
      background: #fafcfd;
      box-shadow: inset 0 0 0 1px #d3d7d9;
      transition: all .2s ease; }
      .webapp .pagination-dropdown__trigger > svg {
        margin-left: 8px;
        fill: #949899; }
  .webapp .pagination-btns {
    float: left;
    margin-left: 5px; }
    .webapp .pagination-btns > li {
      float: left;
      margin-left: 8px; }
  .webapp .pagination-btn {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    color: #949899;
    border-radius: 3px;
    background: #fafcfd;
    box-shadow: inset 0 0 0 1px #d3d7d9;
    transition: all .2s ease; }
    .webapp .pagination-btn[disabled] {
      cursor: not-allowed;
      color: #c0c8cc;
      background: #f5f9fa; }
    .webapp .pagination-btn:hover:not([disabled]) {
      background: #fff; }
    .webapp .pagination-btn > svg {
      vertical-align: 1px; }
  .webapp .pagination-input {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    text-align: center; }
  .webapp .pagination-text {
    color: #949899; }
  .webapp .profile-box {
    clear: both;
    width: 550px;
    margin-bottom: 8px;
    padding: 16px 0 8px;
    border: 1px solid #d3d7d9;
    border-radius: 4px;
    background: #fafcfd; }
    .webapp .profile-box__tooltip {
      margin-bottom: 16px;
      margin-left: 190px; }
    .webapp .profile-box__checkbox {
      padding-top: 11px;
      padding-bottom: 11px; }
  @media only screen and (max-width: 600px) {
    .webapp .profile-box {
      width: 100%; }
      .webapp .profile-box__tooltip {
        margin-left: 10px; } }
  .webapp .select {
    position: relative;
    width: 100%;
    height: 40px; }
    .webapp .select__inner {
      position: absolute;
      z-index: 10;
      top: 0;
      right: 0;
      left: 0;
      overflow: hidden;
      border: 1px solid #d3d7d9;
      border-radius: 3px;
      background: #fff; }
      .webapp .select__inner:hover {
        border: 1px solid #c0c6c8; }
    .webapp .select__trigger, .webapp .select__trigger--disabled {
      line-height: 38px;
      position: relative;
      overflow: hidden;
      height: 38px;
      padding: 0 8px 0 15px; }
      .webapp .select__trigger::after, .webapp .select__trigger--disabled::after {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: '';
        cursor: pointer;
        background: transparent; }
      .webapp .select__trigger > .icon-search, .webapp .select__trigger--disabled > .icon-search {
        display: inline-block;
        fill: #c0c8cc; }
      .webapp .select__trigger > input[readonly], .webapp .select__trigger--disabled > input[readonly] {
        width: calc(100% - 40px);
        height: 100%;
        padding: 0 5px; }
      .webapp .select__trigger > .icon-arrow, .webapp .select__trigger--disabled > .icon-arrow {
        display: inline-block;
        transition: transform .2s ease;
        fill: #c0c8cc; }
    .webapp .select__menu {
      display: none;
      border-top: 1px solid #d3d7d9; }
      .webapp .select__menu > .dropdown-select:not(:first-of-type) {
        border-top: 1px solid #adb1b3;
        padding-top: 8px; }
    .webapp .select__message {
      margin: 0 15px;
      padding: 10px;
      color: #949899;
      background-color: #fafcfd;
      border-radius: 3px;
      border: solid 1px #d3d7d9;
      text-align: center;
      font-size: 13px; }
    .webapp .select__input-wrap {
      padding: 8px 15px; }
    .webapp .select__add-btn {
      line-height: 1;
      display: block;
      width: 100%;
      padding: 12px 15px;
      cursor: pointer;
      text-align: left;
      border-top: 1px solid #d3d7d9;
      background: #fafcfd; }
      .webapp .select__add-btn:hover {
        background: #f3f8fa; }
      .webapp .select__add-btn > .icon-plus {
        margin-right: 2px; }
  .webapp .select.open > .select__inner {
    z-index: 9999;
    border-color: #adb1b3;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); }
  .webapp .select.open .icon-arrow {
    transform: rotate(180deg); }
  .webapp .select.open .select__menu {
    display: block; }
  .webapp .select__trigger--disabled {
    background: #fafcfd; }
    .webapp .select__trigger--disabled > input {
      background: #fafcfd; }
    .webapp .select__trigger--disabled::after {
      cursor: not-allowed; }
  .webapp .select--no-icon input[readonly] {
    width: calc(100% - 20px);
    padding-left: 0; }
  .webapp .select--extend.open > .select__inner {
    width: 360px; }
  .webapp .select--open-top .select__inner {
    top: auto;
    bottom: 0;
    transform: rotate(180deg); }
  .webapp .select--open-top .select__trigger, .webapp .select--open-top .select__trigger--disabled {
    transform: rotate(180deg); }
  .webapp .select--open-top .select__menu {
    transform: rotate(180deg);
    border-top: 0; }
  .webapp .services-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px; }
  .webapp .service-card {
    position: relative;
    width: 550px;
    margin-bottom: 20px;
    padding: 12px 15px 20px 43px;
    transition: all .2s ease .1s;
    border: 1px solid #d3d7d9;
    border-radius: 3px; }
    .webapp .service-card::before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 28px;
      content: '';
      transition: all .2s ease .1s;
      border-right: 1px solid #d3d7d9;
      background: #f0f4f5; }
    .webapp .service-card:hover {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.07); }
    .webapp .service-card > .checkbox {
      position: absolute;
      top: 50%;
      left: 5px;
      transform: translateY(-50%); }
    .webapp .service-card.selected {
      border-color: #0069FF;
      background: #fafeff; }
      .webapp .service-card.selected::before {
        border-color: #0069FF;
        background: #0069FF; }
    .webapp .service-card__content > h3 {
      margin-bottom: 4px; }
    .webapp .service-card__content > p {
      line-height: 1.5;
      margin-bottom: 16px; }
  @media only screen and (max-width: 1420px) {
    .webapp .service-card {
      width: 49%; } }
  @media only screen and (max-width: 940px) {
    .webapp .service-card {
      width: 100%; } }
  .webapp .status-card-group {
    position: relative; }
    .webapp .status-card-group::before {
      position: absolute;
      top: 21px;
      bottom: 10px;
      left: -20px;
      width: 2px;
      content: '';
      background: #eef1f3; }
  .webapp .status-card, .webapp .status-card-complete {
    position: relative;
    margin-bottom: 16px;
    border: 1px solid #d3d7d9;
    border-radius: 4px; }
    .webapp .status-card::before, .webapp .status-card-complete::before {
      position: absolute;
      top: 22px;
      left: -25px;
      width: 10px;
      height: 10px;
      content: '';
      border-radius: 50%;
      background: #adb1b3;
      box-shadow: 0 0 0 2px #fff; }
    .webapp .status-card-complete {
      margin-top: 28px;
      margin-bottom: 0;
      border-color: transparent;
      color: #adb1b3; }
      .webapp .status-card-complete::before {
        top: 5px; }
      .webapp .status-card-complete:hover {
        border-color: transparent; }
    .webapp .status-card--completed {
      color: #43bf57; }
      .webapp .status-card--completed::before {
        background-color: #43bf57; }
    .webapp .status-card--approved {
      color: #606466;
      background: #fafcfd;
      border-color: #e1e4e6; }
      .webapp .status-card--approved::before {
        top: 20px;
        left: -28px;
        width: 16px;
        height: 16px;
        content: url("/assets/images/tick.svg");
        background: #fff; }
      .webapp .status-card--approved .status-card__title {
        color: #43bf57; }
    .webapp .status-card--waiting {
      border-color: #0069FF; }
      .webapp .status-card--waiting::before {
        background: #0069FF; }
      .webapp .status-card--waiting .status-card__title {
        color: #252526; }
    .webapp .status-card--closed .status-card__collapse {
      height: 0; }
  .webapp .status-card__title {
    padding: 16px 15px 12px; }
  .webapp .status-card__status {
    color: #adb1b3;
    font-size: 14px;
    font-weight: 400; }
    .webapp .status-card__status--due {
      color: #f07918; }
    .webapp .status-card__status--overdue {
      color: #e64c2e; }
    .webapp .status-card__status--completed {
      color: #43bf57; }
  .webapp .status-card__collapse {
    overflow: hidden; }
  .webapp .status-card__footer {
    padding: 12px 15px;
    border-radius: 0 0 4px 4px;
    background: #f8fafa;
    text-align: center;
    border-top: solid 1px #d3d7d9; }
    .webapp .status-card__footer > .btn-group {
      margin-bottom: 0; }
  .webapp .upload {
    display: block;
    line-height: 30px;
    height: 32px;
    margin-bottom: 5px;
    padding: 0 10px;
    transition: background .2s ease; }
    .webapp .upload.uploaded {
      background: transparent;
      border: none;
      padding: 0;
      line-height: inherit;
      height: auto; }
      .webapp .upload.uploaded:hover {
        background: transparent; }
    .webapp .upload:hover {
      background: #f2f6f6; }
    .webapp .upload__filename,
    .webapp .upload .file {
      float: left;
      overflow: hidden;
      max-width: 90%;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .webapp .upload__filename {
      color: #949899; }
    .webapp .upload__btn .icon-upload {
      margin-left: 3px;
      fill: #949899; }
  @media only screen and (max-width: 600px) {
    .webapp .status-card:first-child, .webapp .status-card-complete:first-child {
      margin-top: 8px; }
    .webapp .status-card__title {
      padding-right: 10px;
      padding-left: 10px; }
    .webapp .upload:first-child {
      margin-top: 8px; }
    .webapp .upload:last-of-type {
      margin-bottom: 16px; } }
  .webapp .sticky-footer-wrap {
    min-height: 80px; }
  .webapp .sticky-footer {
    position: fixed;
    z-index: 2000;
    right: 0;
    left: 0;
    bottom: 0;
    min-height: 80px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #f5f9fa;
    box-shadow: inset 0 2px 0 #eef1f3; }
    .webapp .sticky-footer__btn-group .btn, .webapp .sticky-footer__btn-group .upload {
      margin-right: 10px; }
    .webapp .sticky-footer .dropdown-menu__wrap {
      display: inline-block; }
    .webapp .sticky-footer .order-status {
      line-height: 38px;
      display: inline-block;
      float: right;
      height: 40px; }
      .webapp .sticky-footer .order-status > svg {
        fill: #c0c8cc; }
    .webapp .sticky-footer--push {
      padding-right: 420px; }
  @media only screen and (max-width: 1420px) {
    .webapp .sticky-footer .container-12 {
      max-width: initial;
      width: 100%; }
    .webapp .sticky-footer--push {
      padding-right: 0; } }
  @media only screen and (max-width: 940px) {
    .webapp .sticky-footer__btn-group {
      margin-left: 0; } }
  @media only screen and (max-width: 600px) {
    .webapp .sticky-footer .order-status {
      float: none;
      width: 100%;
      margin: 16px 0 0 0;
      text-align: left;
      text-align: center; } }
  @media only screen and (max-width: 480px) {
    .webapp .sticky-footer {
      position: relative;
      height: auto;
      background: none; }
      .webapp .sticky-footer__btn-group .btn, .webapp .sticky-footer__btn-group .upload,
      .webapp .sticky-footer__btn-group .btn-link,
      .webapp .sticky-footer__btn-group .dropdown-menu__wrap {
        display: block;
        width: 100%;
        text-align: center; }
        .webapp .sticky-footer__btn-group .btn:not(:last-child), .webapp .sticky-footer__btn-group .upload:not(:last-child),
        .webapp .sticky-footer__btn-group .btn-link:not(:last-child),
        .webapp .sticky-footer__btn-group .dropdown-menu__wrap:not(:last-child) {
          margin-bottom: 8px; }
      .webapp .sticky-footer .dropdown-menu__wrap .dropdown__menu {
        width: 100%; } }
  .webapp .table-title {
    margin-bottom: 16px; }
    .webapp .table-title--has-btn {
      line-height: 40px; }
      .webapp .table-title--has-btn > .dropdown__trigger, .webapp .table-title--has-btn > .dropdown__trigger--disabled {
        display: inline-block;
        cursor: pointer; }
        .webapp .table-title--has-btn > .dropdown__trigger > svg, .webapp .table-title--has-btn > .dropdown__trigger--disabled > svg {
          vertical-align: middle;
          color: #949899; }
      .webapp .table-title--has-btn + .dropdown__menu {
        top: calc(100% - 5px); }
  .webapp .table-wrap-double {
    position: relative;
    display: flex;
    justify-content: space-between; }
    .webapp .table-wrap-double table {
      width: 45%;
      position: relative;
      margin-top: 0; }
      .webapp .table-wrap-double table caption {
        display: block;
        margin-bottom: 8px;
        background-color: white;
        text-align: left;
        padding-bottom: 4px; }
      .webapp .table-wrap-double table .caption-btn {
        position: absolute;
        right: 0;
        top: 10px; }
      .webapp .table-wrap-double table .btn-plus {
        line-height: 28px;
        height: 30px; }
      .webapp .table-wrap-double table .text--link, .webapp .table-wrap-double table .header-guest__account a, .webapp .header-guest__account .table-wrap-double table a, .webapp .table-wrap-double table .tooltip--inform a, .webapp .tooltip--inform .table-wrap-double table a, .webapp.guest__message-box .table-wrap-double table a {
        text-decoration: underline;
        font-weight: 500;
        cursor: pointer; }
      @media only screen and (max-width: 940px) {
        .webapp .table-wrap-double table {
          width: 100%;
          margin-top: 24px; } }
    @media only screen and (max-width: 940px) {
      .webapp .table-wrap-double {
        display: block; } }
  .webapp .table-actions {
    margin-bottom: 16px; }
    .webapp .table-actions__filter {
      float: left;
      margin-left: 8px; }
      .webapp .table-actions__filter .dropdown__menu {
        top: calc(100% + 8px); }
      .webapp .table-actions__filter .icon-dropdown-list {
        margin-left: 8px; }
    .webapp .table-actions__search {
      position: relative;
      float: left;
      width: 265px;
      margin-left: 15px; }
      .webapp .table-actions__search > input {
        padding-right: 42px; }
        .webapp .table-actions__search > input:focus + svg {
          fill: #0069FF; }
      .webapp .table-actions__search > svg {
        position: absolute;
        top: 12px;
        right: 15px;
        fill: #c0c8cc; }
  .webapp .table-wrap {
    overflow: auto;
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 8px;
    background: radial-gradient(at left, rgba(100, 100, 100, 0.3), transparent 70%), radial-gradient(at right, rgba(100, 100, 100, 0.3), transparent 70%) right;
    background-repeat: no-repeat;
    background-attachment: scroll, scroll;
    background-position: 0 48px, 100% 48px;
    background-size: 10px calc(100% - 48px), 10px calc(100% - 48px);
    -webkit-overflow-scrolling: touch; }
    .webapp .table-wrap .tablesort-sortable {
      cursor: pointer; }
    @media (min-width: 1119px) {
      .webapp .table-wrap {
        background: none; } }
    .webapp .table-wrap.table-placeholder {
      position: relative;
      background: none; }
      .webapp .table-wrap.table-placeholder > table {
        overflow: hidden;
        pointer-events: none;
        opacity: 0.3; }
    .webapp .table-wrap:not(.table-placeholder) > table {
      background: linear-gradient(to right, white, white), linear-gradient(to right, white, white) right;
      background-repeat: no-repeat;
      background-attachment: local, local;
      background-size: 30px 100%, 30px 100%; }
      .webapp .table-wrap:not(.table-placeholder) > table .table-dropdown {
        padding-left: 0; }
        .webapp .table-wrap:not(.table-placeholder) > table .table-dropdown .dropdown__trigger, .webapp .table-wrap:not(.table-placeholder) > table .table-dropdown .dropdown__trigger--disabled {
          padding-right: 20px;
          text-align: right; }
        .webapp .table-wrap:not(.table-placeholder) > table .table-dropdown .dropdown__menu {
          position: fixed; }
  .webapp .table-row--editale {
    background: #fafcfd; }
    .webapp .table-row--editale td {
      padding-right: 5px;
      padding-left: 5px; }
      .webapp .table-row--editale td:last-child {
        padding-right: 10px;
        text-align: right; }
      .webapp .table-row--editale td.td-edit-checkbox {
        padding-left: 20px; }
    .webapp .table-row--editale .btn-group {
      margin: 0; }
  .webapp .table-cell--color {
    color: #394658; }
  .webapp .table-cell--date-color {
    color: #53647c; }
  .webapp .table-cell--currency {
    font-size: 11px;
    color: #53647c; }
  .webapp .table-cell--status > .status > span {
    color: #949899; }
  .webapp .table-cell__dropdown .dropdown__trigger, .webapp .table-cell__dropdown .dropdown__trigger--disabled {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    text-align: right;
    color: #c0c8cc; }
    .webapp .table-cell__dropdown .dropdown__trigger:hover, .webapp .table-cell__dropdown .dropdown__trigger--disabled:hover {
      color: #606466; }
  .webapp .table-cell__dropdown.open .dropdown__trigger, .webapp .table-cell__dropdown.open .dropdown__trigger--disabled {
    color: #606466; }
  .webapp .table-cell__menu-list {
    display: flex;
    visibility: hidden;
    flex-wrap: nowrap;
    justify-content: flex-end;
    height: 100%;
    transition: 0.2s .3s;
    /* delay of .5 seconds on hover off */
    opacity: 0; }
    .webapp .table-cell__menu-list .menu-list__item + .menu-list__item {
      margin-left: 8px;
      padding-left: 7px;
      border-left: 1px solid #e1e4e6; }
    .webapp .table-cell__menu-list .menu-list__item button > svg {
      fill: #949899; }
    .webapp .table-cell__menu-list .menu-list__item--delete {
      color: #e64c2e; }
      .webapp .table-cell__menu-list .menu-list__item--delete button > svg {
        fill: #e64c2e; }
  .webapp .clickable-tbody > tr {
    cursor: pointer; }
    .webapp .clickable-tbody > tr:hover {
      background: #fafcfd; }
  @media only screen and (max-width: 940px) {
    .webapp .table-actions__search {
      width: 170px; }
    .webapp .table-actions__more {
      display: none; }
    .webapp .clickable-tbody > tr {
      cursor: default; }
      .webapp .clickable-tbody > tr:hover {
        background: transparent; } }
  @media only screen and (max-width: 600px) {
    .webapp .table-actions > .left:not(:only-child) {
      width: 100%;
      margin-bottom: 8px; }
      .webapp .table-actions > .left:not(:only-child) > button {
        width: 100%; }
    .webapp .table-actions > .right, .webapp .table-actions > .left {
      float: none; }
    .webapp .table-actions__filter {
      float: none;
      width: 100%;
      margin: 0 0 8px 0; }
      .webapp .table-actions__filter > button {
        width: 100%; }
      .webapp .table-actions__filter > .dropdown__menu {
        right: 0;
        left: auto;
        width: 100%; }
      .webapp .table-actions__filter--btn {
        position: absolute;
        top: 0;
        width: auto; }
        .webapp .table-actions__filter--btn > .dropdown__trigger, .webapp .table-actions__filter--btn > .dropdown__trigger--disabled {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px;
          padding: 0;
          background: #FFF; }
          .webapp .table-actions__filter--btn > .dropdown__trigger > span, .webapp .table-actions__filter--btn > .dropdown__trigger--disabled > span {
            display: none; }
          .webapp .table-actions__filter--btn > .dropdown__trigger > svg, .webapp .table-actions__filter--btn > .dropdown__trigger--disabled > svg {
            margin: 0; }
        .webapp .table-actions__filter--btn > .dropdown__menu {
          top: calc(100% + 5px);
          width: 240px; }
      .webapp .table-actions__filter--btn-1 {
        right: 0; }
      .webapp .table-actions__filter--btn-2 {
        right: 0; }
    .webapp .table-actions__search {
      clear: both;
      width: 100%;
      margin: 0; } }
  .webapp .tooltip {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #949899; }
    .webapp .tooltip > svg {
      fill: #c0c8cc;
      margin-right: 2px; }
    .webapp .tooltip > span {
      line-height: 1.3;
      cursor: default; }
    .webapp .tooltip--no-text {
      cursor: pointer;
      line-height: 16px; }
      .webapp .tooltip--no-text::before {
        left: -10px !important; }
      .webapp .tooltip--no-text::after {
        left: 1px !important; }
    .webapp .tooltip--text {
      margin-top: 8px; }
    .webapp .tooltip--inform {
      color: #3e3f3f; }
    .webapp .tooltip--message {
      position: relative;
      z-index: 100; }
      .webapp .tooltip--message::before {
        visibility: hidden;
        transition: all .25s ease;
        opacity: 0;
        line-height: 16px;
        position: absolute;
        bottom: calc(100% + 8px);
        left: 8px;
        width: 230px;
        padding: 15px;
        content: attr(data-message);
        text-align: left;
        color: #fff;
        border-radius: 3px;
        background: #949899; }
      .webapp .tooltip--message::after {
        visibility: hidden;
        transition: all .25s ease;
        opacity: 0;
        position: absolute;
        top: -8px;
        left: 25px;
        width: 0;
        height: 0;
        content: '';
        border-top: 6px solid #949899;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent; }
      .webapp .tooltip--message__copy-link::before {
        max-width: 80px;
        left: 50%;
        margin-left: -40px;
        text-align: center;
        padding: 7.5px; }
      .webapp .tooltip--message__copy-link::after {
        left: 50%;
        margin-left: -6px; }
      .webapp .tooltip--message:hover::before, .webapp .tooltip--message:hover::after {
        visibility: visible;
        opacity: 1; }
      .webapp .tooltip--message > span {
        border-bottom: 1px solid #e1e4e6; }
    .webapp .tooltip--underline {
      border-bottom: 1px solid #e1e4e6; }
  .webapp .btn.tooltip--message > span, .webapp .tooltip--message.upload > span {
    border: none; }
  .webapp .tooltip-title {
    position: relative; }
  .webapp .tooltip-title:hover .tooltip-text {
    visibility: visible; }
  .webapp .tooltip-title .tooltip-text {
    visibility: hidden;
    width: auto;
    background-color: #949899;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 4%; }
  .webapp .tooltip-title .tooltip-large-text {
    left: 0%;
    right: 10%; }
  .webapp .cookies-box {
    padding: 15px;
    border-radius: 3px;
    position: fixed;
    width: 320px;
    background: #f5f9fa;
    border: solid 1px #ddebee;
    z-index: 10000;
    bottom: 10px;
    left: 10px; }
    .webapp .cookies-box__button {
      position: relative;
      float: right;
      margin-left: 20px;
      line-height: 32px;
      padding: 0 10px;
      text-transform: uppercase;
      letter-spacing: 1px; }
    .webapp .cookies-box__content {
      color: #949899; }
      .webapp .cookies-box__content a {
        color: #0069FF; }
        .webapp .cookies-box__content a:hover {
          color: #004AB3; }
    @media only screen and (max-width: 940px) {
      .webapp .cookies-box {
        left: 0px;
        bottom: 0px;
        width: 100%;
        border-radius: 0px;
        border: none; } }
  .webapp .line-items {
    margin-top: 24px;
    border-collapse: separate; }
    .webapp .line-items.table-wrap {
      margin-bottom: 0;
      padding-bottom: 0; }
    .webapp .line-items .th-align--right,
    .webapp .line-items .td-align--right {
      padding: 0 20px 0 0;
      text-align: right; }
    .webapp .line-items thead th:last-child {
      padding: 0 20px 0 0;
      text-align: right; }
    .webapp .line-items__full-tr {
      vertical-align: top;
      border-bottom: 0; }
      .webapp .line-items__full-tr > td {
        padding-bottom: 16px; }
      .webapp .line-items__full-tr:first-child > td {
        padding-top: 16px; }
      .webapp .line-items__full-tr + .line-items__half-tr {
        border-bottom: 0; }
    .webapp .line-items__half-tr {
      height: 56px;
      vertical-align: middle; }
      .webapp .line-items__half-tr:nth-last-child(2), .webapp .line-items__half-tr:last-child {
        border-bottom: 0; }
      .webapp .line-items__half-tr > td:not(.line-items__add-new-line) {
        padding-top: 8px;
        padding-bottom: 8px; }
    .webapp .line-items__spacer {
      height: auto;
      border-bottom: 0; }
    .webapp .line-items__totals {
      height: 32px;
      vertical-align: middle;
      border-bottom: 0; }
      .webapp .line-items__totals td {
        padding: 0 20px 0 0;
        text-align: right; }
    .webapp .line-items__amount-total {
      height: 48px; }
    .webapp .line-items__add-new-line {
      padding-top: 20px;
      vertical-align: top; }
    .webapp .line-items__header-td-top {
      font-weight: 500;
      background: #f3fbff;
      box-shadow: 0 1px 0 0 #e9ecf0; }
    .webapp .line-items__header-td-bottom {
      font-weight: 500;
      background: #f3fbff;
      box-shadow: 0 -1px 0 0 #a1cfe6; }
    .webapp .line-items__textarea {
      height: 80px; }
    .webapp .line-items__input-help {
      display: block;
      margin-top: 4px; }
      .webapp .line-items__input-help--right {
        text-align: right; }
    .webapp .line-items__amount-input {
      padding: 0 20px 0 0;
      text-align: right;
      border: 0;
      background: transparent; }
      .webapp .line-items__amount-input--bold {
        font-weight: 500; }
        .webapp .line-items__amount-input--bold::placeholder {
          font-weight: 400; }
      .webapp .line-items__amount-input + .line-items__input-help {
        padding: 0 20px 0 0;
        text-align: right; }
    .webapp .line-items__discount-tr {
      vertical-align: top; }
    .webapp .line-items__add-discount-btn {
      display: block;
      width: 100%;
      padding: 0; }
    .webapp .line-items__dropdown > .dropdown__trigger, .webapp .line-items__dropdown > .dropdown__trigger--disabled {
      line-height: 40px; }
      .webapp .line-items__dropdown > .dropdown__trigger > .icon-arrow--small, .webapp .line-items__dropdown > .dropdown__trigger--disabled > .icon-arrow--small {
        margin-left: 5px; }
  .webapp .line-items__delete-btn-wrap {
    position: relative; }
  .webapp .line-items__delete-btn {
    position: absolute;
    z-index: 10;
    left: -30px;
    color: #e64c2e; }
    .webapp .line-items__delete-btn > span {
      display: none; }
    .webapp .line-items__delete-btn:hover {
      opacity: .8; }
  .webapp .line-items__full-tr .line-items__delete-btn {
    top: 8px; }
  .webapp .line-items__half-tr .line-items__delete-btn {
    top: 12px; }
  .webapp .line-search-item {
    position: relative; }
    .webapp .line-search-item__dropdown {
      position: absolute;
      z-index: 100;
      top: 100%;
      right: 0;
      left: 0;
      overflow-y: auto;
      margin-top: 8px;
      padding: 8px 0;
      border: 1px solid #d3d7d9;
      border-radius: 3px;
      background: #fff;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); }
    .webapp .line-search-item__entry {
      font-size: 14px;
      line-height: 20px;
      padding: 8px 20px;
      color: #4a4c4c; }
      .webapp .line-search-item__entry:not(:last-child) {
        border-bottom: 1px solid #e1e4e6; }
      .webapp .line-search-item__entry:hover {
        background: #fafcfd;
        cursor: pointer; }
    .webapp .line-search-item__name {
      font-weight: 500; }
    .webapp .line-search-item__ref {
      font-size: 13px; }
  @media (min-width: 1201px) {
    .webapp .line-items {
      overflow: visible !important; } }
  @media (max-width: 1200px) {
    .webapp .line-items__delete-btn {
      position: static;
      display: block;
      margin-top: 8px;
      padding: 0 !important; }
      .webapp .line-items__delete-btn > span {
        display: inline; } }
  .webapp datepicker a, .webapp [datepicker] a, .webapp .datepicker a {
    color: inherit;
    text-decoration: none; }
  .webapp datepicker a:hover, .webapp [datepicker] a:hover, .webapp .datepicker a:hover {
    text-decoration: none; }
  .webapp datepicker select {
    width: 100%;
    overflow: hidden;
    background: none;
    color: #fff;
    background-color: #0069FF;
    border-radius: 2px;
    border: 0;
    margin-top: 5px; }
    .webapp datepicker select:focus, .webapp datepicker select:hover {
      width: 100%;
      overflow: hidden;
      background: none;
      color: #fff;
      background-color: #0069FF;
      border-radius: 2px;
      border: 0;
      margin-top: 5px; }
  .webapp .datepicker select {
    width: 100%;
    overflow: hidden;
    background: none;
    color: #fff;
    background-color: #0069FF;
    border-radius: 2px;
    border: 0;
    margin-top: 5px; }
    .webapp .datepicker select:focus, .webapp .datepicker select:hover {
      width: 100%;
      overflow: hidden;
      background: none;
      color: #fff;
      background-color: #0069FF;
      border-radius: 2px;
      border: 0;
      margin-top: 5px; }
  .webapp [datepicker] select {
    width: 100%;
    overflow: hidden;
    background: none;
    color: #fff;
    background-color: #0069FF;
    border-radius: 2px;
    border: 0;
    margin-top: 5px; }
    .webapp [datepicker] select:focus, .webapp [datepicker] select:hover {
      width: 100%;
      overflow: hidden;
      background: none;
      color: #fff;
      background-color: #0069FF;
      border-radius: 2px;
      border: 0;
      margin-top: 5px; }
  .webapp datepicker, .webapp .datepicker, .webapp [datepicker], .webapp ._720kb-datepicker-calendar-header, .webapp ._720kb-datepicker-calendar-body, .webapp ._720kb-datepicker-calendar-days-header, .webapp ._720kb-datepicker-calendar-years-pagination-pages {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    float: left;
    clear: right;
    position: relative; }
  .webapp ._720kb-datepicker-calendar {
    background: white;
    color: #3e3f3f;
    position: absolute;
    z-index: 999;
    min-width: 220px;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0 0 1px #0069FF inset;
    display: none;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 8px; }
    .webapp ._720kb-datepicker-calendar._720kb-datepicker-open, .webapp ._720kb-datepicker-calendar._720kb-datepicker-forced-to-open {
      display: block; }
  .webapp ._720kb-datepicker-calendar-header {
    text-align: center;
    line-height: 40px; }
    .webapp ._720kb-datepicker-calendar-header:nth-child(odd) {
      background: #0069FF; }
    .webapp ._720kb-datepicker-calendar-header:nth-child(even) {
      background: #f3fbff;
      box-shadow: 1px 0 0 0 #0069FF inset, -1px 0 0 0 #0069FF inset; }
  .webapp ._720kb-datepicker-calendar-header-left, .webapp ._720kb-datepicker-calendar-header-middle, .webapp ._720kb-datepicker-calendar-header-right {
    width: 15%;
    float: left; }
  .webapp ._720kb-datepicker-calendar-header-middle {
    width: 70%; }
  .webapp ._720kb-datepicker-calendar-header-closed-pagination::after {
    content: " \25BE"; }
  .webapp ._720kb-datepicker-calendar-header-opened-pagination::after {
    content: " \25BE";
    margin-left: 4px;
    position: relative;
    bottom: -3px;
    display: inline-block;
    transform: rotate(180deg); }
  .webapp ._720kb-datepicker-calendar-body {
    width: 96%;
    margin: 2%;
    text-align: center; }
  .webapp ._720kb-datepicker-calendar-day {
    cursor: pointer;
    font-size: 12px;
    width: 12.2%;
    margin: 5px 1%;
    padding: 1.5% 0;
    float: left;
    border-radius: 2px; }
    .webapp ._720kb-datepicker-calendar-day._720kb-datepicker-active {
      background: #0069FF;
      color: #ffffff; }
    .webapp ._720kb-datepicker-calendar-day:hover {
      background: #E3F7FC;
      color: #0069FF; }
  .webapp ._720kb-datepicker-calendar-header a {
    text-decoration: none;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 500;
    border-radius: 3px; }
    .webapp ._720kb-datepicker-calendar-header a > svg {
      fill: rgba(0, 0, 0, 0.3); }
    .webapp ._720kb-datepicker-calendar-header a:hover {
      color: #0069FF; }
  .webapp ._720kb-datepicker-calendar-month {
    color: #fff; }
    .webapp ._720kb-datepicker-calendar-month span {
      font-size: 12px;
      color: #E3F7FC; }
    .webapp ._720kb-datepicker-calendar-month a {
      padding: 4px 8px;
      margin-left: 1%;
      background: rgba(0, 0, 0, 0.1);
      border-radius: 3px; }
      .webapp ._720kb-datepicker-calendar-month a span i {
        font-style: normal;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.3); }
      .webapp ._720kb-datepicker-calendar-month a:hover {
        color: rgba(0, 0, 0, 0.5); }
  .webapp ._720kb-datepicker-calendar-years-pagination {
    padding: 2% 0 0 0;
    float: left;
    clear: right;
    width: 100%; }
    .webapp ._720kb-datepicker-calendar-years-pagination a {
      font-size: 12px;
      padding: 0 7px;
      font-weight: normal;
      margin: 3px 1% 0 1%;
      line-height: 20px;
      display: inline-block; }
      .webapp ._720kb-datepicker-calendar-years-pagination a:hover {
        font-size: 12px;
        padding: 0 7px;
        font-weight: normal;
        margin: 3px 1% 0 1%;
        line-height: 20px;
        display: inline-block; }
      .webapp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active {
        color: #ffffff;
        font-weight: 500;
        background: #0069FF; }
  .webapp ._720kb-datepicker-calendar-years-pagination-pages a {
    padding: 5px 10px; }
    .webapp ._720kb-datepicker-calendar-years-pagination-pages a:hover {
      padding: 5px 10px; }
  .webapp ._720kb-datepicker-calendar-days-header {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2% 0 2%;
    background: #E3F7FC;
    box-shadow: 1px 0 0 0 #0069FF inset, -1px 0 0 0 #0069FF inset; }
    .webapp ._720kb-datepicker-calendar-days-header div {
      width: 14.18%;
      font-weight: 500;
      font-size: 12px;
      padding: 10px 0;
      float: left;
      text-align: center;
      color: #3e3f3f; }
  .webapp ._720kb-datepicker-calendar-days ._720kb-datepicker-default-button {
    font-size: 18.5px;
    position: relative;
    bottom: -0.5px; }
  .webapp ._720kb-datepicker-default-button {
    padding: 0 4.5px; }
  .webapp ._720kb-datepicker-calendar-header-middle._720kb-datepicker-mobile-item {
    width: 95%;
    float: none;
    margin: 0 auto; }
  .webapp ._720kb-datepicker-item-hidden {
    visibility: hidden; }
  .webapp ._720kb-datepicker-calendar-day._720kb-datepicker-disabled {
    color: #949899;
    background: #f5f9fa;
    cursor: default; }
    .webapp ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover {
      background: #e4eff2;
      cursor: default; }
  .webapp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled, .webapp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled {
    color: #949899;
    background: #f5f9fa;
    cursor: default; }
    .webapp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover, .webapp ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
      background: #e4eff2;
      cursor: default; }
  .webapp .share-dropdown__trigger {
    margin-right: 10px; }
  .webapp .share-dropdown__menu {
    width: 400px;
    padding: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07); }
  .webapp .share-dropdown__top {
    position: relative; }
  .webapp .share-dropdown__close {
    line-height: 1;
    position: absolute;
    z-index: 10;
    top: 15px;
    right: 15px;
    padding: 5px;
    background: transparent; }
    .webapp .share-dropdown__close > svg {
      position: relative;
      z-index: -1; }
  .webapp .share-dropdown__content {
    perspective: 1000px; }
  .webapp .share-dropdown__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    padding-right: 20px;
    color: #3e3f40; }
  .webapp .share-dropdown__input-block {
    margin-bottom: 8px; }
    .webapp .share-dropdown__input-block > .input-block__input {
      border-right: 0; }
  .webapp .share-dropdown__link {
    color: #949799; }
    .webapp .share-dropdown__link--active {
      color: #0069FF; }
  .webapp .share-dropdown__bottom {
    overflow: hidden;
    padding: 4px 20px;
    border-top: 1px solid #e1e4e6;
    border-radius: 0 0 3px 3px;
    background: #fafcfd; }
    .webapp .share-dropdown__bottom > :first-child {
      float: left; }
    .webapp .share-dropdown__bottom > :last-child {
      float: right; }
  .webapp .share-dropdown__flip {
    position: relative;
    transition: transform .4s ease-in-out;
    transform-style: preserve-3d; }
    .webapp .share-dropdown__flip.flip {
      transform: rotateY(180deg) translateZ(0); }
  .webapp .share-dropdown__screen-1 {
    position: relative;
    z-index: 1;
    height: 140px;
    padding: 20px 20px 0;
    backface-visibility: hidden; }
  .webapp .share-dropdown__screen-2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 20px 20px 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; }
  @media only screen and (max-width: 1056px) {
    .webapp .share-dropdown {
      display: none; } }

@-moz-document url-prefix() {
  .webapp .share-dropdown__flip {
    backface-visibility: hidden; } }
  .webapp .sidebar-message {
    position: fixed;
    z-index: 1000;
    top: 80px;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
    max-width: 400px;
    padding-bottom: 80px;
    border-left: 1px solid #d3d7d9;
    background: #fff; }
    .webapp .sidebar-message__body {
      display: flex;
      flex-direction: column;
      height: 100%; }
    .webapp .sidebar-message__close {
      position: absolute;
      top: 12px;
      left: -52px;
      display: none;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      cursor: pointer;
      color: #fff;
      border-radius: 3px;
      background: #909699;
      box-shadow: inset 0 0 0 1px #888B8C; }
      .webapp .sidebar-message__close > span {
        display: none; }
      .webapp .sidebar-message__close:hover {
        background: #767d80; }
    .webapp .sidebar-message-trigger {
      font-size: 14px;
      line-height: 38px;
      display: none;
      margin-left: 16px; }
      .webapp .sidebar-message-trigger--edit-order {
        margin-top: -3px; }
    .webapp .sidebar-message__tabs {
      display: flex;
      flex: none;
      justify-content: space-between;
      height: 56px;
      padding-right: 20px;
      padding-left: 20px;
      box-shadow: inset 0 -1px 0 #E1E4E6; }
    .webapp .sidebar-message__tab {
      font-size: 14px;
      font-weight: 500;
      display: flex;
      align-items: center;
      cursor: pointer;
      color: #636566; }
      .webapp .sidebar-message__tab.active {
        color: #0069FF;
        box-shadow: inset 0 -2px 0 #0069FF; }
    .webapp .sidebar-message__panes {
      overflow: auto;
      flex: 1;
      -webkit-overflow-scrolling: touch; }
    .webapp .sidebar-message__pane {
      display: none;
      padding: 16px 20px; }
      .webapp .sidebar-message__pane-members {
        padding: 16px 0; }
      .webapp .sidebar-message__pane.show {
        display: block; }
  .webapp .message-notifications {
    position: relative;
    padding-left: 4px; }
    .webapp .message-notifications::before {
      position: absolute;
      top: 8px;
      bottom: 24px;
      width: 2px;
      content: '';
      background: #E1E4E6; }
  .webapp .message-notification {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px; }
    .webapp .message-notification::before {
      position: absolute;
      z-index: 2;
      top: 4px;
      left: -4px;
      width: 10px;
      height: 10px;
      content: '';
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 0 1px #F6F9FA; }
    .webapp .message-notification--waiting {
      position: relative;
      margin-top: 20px;
      margin-bottom: 40px;
      color: #73481D; }
      .webapp .message-notification--waiting::after {
        position: absolute;
        z-index: 0;
        top: -20px;
        right: -10px;
        bottom: -20px;
        left: -15px;
        content: '';
        border-radius: 3px;
        background: #fff;
        box-shadow: inset 0 0 0 1px #0069FF; }
    .webapp .message-notification--completed {
      color: #0069FF; }
    .webapp .message-notification--approved {
      color: #1F6666; }
    .webapp .message-notification--new-order {
      color: #3E3F40; }
      .webapp .message-notification--new-order::before {
        background: #C0C8CC; }
    .webapp .message-notification > strong {
      font-size: 14px;
      line-height: 16px;
      position: relative;
      z-index: 2;
      display: block;
      color: currentColor; }
    .webapp .message-notification > time {
      font-size: 12px;
      line-height: 16px;
      display: block;
      margin-top: 4px;
      text-transform: uppercase;
      color: #949799; }
  .webapp .members-section {
    padding: 0 20px 16px;
    border-bottom: 1px solid #d3d7d9; }
    .webapp .members-section + .members-section {
      padding-top: 16px; }
    .webapp .members-section__invite {
      display: block;
      width: 100%;
      margin-top: 32px; }
  .webapp .members-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #252526; }
    .webapp .members-title > small {
      font-size: 14px; }
  .webapp .members-message {
    margin-bottom: 16px; }
    .webapp .members-message .tooltip {
      display: block;
      margin-bottom: 16px; }
  .webapp .member {
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .webapp .member:last-child {
      margin-bottom: 0; }
    .webapp .member__avatar {
      align-self: center;
      flex: none;
      margin-right: 10px; }
      .webapp .member__avatar-user {
        font-size: 12px;
        line-height: 32px;
        width: 32px;
        height: 32px;
        padding-left: 1px;
        text-align: center;
        letter-spacing: .5px;
        color: #fff;
        border-radius: 50%;
        background: #949899; }
      .webapp .member__avatar-state {
        position: relative; }
        .webapp .member__avatar-state::before {
          position: absolute;
          z-index: 1;
          top: -2px;
          right: -2px;
          width: 10px;
          height: 10px;
          content: '';
          border-radius: 50%;
          background: #73481D;
          box-shadow: 0 0 0 2px #F6F9FA; }
      .webapp .member__avatar-img {
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #C0C8CC; }
    .webapp .member__details {
      font-size: 14px;
      line-height: 20px;
      display: flex;
      flex: 1;
      flex-wrap: wrap; }
    .webapp .member__name {
      color: #3e3f3f; }
    .webapp .member__approved-state {
      font-size: 12px;
      margin-left: .5em;
      color: #1F6666; }
    .webapp .member__email {
      flex-basis: 100%;
      color: #939799; }
    .webapp .member__date {
      font-size: 12px;
      line-height: 20px;
      flex: none;
      text-transform: uppercase;
      color: #949899; }
    .webapp .member__order {
      font-size: 11px;
      display: flex;
      align-items: center;
      align-self: center;
      flex: none;
      justify-content: center;
      width: 24px;
      height: 24px;
      color: #636566;
      border-radius: 50%;
      background: #fff;
      box-shadow: inset 0 0 0 1px #D2D7D9; }
  .webapp .member--approved .member__avatar-state::before {
    top: -5px;
    right: -5px;
    width: 16px;
    height: 16px;
    background: url("/assets/images/tick.svg"); }
  .webapp .member--approved .member__avatar-user {
    background: #a15ce6; }
  .webapp .member--approved .member__avatar.member--me .member__avatar-user {
    background: #0069ff; }
  .webapp .comment__user.avatar__color--1, .webapp .comment__user.avatar__color--6, .webapp .comment__user.avatar__color--11,
  .webapp .member--approved .member__avatar-user.avatar__color--1,
  .webapp .member--approved .member__avatar-user.avatar__color--6,
  .webapp .member--approved .member__avatar-user.avatar__color--11 {
    background: #0069FF; }
  .webapp .comment__user.avatar__color--2, .webapp .comment__user.avatar__color--7, .webapp .comment__user.avatar__color--12,
  .webapp .member--approved .member__avatar-user.avatar__color--2,
  .webapp .member--approved .member__avatar-user.avatar__color--7,
  .webapp .member--approved .member__avatar-user.avatar__color--12 {
    background: #a15ce6; }
  .webapp .comment__user.avatar__color--3, .webapp .comment__user.avatar__color--8, .webapp .comment__user.avatar__color--13,
  .webapp .member--approved .member__avatar-user.avatar__color--3,
  .webapp .member--approved .member__avatar-user.avatar__color--8,
  .webapp .member--approved .member__avatar-user.avatar__color--13 {
    background: #366cd9; }
  .webapp .comment__user.avatar__color--4, .webapp .comment__user.avatar__color--9, .webapp .comment__user.avatar__color--14,
  .webapp .member--approved .member__avatar-user.avatar__color--4,
  .webapp .member--approved .member__avatar-user.avatar__color--9,
  .webapp .member--approved .member__avatar-user.avatar__color--14 {
    background: #ffcd67; }
  .webapp .comment__user.avatar__color--5, .webapp .comment__user.avatar__color--10, .webapp .comment__user.avatar__color--15,
  .webapp .member--approved .member__avatar-user.avatar__color--5,
  .webapp .member--approved .member__avatar-user.avatar__color--10,
  .webapp .member--approved .member__avatar-user.avatar__color--15 {
    background: #43bf57; }
  .webapp .comment {
    display: flex;
    margin-bottom: 16px; }
    .webapp .comment__user {
      font-size: 11px;
      line-height: 24px;
      flex: none;
      width: 24px;
      height: 24px;
      margin-top: 8px;
      margin-right: 10px;
      padding-left: 1px;
      text-align: center;
      letter-spacing: .5px;
      color: #fff;
      border-radius: 50%;
      background: #a15ce6; }
    .webapp .comment__body {
      flex: 1; }
    .webapp .comment__box {
      font-size: 14px;
      line-height: 20px;
      padding: 9px 15px 11px;
      color: #3E3F40;
      border: 1px solid #e1e4e6;
      border-radius: 3px;
      background: #fff; }
      .webapp .comment__box:not(:last-child) {
        margin-bottom: 4px; }
    .webapp .comment--me {
      flex-direction: row-reverse; }
      .webapp .comment--me .comment__user {
        margin-right: 0;
        margin-left: 10px;
        background: #0069ff; }
      .webapp .comment--me .comment__box {
        border-color: #A1CFE6;
        background: #F2FBFF; }
    .webapp .comment--public .comment__box {
      border-color: #F0E0C0;
      background: #FFFDF5; }
    .webapp .comment__more-actions {
      display: inline-block;
      float: right; }
    .webapp .comment__more-icon {
      transform: rotate(90deg);
      fill: #949899; }
    .webapp .comment__actions-menu {
      top: 23px;
      width: 112px; }
    .webapp .comment__actions-btn {
      padding-left: 16px; }
    .webapp .comment__edit-input {
      resize: none;
      padding: 8px; }
    .webapp .comment__edit-buttons {
      margin-top: 4px; }
    .webapp .comment__error {
      margin-top: 0px; }
    .webapp .comment__user-list {
      max-height: 144px;
      border: 1px solid #d3d7d9;
      border-top: 0; }
  .webapp .comment-form__title {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px; }
    .webapp .comment-form__title > span {
      color: #0069FF; }
  .webapp .comment-form__input {
    min-height: 104px;
    margin-bottom: 8px; }
  .webapp .comment-form__submit {
    display: block;
    width: 100%; }
  .webapp .comment-form--public .comment-form__input {
    border-color: #F0E0C0;
    background: #FFFDF5; }
  .webapp .action {
    display: flex;
    padding-top: 12px;
    padding-bottom: 16px; }
    .webapp .action:not(:last-child) {
      box-shadow: inset 0 -1px 0 #e1e4e6; }
    .webapp .action__icon {
      flex: none;
      width: 26px;
      padding-right: 10px;
      text-align: center; }
      .webapp .action__icon svg {
        fill: #949899; }
    .webapp .action__body {
      font-size: 14px;
      line-height: 20px;
      flex: 1;
      color: #636566; }
      .webapp .action__body > strong {
        font-weight: 500;
        color: #3E3F40; }
      .webapp .action__body > time {
        font-size: 12px;
        display: inline-block;
        text-transform: uppercase;
        color: #949899; }
        .webapp .action__body > time::before {
          content: " • "; }
  @media only screen and (max-width: 1279px) {
    .webapp .sidebar-message {
      transition: transform .35s ease;
      transform: translateX(100%); }
      .webapp .sidebar-message__close {
        display: flex;
        opacity: 0; }
      .webapp .sidebar-message-trigger {
        display: inline-block; }
      .webapp .sidebar-message--open {
        transform: translateX(0); }
        .webapp .sidebar-message--open .sidebar-message__close {
          transition: opacity 0;
          transition: opacity .15s linear .25s;
          opacity: 1; } }
  @media only screen and (max-width: 940px) {
    .webapp .sidebar-message {
      top: 70px; } }
  @media only screen and (max-width: 600px) {
    .webapp .sidebar-message__close {
      position: static;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      padding: 10px 20px;
      transition: none;
      color: #0069FF;
      border-radius: 0;
      background: #F7F9FA;
      box-shadow: none; }
      .webapp .sidebar-message__close > span {
        display: block;
        margin-left: 5px; }
      .webapp .sidebar-message__close:hover {
        background: #F7F9FA; } }
  .webapp .boarding-wizard {
    display: flex;
    height: 200px;
    width: 100%; }
    .webapp .boarding-wizard .btn, .webapp .boarding-wizard .upload {
      font-size: 16px; }
    .webapp .boarding-wizard .text--link, .webapp .boarding-wizard .header-guest__account a, .webapp .header-guest__account .boarding-wizard a, .webapp .boarding-wizard .tooltip--inform a, .webapp .tooltip--inform .boarding-wizard a, .webapp.guest__message-box .boarding-wizard a {
      color: #0069FF; }
    .webapp .boarding-wizard .item {
      flex: 1 1 auto; }
      .webapp .boarding-wizard .item.description, .webapp .boarding-wizard .item.steps {
        flex: 1 1 45%;
        padding-right: 24px; }
    .webapp .boarding-wizard .stepper_list {
      position: relative;
      display: flex;
      align-items: center;
      padding-top: 2px;
      padding-bottom: 2px; }
    .webapp .boarding-wizard .no-italics {
      font-style: normal; }
    .webapp .boarding-wizard .stepper_list i {
      position: relative;
      z-index: 2;
      width: 20px;
      height: 20px;
      line-height: 16px;
      border-radius: 50%;
      background: #C5CCD6;
      color: #fff;
      border: 1px solid #C5CCD6;
      text-align: center; }
    .webapp .boarding-wizard .stepper_list span {
      margin-left: 12px; }
    .webapp .boarding-wizard .stepper_list.active i,
    .webapp .boarding-wizard .stepper_list.active::before {
      background: #fff;
      color: #18AAF2;
      border: 2px solid #18AAF2; }
    .webapp .boarding-wizard .stepper_list.completed i,
    .webapp .boarding-wizard .stepper_list.completed::before {
      background: url("/assets/images/tick.svg") no-repeat;
      background-size: 100%;
      color: #fff;
      border: none; }
    @media only screen and (max-width: 600px) {
      .webapp .boarding-wizard .steps {
        display: none; } }
    @media only screen and (max-width: 940px) {
      .webapp .boarding-wizard .help {
        display: none; } }
  .webapp .section__title--no-border {
    margin-top: 48px;
    margin-bottom: 16px;
    padding-bottom: 0;
    border: none; }
  .webapp .tabs-list__item--bold {
    font-weight: 500; }
  .webapp .table-header-corner {
    background: #fff;
    box-shadow: inset 0 1px 0 0 #E1E4E6, inset -1px 0 0 0 #E1E4E6; }
  .webapp .table-header-column {
    font-weight: 500;
    background: #FAFCFC;
    box-shadow: inset -1px 0 0 0 #E1E4E6; }
    .webapp .table-header-column > a {
      color: #0069FF; }
  .webapp .budget-table thead {
    background: #F2F5F7; }
  .webapp .budget-table th, .webapp .budget-table td {
    padding-left: 10px; }
  .webapp .budget-input {
    height: 28px;
    padding-right: 8px;
    padding-left: 8px;
    background: transparent; }
  .webapp .budget-red {
    font-weight: 500;
    color: #E64D2E; }
  .webapp .budget-green {
    font-weight: 500;
    color: #43BF58; }
  .webapp .budget-blue {
    font-weight: 500;
    color: #0069FF; }
  .webapp .budget-level {
    display: flex;
    align-items: center;
    height: 40px; }
    .webapp .budget-level__name {
      color: #0069FF; }
      .webapp .budget-level__name::before {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 5px;
        content: url("/assets/images/icon-budget--gray.svg");
        vertical-align: -2px; }
      .webapp .budget-level__name:last-child {
        font-weight: 500;
        color: #3E3F40; }
        .webapp .budget-level__name:last-child::before {
          content: url("/assets/images/icon-budget.svg"); }
    .webapp .budget-level__divider {
      display: block;
      width: 6px;
      height: 10px;
      margin-right: 10px;
      margin-left: 10px;
      background: url("/assets/images/icon-budget-arrow.svg"); }
  .webapp .budget-chart {
    position: absolute;
    top: -50px;
    right: 6%;
    width: 500px;
    height: 500px; }
    .webapp .budget-chart.no-data {
      display: none; }
    @media only screen and (max-width: 1420px) {
      .webapp .budget-chart {
        right: 2%; } }
    @media only screen and (max-width: 940px) {
      .webapp .budget-chart {
        position: static;
        margin: 0 auto;
        height: 300px; } }
    @media only screen and (max-width: 940px) {
      .webapp .budget-chart ~ .budget-overview {
        margin: 0 auto;
        display: block;
        max-width: 370px; } }
    @media only screen and (max-width: 600px) {
      .webapp .budget-chart ~ .budget-overview {
        display: flex;
        flex-wrap: wrap; } }
    @media only screen and (max-width: 600px) {
      .webapp .budget-chart {
        width: 100% !important;
        max-width: 530px !important; } }
  .webapp .budget-overview {
    display: table-row;
    list-style: none; }
    .webapp .budget-overview > li {
      display: table-cell;
      width: 185px;
      padding: 20px;
      border: 1px solid #E1E4E6;
      background: #F7F9FA; }
      .webapp .budget-overview > li:not(:last-child) {
        border-right-width: 0; }
    .webapp .budget-overview strong {
      font-size: 12px;
      font-weight: 700;
      line-height: 16px;
      display: block;
      text-transform: uppercase;
      color: #636566; }
    .webapp .budget-overview span {
      font-size: 16px;
      line-height: 24px; }
  @media only screen and (max-width: 600px) {
    .webapp .budget-overview {
      display: flex;
      flex-wrap: wrap; }
      .webapp .budget-overview > li {
        display: block;
        width: 50%; }
        .webapp .budget-overview > li:nth-child(1) {
          border-bottom: 0; }
        .webapp .budget-overview > li:nth-child(2) {
          border-right-width: 1px;
          border-bottom: 0; } }
  .webapp .br-tooltip {
    position: absolute;
    top: 40px;
    left: -250px;
    width: 270px;
    margin-left: 50px;
    z-index: 1; }
    .webapp .br-tooltip__title {
      font-size: 11px;
      line-height: 16px;
      position: relative;
      padding: 12px 16px;
      letter-spacing: 0;
      text-transform: uppercase;
      color: #fff !important;
      border-radius: 3px 3px 0 0;
      background: #0069FF; }
      .webapp .br-tooltip__title::before {
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 224px;
        content: '';
        border-right: solid 5px transparent;
        border-bottom: solid 5px #0069FF;
        border-left: solid 5px transparent; }
    .webapp .br-tooltip__body {
      z-index: 1;
      border: 1px solid #E1E4E6;
      border-top: none;
      border-radius: 0 0 3px 3px; }
    .webapp .br-tooltip__list > li {
      background-color: white;
      z-index: 1;
      font-size: 13px;
      line-height: 16px;
      padding: 8px 16px;
      color: #3E3F40; }
      .webapp .br-tooltip__list > li:not(:last-child) {
        border-bottom: solid 1px #EDF1F2; }
      .webapp .br-tooltip__list > li:nth-child(2n - 1) {
        background: #FAFCFC; }
    .webapp .br-tooltip__list strong {
      font-size: 12px;
      font-weight: 500;
      display: inline-block;
      width: 104px;
      color: #3E3F40; }
    .webapp .br-tooltip__currency-label {
      font-size: 12px;
      line-height: 16px;
      display: inline-block;
      width: 30px;
      color: #949799; }
  .webapp .budget-tree-table {
    overflow: auto; }
    .webapp .budget-tree-table thead {
      background: #F2F5F7; }
    .webapp .budget-tree-table th {
      color: #4A4C4D; }
    @media (min-width: 1119px) {
      .webapp .budget-tree-table {
        overflow: visible; } }
    .webapp .budget-tree-table tbody > tr:hover.clickable {
      cursor: pointer;
      background: #F2FBFF; }
  .webapp .budget-tree-lable {
    display: flex;
    align-items: center; }
    .webapp .budget-tree-lable::before {
      order: -2;
      width: 10px;
      height: 10px;
      margin-right: 10px;
      content: ''; }
    .webapp .budget-tree-lable::after {
      order: -1;
      width: 16px;
      height: 16px;
      margin-right: 5px;
      content: url("/assets/images/icon-budget--gray.svg"); }
    .webapp .budget-tree-lable.has-children::before {
      background: url("/assets/images/icon-budget-arrow.svg") center no-repeat; }
    .webapp .budget-tree-lable.is-expanded {
      font-weight: 500; }
      .webapp .budget-tree-lable.is-expanded::before {
        background: url("/assets/images/icon-budget-arrow-down.svg") center no-repeat; }
      .webapp .budget-tree-lable.is-expanded::after {
        align-self: end;
        content: url("/assets/images/icon-budget.svg"); }
  .webapp .budget-tree-l1, .webapp .budget-tree-l2, .webapp .budget-tree-l3, .webapp .budget-tree-l4, .webapp .budget-tree-l5, .webapp .budget-tree-l6, .webapp .budget-tree-l7, .webapp .budget-tree-l8, .webapp .budget-tree-l9, .webapp .budget-tree-l10 {
    height: 36px;
    border-bottom: none;
    background: #FAFCFC; }
  .webapp .budget-tree-expanded-top {
    height: 40px; }
    .webapp .budget-tree-expanded-top > td {
      padding-top: 4px; }
  .webapp .budget-tree-expanded-bottom {
    height: 40px;
    border-bottom: 1px solid #e1e4e6; }
    .webapp .budget-tree-expanded-bottom > td {
      padding-bottom: 4px; }
  .webapp .budget-tree-l2 > td:first-child {
    padding-left: 40px; }
  .webapp .budget-tree-l3 > td:first-child {
    padding-left: 60px; }
  .webapp .budget-tree-l4 > td:first-child {
    padding-left: 80px; }
  .webapp .budget-tree-l5 > td:first-child {
    padding-left: 100px; }
  .webapp .budget-tree-l6 > td:first-child {
    padding-left: 120px; }
  .webapp .budget-tree-l7 > td:first-child {
    padding-left: 140px; }
  .webapp .budget-tree-l8 > td:first-child {
    padding-left: 160px; }
  .webapp .budget-tree-l9 > td:first-child {
    padding-left: 180px; }
  .webapp .budget-tree-l10 > td:first-child {
    padding-left: 200px; }
  .webapp .footer {
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    box-shadow: inset 0 2px 0 #eef1f3; }
    .webapp .footer__body {
      font-size: 12px;
      text-align: center; }
    .webapp .footer__content {
      margin-right: 5px;
      color: #53647c; }
      .webapp .footer__content > a {
        margin-right: 5px; }
    @media only screen and (max-width: 940px) {
      .webapp .footer {
        display: none; } }
  .webapp .new-app-link {
    margin-top: 22px; }
  .webapp .profile-ownership-group {
    margin-bottom: 36px; }
  .webapp .profile-ownername-group {
    margin-left: 190px; }
    .webapp .profile-ownername-group::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .profile-ownername-group > .select {
      float: left;
      width: 19%; }
    .webapp .profile-ownername-group > input {
      float: left;
      width: 25%;
      margin-left: 2%; }
  .webapp .profile-input--small {
    width: 230px; }
  .webapp .profile-input--tiny {
    width: 120px; }
  .webapp .profile-date-input {
    position: relative; }
    .webapp .profile-date-input .icon-date {
      position: absolute;
      top: 12px;
      left: 15px;
      fill: #c0c8cc; }
    .webapp .profile-date-input input {
      padding-left: 40px; }
      .webapp .profile-date-input input:focus + svg {
        fill: #0069FF; }
  .webapp .profile-checkbox {
    margin-top: 16px; }
  .webapp .profile-save {
    padding-top: 56px; }
  .webapp .profile-sort-input-container {
    display: flex; }
  .webapp .profile-sort-input {
    text-align: center; }
  .webapp .profile-sort-input-margin-right {
    margin-right: 5px; }
  .webapp .profile__hr {
    width: 10%;
    margin-top: 18px;
    margin-left: 1px;
    margin-right: 1px; }
  @media only screen and (max-width: 940px) {
    .webapp .profile-ownername-group {
      margin-left: 0; }
      .webapp .profile-ownername-group > .select {
        width: 360px;
        margin-bottom: 8px; }
      .webapp .profile-ownername-group > input {
        width: 360px;
        margin-bottom: 8px;
        margin-left: 190px; }
        .webapp .profile-ownername-group > input:nth-of-type(3) {
          margin-bottom: 0; }
    .webapp .profile-ownership-group .entry__content {
      float: left;
      margin-right: 10px; }
    .webapp .profile-ownership-group .entry__rest {
      float: left;
      clear: none;
      width: auto;
      margin-left: 0;
      padding-top: 10px; } }
  @media only screen and (max-width: 600px) {
    .webapp .profile-ownername-group {
      margin-left: 0; }
      .webapp .profile-ownername-group > .select {
        width: 100%;
        margin-bottom: 8px; }
      .webapp .profile-ownername-group > input {
        width: 100%;
        margin-bottom: 8px;
        margin-left: 0; }
    .webapp .profile-input--small {
      width: 100%; } }
  .webapp .services__btn {
    margin-top: 28px; }
  .webapp .service-input--tiny {
    width: 140px; }
  .webapp .account-ownership-group {
    margin-bottom: 36px; }
  .webapp .account-ownername-group {
    margin-left: 190px; }
    .webapp .account-ownername-group::after {
      display: table;
      clear: both;
      content: ''; }
    .webapp .account-ownername-group > .select {
      float: left;
      width: 19%; }
    .webapp .account-ownername-group > input {
      float: left;
      width: 25%;
      margin-left: 2%; }
  .webapp .account-input--small {
    width: 230px; }
  .webapp .account-input--tiny {
    width: 120px; }
  .webapp .account-date-input {
    position: relative; }
    .webapp .account-date-input .icon-date {
      position: absolute;
      top: 12px;
      left: 15px;
      fill: #c0c8cc; }
    .webapp .account-date-input input {
      padding-left: 40px; }
      .webapp .account-date-input input:focus + svg {
        fill: #0069FF; }
  .webapp .account-checkbox {
    margin-top: 16px; }
  .webapp .account-save {
    padding-top: 56px; }
  .webapp .account .auth-form__error-message {
    display: none; }
  .webapp .account .auth-form__label.error {
    margin-top: 0px; }
    .webapp .account .auth-form__label.error input {
      color: black; }
  .webapp .account .auth-form__label.error .auth-form__error-message {
    display: block;
    margin-top: 5px; }
  .webapp .account .auth-form__label-text {
    display: none; }
  .webapp .account .auth-form__password {
    position: relative; }
    .webapp .account .auth-form__password > .auth-form__input {
      padding-top: 5px;
      padding-right: 106px !important;
      padding-bottom: 5px; }
    .webapp .account .auth-form__password-toggle {
      font-size: 14px !important;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 90px;
      padding-right: 10px !important;
      padding-left: 30px !important;
      text-transform: capitalize;
      color: #0069FF;
      background: transparent; }
      .webapp .account .auth-form__password-toggle::before {
        position: absolute;
        top: 50%;
        left: 13px;
        margin-right: 5px;
        content: '';
        transform: translateY(-55%);
        vertical-align: -2px; }
      .webapp .account .auth-form__password-toggle::after {
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        width: 1px;
        content: '';
        background: #e8eaeb; }
  .webapp .term-input--small {
    width: 280px;
    padding-right: 10px !important; }
  .webapp .term-input--tiny {
    width: 140px;
    padding-right: 10px !important; }
  .webapp .term-input-credit-terms > .input-block__addon {
    cursor: pointer; }
  .webapp .term-input-credit-terms svg {
    vertical-align: middle; }
  .webapp .term-save {
    margin-top: 64px; }
  .webapp .term-grid-6 {
    width: 100%;
    max-width: 550px; }
  .webapp .term-grid-7 {
    width: 100%;
    max-width: 645px; }
  @media screen and (max-width: 900px) {
    .webapp #term-page .entry--setting:not(.entry--nested) > .entry__content,
    .webapp #term-page .entry--setting:not(.entry--nested) > .entry__rest {
      clear: both;
      margin-left: 0; }
    .webapp #term-page .entry--setting:not(.entry--nested) .entry__title {
      margin-bottom: 4px; } }
  @media only screen and (max-width: 600px) {
    .webapp .term-input--small {
      padding-right: 0 !important; }
    .webapp .term-input--tiny {
      padding-right: 0 !important; } }
  .webapp.guest__products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
    .webapp.guest__products thead th:last-child {
      padding: 0 0 0 20px; }
    .webapp.guest__products .line-items {
      width: 740px; }
  .webapp.guest .line-items {
    margin-top: 0; }
    .webapp.guest .line-items thead th:last-child {
      padding-right: 0;
      text-align: left; }
  .webapp.guest .order-sent-form,
  .webapp.guest .new-quote-form {
    padding-top: 110px; }
  .webapp.guest .payment-page .page-title,
  .webapp.guest .payment-page .details-card__section-title,
  .webapp.guest .payment-page .section__title,
  .webapp.guest .payment-page .details-card__title {
    display: none; }
  .webapp.guest .payment-page .details-card,
  .webapp.guest .payment-page .details-card__section {
    border: none; }
  .webapp.guest .review-payment-term .status-card, .webapp.guest .review-payment-term .status-card-complete {
    border-color: transparent !important; }
    .webapp.guest .review-payment-term .status-card__footer {
      border: transparent;
      background: none; }
    .webapp.guest .review-payment-term .status-card::before, .webapp.guest .review-payment-term .status-card-complete::before {
      display: none; }
  .webapp.guest .review-payment-term .btn-collapse {
    display: none; }
  .webapp.guest__message-box {
    width: 360px;
    margin-left: 20px; }
  .webapp.guest-signup {
    display: flex;
    margin-top: 40px; }
    .webapp.guest-signup__form, .webapp.guest-signup__list {
      width: 360px; }
    .webapp.guest-signup__list {
      padding: 32px 0 0 70px; }
      .webapp.guest-signup__list li {
        margin-bottom: 16px; }
        .webapp.guest-signup__list li > svg {
          float: left;
          margin: 4px 8px 0 0;
          fill: #43bf57; }
        .webapp.guest-signup__list li:last-child {
          margin-bottom: 0; }
  .webapp.guest h1 + .alert {
    margin-bottom: 0; }
  .webapp .section-products + section > .section__title {
    margin-top: 28px; }
  @media only screen and (max-width: 1420px) {
    .webapp .guest__products .line-items {
      width: 50%;
      padding-right: 10px; }
    .webapp .guest__products .guest__message-box {
      width: 50%;
      margin-left: 0;
      padding-left: 10px; } }
  @media only screen and (max-width: 940px) {
    .webapp .guest__products {
      flex-wrap: wrap; }
      .webapp .guest__products .line-items {
        order: 2;
        width: 100%;
        padding: 0; }
      .webapp .guest__products .guest__message-box {
        order: 1;
        width: auto;
        padding: 0; } }
  @media only screen and (max-width: 600px) {
    .webapp .guest-signup {
      flex-wrap: wrap;
      margin-top: 24px; }
    .webapp .guest-signup__list {
      order: 1;
      padding: 0;
      margin-bottom: 24px; }
      .webapp .guest-signup__list li {
        margin-bottom: 8px; }
    .webapp .guest-signup__form {
      order: 2; } }
  .webapp .order-details-page {
    padding-right: 420px; }
  .webapp .order-details__main {
    max-width: 740px; }
  .webapp .card-details-banner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
    justify-content: space-between; }
    .webapp .card-details-banner .logo {
      position: relative;
      top: 3px;
      display: inline-block;
      width: 45px;
      height: 28px; }
      .webapp .card-details-banner .logo.logo-visa {
        background: url("/assets/images/logos/visa.png") no-repeat;
        background-size: 100%; }
      .webapp .card-details-banner .logo.logo-mastercard {
        background: url("/assets/images/logos/mastercard.png") no-repeat;
        background-size: 100%; }
  .webapp .preview-container {
    position: absolute;
    right: 12px;
    top: 0px; }
    .webapp .preview-container .order-details__preview {
      border: 1px solid #d3d7d9;
      overflow-x: auto;
      display: flex;
      justify-content: center;
      color: grey;
      margin-top: 10px;
      max-height: 300px;
      width: 250px;
      background-color: #f8fafa; }
    @media (max-width: 900px) {
      .webapp .preview-container {
        display: none; } }
  @media only screen and (max-width: 1279px) {
    .webapp .order-details-page {
      padding: 20px; }
    .webapp .order-details__main {
      max-width: 100%; } }
  @media only screen and (max-width: 600px) {
    .webapp .order-details-page {
      padding: 10px; } }
  .webapp .edit-order-page {
    padding-right: 420px; }
    .webapp .edit-order-page .recurringDurationError {
      position: relative;
      top: 5px; }
      @media only screen and (max-width: 600px) {
        .webapp .edit-order-page .recurringDurationError {
          padding-left: 0px; } }
    .webapp .edit-order-page.no-sidebar {
      padding-right: 0; }
      .webapp .edit-order-page.no-sidebar .sidebar-message-trigger {
        display: none; }
      .webapp .edit-order-page.no-sidebar .sticky-footer--push {
        padding-right: 0; }
  @media only screen and (max-width: 1279px) {
    .webapp .edit-order-page {
      padding-right: 420px;
      padding-right: 0; } }
  @media only screen and (max-width: 600px) {
    .webapp .edit-order-page {
      padding-right: 0; }
    .webapp .edit-order-heading-controller {
      display: flex;
      float: none;
      justify-content: space-between;
      width: 100%; } }
  .webapp .error-page {
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fafafa; }
    .webapp .error-page__logo {
      position: absolute;
      top: -68px;
      left: 0; }
    .webapp .error-page__container {
      position: relative;
      padding: 48px 32px;
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
      display: flex;
      flex-direction: column;
      max-width: 472px;
      margin: 0 24px; }
    .webapp .error-page__heading {
      font-size: 32px;
      margin-bottom: 8px;
      border-bottom: 0; }
    .webapp .error-page__message {
      font-size: 16px;
      margin-bottom: 24px;
      color: #3d3d3d; }
  @media only screen and (max-width: 600px) {
    .webapp .btn-back.right {
      float: none; } }