fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation-iteration-count:infinite}.multiselect__spinner:after{animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* 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+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 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.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 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.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* ubuntu-300 - latin_cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local("Ubuntu Light"), local("Ubuntu-Light"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-300.woff2") format("woff2"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* ubuntu-regular - latin_cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-regular.woff2") format("woff2"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* ubuntu-italic - latin_cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local("Ubuntu Italic"), local("Ubuntu-Italic"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-italic.woff2") format("woff2"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* ubuntu-500 - latin_cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-500.woff2") format("woff2"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* ubuntu-700 - latin_cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-700.woff2") format("woff2"), url("/cargo/assets/fonts/Ubuntu/ubuntu-v12-latin_cyrillic-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

html {
  height: 100%; }

body {
  min-width: 360px;
  height: 100%;
  background: #f6f6f6;
  overflow-x: hidden;
  font: 14px/1.3 Ubuntu, sans-serif;
  cursor: default; }

body.no-scroll {
  overflow: hidden; }

a,
.link {
  color: #8c2081;
  outline: none;
  text-decoration: none;
  transition: color 0.3s ease;
  cursor: pointer; }
  a:hover,
  .link:hover {
    color: #ec1b60; }
  a.is-pink,
  .link.is-pink {
    color: #ec1b60;
    border-bottom: 1px solid #f5d9e2;
    transition: border-bottom-color 0.3s ease; }
    a.is-pink:hover,
    .link.is-pink:hover {
      border-bottom-color: #ff9dbd; }

input,
textarea {
  font: 14px Ubuntu, sans-serif; }

button {
  font: 14px Ubuntu, sans-serif; }

h1 {
  font-size: 24px;
  font-weight: normal;
  color: #8c2081;
  margin: 7px 0; }

h2 {
  font-size: 15px;
  font-weight: normal;
  color: #9e9e9e;
  margin: 0; }

h3 {
  font-weight: normal;
  margin: 0; }

.page.simple-enter, .page.simple-leave-to {
  opacity: 0; }

.page.simple-enter-active, .page.simple-leave-active {
  pointer-events: none;
  transition: opacity 0.3s ease; }

.page.advanced-enter, .page.advanced-leave-to {
  opacity: 0;
  transform: translateX(-30px); }

.page.advanced-enter-active, .page.advanced-leave-active {
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease; }

.panel {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04); }

.button {
  display: inline-block;
  height: 42px;
  padding: 0 52px;
  background: #fff;
  color: #4c4c55;
  border: none;
  border-radius: 21px;
  outline: none;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 42px;
  cursor: pointer;
  will-change: opacity;
  transition: color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; }
  .button:active {
    box-shadow: inset 0 3px 26px rgba(0, 0, 0, 0.2); }
  .button:disabled {
    opacity: 0.5;
    pointer-events: none; }

.button-regular {
  box-shadow: 0 7px 18px rgba(0, 0, 0, 0.04); }
  .button-regular:hover {
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.15);
    color: #ec1b60; }
  .button-regular:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    color: #ec1b60;
    transition: color 0.1s ease, box-shadow 0.1s ease; }

.button-border {
  box-shadow: 0 0 8px rgba(202, 202, 202, 0.85); }
  .button-border:hover {
    box-shadow: 0 0 2px rgba(35, 35, 35, 0.3);
    color: #ec1b60; }
  .button-border:active {
    box-shadow: 0 0 8px rgba(202, 202, 202, 0.85);
    color: #ec1b60;
    transition: color 0.1s ease, box-shadow 0.1s ease; }

.button-header {
  background: #331957;
  color: #fff !important; }
  .button-header:hover {
    background: #462378; }
  .button-header:active {
    background: #331957; }

.button-accent {
  background: #8a1f80;
  color: #fff !important; }
  .button-accent:hover {
    background: #a22495; }
  .button-accent:active {
    background: #8a1f80; }
  .button-accent.small {
    height: 26px;
    line-height: 26px;
    padding: 0 20px;
    font-size: 12px; }

.button-accent + .button-accent {
  margin-left: 20px; }

.button-bright {
  background: #ea1b60;
  color: #fff !important; }

.data-table-header {
  display: flex;
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  padding: 12px 0 12px 30px;
  color: #9e9e9e;
  margin-top: 20px; }
  .data-table-header > div {
    flex: 1;
    padding-right: 20px; }

.data-table-row {
  display: flex;
  align-items: center;
  cursor: pointer;
  min-height: 70px;
  padding: 17px 0 17px 30px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
  margin-bottom: 10px;
  color: #4c4c55; }
  .data-table-row:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); }
    .data-table-row:hover > div:first-child > a {
      color: #ec1b60; }
  .data-table-row.is-disabled {
    opacity: 0.5; }
  .data-table-row > div {
    flex: 1;
    padding-right: 20px; }

.data-table-row-delete {
  flex: 0 0 20px !important; }

.data-table-row-delete-active-area {
  padding: 4px;
  cursor: pointer;
  color: #a0a0a0;
  opacity: 0;
  transition: opacity 0.3s ease, color 0.3s ease; }
  .data-table-row-delete-active-area:hover {
    color: #ec2467; }
  .data-table-row-delete-active-area > svg {
    display: block;
    width: 12px;
    height: 12px;
    fill: currentColor; }
  .data-table-row:hover .data-table-row-delete-active-area {
    opacity: 1; }

.data-table-empty {
  text-align: center;
  color: #d8d8d8;
  text-transform: uppercase;
  padding: 41px 0 10px;
  font-size: 20px;
  transition: opacity 0.3s ease; }
  .data-table-empty.v-enter {
    opacity: 0; }
  .data-table-empty.v-leave-to {
    transition: none; }

.dropdown-menu {
  padding: 8px 0; }
  .dropdown-menu > a {
    display: block;
    padding: 0 36px 0 30px;
    line-height: 36px;
    color: #4c4c55; }
    .dropdown-menu > a.nowrap {
      white-space: nowrap; }
    .dropdown-menu > a:hover {
      color: #ec1b60; }

.multiselect {
  font-size: 15px; }
  .multiselect.multiselect--active {
    z-index: auto; }

.multiselect__select {
  width: 10px;
  padding: 0;
  text-align: right; }

.multiselect__tags {
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  padding: 8px 15px 0 0;
  transition: border-bottom-color 0.3s ease; }
  .multiselect--active .multiselect__tags,
  .has-value .multiselect__tags {
    border-bottom-color: #8b2081; }

.multiselect_transparent .multiselect__tags {
  background: transparent; }

.multiselect_transparent .multiselect__select {
  background: transparent; }

.multiselect_transparent .multiselect__single {
  background: transparent; }

.multiselect_transparent .multiselect__input {
  background: transparent; }

.multiselect__input {
  padding: 0;
  color: #8c2081;
  font-size: 15px; }
  .multiselect__input::-webkit-input-placeholder {
    color: #ca9ec5; }
  .multiselect__input::-moz-placeholder {
    color: #ca9ec5;
    opacity: 1; }
  .multiselect__input:-ms-input-placeholder {
    color: #ca9ec5; }

.multiselect__content-wrapper {
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
  padding: 6px 0;
  max-height: 252px !important;
  z-index: 120 !important; }

.multiselect__content {
  width: 100%; }

.multiselect-enter,
.multiselect-leave-to {
  opacity: 0;
  transform: translateY(-10px); }

.multiselect__tag {
  background: #8c2081;
  vertical-align: bottom; }

.multiselect__tag-icon {
  border-radius: 0 5px 5px 0; }
  .multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: #6c0e62; }
  .multiselect__tag-icon:after {
    color: #fff; }

.multiselect__option {
  padding: 12px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease; }

.multiselect__option--highlight {
  background: #fff;
  color: #ec1b60; }

.multiselect__option--selected {
  font-weight: 500;
  background: #eedeec;
  border-top: 1px solid #e4d6e3;
  border-bottom: 1px solid #e4d6e3;
  padding: 11px 20px; }
  .multiselect__option--selected.multiselect__option--highlight {
    background: #eedeec;
    color: #ec1b60; }

.multiselect-container {
  padding-top: 14px;
  position: relative; }

.multiselect-placeholder {
  position: absolute;
  left: 0;
  top: 13px;
  line-height: 40px;
  font-size: 15px;
  color: #9e9e9e;
  pointer-events: none;
  z-index: 3;
  transition: top 0.3s ease,
 font 0.3s ease,
 opacity 0.3s ease 0.3s; }
  .multiselect-container.has-error > .multiselect-placeholder {
    transition: top 0.3s ease,
 font 0.3s ease,
 opacity 0.3s ease; }
  .multiselect-container.has-error .multiselect--active + .multiselect-placeholder,
  .multiselect-container.has-error .has-value + .multiselect-placeholder {
    opacity: 0; }
  .multiselect--active + .multiselect-placeholder,
  .has-value + .multiselect-placeholder {
    top: 0;
    font-size: 13px;
    line-height: 13px; }

.multiselect-validation-indicator {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: -25px;
  margin-top: 1px;
  background: #ea1c60;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s ease,
 transform 0.3s ease; }
  .multiselect-validation-indicator.v-enter, .multiselect-validation-indicator.v-leave-to {
    opacity: 0;
    transform: scale(0.2); }

.multiselect-validation-message {
  position: absolute;
  top: 0;
  left: -1px;
  font-size: 11px;
  color: #fff;
  background: #eb1b60;
  border-radius: 2px;
  padding: 0 6px;
  transition: opacity 0.3s ease,
 transform 0.3s ease;
  z-index: 4; }
  .multiselect-validation-message.v-enter, .multiselect-validation-message.v-leave-to {
    opacity: 0;
    transform: translateX(10px); }

.vb {
  /*
  > .vb-dragger:hover > .vb-dragger-styler,
  &.vb-dragging > .vb-dragger > .vb-dragger-styler {
    background-color: rgba(48, 121, 244, 0.5);
  }
  */ }
  .vb > .vb-dragger {
    width: 9px;
    right: 0;
    padding: 2px 2px 2px 0;
    z-index: 5;
    box-sizing: border-box; }
  .vb > .vb-dragger > .vb-dragger-styler {
    height: 100%;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.3s ease; }
  .vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler,
  .vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
    opacity: 1; }

.quote {
  background: #f6f6f6;
  padding: 50px 30px;
  position: relative;
  font-size: 20px;
  font-style: italic;
  color: #4c4c55;
  text-align: center;
  line-height: 30px;
  margin: 20px 0 30px; }
  .quote:before, .quote:after {
    position: absolute;
    display: block;
    content: '';
    background: #d7d7d7;
    height: 1px;
    left: 30px;
    right: 30px; }
  .quote:before {
    top: 30px; }
  .quote:after {
    bottom: 30px; }

.quote-symbol {
  position: absolute;
  padding: 0 30px 0 22px;
  left: 50%;
  top: 26px;
  font-size: 36px;
  background: #f6f6f6;
  margin-left: -35px;
  color: #c5c5c5; }

.mobile-header {
  display: none; }

.page-header-login .button-header svg {
  display: none; }

.requests-filter {
  box-sizing: border-box !important; }

.mobile-filter-button,
.mobile-close-filter {
  display: none; }

@media screen and (max-width: 999px) {
  *,
  *::after,
  *::before {
    box-sizing: border-box; }
  body .navbar,
  body .page-header-title {
    display: none; }
  body .fotorama {
    height: auto; }
    body .fotorama__arr {
      display: none !important; }
  body .main-container {
    margin-left: 0; }
  body .autosize-content {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px; }
  body .caption {
    font-size: 16px;
    width: 100%;
    color: #fff;
    padding: 0 16px 12px;
    line-height: 20px; }
  body .page-header {
    height: 50px; }
    body .page-header .autosize-content {
      padding-left: 0;
      display: flex;
      align-items: center;
      justify-content: space-between; }
  body .mobile-header {
    display: flex;
    align-items: center; }
    body .mobile-header-logo {
      background: #331957;
      height: 50px;
      width: 111px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0; }
      body .mobile-header-logo svg {
        display: block;
        width: 88px;
        height: 16px; }
    body .mobile-header-description {
      color: #4C4C55;
      font-size: 10px;
      line-height: 12px;
      margin-left: 12px; }
    body .mobile-header-burger {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 56px;
      height: 50px; }
  body .page-header-login > span,
  body .page-header-login .button-header span {
    display: none; }
  body .page-header-login .button-header svg {
    display: block; }
  body .page-header-widget {
    padding-top: 0; }
  body .page-header-login > .button-header {
    margin-left: 0;
    height: 40px;
    width: 40px;
    padding: 0;
    border-radius: 50%; }
  body .page-container {
    padding-top: 24px;
    padding-bottom: 0; }
  body .file-upload-title {
    color: #9e9e9e;
    font-size: 12px;
    padding: 0 40px 0 12px;
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
    line-height: 1.3;
    text-align: left; }
  body .file-upload-subtitle {
    display: none; }
  body .custom-input-validation-indicator {
    width: 4px;
    height: 4px;
    left: -10px;
    margin-top: 3px; }
  body .join-panel-illustration {
    display: none; }
  body .join-panel-content {
    padding: 16px 16px 24px; }
    body .join-panel-content > h1 {
      font-size: 16px; }
    body .join-panel-content > p {
      font-size: 12px;
      line-height: 1.42; }
    body .join-panel-content > p + h1 {
      font-size: 18px; }
  body .request-item .request-header-cell {
    width: 50%;
    white-space: normal; }
  body .request-item .request-points-line-container {
    order: -1;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0; }
    body .request-item .request-points-line-container .request-point-info {
      text-align: left;
      order: -1; }
  body .page-header-user-name {
    display: none; }
  body .mobile-user-info .page-header-user-name {
    display: flex; }
  body .mobile-user-info {
    margin-left: 80px;
    display: flex;
    flex-direction: column-reverse;
    margin-top: -20px;
    pointer-events: none; }
  body .mobile-user-info .vue-star-rating {
    display: flex !important;
    margin-top: 2px; }
  body .page-header-manager {
    margin-left: 0; }
  body .page-header-user {
    margin-left: auto; }
  body h1 {
    font-size: 20px; }
  body .modal-container {
    width: 100%; }
  body .modal-close {
    left: 100%;
    top: 7px;
    margin-left: -26px;
    color: #c5c5c5;
    z-index: 2; }
  body .page-header-user-avatar {
    margin-left: 7px; }
  body .text-center {
    text-align: center !important; }
  body .request-filter-container {
    background: rgba(0, 0, 0, 0.5);
    padding: 16px;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 18;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease; }
    body .request-filter-container.active {
      opacity: 1;
      visibility: visible; }
  body .requests-filter {
    box-sizing: content-box !important;
    padding: 16px !important;
    width: calc(100% - 32px) !important;
    height: auto !important; }
  body .mobile-filter-button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: -8px; }
    body .mobile-filter-button svg {
      margin-right: 8px; }
  body .mobile-close-filter {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 10px; }
  body .request-header-cell.is-overflowed::after {
    display: none !important; }
  body .join-panel {
    margin-bottom: 24px; }
  body .request {
    z-index: 3; }
  body .request-action {
    position: relative;
    width: 100%;
    padding: 34px 24px 24px !important;
    display: block;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -10px;
    z-index: 2; }
  body .request-action-lonely-text {
    position: static;
    transform: none; }
  body .request-action .request-action-bid {
    position: relative;
    text-align: left;
    left: 0;
    bottom: 0; }
  body .request-action .spinbox {
    margin-bottom: 15px;
    margin-right: 10px; }
  body .request-header-cell.info .request-info {
    justify-content: flex-end;
    background: transparent; }
  body .status-pane {
    height: auto;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    line-height: 1.42; }
  body .status-pane-info {
    font-size: 16px;
    margin-top: 5px; }
  body .modal-map .button {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    font-size: 11px; }
  body .modal-map-map {
    width: calc(100% + 60px) !important;
    margin-right: -30px !important;
    margin-left: -30px !important; }
  body .profile-docs-form .multiselect-container {
    width: 100% !important; }
  body .page-header-manager {
    margin-right: 0; }
  body .attach-documents-container {
    margin-bottom: 20px !important; }
  body .modal-car-checkbox-group .checkbox,
  body .modal-driver__passport .radio {
    margin-bottom: 8px; }
  body .page-sidebar > .panel.is-bottom {
    position: static !important; }
  body .filters-counter {
    color: #fff;
    background: #8b1f81;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    border-radius: 50%;
    margin-left: auto; } }

.custom-input_transparent
input {
  background: transparent;
  border-bottom-color: #8b2081 !important; }

@charset "UTF-8";
.page[data-v-afbc0186] {
  padding-top: 8px;
  color: #4c4c55;
}
@media screen and (max-width: 999px) {
.page[data-v-afbc0186] {
      padding-top: 0;
}
}
.panel[data-v-afbc0186] {
  padding: 40px 36px;
  color: #4c4c55;
  margin-top: 54px;
}
@media screen and (max-width: 999px) {
.panel[data-v-afbc0186] {
      padding: 16px;
      color: #4c4c55;
      margin-top: 10px;
      margin-left: -16px;
      margin-right: -16px;
      border-radius: 0;
}
}
.panel p[data-v-afbc0186] {
    font-size: 16px;
    line-height: 26px;
}
.panel h2[data-v-afbc0186] {
    font-size: 24px;
    font-weight: 400;
    color: #4c4c55;
    line-height: 25px;
    margin: 0 0 24px;
}
@media screen and (max-width: 999px) {
.panel h2[data-v-afbc0186] {
        font-size: 20px;
}
}
.panel + .two-columns[data-v-afbc0186] {
    margin-top: 35px;
}
.two-columns[data-v-afbc0186] {
  display: flex;
  padding-bottom: 20px;
}
@media screen and (max-width: 999px) {
.two-columns[data-v-afbc0186] {
      flex-wrap: wrap;
}
}
.two-columns > div[data-v-afbc0186] {
    width: 45%;
}
@media screen and (max-width: 999px) {
.two-columns > div[data-v-afbc0186] {
        width: 100%;
}
}
.two-columns > div p[data-v-afbc0186] {
      font-size: 24px;
      line-height: 36px;
}
@media screen and (max-width: 999px) {
.two-columns > div p[data-v-afbc0186] {
          font-size: 14px;
          line-height: 1.42;
          font-weight: 500;
          margin-top: 0;
          margin-bottom: 24px;
}
.two-columns > div p.phone[data-v-afbc0186] {
            font-size: 20px;
}
}
.two-columns > div p + span[data-v-afbc0186] {
        margin-top: -17px;
        font-size: 15px;
}
.two-columns > div span[data-v-afbc0186] {
      display: block;
}
.two-columns > div span + span[data-v-afbc0186] {
        margin-top: 68px;
        font-size: 15px;
        line-height: 23px;
}
@media screen and (max-width: 999px) {
.two-columns > div span + span[data-v-afbc0186] {
            margin-top: 22px;
            font-size: 14px;
            line-height: 1.42;
}
}
.two-columns > div span + .button[data-v-afbc0186] {
        margin-top: 26px;
        padding: 0 33px;
        font-size: 12px;
}
@media screen and (max-width: 999px) {
.two-columns > div span + .button[data-v-afbc0186] {
            margin-top: 24px;
            font-size: 12px;
            display: block;
            width: 240px;
            text-align: center;
            padding: 0;
            margin-left: auto;
            margin-right: auto;
}
}
.two-columns > div ul[data-v-afbc0186] {
      flex: 1;
      font-size: 16px;
      line-height: 23px;
      list-style: none;
      padding: 8px 0 0;
      margin: 50px 0 0;
}
@media screen and (max-width: 999px) {
.two-columns > div ul[data-v-afbc0186] {
          font-size: 14px;
          line-height: 1.42;
          list-style: none;
          padding: 0;
          margin: 20px 0 0;
}
}
.two-columns > div ul li[data-v-afbc0186] {
        position: relative;
        padding: 0 0 8px 20px;
}
@media screen and (max-width: 999px) {
.two-columns > div ul li[data-v-afbc0186] {
            padding-bottom: 0;
}
}
.two-columns > div ul li[data-v-afbc0186]:before {
          position: absolute;
          left: 0;
          content: '\2022';
          font-size: 28px;
          color: #aaaaaa;
}
@media screen and (max-width: 999px) {
.two-columns > div ul li[data-v-afbc0186]:before {
              font-size: 20px;
              line-height: 0;
              top: 10px;
}
}
.two-columns > div ul li + li[data-v-afbc0186] {
          margin-top: 16px;
}
@media screen and (max-width: 999px) {
.two-columns > div ul li + li[data-v-afbc0186] {
              margin-top: 12px;
}
}
.two-columns > div + div[data-v-afbc0186] {
      margin-left: 72px;
}
@media screen and (max-width: 999px) {
.two-columns > div + div[data-v-afbc0186] {
          margin-left: 0;
}
}
.two-columns > div .block-header[data-v-afbc0186] {
      display: flex;
      align-items: center;
      margin: 0 0 46px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header[data-v-afbc0186] {
          margin-bottom: 16px;
}
}
.two-columns > div .block-header .icon-block[data-v-afbc0186] {
        margin: 0 26px 0 0;
        height: 70px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header .icon-block[data-v-afbc0186] {
            height: 40px;
            margin-right: 12px;
}
}
.two-columns > div .block-header .icon-block .icon.rouble[data-v-afbc0186] {
          width: 70px;
          height: 70px;
          background-position: -124px -128px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header .icon-block .icon.rouble[data-v-afbc0186] {
              height: 40px;
              width: 40px;
              background-size: 110px 115px;
              background-position: -70px -75px;
}
}
.two-columns > div .block-header .icon-block .icon.truck[data-v-afbc0186] {
          width: 114px;
          height: 70px;
          background-position: 0 -128px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header .icon-block .icon.truck[data-v-afbc0186] {
              width: 70px;
              height: 40px;
              background-position: 0 -75px;
              background-size: 110px 115px;
}
}
.two-columns > div .block-header p[data-v-afbc0186] {
        font-size: 36px;
        line-height: 36px;
        font-weight: 500;
        margin: 0 0 12px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header p[data-v-afbc0186] {
            font-size: 24px;
            line-height: 1;
            margin: 0 0 4px;
}
}
.two-columns > div .block-header p + span[data-v-afbc0186] {
          margin-top: 0;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header p + span[data-v-afbc0186] {
              font-size: 12px;
}
}
.two-columns > div .block-header + span[data-v-afbc0186] {
        padding: 6px 44px 0 0;
        line-height: 24px;
        font-size: 16px;
}
@media screen and (max-width: 999px) {
.two-columns > div .block-header + span[data-v-afbc0186] {
            padding: 0;
            line-height: 1.42;
            font-size: 14px;
}
}
.two-columns._first[data-v-afbc0186] {
    margin-top: 70px;
}
@media screen and (max-width: 999px) {
.two-columns._first[data-v-afbc0186] {
        margin-top: 24px;
}
}
.three-columns[data-v-afbc0186] {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
.three-columns[data-v-afbc0186] {
      flex-wrap: wrap;
}
}
.three-columns > div[data-v-afbc0186] {
    width: 31%;
}
@media screen and (max-width: 999px) {
.three-columns > div[data-v-afbc0186] {
        width: 100%;
}
}
.three-columns h2[data-v-afbc0186] {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    margin: 0 0 10px;
}
@media screen and (max-width: 999px) {
.three-columns h2[data-v-afbc0186] {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 8px;
}
.three-columns h2 br[data-v-afbc0186] {
          display: none !important;
}
}
.three-columns h2 + p[data-v-afbc0186] {
      margin-top: 0;
}
@media screen and (max-width: 999px) {
.three-columns h2 + p[data-v-afbc0186] {
          font-size: 14px;
          line-height: 1.4;
}
}
.three-columns p[data-v-afbc0186] {
    font-size: 15px;
    line-height: 24px;
}
.three-columns + .three-columns[data-v-afbc0186] {
    margin-top: 52px;
}
@media screen and (max-width: 999px) {
.three-columns + .three-columns[data-v-afbc0186] {
        margin-top: 0;
}
}
.icon-block[data-v-afbc0186] {
  height: 64px;
  margin-bottom: 18px;
}
@media screen and (max-width: 999px) {
.icon-block[data-v-afbc0186] {
      margin-bottom: 6px;
}
}
.icon-block .icon[data-v-afbc0186] {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: url(/cargo/assets/images/icons-index.png) no-repeat 0 0;
    background-size: 192px 200px;
}
.icon-block .icon.van[data-v-afbc0186] {
    background-position: -64px 0;
}
.icon-block .icon.clock[data-v-afbc0186] {
    background-position: -64px -64px;
}
.icon-block .icon.wagon[data-v-afbc0186] {
    background-position: -128px 0;
}
.icon-block .icon.placemark[data-v-afbc0186] {
    background-position: -128px -64px;
}
.icon-block .icon.card[data-v-afbc0186] {
    background-position: 0 0;
}
.icon-block .icon.calendar[data-v-afbc0186] {
    background-position: 0 -64px;
}
#map[data-v-afbc0186] {
  height: 340px;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 999px) {
#map[data-v-afbc0186] {
      height: 200px;
}
}
#map + h2[data-v-afbc0186] {
    margin: 53px 0 75px;
}
@media screen and (max-width: 999px) {
#map + h2[data-v-afbc0186] {
        margin: 24px 0;
}
}

.page.simple-enter-active[data-v-d01c12e6] .requests-filter *,
.page.advanced-enter-active[data-v-d01c12e6] .requests-filter * {
  transition: none;
}
.page-area[data-v-d01c12e6] {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
.page-area[data-v-d01c12e6] {
      flex-direction: column-reverse;
}
}
.page-content[data-v-d01c12e6] {
  flex: 0 0 auto;
  width: 770px;
}
.page-content > .data-table-empty[data-v-d01c12e6] {
    padding: 24px 0 12px;
}
@media (max-width: 1400px) {
.page-content[data-v-d01c12e6] {
      width: 655px;
}
}
@media (max-width: 1200px) {
.page-content[data-v-d01c12e6] {
      width: 545px;
}
}
@media screen and (max-width: 999px) {
.page-content[data-v-d01c12e6] {
      width: 100%;
}
}
.request[data-v-d01c12e6] {
  margin-bottom: 20px;
  transition: opacity 0.3s ease, box-shadow 0.3s ease !important;
}
.request.v-enter[data-v-d01c12e6] {
    opacity: 0;
}
.request.v-leave-to[data-v-d01c12e6] {
    transition: none !important;
}
.page-sidebar[data-v-d01c12e6] {
  position: relative;
  flex: 0 0 auto;
  width: 370px;
  margin-bottom: 90px;
}
@media (max-width: 1400px) {
.page-sidebar[data-v-d01c12e6] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.page-sidebar[data-v-d01c12e6] {
      width: 260px;
}
}
@media screen and (max-width: 999px) {
.page-sidebar[data-v-d01c12e6] {
      width: 100%;
      margin-bottom: 24px;
}
}
.page-sidebar > .panel[data-v-d01c12e6] {
    width: 370px;
    box-sizing: border-box;
}
@media (max-width: 1400px) {
.page-sidebar > .panel[data-v-d01c12e6] {
        width: 315px;
}
}
@media (max-width: 1200px) {
.page-sidebar > .panel[data-v-d01c12e6] {
        width: 260px;
}
}
@media screen and (max-width: 999px) {
.page-sidebar > .panel[data-v-d01c12e6] {
        width: 100%;
}
}
.page-sidebar > .panel.is-fixed[data-v-d01c12e6] {
      position: fixed;
      top: 20px;
      z-index: 21;
}
.page-sidebar > .panel.is-bottom[data-v-d01c12e6] {
      position: absolute;
      bottom: 0;
}
.page-actions-container[data-v-d01c12e6] {
  position: relative;
  text-align: center;
  padding-top: 24px;
  height: 70px;
  box-sizing: border-box;
}
.page-actions-container > .button-regular[data-v-d01c12e6] {
    padding: 0 45px;
}
.page-actions-container > .preloader[data-v-d01c12e6] {
    margin-top: 12px;
}
.page-action-archive[data-v-d01c12e6] {
  position: absolute;
  right: 0;
  top: 36px;
}
.page-captions-container[data-v-d01c12e6] {
  display: flex;
}
@media screen and (max-width: 999px) {
.page-captions-container[data-v-d01c12e6] {
      flex-wrap: wrap;
}
}
.page-captions[data-v-d01c12e6] {
  flex: 1;
}
@media screen and (max-width: 999px) {
.page-captions[data-v-d01c12e6] {
      width: 100%;
}
}
.page-captions-link[data-v-d01c12e6] {
  flex: 0 0 auto;
  width: 370px;
  padding-top: 46px;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1400px) {
.page-captions-link[data-v-d01c12e6] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.page-captions-link[data-v-d01c12e6] {
      width: 260px;
}
}
@media screen and (max-width: 999px) {
.page-captions-link[data-v-d01c12e6] {
      width: 100%;
      text-align: left;
      padding-top: 24px;
}
}

.request-unread-message-container[data-v-1b73e1d0] {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  color: #4c4c55;
  border-top: 1px solid #eaeaea;
  padding: 16px 0 20px;
}
.request-unread-message-container .icon[data-v-1b73e1d0] {
    height: 30px;
    width: 30px;
}
.request-unread-message-container .text[data-v-1b73e1d0] {
    align-self: center;
    margin-left: 10px;
}
.request-item[data-v-1b73e1d0] {
  display: block;
  padding: 20px 30px 0;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  color: #9e9e9e;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
}
@media (max-width: 1400px) {
.request-item[data-v-1b73e1d0] {
      padding: 20px 25px 0;
}
}
@media (max-width: 1200px) {
.request-item[data-v-1b73e1d0] {
      padding: 20px 20px 0;
}
}
@media screen and (max-width: 999px) {
.request-item[data-v-1b73e1d0] {
      padding: 16px 16px 0;
}
}
.request-item[data-v-1b73e1d0]:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}
.request-header[data-v-1b73e1d0] {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 10px;
}
.has-addresses-list .request-header[data-v-1b73e1d0] {
    padding-bottom: 14px;
}
@media (max-width: 1200px) {
.request-header[data-v-1b73e1d0] {
      width: 100%;
}
}
.request-header.top-part[data-v-1b73e1d0] {
    width: 100%;
    margin: -20px -30px 0;
    padding: 10px 0 0 30px;
    font-size: 12px;
    height: 20px;
}
@media (max-width: 1400px) {
.request-header.top-part[data-v-1b73e1d0] {
        margin: -20px -25px 0;
        padding: 10px 0 0 25px;
}
}
@media (max-width: 1200px) {
.request-header.top-part[data-v-1b73e1d0] {
        margin: -20px -20px 0;
        padding: 10px 0 0 20px;
}
}
@media screen and (max-width: 999px) {
.request-header.top-part[data-v-1b73e1d0] {
        padding: 0;
        margin: 0;
        height: auto;
        position: relative;
}
}
.request-header.top-part .request-info[data-v-1b73e1d0] {
      padding-bottom: 0;
      border-radius: 0 13px 0 0;
}
.request-header-cell.info[data-v-1b73e1d0] {
  position: relative;
  top: -10px;
  right: -30px;
  border-radius: 0 13px 0 0;
}
@media (max-width: 1400px) {
.request-header-cell.info[data-v-1b73e1d0] {
      right: -25px;
}
}
@media (max-width: 1200px) {
.request-header-cell.info[data-v-1b73e1d0] {
      right: -20px;
}
}
@media screen and (max-width: 999px) {
.request-header-cell.info[data-v-1b73e1d0] {
      width: 100% !important;
      right: 0;
}
}
.request-header-cell.info .request-info h2 span[data-v-1b73e1d0] {
    margin: 0;
    border-radius: 0 13px 0 13px;
}
.request-header-cell > h2[data-v-1b73e1d0] {
  color: #4c4c55;
  font-size: 15px;
  line-height: 26px;
  height: 26px;
  font-weight: 500;
}
@media screen and (max-width: 999px) {
.request-header-cell > h2[data-v-1b73e1d0] {
      height: auto;
      line-height: 1.42;
}
}
.request-header-cell > span[data-v-1b73e1d0] {
  font-size: 12px;
}
.request-header-cell.is-growable[data-v-1b73e1d0] {
  flex-grow: 1;
}
.request-header-cell.is-overflowed[data-v-1b73e1d0] {
  position: relative;
}
@media (max-width: 1200px) {
.request-header-cell.is-overflowed[data-v-1b73e1d0] {
      max-width: 328px;
      overflow: hidden;
}
}
.request-header-cell.is-overflowed[data-v-1b73e1d0]:after {
    position: absolute;
    display: none;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
@media (max-width: 1200px) {
.request-header-cell.is-overflowed[data-v-1b73e1d0]:after {
        display: block;
}
}
.request-points-line-container[data-v-1b73e1d0] {
  text-align: center;
  padding: 0 10px;
}
.request-points-line-container:hover .request-point-info-addresses[data-v-1b73e1d0] {
    display: block;
}
.request-points-line[data-v-1b73e1d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 84px;
  height: 26px;
  position: relative;
}
@media screen and (max-width: 999px) {
.request-points-line[data-v-1b73e1d0] {
      width: 53%;
}
}
.request-points-line[data-v-1b73e1d0]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #8b1f81;
}
.request-points-line > div[data-v-1b73e1d0] {
    position: relative;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 2px solid #8b1f81;
    border-radius: 50%;
    box-sizing: border-box;
    background: #8b1f81;
}
.request-points-line > div[data-v-1b73e1d0]:first-child {
      margin-left: 0;
      background: #fff;
}
.request-points-line > div[data-v-1b73e1d0]:last-child {
      margin-right: 0;
}
.request-points-line.shipping-to-us > div[data-v-1b73e1d0]:first-child {
    margin-left: 0;
    background: #8b1f81;
}
.request-points-line.shipping-to-us > div[data-v-1b73e1d0]:last-child {
    margin-right: 0;
    background: #fff;
}
.request-points-line + span[data-v-1b73e1d0] {
    color: #8c2081;
}
.request-info[data-v-1b73e1d0] {
  float: right;
  text-align: right;
  background: #fff;
  padding-bottom: 14px;
  display: flex;
}
@media screen and (max-width: 999px) {
.request-info[data-v-1b73e1d0] {
      float: none;
      width: 100%;
      text-align: left;
      padding-bottom: 10px;
}
}
.request-info.is-shifted[data-v-1b73e1d0] {
    text-align: left;
    padding: 16px 0 0;
}
@media (max-width: 1400px) {
.request-info.is-shifted .request-info-price h2[data-v-1b73e1d0] {
        padding-left: 0;
}
}
@media (max-width: 1400px) {
.request-info.is-shifted .request-info-price span[data-v-1b73e1d0] {
        padding-left: 0;
}
}
.request-info[data-v-1b73e1d0]:after {
    content: '';
    display: block;
    clear: both;
}
.request-info-price[data-v-1b73e1d0] {
  position: relative;
  float: right;
  width: 120px;
}
.request-info-price > h2[data-v-1b73e1d0] {
    padding-left: 18px;
    color: #4c4c55;
    font-size: 15px;
    line-height: 26px;
}
.request-info-price > span[data-v-1b73e1d0] {
    display: inline-block;
    font-size: 12px;
    padding-left: 9px;
}
.request-info-price.current h2[data-v-1b73e1d0] {
    font-weight: 500;
}
@media screen and (max-width: 999px) {
.request-info-price[data-v-1b73e1d0] {
      float: none;
      text-align: left;
      width: 50%;
}
.request-info-price > h2[data-v-1b73e1d0] {
        padding-left: 0;
}
.request-info-price > span[data-v-1b73e1d0] {
        padding-left: 0;
}
}
.request-info-price-circle[data-v-1b73e1d0] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c49a6c;
  position: absolute;
  left: 0;
  top: 9px;
}
.is-accent .request-info-price-circle[data-v-1b73e1d0] {
    background: #ec1b5f;
}
.request-info-time-left[data-v-1b73e1d0] {
  float: right;
  clear: right;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 999px) {
.request-info-time-left[data-v-1b73e1d0] {
      position: relative;
      right: -16px;
      top: -22px;
      display: flex;
}
.request-info-time-left > h2 > span[data-v-1b73e1d0] {
        border-radius: 0 10px 0 10px !important;
}
}
.request-info-time-left > h2 > span[data-v-1b73e1d0] {
    display: inline-block;
    max-width: 155px;
    padding: 0 14px;
    height: 22px;
    background: #c49a6c;
    border-radius: 13px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    margin: 18px -8px 4px 0px;
}
.is-accent .request-info-time-left > h2 > span[data-v-1b73e1d0] {
      background: #ec1b5f;
}
.request-info-time-left > span[data-v-1b73e1d0] {
    display: inline-block;
    font-size: 12px;
}
.request-info-winner[data-v-1b73e1d0] {
  color: #4c4c55;
  padding-top: 14px;
}
.request-points-list[data-v-1b73e1d0] {
  clear: left;
  padding-bottom: 15px;
  margin-right: 160px;
}
.request-points-list > .is-highlight[data-v-1b73e1d0] {
    color: #8c2081;
}
.request-points-list-item[data-v-1b73e1d0] {
  display: inline-flex;
  margin: 2px 0;
}
.request-points-list-item > span[data-v-1b73e1d0]:first-child {
    width: 16px;
}
.request-points-list-item > span[data-v-1b73e1d0]:last-child {
    flex: 1;
}
.request-points-list-item-doc-mark[data-v-1b73e1d0] {
  display: inline-block;
  white-space: nowrap;
  background: #b1b1b1;
  border-radius: 9px;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
}
.request-footer[data-v-1b73e1d0] {
  clear: both;
  border-top: 1px solid #eaeaea;
  padding: 9px 0 16px;
  line-height: 1.4;
}
.request-footer[data-v-1b73e1d0]:after {
    content: '';
    display: block;
    clear: both;
}
@media (max-width: 1400px) {
.request-footer[data-v-1b73e1d0] {
      display: flex;
      flex-wrap: wrap;
}
}
@media (max-width: 1200px) {
.request-footer[data-v-1b73e1d0] {
      display: flex;
}
}
.request-footer-cell[data-v-1b73e1d0] {
  float: left;
  position: relative;
  padding: 0;
  font-size: 12px;
  margin-right: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1400px) {
.request-footer-cell[data-v-1b73e1d0] {
      padding: 0 24px 0 0;
      margin: 0 20px 10px 0;
}
}
@media (max-width: 1200px) {
.request-footer-cell[data-v-1b73e1d0] {
      padding: 0 14px 0 0;
}
}
.request-footer-cell > h2[data-v-1b73e1d0] {
    font-weight: 400;
    font-size: 12px;
    line-height: .8em;
    color: #4c4c55;
}
@media (max-width: 1400px) {
.request-footer-cell + .request-footer-cell[data-v-1b73e1d0] {
      margin-left: 0;
}
}
@media (max-width: 1200px) {
.request-footer-cell + .request-footer-cell[data-v-1b73e1d0] {
      margin-left: 0;
}
}
.request-footer-info[data-v-1b73e1d0] {
  float: right;
  text-align: right;
}
.request-footer-info-type[data-v-1b73e1d0] {
  font-size: 12px;
  line-height: 21px;
}
.request-comment-container[data-v-1b73e1d0] {
  border-top: 1px solid #eaeaea;
  padding: 16px 0 20px;
}
.request-comment-container .request-comment-label[data-v-1b73e1d0] {
    font-size: 12px;
}
.request-comment-container .request-comment[data-v-1b73e1d0] {
    font-size: 12px;
    color: #4c4c55;
}
.request-point-info[data-v-1b73e1d0] {
  position: relative;
}
.request-point-info-addresses[data-v-1b73e1d0] {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  text-align: left;
  background: #fff;
  margin: 2x 0 0;
  padding: 14px;
  box-shadow: 0 0 18px #cecece;
  border-radius: 4px;
  z-index: 2;
  width: 460px;
  white-space: normal;
}
@media (max-width: 1400px) {
.request-point-info-addresses[data-v-1b73e1d0] {
      width: 460px;
}
}
@media (max-width: 1200px) {
.request-point-info-addresses[data-v-1b73e1d0] {
      width: 420px;
}
}
.request-point-info-addresses ul[data-v-1b73e1d0] {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.request-point-info-addresses ul li[data-v-1b73e1d0]:empty {
      height: 8px;
}
.request-point-info-addresses ul li + li[data-v-1b73e1d0] {
      margin-top: 4px;
}
.request-point-info-addresses ul span[data-v-1b73e1d0] {
      color: #9e9e9e;
}
.cargo-ready[data-v-1b73e1d0] {
  z-index: 1;
}
.cargo-ready h2[data-v-1b73e1d0] {
  position: relative;
  left: 10px;
  top: 0;
}
.cargo-ready span[data-v-1b73e1d0] {
  border-radius: 0px 0px 0px 13px;
  background: transparent !important;
  border: 2px solid #c49a6c;
  color: #c49a6c !important;
  line-height: 1.2 !important;
}
.request-footer[data-v-1b73e1d0] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.request-footer-car-driver-info[data-v-1b73e1d0] {
  width: 100%;
}

.request-item[data-v-2de6c7d0] {
  display: block;
  padding: 20px 30px 0;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  color: #9e9e9e;
  font-size: 14px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
}
@media (max-width: 1400px) {
.request-item[data-v-2de6c7d0] {
      padding: 20px 25px 0;
}
}
@media (max-width: 1200px) {
.request-item[data-v-2de6c7d0] {
      padding: 20px 20px 0;
}
}
@media screen and (max-width: 999px) {
.request-item[data-v-2de6c7d0] {
      padding: 16px 16px 0;
}
}
.request-item[data-v-2de6c7d0]:hover {
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
}
.request-header[data-v-2de6c7d0] {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 10px;
}
.has-addresses-list .request-header[data-v-2de6c7d0] {
    padding-bottom: 14px;
}
@media (max-width: 1200px) {
.request-header[data-v-2de6c7d0] {
      width: 100%;
}
}
.request-header.top-part[data-v-2de6c7d0] {
    width: 100%;
    margin: -20px -30px 0;
    padding: 10px 0 0 30px;
    font-size: 12px;
    height: 20px;
}
@media (max-width: 1400px) {
.request-header.top-part[data-v-2de6c7d0] {
        margin: -20px -25px 0;
        padding: 10px 0 0 25px;
}
}
@media (max-width: 1200px) {
.request-header.top-part[data-v-2de6c7d0] {
        margin: -20px -20px 0;
        padding: 10px 0 0 20px;
}
}
@media screen and (max-width: 999px) {
.request-header.top-part[data-v-2de6c7d0] {
        padding: 0;
        margin: 0;
        height: auto;
        position: relative;
}
}
.request-header.top-part .request-info[data-v-2de6c7d0] {
      padding-bottom: 0;
      border-radius: 0 13px 0 0;
}
.request-header-cell.info[data-v-2de6c7d0] {
  position: relative;
  top: -10px;
  right: -30px;
  border-radius: 0 13px 0 0;
}
@media (max-width: 1400px) {
.request-header-cell.info[data-v-2de6c7d0] {
      right: -25px;
}
}
@media (max-width: 1200px) {
.request-header-cell.info[data-v-2de6c7d0] {
      right: -20px;
}
}
@media screen and (max-width: 999px) {
.request-header-cell.info[data-v-2de6c7d0] {
      width: 100% !important;
      right: 0;
}
}
.request-header-cell.info .request-info h2 span[data-v-2de6c7d0] {
    margin: 0;
    border-radius: 0 13px 0 13px;
}
.request-header-cell > h2[data-v-2de6c7d0] {
  color: #4c4c55;
  font-size: 15px;
  line-height: 26px;
  height: 26px;
  font-weight: 500;
}
@media screen and (max-width: 999px) {
.request-header-cell > h2[data-v-2de6c7d0] {
      height: auto;
      line-height: 1.42;
}
}
.request-header-cell > span[data-v-2de6c7d0] {
  font-size: 12px;
}
.request-header-cell.is-growable[data-v-2de6c7d0] {
  flex-grow: 1;
}
.request-header-cell.is-overflowed[data-v-2de6c7d0] {
  position: relative;
}
@media (max-width: 1200px) {
.request-header-cell.is-overflowed[data-v-2de6c7d0] {
      max-width: 328px;
      overflow: hidden;
}
}
.request-header-cell.is-overflowed[data-v-2de6c7d0]:after {
    position: absolute;
    display: none;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    width: 20px;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
@media (max-width: 1200px) {
.request-header-cell.is-overflowed[data-v-2de6c7d0]:after {
        display: block;
}
}
.request-points-line-container[data-v-2de6c7d0] {
  text-align: center;
  padding: 0 10px;
}
.request-points-line-container:hover .request-point-info-addresses[data-v-2de6c7d0] {
    display: block;
}
.request-points-line[data-v-2de6c7d0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 84px;
  height: 26px;
  position: relative;
}
@media screen and (max-width: 999px) {
.request-points-line[data-v-2de6c7d0] {
      width: 53%;
}
}
.request-points-line[data-v-2de6c7d0]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #8b1f81;
}
.request-points-line > div[data-v-2de6c7d0] {
    position: relative;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border: 2px solid #8b1f81;
    border-radius: 50%;
    box-sizing: border-box;
    background: #8b1f81;
}
.request-points-line > div[data-v-2de6c7d0]:first-child {
      margin-left: 0;
      background: #fff;
}
.request-points-line > div[data-v-2de6c7d0]:last-child {
      margin-right: 0;
}
.request-points-line + span[data-v-2de6c7d0] {
    color: #8c2081;
}
.request-info[data-v-2de6c7d0] {
  float: right;
  text-align: right;
  background: #fff;
  padding-bottom: 14px;
  display: flex;
}
.request-info.is-shifted[data-v-2de6c7d0] {
    text-align: left;
    padding: 16px 0 0;
}
@media (max-width: 1400px) {
.request-info.is-shifted .request-info-price h2[data-v-2de6c7d0] {
        padding-left: 0;
}
}
@media (max-width: 1400px) {
.request-info.is-shifted .request-info-price span[data-v-2de6c7d0] {
        padding-left: 0;
}
}
.request-info[data-v-2de6c7d0]:after {
    content: '';
    display: block;
    clear: both;
}
.request-info-price[data-v-2de6c7d0] {
  position: relative;
  float: right;
  width: 120px;
}
.request-info-price > h2[data-v-2de6c7d0] {
    padding-left: 18px;
    color: #4c4c55;
    font-size: 15px;
    line-height: 26px;
}
.request-info-price > span[data-v-2de6c7d0] {
    display: inline-block;
    font-size: 12px;
    padding-left: 9px;
}
.request-info-price.current h2[data-v-2de6c7d0] {
    font-weight: 500;
}
.request-info-price-circle[data-v-2de6c7d0] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c49a6c;
  position: absolute;
  left: 0;
  top: 9px;
}
.is-accent .request-info-price-circle[data-v-2de6c7d0] {
    background: #ec1b5f;
}
.request-info-time-left[data-v-2de6c7d0] {
  float: right;
  clear: right;
}
@media screen and (max-width: 999px) {
.request-info-time-left[data-v-2de6c7d0] {
      position: absolute;
      right: -16px;
      top: -22px;
}
.request-info-time-left > h2 > span[data-v-2de6c7d0] {
        border-radius: 0 10px 0 10px !important;
}
}
.request-info-time-left > h2 > span[data-v-2de6c7d0] {
    display: inline-block;
    max-width: 155px;
    padding: 0 14px;
    height: 22px;
    background: #c49a6c;
    border-radius: 13px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
    margin: 18px -8px 4px 0px;
}
.is-accent .request-info-time-left > h2 > span[data-v-2de6c7d0] {
      background: #ec1b5f;
}
.request-info-time-left > span[data-v-2de6c7d0] {
    display: inline-block;
    font-size: 12px;
}
.request-info-winner[data-v-2de6c7d0] {
  color: #4c4c55;
  padding-top: 14px;
}
.request-points-list[data-v-2de6c7d0] {
  clear: left;
  padding-bottom: 15px;
  margin-right: 160px;
}
.request-points-list > .is-highlight[data-v-2de6c7d0] {
    color: #8c2081;
}
.request-points-list-item[data-v-2de6c7d0] {
  display: inline-flex;
  margin: 2px 0;
}
.request-points-list-item > span[data-v-2de6c7d0]:first-child {
    width: 16px;
}
.request-points-list-item > span[data-v-2de6c7d0]:last-child {
    flex: 1;
}
.request-points-list-item-doc-mark[data-v-2de6c7d0] {
  display: inline-block;
  white-space: nowrap;
  background: #b1b1b1;
  border-radius: 9px;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
}
.request-footer[data-v-2de6c7d0] {
  clear: both;
  border-top: 1px solid #eaeaea;
  padding: 9px 0 16px;
  line-height: 1.4;
}
.request-footer[data-v-2de6c7d0]:after {
    content: '';
    display: block;
    clear: both;
}
@media (max-width: 1400px) {
.request-footer[data-v-2de6c7d0] {
      display: flex;
      flex-wrap: wrap;
}
}
@media (max-width: 1200px) {
.request-footer[data-v-2de6c7d0] {
      display: flex;
}
}
.request-footer-cell[data-v-2de6c7d0] {
  float: left;
  position: relative;
  padding: 0;
  font-size: 12px;
}
@media (max-width: 1400px) {
.request-footer-cell[data-v-2de6c7d0] {
      padding: 0 24px 0 0;
      margin: 0 20px 10px 0;
}
}
@media (max-width: 1200px) {
.request-footer-cell[data-v-2de6c7d0] {
      padding: 0 14px 0 0;
}
}
.request-footer-cell > h2[data-v-2de6c7d0] {
    font-weight: 400;
    font-size: 12px;
    line-height: .8em;
    color: #4c4c55;
}
.request-footer-cell + .request-footer-cell[data-v-2de6c7d0] {
    margin-left: 30px;
}
@media (max-width: 1400px) {
.request-footer-cell + .request-footer-cell[data-v-2de6c7d0] {
        margin-left: 0;
}
}
@media (max-width: 1200px) {
.request-footer-cell + .request-footer-cell[data-v-2de6c7d0] {
        margin-left: 0;
}
}

.requests-filter[data-v-f5876888] {
  padding: 35px;
}
@media (max-width: 1400px) {
.requests-filter[data-v-f5876888] {
      padding: 25px;
}
}
.requests-filter-date-group[data-v-f5876888] {
  padding: 0 0 20px;
}
.requests-filter-date-shipping[data-v-f5876888] {
  margin: 14px 0 0;
}
.requests-filter-date-shipping .button + .button[data-v-f5876888] {
    margin-left: 14px;
}
.requests-filter-directions-group[data-v-f5876888] {
  padding: 0 0 30px;
}
.requests-filter-directions-all[data-v-f5876888] {
  text-align: right;
  font-size: 13px;
  margin-top: 14px;
}
.requests-filter-label[data-v-f5876888] {
  color: #9e9e9e;
  font-size: 13px;
}
.requests-filter-checkbox-group[data-v-f5876888] {
  padding: 10px 0;
}
.requests-filter-checkbox-group > .checkbox[data-v-f5876888] {
    margin: 0 16px 10px 0;
}
.requests-filter-actions-container[data-v-f5876888] {
  text-align: center;
  padding-top: 4px;
}
.modal-directions[data-v-f5876888] .modal-container {
  padding: 10px 0;
}
.modal-directions[data-v-f5876888] .modal-content {
  position: relative;
}
.modal-directions[data-v-f5876888] .modal-content h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 17px;
    color: #4c4c55;
    font-size: 19px;
    padding: 16px 30px 18px;
    margin: 0;
    background: #fff;
    z-index: 1;
}
@media screen and (max-width: 999px) {
.modal-directions[data-v-f5876888] .modal-content h1 {
        position: static;
}
}
.modal-directions .vb-content[data-v-f5876888] {
  padding-right: 50px !important;
}
@media screen and (max-width: 999px) {
.modal-directions .vb-content[data-v-f5876888] {
      padding-right: 0 !important;
}
}
.modal-directions-list-container[data-v-f5876888] {
  height: 420px;
  padding: 0 30px;
}
@media screen and (max-width: 999px) {
.modal-directions-list-container[data-v-f5876888] {
      height: auto;
}
}
.modal-directions-list[data-v-f5876888] {
  width: 680px;
  padding: 60px 0 10px;
  column-count: 2;
}
@media screen and (max-width: 999px) {
.modal-directions-list[data-v-f5876888] {
      width: 100%;
      padding-top: 0;
      column-count: 1;
}
}
.modal-directions-list > .checkbox[data-v-f5876888] {
    display: block;
    padding: 8px 0;
}
.button-accent.selected[data-v-f5876888] {
  background: #ffffff;
  color: #8a1f80 !important;
  border: 1px solid #8a1f80 !important;
}

.date-input[data-v-86450ce8] {
  position: relative;
  padding-top: 13px;
}
.date-input > input[data-v-86450ce8] {
    outline: none;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    color: transparent;
    font-size: 15px;
    width: 100%;
    height: 43px;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-bottom-color 0.3s ease, color 0.3s ease;
}
.date-input > input[data-v-86450ce8]:disabled,
    .date-input > input:disabled + .custom-input-placeholder[data-v-86450ce8] {
      opacity: 0.5;
      pointer-events: none;
}
.date-input > input.is-editable[data-v-86450ce8]:focus,
  .date-input.is-filled > input[data-v-86450ce8] {
    border-bottom: 1px solid #8b2081;
    color: #8c2081;
}
.date-input .dropdown[data-v-86450ce8] {
    right: -15px;
    top: 100%;
    margin-top: 10px;
}
.date-input[data-v-86450ce8] .dropdown-arrow,
  .date-input[data-v-86450ce8] .dropdown-arrow-border {
    left: auto;
    right: 16px;
    margin-left: 0;
}
.date-input[data-v-86450ce8] .dropdown-arrow-border {
    margin-right: -1px;
}
.date-input-clear[data-v-86450ce8] {
  position: absolute;
  right: 0;
  top: 28px;
  cursor: pointer;
}
.date-input-clear > svg[data-v-86450ce8] {
    width: 14px;
    height: 14px;
    fill: #9e9e9e;
}
.date-input-icon[data-v-86450ce8] {
  position: absolute;
  right: 0;
  top: 28px;
  pointer-events: none;
}
.date-input-icon > svg[data-v-86450ce8] {
    width: 14px;
    height: 14px;
    fill: #9e9e9e;
}
.date-input-placeholder[data-v-86450ce8] {
  position: absolute;
  left: 0;
  top: 13px;
  line-height: 42px;
  font-size: 15px;
  color: #9e9e9e;
  pointer-events: none;
  transition: top 0.3s ease, font 0.3s ease, opacity 0.3s ease 0.3s;
}
.date-input.has-error > .date-input-placeholder[data-v-86450ce8] {
    transition: top 0.3s ease, font 0.3s ease, opacity 0.3s ease;
}
.date-input.has-error > input.is-editable:focus + .date-input-placeholder[data-v-86450ce8],
  .date-input.has-error.is-filled > .date-input-placeholder[data-v-86450ce8] {
    opacity: 0;
}
.date-input > input.is-editable:focus + .date-input-placeholder[data-v-86450ce8],
  .date-input.is-filled > .date-input-placeholder[data-v-86450ce8] {
    top: 0;
    font-size: 13px;
    line-height: 13px;
}
.date-input-validation-indicator[data-v-86450ce8] {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: -25px;
  margin-top: 1px;
  background: #ea1c60;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.date-input-validation-indicator.v-enter[data-v-86450ce8], .date-input-validation-indicator.v-leave-to[data-v-86450ce8] {
    opacity: 0;
    transform: scale(0.2);
}
.date-input-validation-message[data-v-86450ce8] {
  position: absolute;
  top: 0;
  left: -1px;
  font-size: 11px;
  color: #fff;
  background: #eb1b60;
  border-radius: 2px;
  padding: 0 6px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.date-input-validation-message.v-enter[data-v-86450ce8], .date-input-validation-message.v-leave-to[data-v-86450ce8] {
    opacity: 0;
    transform: translateX(10px);
}
.dropdown[data-v-86450ce8] {
  z-index: 10;
}
.calendar[data-v-86450ce8] {
  width: 308px;
}
.calendar[data-v-86450ce8] .calendar-content-row:last-child > div {
    border-bottom: none;
    margin-bottom: 0;
}
.calendar[data-v-86450ce8] .calendar-content-row:last-child > div:first-child {
      border-radius: 0 0 0 5px;
}
.calendar[data-v-86450ce8] .calendar-content-row:last-child > div:last-child {
      border-radius: 0 0 5px 0;
}
.calendar[data-v-86450ce8] .calendar-content-row > div:first-child {
    border-left: none;
}
.calendar[data-v-86450ce8] .calendar-content-row > div:last-child {
    border-right: none;
}

.dropdown {
  position: absolute;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.dropdown.v-enter, .dropdown.v-leave-to {
    opacity: 0;
    transform: translateY(-10px);
}
.dropdown-arrow-border {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  pointer-events: none;
  border: 7px solid rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0.03);
  margin-left: -7px;
}
.dropdown-arrow {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 100%;
  pointer-events: none;
  border: 6px solid rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  margin-left: -6px;
}

.calendar-header {
  text-align: center;
  position: relative;
  padding: 20px 0;
}
.calendar-prev,
.calendar-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 52px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.calendar-prev:hover,
  .calendar-next:hover {
    opacity: 0.6;
}
.calendar-prev {
  left: 0;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2027%2044"%3E%3Cpath%20d%3D"M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z"%20fill%3D"%23000000"%2F%3E%3C%2Fsvg%3E') 50% no-repeat;
  background-size: 10px auto;
}
.calendar-next {
  right: 0;
  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2027%2044"%3E%3Cpath%20d%3D"M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z"%20fill%3D"%23000000"%2F%3E%3C%2Fsvg%3E') 50% no-repeat;
  background-size: 10px auto;
}
.calendar-month {
  color: #303030;
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
}
.calendar-year {
  color: #7b8082;
  font-size: 11px;
  font-weight: 300;
  padding-top: 2px;
}
.calendar-content {
  user-select: none;
}
.calendar-content-header {
  display: flex;
  font-size: 10px;
  text-transform: uppercase;
  color: #7b8082;
  padding: 7px 0;
}
.calendar-content-header > div {
    flex: 1;
    text-align: center;
    margin: 0 -1px -1px 0;
}
.calendar-content-row {
  display: flex;
  font-size: 12px;
}
.calendar-content-row > div {
    flex: 1;
    position: relative;
    cursor: pointer;
    border: 1px solid #dde3e7;
    text-align: center;
    line-height: 39px;
    color: #7b8082;
    margin: 0 -1px -1px 0;
    background: #fff;
}
.calendar-content-row > div.is-other-month {
      background: #e5ecf0;
}
.calendar-content-row > div.is-other-month.is-range-first-hover, .calendar-content-row > div.is-other-month.is-range-last-hover, .calendar-content-row > div.is-other-month.is-range-between {
        background: #dedbe7;
        border-color: #D2CFDA;
}
.calendar-content-row > div.is-range-first-hover, .calendar-content-row > div.is-range-last-hover, .calendar-content-row > div.is-range-between {
      background: #eedeec;
      border-color: #d1c6d8;
      z-index: 1;
}
.calendar-content-row > div.is-selected, .calendar-content-row > div.is-range-first, .calendar-content-row > div.is-range-last {
      color: #fff;
      background: #8c2081;
      border-color: #610a58;
      z-index: 2;
}
.calendar-content-row > div.disabled {
      background: #e9e9e9;
}
.calendar-content-row > div.disabled.is-other-month {
      background: #b6b5b6;
}

.join-panel {
  overflow: hidden;
}
.join-panel-illustration {
  height: 205px;
  background: #86a0a0 url(/cargo/assets/images/join-illustration.jpg) 50%;
  background-size: cover;
}
.join-panel-content {
  padding: 30px;
}
.join-panel-content > h1 {
    margin: 0;
    color: #4c4c55;
    font-size: 19px;
}
.join-panel-content > p {
    color: #9e9e9e;
    font-size: 13px;
    line-height: 1.7;
}
.join-panel-content > .button {
    padding: 0 33px;
    margin: 10px 0;
}
@media (max-width: 1200px) {
.join-panel-content > .button {
        padding: 0 19px;
        letter-spacing: 1px;
}
}
.join-panel-about {
  display: inline-block;
  margin: 20px 0 0;
  color: #ec1b60;
  border-bottom: 1px solid #f5d9e2;
  transition: border-bottom-color 0.3s ease;
}
.join-panel-about:hover {
    border-bottom-color: #ff9dbd;
}

.preloader {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.45;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}
@keyframes rotatePreloader {
0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
}
100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
}
}
.preloader > div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.preloader > div:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 10%;
    height: 10%;
    background-color: #000;
    transform: translateX(-50%);
    border-radius: 50%;
}
.preloader > div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}
@keyframes rotateCircle1 {
0% {
    opacity: 0;
}
0% {
    opacity: 1;
    transform: rotateZ(36deg);
}
7% {
    transform: rotateZ(0deg);
}
57% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}
@keyframes rotateCircle2 {
5% {
    opacity: 0;
}
5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
}
12% {
    transform: rotateZ(-36deg);
}
62% {
    transform: rotateZ(-36deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}
@keyframes rotateCircle3 {
10% {
    opacity: 0;
}
10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
}
17% {
    transform: rotateZ(-72deg);
}
67% {
    transform: rotateZ(-72deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}
@keyframes rotateCircle4 {
15% {
    opacity: 0;
}
15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
}
22% {
    transform: rotateZ(-108deg);
}
72% {
    transform: rotateZ(-108deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}
@keyframes rotateCircle5 {
20% {
    opacity: 0;
}
20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
}
27% {
    transform: rotateZ(-144deg);
}
77% {
    transform: rotateZ(-144deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}
@keyframes rotateCircle6 {
25% {
    opacity: 0;
}
25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
}
32% {
    transform: rotateZ(-180deg);
}
82% {
    transform: rotateZ(-180deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}
@keyframes rotateCircle7 {
30% {
    opacity: 0;
}
30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
}
37% {
    transform: rotateZ(-216deg);
}
87% {
    transform: rotateZ(-216deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}
@keyframes rotateCircle8 {
35% {
    opacity: 0;
}
35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
}
42% {
    transform: rotateZ(-252deg);
}
92% {
    transform: rotateZ(-252deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}
@keyframes rotateCircle9 {
40% {
    opacity: 0;
}
40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
}
47% {
    transform: rotateZ(-288deg);
}
97% {
    transform: rotateZ(-288deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}
.preloader > div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}
@keyframes rotateCircle10 {
45% {
    opacity: 0;
}
45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
}
52% {
    transform: rotateZ(-324deg);
}
102% {
    transform: rotateZ(-324deg);
}
100% {
    transform: rotateZ(-324deg);
    opacity: 1;
}
}

.page.simple-enter-active[data-v-a8ccefde] .requests-filter *,
.page.advanced-enter-active[data-v-a8ccefde] .requests-filter * {
  transition: none;
}
.page-area[data-v-a8ccefde] {
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
.page-content[data-v-a8ccefde] {
  flex: 0 0 auto;
  width: 770px;
}
.page-content > .data-table-empty[data-v-a8ccefde] {
    padding: 24px 0 12px;
}
@media (max-width: 1400px) {
.page-content[data-v-a8ccefde] {
      width: 655px;
}
}
@media (max-width: 1200px) {
.page-content[data-v-a8ccefde] {
      width: 545px;
}
}
.request[data-v-a8ccefde] {
  margin-bottom: 20px;
  transition: opacity 0.3s ease, box-shadow 0.3s ease !important;
}
.request.v-enter[data-v-a8ccefde] {
    opacity: 0;
}
.request.v-leave-to[data-v-a8ccefde] {
    transition: none !important;
}
.page-sidebar[data-v-a8ccefde] {
  position: relative;
  flex: 0 0 auto;
  width: 370px;
  margin-bottom: 90px;
}
@media (max-width: 1400px) {
.page-sidebar[data-v-a8ccefde] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.page-sidebar[data-v-a8ccefde] {
      width: 260px;
}
}
.page-sidebar > .panel[data-v-a8ccefde] {
    width: 370px;
    box-sizing: border-box;
}
@media (max-width: 1400px) {
.page-sidebar > .panel[data-v-a8ccefde] {
        width: 315px;
}
}
@media (max-width: 1200px) {
.page-sidebar > .panel[data-v-a8ccefde] {
        width: 260px;
}
}
.page-sidebar > .panel.is-fixed[data-v-a8ccefde] {
      position: fixed;
      top: 20px;
      z-index: 21;
}
.page-sidebar > .panel.is-bottom[data-v-a8ccefde] {
      position: absolute;
      bottom: 0;
}
.page-actions-container[data-v-a8ccefde] {
  position: relative;
  text-align: center;
  padding-top: 24px;
  height: 70px;
  box-sizing: border-box;
}
.page-actions-container > .button-regular[data-v-a8ccefde] {
    padding: 0 45px;
}
.page-actions-container > .preloader[data-v-a8ccefde] {
    margin-top: 12px;
}
.page-captions-container[data-v-a8ccefde] {
  display: flex;
}
.page-captions[data-v-a8ccefde] {
  flex: 1;
}
.page-captions-link[data-v-a8ccefde] {
  flex: 0 0 auto;
  width: 370px;
  padding-top: 46px;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1400px) {
.page-captions-link[data-v-a8ccefde] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.page-captions-link[data-v-a8ccefde] {
      width: 260px;
}
}

.mobile-filter-title[data-v-b518719a],
.rfa-mobile[data-v-b518719a] {
  display: none;
}
@media screen and (max-width: 999px) {
.rfa-mobile[data-v-b518719a] {
    display: flex;
    justify-content: center;
}
}
.page-area[data-v-b518719a] {
  padding-top: 24px;
  position: relative;
}
.page-area > .data-table-empty[data-v-b518719a] {
    padding: 24px 0 12px;
}
.requests-filter-list[data-v-b518719a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.requests-filter[data-v-b518719a] {
  right: 0;
  bottom: 100%;
  margin-bottom: 40px;
  width: 33.3%;
}
@media (max-width: 1400px) {
.requests-filter[data-v-b518719a] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.requests-filter[data-v-b518719a] {
      width: 260px;
}
}
.requests-filter > .checkbox[data-v-b518719a] {
    padding: 8px 14px 0 0;
}
.requests-filter-label[data-v-b518719a] {
  font-size: 13px;
  color: #9e9e9e;
  padding-bottom: 6px;
}
.request-container[data-v-b518719a] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 999px) {
.request-container[data-v-b518719a] {
      flex-direction: column;
}
}
.request-container > .request-action[data-v-b518719a] {
    transition: transform 0.3s ease;
}
.request-container.v-enter[data-v-b518719a] {
    opacity: 0;
}
.request-container.v-enter > .request-action[data-v-b518719a] {
      transform: translateX(20px);
}
.request-container.v-leave-to[data-v-b518719a] {
    transition: none !important;
}
.request[data-v-b518719a] {
  flex: 0 0 auto;
  width: 770px;
}
@media (max-width: 1400px) {
.request[data-v-b518719a] {
      width: 655px;
}
}
@media (max-width: 1200px) {
.request[data-v-b518719a] {
      width: 545px;
}
}
@media screen and (max-width: 999px) {
.request[data-v-b518719a] {
      width: 100%;
}
}
.page-actions-container[data-v-b518719a] {
  position: relative;
  text-align: center;
  padding-top: 24px;
  box-sizing: border-box;
  width: 770px;
  height: 70px;
}
@media (max-width: 1400px) {
.page-actions-container[data-v-b518719a] {
      width: 655px;
}
}
@media (max-width: 1200px) {
.page-actions-container[data-v-b518719a] {
      width: 545px;
}
}
@media screen and (max-width: 999px) {
.page-actions-container[data-v-b518719a] {
      width: 100%;
}
}
.page-actions-container > .button-regular[data-v-b518719a] {
    padding: 0 45px;
}
.page-actions-container > .preloader[data-v-b518719a] {
    margin-top: 12px;
}
@media screen and (max-width: 999px) {
.mobile-filter-button[data-v-b518719a] {
    margin-bottom: 34px;
}
.requests-filter-list[data-v-b518719a] {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
    box-sizing: content-box !important;
    padding: 16px;
    width: calc(100% - 32px) !important;
    height: auto !important;
    flex-direction: column;
}
.requests-filter[data-v-b518719a] {
    margin-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
body .mobile-close-filter[data-v-b518719a] {
    position: absolute;
    right: 20px;
    z-index: 2;
}
.mobile-filter-title[data-v-b518719a] {
    position: relative;
    display: block;
    font-size: 16px;
}
}

.clear-search[data-v-b518719a] {
  border-bottom: 1px dashed #8c2081;
}
.clear-search[data-v-b518719a]:hover {
  border-bottom: 1px dashed #ec1b60;
}
.search-content[data-v-b518719a] {
  width: 100%;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  margin-bottom: 40px;
}
.search-bar[data-v-b518719a] {
  width: 66%;
  margin-right: 30px;
}
.search-content button[data-v-b518719a] {
  margin-right: 28px;
}
.search-bar[data-v-b518719a] .custom-input {
  padding-top: 0px;
}
.search-bar[data-v-b518719a] .custom-input > input {
  padding-left: 11px;
}
.search-bar[data-v-b518719a] .custom-input > .custom-input-placeholder {
  top: 1px;
  left: 11px;
  transition: left 0.3s ease, top 0.3s ease, font 0.3s ease, opacity 0.3s ease 0.3s;
}
.search-bar[data-v-b518719a] .custom-input > input:focus + .custom-input-placeholder {
  top: -19px;
  left: 0px;
}
.search-bar[data-v-b518719a] .custom-input.is-filled > .custom-input-placeholder {
  top: -19px;
  left: 0px;
}
@media screen and (max-width: 805px) {
.search-content[data-v-b518719a] {
    width: 100%;
}
}
@media screen and (max-width: 710px) {
.search-content[data-v-b518719a] {
    display: block;
}
.search-content button[data-v-b518719a] {
    margin-top: 7px;
    margin-right: 15px;
}
.search-bar[data-v-b518719a] {
    width: 100%;
    margin-right: 0px;
}
}
@media screen and (max-width: 460px) {
.search-bar[data-v-b518719a] .custom-input > input:focus + .custom-input-placeholder {
    top: -33px;
}
.search-bar[data-v-b518719a] .custom-input > .custom-input-placeholder {
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}
.mobile-filter-button[data-v-b518719a][data-v-b518719a] {
    margin-bottom: 54px;
}
.search-bar[data-v-b518719a] .custom-input.is-filled > .custom-input-placeholder {
    top: -33px;
}
}

.request-action {
  border: 1px solid #dedede;
  border-radius: 10px;
  box-sizing: border-box;
  color: #4c4c55;
  flex: 0 0 auto;
  width: 370px;
  padding: 30px;
  position: relative;
}
@media (max-width: 1400px) {
.request-action {
      width: 315px;
}
}
@media (max-width: 1200px) {
.request-action {
      width: 260px;
      padding: 20px;
}
}
.request-action.is-overbid {
    background: #eb1c60;
    border: none;
    color: #fff;
    padding-bottom: 90px;
}
.request-action.is-overbid > h2 {
      font-size: 16px;
      font-weight: 300;
      color: #fff;
      padding-bottom: 4px;
}
.request-action.is-overbid > h2 > span {
        font-weight: 500;
}
.request-action.is-overbid > p {
      font-size: 16px;
      font-weight: 300;
      background: #ca114e;
      display: inline-block;
      padding: 6px 10px;
      border-radius: 3px;
}
.request-action.is-overbid > p > span {
        font-weight: 500;
        white-space: nowrap;
}
.request-action .request-action-bid {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #f484a9;
}
@media (max-width: 1200px) {
.request-action .request-action-bid {
        left: 20px;
        right: 20px;
        text-align: center;
}
}
.request-action .request-action-bid .button {
      line-height: 26px;
      height: 26px;
      padding: 0 20px;
      font-size: 12px;
      letter-spacing: 1px;
      margin-bottom: 8px;
}
@media (max-width: 1400px) {
.request-action .request-action-bid .button {
          padding: 0 12px;
}
}
.request-action .request-action-bid-label {
    color: #f5a6b9;
    font-size: 13px;
    padding-bottom: 6px;
}
.request-action .request-action-bid-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
@media (max-width: 1200px) {
.request-action .request-action-bid-container {
        display: block;
}
}
.request-action.is-success {
    background: #54a739;
    border: none;
    color: #fff;
    padding-bottom: 90px;
}
.request-action.is-success > h2 {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
}
.request-action.is-success > p {
      font-size: 15px;
      padding-top: 16px;
}
.request-action.is-success > p > svg {
        width: 10px;
        height: 10px;
        margin-right: 12px;
        fill: currentColor;
}
.request-action.is-success > .button {
      font-size: 12px;
      letter-spacing: 1px;
      padding: 0 30px;
      position: absolute;
      bottom: 51px;
}
@media (max-width: 1200px) {
.request-action.is-success > .button {
          padding: 0 17px;
}
}
@media screen and (max-width: 999px) {
.request-action.is-success > .button {
          position: relative;
          bottom: 0px;
}
}
.request-action.is-success.no-bottom {
      padding-bottom: 0;
}
.request-action.is-bold {
    font-weight: 500;
    padding: 0;
}
.request-action.is-grayed {
    color: #9e9e9e;
    padding: 0;
}
.request-action .spinbox {
    margin-bottom: 6px;
}
.request-action .spinbox-button {
    color: #ec1b60;
}
.request-action .form-overlay {
    border-radius: 10px;
}
.request-action-lonely-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.attach-documents-side-prompt {
  font-size: 12px;
}

.spinbox {
  display: inline-block;
  position: relative;
  padding: 0 32px;
  font-size: 15px;
  line-height: 26px;
  height: 26px;
  white-space: nowrap;
}
.spinbox-button {
  will-change: opacity;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  width: 26px;
  height: 26px;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #000;
  box-sizing: border-box;
  padding: 7px;
  outline: none;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}
.spinbox-button:hover {
    opacity: 1;
}
.spinbox-button:disabled {
    opacity: 0.4;
    cursor: default;
    user-select: none;
}
.spinbox-button.is-decrement {
    position: absolute;
    left: 0;
}
.spinbox-button.is-increment {
    position: absolute;
    right: 0;
}
.spinbox-button > svg {
    display: block;
    width: 12px;
    height: 12px;
    fill: currentColor;
}
.spinbox-input {
  border: 0px;
  width: 100px;
}
.spinbox-input:active, .spinbox-input:focus {
  outline: none;
}

.form-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: opacity 0.3s ease;
  z-index: 115;
}
.form-overlay.v-enter, .form-overlay.v-leave-to {
    opacity: 0;
}

.mgl[data-v-ee5cba0c] {
  margin-left: 10px;
}
@media screen and (max-width: 999px) {
.mgl[data-v-ee5cba0c] {
      margin-left: 0px;
}
}
.driving-link[data-v-ee5cba0c] {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  font-size: 12px;
}
.page.simple-enter-active[data-v-ee5cba0c] *,
.page.advanced-enter-active[data-v-ee5cba0c] * {
  transition: none !important;
}
.page-back-link[data-v-ee5cba0c] {
  font-size: 15px;
  padding: 14px 0 30px;
}
.page-back-link > a > svg[data-v-ee5cba0c] {
    width: 10px;
    height: 16px;
    fill: currentColor;
    vertical-align: middle;
    margin-right: 16px;
}
.page-back-link > a > span[data-v-ee5cba0c] {
    vertical-align: middle;
}
.request-info-time-left[data-v-ee5cba0c] {
  position: absolute;
  right: 0px;
  top: 0px;
}
.request-info-time-left > h2 > span[data-v-ee5cba0c] {
    display: inline-block;
    max-width: 155px;
    padding: 0 14px;
    height: 22px;
    background: trancparent;
    border: 2px solid #c49a6c;
    color: #c49a6c !important;
    line-height: 1.2 !important;
    border-radius: 0px 13px 0px 13px;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
    box-sizing: border-box;
}
.is-accent .request-info-time-left > h2 > span[data-v-ee5cba0c] {
      background: #ec1b5f;
}
.request-info-time-left > span[data-v-ee5cba0c] {
    display: inline-block;
    font-size: 12px;
}
.request-container[data-v-ee5cba0c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 28px;
}
@media screen and (max-width: 999px) {
.request-container[data-v-ee5cba0c] {
      margin-top: 20px;
      flex-direction: column;
}
}
.request[data-v-ee5cba0c] {
  display: block;
  position: relative;
  padding: 20px 30px 0;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  color: #9e9e9e;
  font-size: 14px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
  flex: 0 0 auto;
  width: 770px;
}
@media (max-width: 1400px) {
.request[data-v-ee5cba0c] {
      width: 655px;
      padding: 30px 25px 0;
}
}
@media (max-width: 1200px) {
.request[data-v-ee5cba0c] {
      width: 545px;
      padding: 30px 20px 0;
}
}
@media screen and (max-width: 999px) {
.request[data-v-ee5cba0c] {
      width: 100%;
      margin-bottom: 8px;
      padding-left: 16px;
      padding-right: 16px;
}
}
.request-header[data-v-ee5cba0c] {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 999px) {
.request-header[data-v-ee5cba0c] {
      white-space: inherit;
}
}
.request-header.top-part[data-v-ee5cba0c] {
    border-bottom: none;
    margin: -20px -30px 4px;
    padding: 10px 30px 0;
    font-size: 12px;
    line-height: 18px;
}
@media screen and (max-width: 999px) {
.request-header.top-part[data-v-ee5cba0c] {
        margin: -20px 0 4px;
        padding: 10px 0 0;
}
}
@media screen and (max-width: 999px) {
.request-header-cell[data-v-ee5cba0c] {
    width: 50%;
    white-space: normal;
}
}
.request-header-cell > h2[data-v-ee5cba0c] {
  color: #4c4c55;
  font-size: 19px;
  line-height: 26px;
  height: 26px;
}
@media screen and (max-width: 999px) {
.request-header-cell > h2[data-v-ee5cba0c] {
      height: auto;
      font-size: 14px;
      line-height: 1.42;
      font-weight: 500;
}
}
.request-header-cell.is-growable[data-v-ee5cba0c] {
  flex-grow: 1;
}
@media (max-width: 1200px) {
.request-header-cell.is-growable[data-v-ee5cba0c] {
      max-width: 324px;
      overflow: hidden;
      position: relative;
}
.request-header-cell.is-growable[data-v-ee5cba0c]:after {
        position: absolute;
        display: block;
        content: '';
        right: 0;
        top: 0;
        height: 100%;
        width: 20px;
        background: rgba(255, 255, 255, 0.5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, white));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, white 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
}
@media screen and (max-width: 1200px) and (max-width: 999px) {
.request-header-cell.is-growable[data-v-ee5cba0c]:after {
        display: none;
}
}
.request-header-cell.is-shifted[data-v-ee5cba0c] {
  margin: 16px 0 0;
}
.request-header-cell.is-shifted .request-info-price[data-v-ee5cba0c] {
    text-align: left;
}
.request-header-cell[data-v-ee5cba0c]:last-child {
  overflow: hidden;
}
.request-header-cell:last-child > h2[data-v-ee5cba0c] {
    overflow: hidden;
    text-overflow: ellipsis;
}
.request-header-cell > span[data-v-ee5cba0c] {
  font-size: 12px;
  line-height: 1em;
}
.request-header-cell > span + span[data-v-ee5cba0c] {
    display: block;
}
.request-header-cell .request-info-price[data-v-ee5cba0c] {
  text-align: right;
  margin-top: 4px;
}
.request-header-cell .request-info-price h2[data-v-ee5cba0c] {
    color: #4c4c55;
}
.request-header-cell .request-info-price span[data-v-ee5cba0c] {
    font-size: 12px;
    color: #9e9e9e;
}
.request-points-line-container[data-v-ee5cba0c] {
  text-align: center;
  padding: 2px 10px 0;
}
@media screen and (max-width: 999px) {
.request-points-line-container[data-v-ee5cba0c] {
      order: -1;
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 0;
      margin: 0;
      margin-top: 5px;
}
}
.request-points-line[data-v-ee5cba0c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 84px;
  height: 26px;
  position: relative;
}
@media screen and (max-width: 999px) {
.request-points-line[data-v-ee5cba0c] {
      width: 53%;
}
}
.request-points-line[data-v-ee5cba0c]:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #8b1f81;
}
.request-points-line > div[data-v-ee5cba0c] {
    position: relative;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border: 2px solid #8b1f81;
    border-radius: 50%;
    box-sizing: border-box;
}
.request-points-line > div.is-highlight[data-v-ee5cba0c] {
      background: #8b1f81;
}
.request-points-line > div[data-v-ee5cba0c]:first-child {
      margin-left: 0;
}
.request-points-line > div[data-v-ee5cba0c]:last-child {
      margin-right: 0;
}
.request-points-line + span[data-v-ee5cba0c] {
    color: #8c2081;
    margin: -1px 0 0;
    display: block;
}
@media screen and (max-width: 999px) {
.request-points-line + span[data-v-ee5cba0c] {
        text-align: left;
        order: -1;
}
}
.request-points-list[data-v-ee5cba0c] {
  color: #4c4c55;
  padding: 14px 0 28px;
  line-height: 1.5;
}
@media screen and (max-width: 999px) {
.request-points-list[data-v-ee5cba0c] {
      padding: 14px 0;
}
}
.request-points-list > .is-highlight[data-v-ee5cba0c] {
    color: #8c2081;
}
.request-points-list > .is-highlight > .request-points-list-item > span:last-child > span[data-v-ee5cba0c] {
      border-bottom-color: #ce9ec9;
}
.request-points-list-item-container[data-v-ee5cba0c] {
  position: relative;
  padding-left: 180px;
}
@media screen and (max-width: 999px) {
.request-points-list-item-container[data-v-ee5cba0c] {
      padding-left: 0;
}
}
.request-points-list-item-container.add-bottom-padding[data-v-ee5cba0c] {
    padding-bottom: 28px;
}
.request-points-list-item-container[data-v-ee5cba0c]:first-child {
    margin-bottom: 15px;
}
.request-points-list-item-date[data-v-ee5cba0c] {
  position: absolute;
  left: 0;
  top: 7px;
  width: 180px;
}
@media screen and (max-width: 999px) {
.request-points-list-item-date[data-v-ee5cba0c] {
      position: relative;
      width: 100%;
      padding-bottom: 28px;
      height: 68px;
}
}
.request-points-list-item-date > svg[data-v-ee5cba0c] {
    width: 14px;
    height: 14px;
    fill: #9e9e9e;
    float: left;
    margin-top: 3px;
}
@media screen and (max-width: 999px) {
.request-points-list-item-date > svg[data-v-ee5cba0c] {
        width: 26px;
        height: 26px;
}
}
.request-points-list-item-date-line[data-v-ee5cba0c] {
  position: absolute;
  top: 10px;
  left: 32px;
  right: 14px;
  height: 1px;
  background: #ddd;
  z-index: 1;
}
@media screen and (max-width: 999px) {
.request-points-list-item-date-line[data-v-ee5cba0c] {
      position: absolute;
      top: 35px;
      left: 13px;
      right: auto;
      height: 30px;
      width: 1px;
}
}
.request-points-list-item-date-date[data-v-ee5cba0c] {
  margin-left: 30px;
  color: #4c4c55;
}
@media screen and (max-width: 999px) {
.request-points-list-item-date-date[data-v-ee5cba0c] {
      margin-left: 40px;
}
}
.request-points-list-item-date-date > span[data-v-ee5cba0c] {
    position: relative;
    background: #fff;
    z-index: 2;
    padding-right: 12px;
}
.request-points-list-item-date-time[data-v-ee5cba0c] {
  color: #9e9e9e;
  font-size: 12px;
  margin-left: 30px;
}
@media screen and (max-width: 999px) {
.request-points-list-item-date-time[data-v-ee5cba0c] {
      margin-left: 40px;
}
}
.request-points-list-item[data-v-ee5cba0c] {
  display: inline-flex;
  margin: 0;
  line-height: 1.2em;
  padding: 10px 0;
}
.request-points-list-item > span[data-v-ee5cba0c]:first-child:not(:empty) {
    width: 16px;
}
.request-points-list-item > span[data-v-ee5cba0c]:last-child {
    flex: 1;
}
.request-points-list-item.has-map[data-v-ee5cba0c] {
    cursor: pointer;
}
.request-points-list-item.has-map > span:last-child > span[data-v-ee5cba0c]:first-child {
      border-bottom: 1px dashed #aeaeae;
}
.request-points-list-item-doc-mark[data-v-ee5cba0c] {
  display: inline-block;
  white-space: nowrap;
  background: #b1b1b1;
  border-radius: 9px;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
  line-height: 18px;
  margin-left: 4px;
}
.request-comment-container[data-v-ee5cba0c] {
  border-top: 1px solid #eaeaea;
  padding: 22px 0 30px;
}
.request-comment-label[data-v-ee5cba0c] {
  font-size: 12px;
  color: #9e9e9e;
  padding: 0 0 6px;
}
.request-comment[data-v-ee5cba0c] {
  font-size: 14px;
  color: #4c4c55;
  line-height: 1.5;
}
.request-footer[data-v-ee5cba0c] {
  border-top: 1px solid #eaeaea;
  padding: 22px 0 30px;
  line-height: 1.4;
  bottom: 0;
  left: 30px;
  right: 30px;
}
@media screen and (max-width: 999px) {
.request-footer[data-v-ee5cba0c] {
      display: flex;
      flex-wrap: wrap;
      padding: 14px 0;
}
}
.request-footer[data-v-ee5cba0c]:after {
    content: '';
    display: block;
    clear: both;
}
@media (max-width: 1400px) {
.request-footer[data-v-ee5cba0c] {
      left: 25px;
      right: 25px;
}
}
@media (max-width: 1200px) {
.request-footer[data-v-ee5cba0c] {
      left: 20px;
      right: 20px;
}
}
.request-footer-cell[data-v-ee5cba0c] {
  float: left;
  position: relative;
  padding: 0;
  margin-right: 30px;
  margin-bottom: 10px;
  font-size: 12px;
}
@media (max-width: 1400px) {
.request-footer-cell[data-v-ee5cba0c] {
      margin-right: 20px;
      margin-bottom: 20px;
}
}
@media screen and (max-width: 999px) {
.request-footer-cell[data-v-ee5cba0c] {
      width: 50%;
      padding-right: 5px;
      margin-right: 0;
}
}
.request-footer-cell[data-v-ee5cba0c]:last-child {
    margin-right: 0;
    margin-bottom: 0;
}
.request-footer-cell > h2[data-v-ee5cba0c] {
    font-weight: 400;
    font-size: 12px;
    line-height: .8em;
    color: #4c4c55;
}
@media screen and (max-width: 999px) {
.request-footer-cell > h2[data-v-ee5cba0c] {
        margin-top: 2px;
}
}
.request-footer-cell-separator[data-v-ee5cba0c] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 3"%3E%3Cg%3E%3Crect width="2" height="1" style="fill:rgb%28234,234,234%29;"/%3E%3C/g%3E%3C/svg%3E') repeat-y;
}
.request-footer-info[data-v-ee5cba0c] {
  float: right;
  text-align: right;
}
.request-footer-info-type[data-v-ee5cba0c] {
  font-size: 12px;
  line-height: 21px;
}
.request-actions[data-v-ee5cba0c] {
  flex: 0 0 auto;
  width: 370px;
  padding: 34px 38px 160px;
  box-sizing: border-box;
  position: relative;
  align-self: stretch;
  height: fit-content;
}
@media (max-width: 1400px) {
.request-actions[data-v-ee5cba0c] {
      width: 315px;
}
}
@media (max-width: 1200px) {
.request-actions[data-v-ee5cba0c] {
      width: 260px;
      padding: 30px 20px 92px;
}
}
@media screen and (max-width: 999px) {
.request-actions[data-v-ee5cba0c] {
      width: 100%;
      padding: 16px 16px 24px;
}
}
.request-actions .form-overlay[data-v-ee5cba0c] {
    z-index: 120;
    border-radius: 10px;
}
.request-actions form.is-disabled[data-v-ee5cba0c] {
    pointer-events: none;
}
.request-actions form.is-disabled > div[data-v-ee5cba0c],
    .request-actions form.is-disabled > h2[data-v-ee5cba0c] {
      opacity: 0.5;
}
.request-actions .attach-documents-container.is-disabled[data-v-ee5cba0c] {
    pointer-events: none;
    opacity: 0.5;
}
.request-actions h2[data-v-ee5cba0c] {
    color: #4c4c55;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 14px;
}
.request-actions h2.no-margin[data-v-ee5cba0c] {
      margin-bottom: 3px;
}
.request-actions .multiselect-container[data-v-ee5cba0c] {
    margin-bottom: 16px;
}
.request-actions .file-upload-annex[data-v-ee5cba0c] {
    margin-top: 16px;
}
.request-actions .link-download-annex[data-v-ee5cba0c] {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0 24px;
    opacity: 1 !important;
    pointer-events: auto;
}
.request-actions.has-annex[data-v-ee5cba0c] {
    padding-bottom: 156px;
}
.request-actions.has-annex .link-download-annex[data-v-ee5cba0c] {
      position: absolute;
      padding: 12px 42px 0;
      bottom: 98px;
      left: 0;
}
.request-actions.no-bottom[data-v-ee5cba0c] {
    padding-bottom: 34px;
}
.request-actions .radio[data-v-ee5cba0c] {
    margin-bottom: 6px;
    font-size: 13px;
}
.request-actions .button-container[data-v-ee5cba0c] {
    position: absolute;
    bottom: 30px;
    left: 38px;
    right: 66px;
    text-align: center;
}
@media (max-width: 1400px) {
.request-actions .button-container[data-v-ee5cba0c] {
        right: 38px;
}
}
@media (max-width: 1200px) {
.request-actions .button-container[data-v-ee5cba0c] {
        right: 38px;
}
}
@media screen and (max-width: 999px) {
.request-actions .button-container[data-v-ee5cba0c] {
        position: static;
}
}
.request-actions .button-container > .button[data-v-ee5cba0c] {
      padding: 0 30px;
      letter-spacing: 1px;
}
@media (max-width: 1200px) {
.request-actions .button-container > .button[data-v-ee5cba0c] {
          font-size: 13px;
}
}
.request-actions .button-container > .button.button-full-width[data-v-ee5cba0c] {
        width: 100%;
}
.request-actions .button-container > .button + .button[data-v-ee5cba0c] {
        margin: 16px 0 0;
        height: 48px;
}
@media (max-width: 1400px) {
.request-actions .button-container > .button + .button[data-v-ee5cba0c] {
            font-size: 11px;
}
}
@media (max-width: 1200px) {
.request-actions .button-container > .button + .button[data-v-ee5cba0c] {
            line-height: 1.6em;
}
}
.attach-documents-container[data-v-ee5cba0c] {
  overflow: hidden;
  margin: 0 -3px;
  padding: 0 3px;
  transition: opacity 0.3s ease, height 0.3s ease;
}
.attach-documents-container .file-upload[data-v-ee5cba0c]:first-child {
    margin-top: 16px;
}
.attach-documents-container.v-enter[data-v-ee5cba0c], .attach-documents-container.v-leave-to[data-v-ee5cba0c] {
    opacity: 0;
    height: 0;
}
.request-actions-cells-container[data-v-ee5cba0c] {
  margin-bottom: 16px;
  display: flex;
}
.request-actions-cells-container[data-v-ee5cba0c]:after {
    content: '';
    display: block;
    clear: both;
}
.request-actions-cells-container.has-border[data-v-ee5cba0c] {
    padding-bottom: 12px;
    border-bottom: 1px solid #eaeaea;
}
.request-actions-cell[data-v-ee5cba0c] {
  width: 50%;
  position: relative;
  flex-shrink: 0;
}
.request-actions-cell[data-v-ee5cba0c]:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 3"%3E%3Cg%3E%3Crect width="2" height="1" style="fill:rgb%28234,234,234%29;"/%3E%3C/g%3E%3C/svg%3E') repeat-y;
}
.request-actions-cell[data-v-ee5cba0c]:last-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.request-actions-cell[data-v-ee5cba0c]:last-child:after {
      display: none;
}
.request-actions-cell-label[data-v-ee5cba0c] {
  font-size: 14px;
  color: #9e9e9e;
}
.request-actions-cell-value[data-v-ee5cba0c] {
  font-size: 19px;
  color: #4c4c55;
}
@media (max-width: 1200px) {
.request-actions-cell-value[data-v-ee5cba0c] {
      font-size: 17px;
      font-weight: 500;
}
}
.request-actions-cell-value.is-accent[data-v-ee5cba0c] {
    color: #ec1b60;
}
.request-actions-cell-value.is-small[data-v-ee5cba0c] {
    font-size: 14px;
    color: #9e9e9e;
}
.request-actions-note[data-v-ee5cba0c] {
  font-size: 12px;
  color: #9e9e9e;
  margin-top: -6px;
}
.modal-map[data-v-ee5cba0c] .modal-content {
  padding: 20px;
}
.modal-map[data-v-ee5cba0c] .modal-content h1 {
    margin-bottom: 14px;
}
.modal-map[data-v-ee5cba0c] .modal-content p {
    margin: 4px 0;
}
.modal-map[data-v-ee5cba0c] .modal-content .button {
    margin-top: 14px;
    padding: 0 35px;
}
.modal-map-map[data-v-ee5cba0c] {
  width: 770px;
  height: 320px;
  margin: 30px -30px -30px;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
.modal-action[data-v-ee5cba0c] .modal-container {
  padding: 0;
  width: 410px;
  height: 210px;
}
@media screen and (max-width: 999px) {
.modal-action[data-v-ee5cba0c] .modal-container {
      width: 100%;
}
}
.modal-action .form-overlay[data-v-ee5cba0c] {
  border-radius: 10px;
}
.modal-action-content[data-v-ee5cba0c] {
  width: 410px;
  height: 210px;
  box-sizing: border-box;
  padding: 40px;
  position: relative;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 999px) {
.modal-action-content[data-v-ee5cba0c] {
      width: 100%;
      padding: 30px 16px;
}
}
.modal.v-enter-active .modal-action-content[data-v-ee5cba0c] {
    transition: none;
}
.modal-action-content.v-enter[data-v-ee5cba0c], .modal-action-content.v-leave-to[data-v-ee5cba0c] {
    opacity: 0;
}
.modal-action-bid-label[data-v-ee5cba0c] {
  color: #9e9e9e;
  font-size: 13px;
  margin-bottom: 6px;
}
.modal-action-bid-container[data-v-ee5cba0c] {
  border-bottom: 1px solid #8b2081;
}
.modal-action-bid-container .spinbox[data-v-ee5cba0c] {
    margin-bottom: 6px;
    color: #8c2081;
    padding: 0 36px;
}
.modal-action-bid-container[data-v-ee5cba0c] .spinbox-button {
    color: #fff;
    background: #c0c0c0;
    opacity: 0.7;
}
.modal-action-bid-container[data-v-ee5cba0c] .spinbox-button:hover {
      opacity: 1;
}
.modal-action-bid-container[data-v-ee5cba0c] .spinbox-button:disabled {
      opacity: 0.3;
      color: #353535;
}
.modal-action-bid-container .button[data-v-ee5cba0c] {
    float: right;
    line-height: 26px;
    height: 26px;
    padding: 0 20px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.modal-action-stop-price[data-v-ee5cba0c] {
  position: absolute;
  left: 40px;
  bottom: 40px;
  display: inline-block;
  color: #ec1b60;
  border-bottom: 1px dashed #ff9dbd;
  transition: border-bottom-color 0.3s ease;
  font-size: 13px;
}
.modal-action-stop-price[data-v-ee5cba0c]:hover {
    border-bottom-color: #ec1b60;
}
.modal-action-content-accepted > h1 > b[data-v-ee5cba0c] {
  color: #8c2081;
}
.modal-action-content-accepted > .circle-ok-icon[data-v-ee5cba0c] {
  width: 58px;
  height: 58px;
  background: #f4f5f4;
  border-radius: 50%;
  position: absolute;
  left: 40px;
  bottom: 28px;
}
.modal-action-content-accepted > .circle-ok-icon > svg[data-v-ee5cba0c] {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    fill: #bebebe;
}
.modal-action-content-accepted > button[data-v-ee5cba0c] {
  position: absolute;
  right: 40px;
  bottom: 34px;
  line-height: 26px;
  height: 26px;
  padding: 0 38px;
  font-size: 12px;
  letter-spacing: 1px;
}
.modal-action-content-finished[data-v-ee5cba0c] {
  background: #54a739;
  border-radius: 9px;
  padding-top: 30px;
}
.modal-action-content-finished > h2[data-v-ee5cba0c] {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
.modal-action-content-finished > p[data-v-ee5cba0c] {
    font-size: 15px;
    color: #fff;
    margin: 16px 0 0;
}
.modal-action-content-finished > p > svg[data-v-ee5cba0c] {
      width: 10px;
      height: 10px;
      fill: #fff;
      margin-right: 10px;
}
.modal-action-content-finished > button[data-v-ee5cba0c] {
    position: absolute;
    left: 40px;
    bottom: 34px;
    line-height: 26px;
    height: 26px;
    padding: 0 22px;
    font-size: 12px;
    letter-spacing: 1px;
}
.radio-list[data-v-ee5cba0c] {
  margin-top: 21px;
}
.radio-list .radio[data-v-ee5cba0c] {
    width: 100%;
}
.attach-documents-prompt[data-v-ee5cba0c] {
  color: #9e9e9e;
  font-size: 14px;
}

.status-pane {
  text-align: left;
}
.status-pane h1 {
    font-size: 19px;
    font-weight: 300;
    color: #fff;
    float: left;
    margin: 0;
}
@media (max-width: 1200px) {
.status-pane h1 {
        font-size: 15px;
}
}
.status-pane h1 > span {
      font-weight: 500;
}
.status-pane-info {
  float: right;
  font-size: 15px;
}
.status-pane-info > svg {
    margin-right: 10px;
    fill: currentColor;
    vertical-align: middle;
}
.status-pane-info > span {
    vertical-align: middle;
}
.status-pane-info > span > b {
      font-weight: 500;
}

.status-pane {
  color: #fff;
  text-align: center;
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  margin-bottom: 18px;
  border-radius: 10px;
  padding: 0 32px;
  transition: opacity 0.3s ease, margin-top 0.3s ease;
}
.status-pane:after {
    content: '';
    display: block;
    clear: both;
}
.status-pane.is-ghost {
    background: #dedede;
    color: #9e9e9e;
}
.status-pane.is-ghost > h1 {
      color: #9e9e9e;
}
.status-pane.is-regular {
    background: #c3996c;
}
.status-pane.is-error {
    background: #eb1c61;
}
.status-pane.is-success {
    background: #53a739;
}
.status-pane.v-enter, .status-pane.v-leave-to {
    opacity: 0;
    margin-top: -80px;
}

.file-upload {
  position: relative;
  padding: 16px 0;
  background: #f1f1f1;
  user-select: none;
  cursor: pointer;
  z-index: 110;
  transition: background-color 0.2s ease;
}
.file-upload:hover {
    background: #ededed;
}
.file-upload:active {
    background: #e4e4e4;
}
.file-upload > input {
    position: absolute;
    visibility: hidden;
}
.file-upload-border {
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.file-upload-border.is-over, .file-upload-border.is-error {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.file-upload-border.is-error {
    border: 3px solid #eb1b60;
}
.file-upload-border.is-over {
    border: 3px solid #8c2081;
}
.file-upload-title {
  color: #8c2081;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 14px;
}
.file-upload-title > svg {
    width: 8px;
    height: 11px;
    fill: currentColor;
    margin-right: 3px;
}
.file-upload-subtitle {
  padding-top: 3px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  text-align: center;
}
.file-upload-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.file-upload-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

h1[data-v-09845184] {
  color: #ccc;
  text-align: center;
  font-size: 26px;
  margin-top: 22px;
}

.chat-component-container[data-v-556f26b8] {
  width: 770px;
}
@media (max-width: 1400px) {
.chat-component-container[data-v-556f26b8] {
    width: 655px;
}
}
@media (max-width: 1200px) {
.chat-component-container[data-v-556f26b8] {
    width: 545px;
}
}
@media (max-width: 999px) {
.chat-component-container[data-v-556f26b8] {
    width: 100%;
}
}
.separator[data-v-556f26b8] {
  display: flex;
  align-items: center;
  text-align: center;
  color: #EC1B60;
  margin-top: 15px;
}
.separator[data-v-556f26b8]::before, .separator[data-v-556f26b8]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #EC1B60;
}
.separator[data-v-556f26b8]:not(:empty)::before {
    margin-right: 10px;
}
.separator[data-v-556f26b8]:not(:empty)::after {
    margin-left: 10px;
}
.request-chat-container[data-v-556f26b8] {
  display: block;
  position: relative;
  padding: 20px 30px;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
  color: #9e9e9e;
  font-size: 14px;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
  flex: 0 0 auto;
  margin-top: 20px;
}
.request-chat-container__label .label[data-v-556f26b8] {
    color: #4c4c55;
    font-size: 19px;
    line-height: 26px;
    height: 26px;
}
.request-chat-container .request-chat-container__input .custom-input[data-v-556f26b8] {
    padding-top: 0;
}
.request-chat-container .request-chat-container__input .custom-input > textarea[data-v-556f26b8] {
      color: #9e9e9e;
}
.request-chat-container .request-chat-container__input .custom-input > textarea[data-v-556f26b8]:focus {
        border-bottom: 1px solid #8b2081;
        color: #8c2081;
}
.request-chat-container .request-chat-container__input .custom-input textarea[data-v-556f26b8] {
    min-height: 80px;
}
.request-chat-container .button-container[data-v-556f26b8] {
    justify-content: space-between;
    display: flex;
}
.request-chat-container .button-container .text_cnt[data-v-556f26b8] {
      align-self: center;
}
.request-chat-container .button-container button[data-v-556f26b8] {
      width: 140px;
      padding: 0;
}
.request-chat-container__history[data-v-556f26b8] {
  display: flex;
  flex-direction: column;
}
.request-chat-container__history .user_sender[data-v-556f26b8] {
    display: block;
    position: relative;
    padding: 20px 30px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 14px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
    flex: 0 0 auto;
    width: 60%;
    margin-top: 20px;
    margin-left: auto;
}
.request-chat-container__history .user_sender .label[data-v-556f26b8] {
      color: #4c4c55;
      font-size: 14px;
      font-weight: 550;
}
.request-chat-container__history .user_sender .content[data-v-556f26b8] {
      margin-top: 5px;
      color: #4c4c55;
}
.request-chat-container__history .lpack_sender[data-v-556f26b8] {
    display: block;
    position: relative;
    padding: 20px 30px;
    background: #F0E5FF;
    border-radius: 10px;
    box-sizing: border-box;
    color: #9e9e9e;
    font-size: 14px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.3s ease;
    flex: 0 0 auto;
    width: 60%;
    margin-top: 20px;
}
.request-chat-container__history .lpack_sender .label[data-v-556f26b8] {
      color: #4c4c55;
      font-size: 14px;
      font-weight: 550;
}
.request-chat-container__history .lpack_sender .content[data-v-556f26b8] {
      margin-top: 5px;
      color: #4c4c55;
}
.request-chat-container__history .message_time[data-v-556f26b8] {
    margin-top: 10px;
    font-size: 12px;
}
@media only screen and (max-width: 999px) {
.request-chat-container__history .user_sender[data-v-556f26b8], .request-chat-container__history .lpack_sender[data-v-556f26b8] {
      width: 90%;
}
}

.modal-car-inputs-subtext[data-v-3ad5f2c2] {
  font-size: 11px;
  color: #9e9e9e;
  opacity: 0.5;
}
.cars-h1 .button[data-v-3ad5f2c2],
.notification-title-mobile[data-v-3ad5f2c2] {
  display: none;
}
@media screen and (max-width: 999px) {
.page-subtitle[data-v-3ad5f2c2] {
    margin-right: 50px;
}
.notification-title-mobile[data-v-3ad5f2c2] {
    display: block;
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
.cars-h1[data-v-3ad5f2c2] {
    position: relative;
}
.cars-h1 .button[data-v-3ad5f2c2] {
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 5px;
}
.page-top-actions[data-v-3ad5f2c2] {
    display: none;
}
.data-table-header[data-v-3ad5f2c2] {
    display: none;
}
.data-table[data-v-3ad5f2c2] {
    margin-top: 24px;
}
.data-table-row[data-v-3ad5f2c2] {
    display: flex;
    flex-direction: column;
    padding: 16px 20px 16px 16px;
    align-items: flex-start;
    position: relative;
}
.data-table-row > div[data-v-3ad5f2c2] {
      padding-bottom: 16px;
}
.data-table-row > .data-table-row-delete[data-v-3ad5f2c2] {
      padding-bottom: 0;
      padding-right: 0;
      position: absolute;
      right: 10px;
      top: 10px;
}
.data-table-row > .data-table-row-delete .data-table-row-delete-active-area[data-v-3ad5f2c2] {
        opacity: 1;
}
}
.data-table-header > div[data-v-3ad5f2c2]:nth-child(5) {
  flex: 1.2;
}
.data-table-row > div[data-v-3ad5f2c2]:first-child {
  font-weight: bold;
}
.data-table-row > div[data-v-3ad5f2c2]:nth-child(5) {
  flex: 1.2;
}
.link-unbold[data-v-3ad5f2c2] {
  font-weight: normal;
}
.page-top-actions[data-v-3ad5f2c2] {
  float: right;
  padding-top: 12px;
}
.page-top-actions > .button-accent[data-v-3ad5f2c2] {
    padding: 0 30px;
}
.car-status[data-v-3ad5f2c2] {
  position: relative;
  padding-left: 18px;
}
.car-status[data-v-3ad5f2c2]:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b5b4b5;
}
.car-status-confirmed[data-v-3ad5f2c2]:before {
  background: #53a639;
}
.modal-car[data-v-3ad5f2c2] .modal-content {
  padding: 20px 26px 22px;
  width: 360px;
}
@media screen and (max-width: 999px) {
.modal-car[data-v-3ad5f2c2] .modal-content {
      width: 100%;
      padding: 6px;
}
}
.modal-car.is-verified form > .button[data-v-3ad5f2c2] {
  padding: 0 26px;
}
.modal-car form[data-v-3ad5f2c2] {
  position: relative;
}
.modal-car form.is-disabled[data-v-3ad5f2c2] {
  pointer-events: none;
}
.modal-car form.is-disabled > div[data-v-3ad5f2c2],
  .modal-car form.is-disabled > h2[data-v-3ad5f2c2] {
    opacity: 0.5;
}
.modal-car.v-enter-active form[data-v-3ad5f2c2] * {
  transition: none;
}
.modal-car .multiselect-container[data-v-3ad5f2c2] {
  margin-top: 18px;
}
.modal-car .custom-input[data-v-3ad5f2c2] {
  margin-top: 18px;
}
.modal-car .button[data-v-3ad5f2c2] {
  margin-top: 28px;
  width: 100%;
  text-align: center;
}
.modal-car .form-overlay[data-v-3ad5f2c2] {
  border-radius: 10px;
}
.modal-car .file-upload[data-v-3ad5f2c2] {
  margin-top: 40px;
}
.modal-car-inputs-group[data-v-3ad5f2c2] {
  display: flex;
}
@media screen and (max-width: 999px) {
.modal-car-inputs-group[data-v-3ad5f2c2] {
      flex-direction: column;
}
}
.modal-car-inputs-group.is-disabled[data-v-3ad5f2c2] {
    opacity: 0.5;
    pointer-events: none;
}
.modal-car-inputs-group.is-disabled[data-v-3ad5f2c2] input,
    .modal-car-inputs-group.is-disabled[data-v-3ad5f2c2] .custom-input-placeholder {
      opacity: 1 !important;
}
.modal-car-inputs-group-space[data-v-3ad5f2c2] {
  flex: 0 0 auto;
  width: 34px;
  text-align: center;
  padding-top: 43px;
  color: #9e9e9e;
}
@media screen and (max-width: 999px) {
.modal-car-inputs-group-space[data-v-3ad5f2c2] {
      display: none;
}
}
.modal-car-label[data-v-3ad5f2c2] {
  font-size: 13px;
  line-height: 13px;
  color: #9e9e9e;
  margin: 30px 0 12px;
}
.modal-car-checkbox-group[data-v-3ad5f2c2]  > .checkbox > label {
  padding-right: 16px;
  font-size: 15px;
}
.modal-car-checkbox-group[data-v-3ad5f2c2]  > .checkbox:last-child > label {
  padding-right: 0;
}
.modal-car-radio-group[data-v-3ad5f2c2] {
  position: relative;
  display: flex;
  flex-direction: column;
}
.modal-car-radio-group[data-v-3ad5f2c2]  > .radio {
  width: 100%;
  margin-bottom: 11px;
}
.modal-car-radio-group[data-v-3ad5f2c2]  > .radio > label {
    font-size: 15px;
    flex-direction: row;
}
.modal-car-radio-group[data-v-3ad5f2c2]  > .radio > label > .radio-label {
      margin-bottom: 0px;
}
.modal-car-radio-group[data-v-3ad5f2c2]  > .radio > label > .input-box {
      margin-right: 7px;
}
.modal-car-radio-group .custom-input-validation-message-upper[data-v-3ad5f2c2] {
  top: -26px;
}
.no-validation-indicator[data-v-3ad5f2c2]  > .custom-input-validation-indicator {
  display: none;
}
.modal-car .custom-input-mg-non[data-v-3ad5f2c2] {
  margin-top: 0px;
}

.drivers-h1 .button[data-v-2220a1b6],
.notification-title-mobile[data-v-2220a1b6] {
  display: none;
}
@media screen and (max-width: 999px) {
.notification-title-mobile[data-v-2220a1b6] {
    display: block;
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
.drivers-h1[data-v-2220a1b6] {
    position: relative;
}
.drivers-h1 .button[data-v-2220a1b6] {
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 5px;
}
.page-top-actions[data-v-2220a1b6] {
    display: none;
}
.data-table-header[data-v-2220a1b6] {
    display: none;
}
.data-table[data-v-2220a1b6] {
    margin-top: 24px;
}
.data-table-row[data-v-2220a1b6] {
    display: flex;
    flex-direction: column;
    padding: 16px 20px 16px 16px;
    align-items: flex-start;
    position: relative;
}
.data-table-row > div[data-v-2220a1b6] {
      padding-bottom: 16px;
}
.data-table-row > .data-table-row-delete[data-v-2220a1b6] {
      padding-bottom: 0;
      padding-right: 0;
      position: absolute;
      right: 10px;
      top: 10px;
}
.data-table-row > .data-table-row-delete .data-table-row-delete-active-area[data-v-2220a1b6] {
        opacity: 1;
}
}
.data-table-header > div[data-v-2220a1b6]:nth-child(1) {
  flex: 1;
}
.data-table-header > div[data-v-2220a1b6]:nth-child(2) {
  flex: 0.8;
}
.data-table-header > div[data-v-2220a1b6]:nth-child(3) {
  flex: 2;
}
.data-table-row > div[data-v-2220a1b6]:nth-child(1) {
  flex: 1;
  font-weight: bold;
}
.data-table-row > div[data-v-2220a1b6]:nth-child(2) {
  flex: 0.8;
}
.data-table-row > div[data-v-2220a1b6]:nth-child(3) {
  flex: 2;
}
.page-top-actions[data-v-2220a1b6] {
  float: right;
  padding-top: 12px;
}
.page-top-actions > .button-accent[data-v-2220a1b6] {
    padding: 0 30px;
}
.modal-driver[data-v-2220a1b6] .modal-content {
  padding: 20px 26px 22px;
  width: 330px;
}
@media screen and (max-width: 999px) {
.modal-driver[data-v-2220a1b6] .modal-content {
      width: 100%;
      padding: 6px;
}
}
.modal-driver form[data-v-2220a1b6] {
  position: relative;
}
.modal-driver.v-enter-active form[data-v-2220a1b6] * {
  transition: none;
}
.modal-driver .custom-input[data-v-2220a1b6],
.modal-driver .date-input[data-v-2220a1b6] {
  margin-top: 18px;
}
.modal-driver .button[data-v-2220a1b6] {
  margin-top: 32px;
}
@media screen and (max-width: 999px) {
.modal-driver .button[data-v-2220a1b6] {
      width: 100%;
      text-align: center;
}
}
.modal-driver .form-overlay[data-v-2220a1b6] {
  border-radius: 10px;
}

.modal-driver__passport {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 17px;
}
@media screen and (max-width: 999px) {
.modal-driver__passport {
      flex-wrap: wrap;
}
}
.modal-driver__passport .radio {
    width: 50%;
}
@media screen and (max-width: 999px) {
.modal-driver__passport .radio {
        width: 100%;
}
}
.modal-driver__passport .radio label {
      flex-direction: row !important;
}
.modal-driver__passport .radio .input-box {
      width: 12px;
      height: 12px;
      margin-right: 8px;
}
.modal-driver__passport .radio .radio-label {
      font-size: 13px;
}

.radio {
  display: flex;
  width: 114px;
}
.radio > input {
    display: none;
}
.radio > input + label {
      cursor: pointer;
      color: #4c4c55;
      user-select: none;
      display: flex;
      flex-direction: column-reverse;
      width: 100%;
      align-items: center;
}
.radio > input:disabled + label {
      pointer-events: none;
      cursor: default;
      opacity: 0.5;
}
.radio > input:checked + label > .input-box {
      background: #8c2081;
      border: none;
}
.radio .input-box {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 4px;
    border: none;
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 0;
    background: #f5f5f7;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.radio-label {
  vertical-align: middle;
}

.mobile-profile-info[data-v-1b04ffd8] {
  display: none;
}
@media screen and (min-width: 1000px) {
.profile-form-tab-content--mobile[data-v-1b04ffd8],
  .mobile-tab[data-v-1b04ffd8] {
    display: none !important;
}
}
@media screen and (max-width: 999px) {
.mobile-profile-info[data-v-1b04ffd8] {
    display: block;
    margin-bottom: 25px;
}
.profile-info[data-v-1b04ffd8] {
    display: none;
}
}
.page > .panel[data-v-1b04ffd8] {
  display: flex;
  overflow: hidden;
}
.profile-info[data-v-1b04ffd8] {
  flex: 1;
  box-sizing: border-box;
  border-right: 1px solid #d9d9d9;
  padding: 90px 90px 36px;
}
@media (max-width: 1400px) {
.profile-info[data-v-1b04ffd8] {
      padding-left: 60px;
      padding-right: 60px;
}
}
@media (max-width: 1200px) {
.profile-info[data-v-1b04ffd8] {
      padding-left: 40px;
      padding-right: 40px;
}
}
.profile-info-agreement[data-v-1b04ffd8] {
  display: flex;
  align-items: center;
  padding-top: 30px;
}
.profile-info-agreement > svg[data-v-1b04ffd8] {
    width: 30px;
    height: 30px;
    fill: #9e9e9e;
    margin-right: 10px;
}
.profile-info-agreement-label[data-v-1b04ffd8] {
  color: #9e9e9e;
  margin-right: 7px;
}
.profile-info-agreement-value[data-v-1b04ffd8] {
  color: #4c4c55;
  white-space: nowrap;
}
.profile-docs-header[data-v-1b04ffd8] {
  margin: 90px 0 22px;
  font-size: 17px;
}
.profile-docs-form[data-v-1b04ffd8] {
  position: relative;
}
.profile-docs-form > * + *[data-v-1b04ffd8] {
    margin-top: 22px;
}
.profile-docs-form > .multiselect-container[data-v-1b04ffd8] {
    width: 260px;
}
.profile-docs-form > button[data-v-1b04ffd8] {
    margin: 30px 0 0;
}
.profile-docs-empty[data-v-1b04ffd8] {
  position: absolute;
  left: 174px;
  right: 0;
  top: 211px;
  color: #9e9e9e;
}
.profile-doc[data-v-1b04ffd8] {
  display: flex;
  align-items: center;
}
.profile-doc > .custom-input[data-v-1b04ffd8] {
    flex: 0 0 127px;
}
.profile-doc-link-container[data-v-1b04ffd8] {
  margin: 13px 0 0 16px;
  font-weight: bold;
}
.forms-container[data-v-1b04ffd8] {
  position: relative;
  flex: 1;
  box-sizing: border-box;
  padding: 36px 90px;
}
@media (max-width: 1400px) {
.forms-container[data-v-1b04ffd8] {
      padding-left: 60px;
      padding-right: 60px;
}
}
@media (max-width: 1200px) {
.forms-container[data-v-1b04ffd8] {
      padding-left: 40px;
      padding-right: 40px;
}
}
@media screen and (max-width: 999px) {
.forms-container[data-v-1b04ffd8] {
      padding: 20px 16px;
      width: 100%;
}
}
.profile-form-tabs[data-v-1b04ffd8] {
  list-style: none;
  padding: 0 0 20px;
  font-size: 17px;
  user-select: none;
}
@media screen and (max-width: 999px) {
.profile-form-tabs[data-v-1b04ffd8] {
      display: flex;
      white-space: nowrap;
      font-size: 13px;
      margin-top: 0;
}
}
.profile-form-tabs > li[data-v-1b04ffd8] {
    display: inline-block;
    margin-right: 20px;
    border-bottom: 1px dotted #9e9e9e;
    cursor: pointer;
    color: #9e9e9e;
}
@media screen and (max-width: 999px) {
.profile-form-tabs > li[data-v-1b04ffd8] {
        margin-right: 12px;
}
}
.profile-form-tabs > li.is-active[data-v-1b04ffd8] {
      border-bottom: transparent;
      cursor: default;
      color: #000;
}
.profile-form .custom-input + .custom-input[data-v-1b04ffd8] {
  margin-top: 22px;
}
.profile-form .date-input[data-v-1b04ffd8] {
  margin: 22px 0;
}
.profile-form-contact[data-v-1b04ffd8] {
  margin-bottom: 22px;
  position: relative;
  min-height: 40px;
  border-bottom: 1px solid transparent;
}
.profile-form-contact > .profile-form-contact-delete[data-v-1b04ffd8] {
    position: absolute;
    opacity: 0;
    top: 6px;
    right: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    z-index: 3;
    color: #c4c4c4;
    cursor: pointer;
    border: 1px solid transparent;
}
.profile-form-contact > .profile-form-contact-delete[data-v-1b04ffd8]:hover {
      color: #ec2467;
}
.profile-form-contact > .profile-form-contact-delete > svg[data-v-1b04ffd8] {
      display: block;
      width: 12px;
      height: 12px;
      margin: 6px auto;
      fill: currentColor;
}
.profile-form-contact:hover .profile-form-contact-delete[data-v-1b04ffd8] {
    opacity: 1;
}
.profile-form-contact.is-hidden[data-v-1b04ffd8] {
    border-bottom-color: #cecece;
}
.profile-form-contact.is-hidden .profile-form-contact-inner[data-v-1b04ffd8] {
      height: 0;
}
.profile-form-contact.is-hidden .profile-form-contact-toggle[data-v-1b04ffd8] {
      transform: unset;
}
.profile-form-contact.is-hidden .profile-form-contact-title[data-v-1b04ffd8] {
      display: block;
}
.profile-form-contact .profile-form-contact-toggle[data-v-1b04ffd8] {
    transform: rotate(180deg);
}
.profile-form-contact-title[data-v-1b04ffd8] {
  display: none;
  position: absolute;
  line-height: 40px;
  font-size: 15px;
  color: #4c4c55;
  min-width: 100px;
  background: #ffffff;
}
.profile-form-contact-toggle[data-v-1b04ffd8] {
  position: absolute;
  width: 20px;
  height: 20px;
  transition: all linear .4s;
  cursor: pointer;
  right: 30px;
  top: 10px;
  z-index: 13;
}
.profile-form-contact-toggle[data-v-1b04ffd8]:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px 10px;
    border-top-color: #c4c4c4;
    top: 50%;
    left: 50%;
    margin: -5px -10px;
    z-index: 2;
}
.profile-form-contact-toggle[data-v-1b04ffd8]:before {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px 10px;
    border-top-color: #ffffff;
    top: 50%;
    left: 50%;
    margin: -6px -10px;
    z-index: 3;
}
.profile-form-contact-inner[data-v-1b04ffd8] {
  height: 212px;
  overflow: hidden;
  transition: all linear .4s;
}
.profile-form-actions[data-v-1b04ffd8] {
  padding-top: 30px;
}
.message-form[data-v-1b04ffd8] {
  padding-top: 80px;
}
.message-form-actions[data-v-1b04ffd8] {
  padding-top: 14px;
}

.profile-doc-link-container[data-v-16bbbdde] {
  margin: 13px 0 0 0;
  font-weight: bold;
}
.error[data-v-16bbbdde] {
  font-size: 15px;
  background: #c49a6c;
  color: #ffffff;
  border-radius: 10px;
  padding: 20px 15px;
}
.notification-title-mobile[data-v-16bbbdde] {
  display: none;
}
.profile-doc[data-v-16bbbdde] {
  width: 120px;
  margin-top: 15px;
  margin-right: 45px;
}
.profile-doc[data-v-16bbbdde]:last-child {
  margin-right: 0px;
}
.profile-docs-input-wrap[data-v-16bbbdde] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 60px;
  margin-left: 30px;
}
.profile-doc_long[data-v-16bbbdde] {
  width: 150px;
}
.data-table[data-v-16bbbdde] {
  position: relative;
}
.data-table-header > div[data-v-16bbbdde] {
  flex: 1 !important;
}
.data-table-row > div[data-v-16bbbdde] {
  flex: 1 !important;
}
.select-all[data-v-16bbbdde] {
  position: absolute;
  left: 0px;
}
.select-all__text[data-v-16bbbdde] {
  margin-left: 5px;
}
.mgb-40[data-v-16bbbdde] {
  margin-bottom: 40px;
}
.data-table-row[data-v-16bbbdde] {
  width: 100%;
}
.data-table-row-wrapper[data-v-16bbbdde] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.data-table-row-checkbox[data-v-16bbbdde] {
  margin-right: 10px;
}
.data-table-header[data-v-16bbbdde] {
  padding-left: 60px;
  align-items: flex-start;
}
.select-all_mobile[data-v-16bbbdde] {
  display: none;
}
.select-all_mobile > .select-all[data-v-16bbbdde] {
  position: relative;
}
.br-mobile[data-v-16bbbdde] {
  display: none;
}
@media screen and (max-width: 999px) {
.profile-docs-input-wrap[data-v-16bbbdde] {
    flex-wrap: wrap;
    width: 60%;
}
.profile-doc_long[data-v-16bbbdde] {
    width: 285px;
}
.br-mobile[data-v-16bbbdde] {
    display: block;
}
.select-all_mobile[data-v-16bbbdde] {
    display: block;
}
.notification-title-mobile[data-v-16bbbdde] {
    display: block;
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
h1[data-v-16bbbdde] {
    position: relative;
}
.page-top-actions[data-v-16bbbdde] {
    display: none;
}
.data-table-header[data-v-16bbbdde] {
    display: none;
}
.data-table[data-v-16bbbdde] {
    margin-top: 24px;
}
.data-table-row[data-v-16bbbdde] {
    display: flex;
    flex-direction: column;
    padding: 16px 20px 16px 16px;
    align-items: flex-start;
    position: relative;
}
.data-table-row > div[data-v-16bbbdde] {
      padding-bottom: 16px;
}
.data-table-row > .data-table-row-delete[data-v-16bbbdde] {
      padding-bottom: 0;
      padding-right: 0;
      position: absolute;
      right: 10px;
      top: 10px;
}
.data-table-row > .data-table-row-delete .data-table-row-delete-active-area[data-v-16bbbdde] {
        opacity: 1;
}
.data-table-row-wrapper
.data-table-row-checkbox[data-v-16bbbdde] {
    top: 20px;
    position: relative;
}
}
@media screen and (max-width: 600px) {
.profile-docs-input-wrap[data-v-16bbbdde] {
    width: 100%;
}
}
.data-table-header > div[data-v-16bbbdde]:nth-child(1) {
  flex: 1;
}
.data-table-header > div[data-v-16bbbdde]:nth-child(2) {
  flex: 0.8;
}
.data-table-header > div[data-v-16bbbdde]:nth-child(3) {
  flex: 2;
}
.data-table-row > div[data-v-16bbbdde]:nth-child(1) {
  flex: 1;
  font-weight: bold;
}
.data-table-row > div[data-v-16bbbdde]:nth-child(2) {
  flex: 0.8;
}
.data-table-row > div[data-v-16bbbdde]:nth-child(3) {
  flex: 2;
}
.button-accent[data-v-16bbbdde] {
  margin-left: 30px;
}
.page-top-actions[data-v-16bbbdde] {
  float: right;
  padding-top: 12px;
}
.page-top-actions > .button-accent[data-v-16bbbdde] {
    padding: 0 30px;
}
.multiselect-container[data-v-16bbbdde] {
  width: 260px;
  margin-bottom: 25px;
}

.modal-driver__passport {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 17px;
}
@media screen and (max-width: 999px) {
.modal-driver__passport {
      flex-wrap: wrap;
}
}
.modal-driver__passport .radio {
    width: 50%;
}
@media screen and (max-width: 999px) {
.modal-driver__passport .radio {
        width: 100%;
}
}
.modal-driver__passport .radio label {
      flex-direction: row !important;
}
.modal-driver__passport .radio .input-box {
      width: 12px;
      height: 12px;
      margin-right: 8px;
}
.modal-driver__passport .radio .radio-label {
      font-size: 13px;
}

.notify-h1 .button[data-v-c107dd5a],
.notification-title-mobile[data-v-c107dd5a] {
  display: none;
}
@media screen and (max-width: 999px) {
.notification-title-mobile[data-v-c107dd5a] {
    display: block;
    color: #9E9E9E;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}
.page-top-actions[data-v-c107dd5a] {
    display: none;
}
.data-table-header[data-v-c107dd5a] {
    display: none;
}
.data-table[data-v-c107dd5a] {
    margin-top: 24px;
}
.data-table-row[data-v-c107dd5a] {
    display: flex;
    flex-direction: column;
    padding: 16px 20px 16px 16px;
    align-items: flex-start;
    position: relative;
}
.data-table-row > div[data-v-c107dd5a] {
      padding-bottom: 16px;
}
.data-table-row > .data-table-row-delete[data-v-c107dd5a] {
      padding-bottom: 0;
      padding-right: 0;
      position: absolute;
      right: 10px;
      top: 10px;
}
.data-table-row > .data-table-row-delete .data-table-row-delete-active-area[data-v-c107dd5a] {
        opacity: 1;
}
.notify-h1[data-v-c107dd5a] {
    position: relative;
    padding-right: 60px;
}
.notify-h1 .button[data-v-c107dd5a] {
      height: 40px;
      width: 40px;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: 0;
      top: 5px;
}
}
.data-table-header > div[data-v-c107dd5a]:first-child {
  flex: 0.6;
}
.data-table-row[data-v-c107dd5a] {
  transition: opacity 0.3s ease, box-shadow 0.3s ease !important;
}
.data-table-row.v-enter[data-v-c107dd5a] {
    opacity: 0;
}
.data-table-row.v-leave-to[data-v-c107dd5a] {
    transition: none !important;
}
.data-table-row > div[data-v-c107dd5a]:first-child {
    flex: 0.6;
    font-weight: bold;
}
.page-top-actions[data-v-c107dd5a] {
  float: right;
  padding-top: 12px;
}
.page-top-actions > .button-accent[data-v-c107dd5a] {
    padding: 0 30px;
}
.page-actions-container[data-v-c107dd5a] {
  position: relative;
  text-align: center;
  padding-top: 32px;
  height: 44px;
}
.page-actions-container > .button-regular[data-v-c107dd5a] {
    padding: 0 45px;
}
.page-actions-container > .preloader[data-v-c107dd5a] {
    margin-top: 15px;
}
.modal-notification.v-enter-active form[data-v-c107dd5a] * {
  transition: none;
}
.modal-notification[data-v-c107dd5a] .modal-container {
  padding: 10px 0;
}
.modal-notification[data-v-c107dd5a] .modal-content {
  position: relative;
}
.modal-notification .vb-content[data-v-c107dd5a] {
  padding-right: 50px !important;
}
.modal-notification-header[data-v-c107dd5a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 17px;
  height: 142px;
  padding: 16px 30px 0;
  background: #fff;
  z-index: 1;
}
@media screen and (max-width: 999px) {
.modal-notification-header[data-v-c107dd5a] {
      height: auto;
      right: 0;
      padding: 16px 16px 0;
      position: relative;
}
}
.modal-notification-header[data-v-c107dd5a]:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    height: 1px;
    background: #d9d9d9;
}
@media screen and (max-width: 999px) {
.modal-notification-header[data-v-c107dd5a]:after {
        left: 16px;
        right: 16px;
}
}
.modal-notification-header .date-input-container[data-v-c107dd5a] {
    flex: 1;
}
.modal-notification-header > .custom-input-validation-message[data-v-c107dd5a] {
    top: auto;
    bottom: -6px;
    z-index: 1;
    left: 29px;
}
.modal-notification-header-controls[data-v-c107dd5a] {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
@media screen and (max-width: 999px) {
.modal-notification-header-controls[data-v-c107dd5a] {
      flex-direction: column;
}
.modal-notification-header-controls > div[data-v-c107dd5a] {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
}
}
.modal-notification-header-controls[data-v-c107dd5a] .date-input-validation-indicator {
    display: none;
}
.modal-notification-checkboxes[data-v-c107dd5a] {
  flex: 0 0 auto;
  min-width: 330px;
  max-width: 420px;
  overflow: hidden;
  padding: 25px 0 0 30px;
  position: relative;
  margin-top: -14px;
}
@media screen and (max-width: 999px) {
.modal-notification-checkboxes[data-v-c107dd5a] {
      margin-top: 0;
      padding: 25px 0 10px;
}
}
.modal-notification-checkboxes > .custom-input-validation-message[data-v-c107dd5a] {
    left: 30px;
}
.modal-notification-checkboxes > .checkbox[data-v-c107dd5a] {
    display: block;
    margin-bottom: 10px;
    white-space: nowrap;
}
.modal-notification-checkboxes > .checkbox[data-v-c107dd5a]  > label {
      font-size: 15px;
}
.modal-notification-list-container[data-v-c107dd5a] {
  height: 562px;
  overflow-y: auto;
  padding: 0 30px;
}
@media screen and (max-width: 999px) {
.modal-notification-list-container[data-v-c107dd5a] {
      height: auto;
      padding: 0 16px;
}
}
.modal-notification-list[data-v-c107dd5a] {
  width: 730px;
  padding: 178px 0 92px;
  column-count: 2;
}
@media screen and (max-width: 999px) {
.modal-notification-list[data-v-c107dd5a] {
      width: 100%;
      padding: 0;
      column-count: 1;
}
}
.modal-notification-list > .checkbox[data-v-c107dd5a] {
    display: block;
    padding: 8px 0;
}
.modal-notification-list > .checkbox[data-v-c107dd5a]  > label {
      font-size: 15px;
}
.modal-notification-footer[data-v-c107dd5a] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 17px;
  background: #fff;
  padding: 20px 0 20px 30px;
}
@media screen and (max-width: 999px) {
.modal-notification-footer[data-v-c107dd5a] {
      position: relative;
      padding: 20px 16px;
      right: 0;
}
.modal-notification-footer .button[data-v-c107dd5a] {
        width: 100%;
        text-align: center;
}
}

@charset "UTF-8";
.panel[data-v-310f0ef8] {
  padding: 40px 70px 70px;
  color: #4c4c55;
}
.panel p[data-v-310f0ef8] {
    font-size: 16px;
    line-height: 26px;
}
.panel h1[data-v-310f0ef8] {
    font-weight: 500;
}
.panel h2[data-v-310f0ef8] {
    font-size: 19px;
    font-weight: 500;
    color: #4c4c55;
    line-height: 25px;
    margin: 40px 0 16px;
}
.two-columns[data-v-310f0ef8] {
  display: flex;
  padding-bottom: 20px;
}
.two-columns p[data-v-310f0ef8] {
    flex: 1;
}
.two-columns ul[data-v-310f0ef8] {
    flex: 1;
    font-size: 14px;
    line-height: 20px;
    color: #777;
    list-style: none;
    padding: 8px 0 0 40px;
    margin: 14px 0;
}
.two-columns ul li[data-v-310f0ef8] {
      position: relative;
      padding: 0 0 8px 20px;
}
.two-columns ul li[data-v-310f0ef8]:before {
        position: absolute;
        left: 0;
        content: '\2014';
}
.three-columns[data-v-310f0ef8] {
  display: flex;
  justify-content: space-between;
}
.three-columns > div[data-v-310f0ef8] {
    width: 31%;
}
.three-columns h1[data-v-310f0ef8] {
    margin-bottom: 2px;
}
.three-columns h1 + p[data-v-310f0ef8] {
      margin-top: 0;
}

.registration-form-links-mobile[data-v-e386eb48] {
  display: none;
}
@media screen and (max-width: 999px) {
.add-car-full[data-v-e386eb48] {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 12px;
}
.registration-form-links-mobile[data-v-e386eb48] {
    display: block;
    text-align: center;
    position: static !important;
    margin-top: 25px;
}
}
.page[data-v-e386eb48] {
  margin-top: 16px;
}
.page > .panel[data-v-e386eb48] {
    display: flex;
    overflow: hidden;
}
.registration-form[data-v-e386eb48] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  padding: 56px 0;
  min-height: 590px;
  width: 100%;
}
@media (max-width: 1400px) {
.registration-form[data-v-e386eb48] {
      padding-left: 50px;
      padding-right: 50px;
}
}
@media (max-width: 1200px) {
.registration-form[data-v-e386eb48] {
      padding-left: 40px;
      padding-right: 40px;
}
}
@media screen and (max-width: 999px) {
.registration-form[data-v-e386eb48] {
      padding: 0 16px;
      min-height: 10px;
}
}
.registration-form .custom-input[data-v-e386eb48], .registration-form .date-input[data-v-e386eb48] {
    margin-bottom: 20px;
}
.registration-form .registration-form-left[data-v-e386eb48] {
    width: 300px;
    padding: 0 0 0 34px;
    flex-shrink: 0;
    position: relative;
}
@media screen and (max-width: 999px) {
.registration-form .registration-form-left[data-v-e386eb48] {
        display: none;
}
}
.registration-form .registration-form-left[data-v-e386eb48]:after {
      position: absolute;
      display: block;
      content: '';
      width: 1px;
      height: 100%;
      right: 0;
      background: #d9d9d9;
      top: 0;
}
.registration-form .registration-form-right[data-v-e386eb48] {
    flex-grow: 1;
    padding: 0 170px 62px;
    position: relative;
    max-width: calc(100% - 300px);
}
@media (max-width: 1400px) {
.registration-form .registration-form-right[data-v-e386eb48] {
        padding: 0 0 62px 60px;
}
}
@media (max-width: 1200px) {
.registration-form .registration-form-right[data-v-e386eb48] {
        padding: 0 0 62px 60px;
}
}
@media screen and (max-width: 999px) {
.registration-form .registration-form-right[data-v-e386eb48] {
        width: 100%;
        max-width: 100%;
        padding: 0;
}
}
.registration-form *[data-v-e386eb48] {
    box-sizing: border-box;
}
.registration-form-kind[data-v-e386eb48] {
  margin: 20px 0 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 999px) {
.registration-form-kind[data-v-e386eb48] {
      display: flex;
      justify-content: space-between;
}
.registration-form-kind[data-v-e386eb48]::after {
        display: none !important;
}
}
.registration-form-kind[data-v-e386eb48]:after {
    content: '';
    display: block;
    clear: both;
}
.registration-form-kind > .radio[data-v-e386eb48] {
    float: left;
    font-size: 15px;
    line-height: 43px;
}
@media screen and (max-width: 999px) {
.registration-form-kind > .radio[data-v-e386eb48] {
        font-size: 14px;
        width: 33.333%;
}
}
.registration-form-file-description[data-v-e386eb48] {
  padding: 3px 0;
  color: #4c4c55;
}
.registration-form-file-description > .form-overlay[data-v-e386eb48] {
    border-radius: 10px 0 0 10px;
}
.registration-form-file-description > h3[data-v-e386eb48] {
    font-size: 15px;
}
.registration-form-file-description > ul[data-v-e386eb48] {
    font-size: 12px;
    padding: 0;
    line-height: 1.7;
    list-style: none;
}
.registration-form-file-description > ul.v-enter-active[data-v-e386eb48] {
      transition: opacity 0.3s ease;
}
.registration-form-file-description > ul.v-enter[data-v-e386eb48] {
      opacity: 0;
}
.registration-form-file-description > ul li + li[data-v-e386eb48] {
      margin-top: 16px;
}
.file-upload-wrapper + .file-upload-wrapper[data-v-e386eb48] {
  margin-top: 5px;
}
.registration-form-actions[data-v-e386eb48] {
  bottom: 10px;
  position: absolute;
  padding: 0 170px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 999px) {
.registration-form-actions[data-v-e386eb48]:not(.registration-form-actions--mobile) {
      display: none !important;
}
}
.registration-form-actions--mobile[data-v-e386eb48] {
    display: none;
}
@media screen and (max-width: 999px) {
.registration-form-actions--mobile[data-v-e386eb48] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        padding: 30px 0 15px !important;
}
.registration-form-actions--mobile > .button.button-accent[data-v-e386eb48] {
          padding: 0 20px;
          font-size: 11px;
}
.registration-form-actions--mobile[data-v-e386eb48]::after {
          display: none !important;
}
}
.registration-form-actions[data-v-e386eb48]:after {
    content: '';
    display: block;
    clear: both;
}
@media (max-width: 1400px) {
.registration-form-actions[data-v-e386eb48] {
      padding: 0 0 0 60px;
}
}
.registration-form-actions > .button[data-v-e386eb48] {
    padding: 0 35px;
    float: left;
    letter-spacing: 1px;
}
@media (max-width: 1200px) {
.registration-form-actions > .button[data-v-e386eb48] {
        padding: 0 24px;
}
}
.registration-form-actions > .button.button-forward[data-v-e386eb48] {
      float: right;
}
.registration-form-actions > .button-backward[data-v-e386eb48] {
    display: flex;
    width: 70px;
    float: left;
    height: 42px;
    align-items: center;
    cursor: pointer;
    color: #9e9e9e;
}
.registration-form-actions > .button-backward[data-v-e386eb48]:hover {
      color: #8c2081;
}
.registration-form-actions > .button-backward > svg[data-v-e386eb48] {
      height: 12px;
      width: 14px;
      margin-right: 10px;
      fill: currentColor;
}
.registration-form-links[data-v-e386eb48] {
  font-size: 15px;
  position: absolute;
  bottom: 0;
}
.registration-form-links > a[data-v-e386eb48] {
    color: #9e9e9e;
    display: block;
    margin-bottom: 8px;
}
.registration-form-links > a[data-v-e386eb48]:hover {
      color: #ec1b60;
}
.registration-illustration[data-v-e386eb48] {
  flex: 0 0 50%;
  position: relative;
  padding: 66px 0 0 85px;
  box-sizing: border-box;
  background: #341a57 url("/cargo/assets/images/registration-illustration.jpg");
  background-size: auto 930px;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1400px) {
.registration-illustration[data-v-e386eb48] {
      padding-left: 46px;
}
}
@media (max-width: 1200px) {
.registration-illustration[data-v-e386eb48] {
      padding-left: 40px;
}
}
.registration-illustration h1[data-v-e386eb48] {
    font-weight: 300;
    font-size: 36px;
    color: #fff;
    margin: 0 0 18px;
}
.registration-illustration h1 > b[data-v-e386eb48] {
      font-weight: 700;
}
.registration-illustration h2[data-v-e386eb48] {
    font-size: 15px;
    color: #fff;
}
.registration-illustration h3[data-v-e386eb48] {
    font-size: 19px;
    color: #fff;
    margin-bottom: 14px;
}
.registration-illustration p[data-v-e386eb48] {
    margin: 0;
}
.registration-illustration-bottom[data-v-e386eb48] {
  position: absolute;
  bottom: 66px;
  left: 85px;
  right: 85px;
}
.registration-illustration-bottom.v-enter-active[data-v-e386eb48] {
    transition: opacity 0.3s ease;
}
.registration-illustration-bottom.v-enter[data-v-e386eb48] {
    opacity: 0;
}
@media (max-width: 1400px) {
.registration-illustration-bottom[data-v-e386eb48] {
      left: 46px;
      right: 46px;
}
}
@media (max-width: 1200px) {
.registration-illustration-bottom[data-v-e386eb48] {
      left: 40px;
      right: 40px;
}
}
.registration-illustration-phone[data-v-e386eb48] {
  font-size: 19px;
  margin-top: 12px;
}
.agreement-container[data-v-e386eb48] {
  padding: 30px 0 6px;
  font-weight: 500;
  text-align: center;
}
.registration-form-steps[data-v-e386eb48] {
  margin: 0 0 20px;
  z-index: 3;
  position: relative;
}
.registration-form-steps > span[data-v-e386eb48] {
    display: flex;
    line-height: 35px;
    cursor: pointer;
    border-right: 3px solid transparent;
    color: #9e9e9e;
}
.registration-form-steps > span .icon_step[data-v-e386eb48] {
      display: inline-block;
      width: 19px;
      height: 19px;
      background: url(/cargo/assets/images/icons-step.png) no-repeat 0 0;
      margin: 8px 8px 8px 0;
}
.registration-form-steps > span .icon_step-folder[data-v-e386eb48] {
      background-position: 0 -21px;
}
.registration-form-steps > span .icon_step-menu[data-v-e386eb48] {
      background-position: 0 -42px;
}
.registration-form-steps > span .icon_step-paper[data-v-e386eb48] {
      background-position: 0 -63px;
}
.registration-form-steps > span .icon_step-book[data-v-e386eb48] {
      background-position: 0 -84px;
}
.registration-form-steps > span[data-v-e386eb48]:hover {
      color: #8c2081;
}
.registration-form-steps > span:hover .icon_step-email[data-v-e386eb48] {
        background-position: -21px 0;
}
.registration-form-steps > span:hover .icon_step-folder[data-v-e386eb48] {
        background-position: -21px -21px;
}
.registration-form-steps > span:hover .icon_step-menu[data-v-e386eb48] {
        background-position: -21px -42px;
}
.registration-form-steps > span:hover .icon_step-paper[data-v-e386eb48] {
        background-position: -21px -63px;
}
.registration-form-steps > span:hover .icon_step-book[data-v-e386eb48] {
        background-position: -21px -84px;
}
.registration-form-steps > span.selected[data-v-e386eb48] {
      border-color: #8c2081;
      color: #8c2081;
}
.registration-form-steps > span.selected .icon_step-email[data-v-e386eb48] {
        background-position: -21px 0;
}
.registration-form-steps > span.selected .icon_step-folder[data-v-e386eb48] {
        background-position: -21px -21px;
}
.registration-form-steps > span.selected .icon_step-menu[data-v-e386eb48] {
        background-position: -21px -42px;
}
.registration-form-steps > span.selected .icon_step-paper[data-v-e386eb48] {
        background-position: -21px -63px;
}
.registration-form-steps > span.selected .icon_step-book[data-v-e386eb48] {
        background-position: -21px -84px;
}
.registration-form-steps > span + span[data-v-e386eb48] {
    margin-top: 14px;
}
div + .registration-form-step-mobile[data-v-e386eb48] {
  border-top: 1px solid #D9D9D9;
}
.registration-form-step-mobile[data-v-e386eb48] {
  display: none;
  line-height: 35px;
  cursor: pointer;
  color: #9e9e9e;
  padding: 18px 16px;
  margin-left: -16px;
  margin-right: -16px;
  align-items: center;
}
.registration-form-step-mobile svg[data-v-e386eb48] {
    opacity: 0.75;
    margin-left: auto;
    transform: rotate(-90deg);
    transition: all .2s ease;
}
@media screen and (max-width: 999px) {
.registration-form-step-mobile[data-v-e386eb48] {
      display: flex;
}
}
.registration-form-step-mobile .icon_step[data-v-e386eb48] {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/cargo/assets/images/icons-step.png) no-repeat 0 0;
    margin: 8px 8px 8px 0;
}
.registration-form-step-mobile .icon_step-folder[data-v-e386eb48] {
    background-position: 0 -21px;
}
.registration-form-step-mobile .icon_step-menu[data-v-e386eb48] {
    background-position: 0 -42px;
}
.registration-form-step-mobile .icon_step-paper[data-v-e386eb48] {
    background-position: 0 -63px;
}
.registration-form-step-mobile .icon_step-book[data-v-e386eb48] {
    background-position: 0 -84px;
}
.registration-form-step-mobile[data-v-e386eb48]:hover {
    color: #8c2081;
}
.registration-form-step-mobile:hover .icon_step-email[data-v-e386eb48] {
      background-position: -21px 0;
}
.registration-form-step-mobile:hover .icon_step-folder[data-v-e386eb48] {
      background-position: -21px -21px;
}
.registration-form-step-mobile:hover .icon_step-menu[data-v-e386eb48] {
      background-position: -21px -42px;
}
.registration-form-step-mobile:hover .icon_step-paper[data-v-e386eb48] {
      background-position: -21px -63px;
}
.registration-form-step-mobile:hover .icon_step-book[data-v-e386eb48] {
      background-position: -21px -84px;
}
.registration-form-step-mobile.selected[data-v-e386eb48] {
    color: #8c2081;
}
.registration-form-step-mobile.selected svg[data-v-e386eb48] {
      opacity: 1;
      transform: none;
}
.registration-form-step-mobile.selected .icon_step-email[data-v-e386eb48] {
      background-position: -21px 0;
}
.registration-form-step-mobile.selected .icon_step-folder[data-v-e386eb48] {
      background-position: -21px -21px;
}
.registration-form-step-mobile.selected .icon_step-menu[data-v-e386eb48] {
      background-position: -21px -42px;
}
.registration-form-step-mobile.selected .icon_step-paper[data-v-e386eb48] {
      background-position: -21px -63px;
}
.registration-form-step-mobile.selected .icon_step-book[data-v-e386eb48] {
      background-position: -21px -84px;
}
.registration-form-step-title[data-v-e386eb48] {
  font-size: 22px;
  color: #8c2081;
  padding-bottom: 29px;
}
@media screen and (max-width: 999px) {
.registration-form-step-title[data-v-e386eb48] {
      display: none;
}
}
.registration-form-step-text[data-v-e386eb48] {
  margin: -14px 0 20px;
  font-size: 15px;
  color: #9e9e9e;
}
@media screen and (max-width: 999px) {
.registration-form-step-text[data-v-e386eb48] {
      margin-top: 10px;
      font-size: 14px;
}
}
.registration-form-step-text .star[data-v-e386eb48] {
    color: #8c2081;
}
.registration-form-car[data-v-e386eb48] {
  border-bottom: 1px solid #d9d9d9;
}
.registration-form-car.is-verified form > .button[data-v-e386eb48] {
    padding: 0 26px;
}
.registration-form-car form[data-v-e386eb48] {
    position: relative;
}
.registration-form-car form.is-disabled[data-v-e386eb48] {
    pointer-events: none;
}
.registration-form-car form.is-disabled > div[data-v-e386eb48],
    .registration-form-car form.is-disabled > h2[data-v-e386eb48] {
      opacity: 0.5;
}
.registration-form-car.v-enter-active form[data-v-e386eb48] * {
    transition: none;
}
.registration-form-car .multiselect-container[data-v-e386eb48] {
    margin-top: 18px;
}
.registration-form-car .custom-input[data-v-e386eb48] {
    margin-top: 18px;
}
.registration-form-car .button[data-v-e386eb48] {
    margin-top: 28px;
}
.registration-form-car .form-overlay[data-v-e386eb48] {
    border-radius: 10px;
}
.registration-form-car .file-upload[data-v-e386eb48] {
    margin-top: 40px;
}
.registration-form-car .file-upload.is-hidden .registration-form-car-inner[data-v-e386eb48] {
      height: 0;
}
.registration-form-car .file-upload.is-hidden .registration-form-car-toggle[data-v-e386eb48] {
      transform: unset;
}
.registration-form-car .file-upload.is-current[data-v-e386eb48] {
      border: none;
}
.registration-form-car .file-upload .registration-form-car-toggle[data-v-e386eb48] {
      transform: rotate(180deg);
}
.registration-form-car .modal-car-inputs-group[data-v-e386eb48] {
    display: flex;
}
@media screen and (max-width: 999px) {
.registration-form-car .modal-car-inputs-group[data-v-e386eb48] {
        display: block;
}
}
.registration-form-car .modal-car-inputs-group.is-disabled[data-v-e386eb48] {
      opacity: 0.5;
      pointer-events: none;
}
.registration-form-car .modal-car-inputs-group.is-disabled[data-v-e386eb48] input,
      .registration-form-car .modal-car-inputs-group.is-disabled[data-v-e386eb48] .custom-input-placeholder {
        opacity: 1 !important;
}
.registration-form-car .modal-car-inputs-group-space[data-v-e386eb48] {
    flex: 0 0 auto;
    width: 34px;
    text-align: center;
    padding-top: 43px;
    color: #9e9e9e;
}
@media screen and (max-width: 999px) {
.registration-form-car .modal-car-inputs-group-space[data-v-e386eb48] {
        display: none;
}
}
.registration-form-car .modal-car-label[data-v-e386eb48] {
    font-size: 13px;
    line-height: 13px;
    color: #9e9e9e;
    margin: 30px 0 12px;
}
.registration-form-car .modal-car-checkbox-group[data-v-e386eb48]  > .checkbox > label {
    padding-right: 16px;
    font-size: 15px;
}
@media screen and (max-width: 999px) {
.registration-form-car .modal-car-checkbox-group[data-v-e386eb48]  > .checkbox > label {
        margin-bottom: 10px;
        display: inline-block;
}
}
.registration-form-car .modal-car-checkbox-group[data-v-e386eb48]  > .checkbox:last-child > label {
    padding-right: 0;
}
.registration-form-car .registration-form-car-header[data-v-e386eb48] {
    display: flex;
    align-items: center;
    height: 100px;
}
@media screen and (max-width: 999px) {
.registration-form-car .registration-form-car-header[data-v-e386eb48] {
        height: auto;
}
}
.registration-form-car .registration-form-car-title[data-v-e386eb48] {
    font-size: 20px;
    color: #8c2081;
    text-transform: uppercase;
    flex-grow: 1;
}
@media screen and (max-width: 999px) {
.registration-form-car .registration-form-car-title[data-v-e386eb48] {
        font-size: 14px;
}
}
.registration-form-car .registration-form-car-delete[data-v-e386eb48] {
    cursor: pointer;
    margin-right: 30px;
    color: #9e9e9e;
    font-size: 15px;
    line-height: 1em;
}
.registration-form-car .registration-form-car-delete[data-v-e386eb48]:hover {
      color: #8c2081;
}
.registration-form-car .registration-form-car-toggle[data-v-e386eb48] {
    position: relative;
    width: 20px;
    height: 20px;
    transition: all linear .4s;
    cursor: pointer;
}
.registration-form-car .registration-form-car-toggle[data-v-e386eb48]:after {
      display: block;
      position: absolute;
      content: '';
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      border-width: 10px 6px;
      border-top-color: #8c2081;
      top: 50%;
      left: 50%;
      margin: -5px -6px;
}
.registration-form-car .registration-form-car-inner[data-v-e386eb48] {
    height: 720px;
    overflow: hidden;
    transition: all linear .4s;
}
@media screen and (max-width: 999px) {
.registration-form-car .registration-form-car-inner[data-v-e386eb48] {
        height: auto;
        padding-bottom: 20px;
}
}
.registration-form-car .page-bottom-actions[data-v-e386eb48] {
    margin: 36px 0;
}

.status-pane-registry {
  color: #fff;
  text-align: center;
  height: 62px;
  line-height: 62px;
  font-size: 16px;
  margin-bottom: 18px;
  border-radius: 10px;
  padding: 0 32px;
  transition: opacity 0.3s ease, margin-top 0.3s ease;
}
.status-pane-registry:after {
    content: '';
    display: block;
    clear: both;
}
.status-pane-registry.is-ghost {
    background: #dedede;
    color: #9e9e9e;
}
.status-pane-registry.is-ghost > h1 {
      color: #9e9e9e;
}
.status-pane-registry.is-regular {
    background: #c3996c;
}
.status-pane-registry.is-error {
    background: #eb1c61;
}
.status-pane-registry.is-success {
    background: #ffffff;
    color: #4c4c55;
    height: auto;
    padding: 110px 0;
    font-size: 15px;
    line-height: 1em;
}
.status-pane-registry.v-enter, .status-pane-registry.v-leave-to {
    opacity: 0;
    margin-top: -80px;
}
.status-pane-check .status-pane-check-icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 46px;
  background: #8c2081 url(/cargo/assets/images/icon-check.png) no-repeat 50% 50%;
  border-radius: 50%;
}
.status-pane-title {
  font-size: 24px;
  color: #8c2081;
  margin: 0 0 22px;
}
.status-pane-subtitle {
  margin: 0 0 55px;
}
.status-pane-main {
  margin: 0 0 13px;
}
.status-pane-phone {
  margin: 0 0 92px;
}
.status-pane-phone > span {
    font-size: 20px;
}
.status-pane-button > .button {
  padding: 0 40px;
  font-size: 11px;
}

.file-upload {
  position: relative;
  padding: 16px 0;
  background: #f1f1f1;
  user-select: none;
  cursor: pointer;
  z-index: 110;
  transition: background-color 0.2s ease;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}
.file-upload:hover {
    background: #ededed;
}
.file-upload:active {
    background: #e4e4e4;
}
.file-upload > input {
    position: absolute;
    visibility: hidden;
}
.file-upload.is-loaded {
    border-color: #8c2081;
}
.file-upload.is-loaded .file-upload-title {
      color: #8c2081;
}
.file-upload.is-loaded .file-upload-complete {
      display: block;
}
.file-upload.is-required::after {
    display: block;
    content: '*';
    position: absolute;
    right: -12px;
    top: -2px;
    color: #8c2081;
    font-size: 16px;
    line-height: 1em;
}
.file-upload + .file-upload {
    margin-top: 12px;
}
.file-upload-wrapper + p {
  color: #9e9e9e;
  font-style: italic;
  margin: 2px 0;
  font-size: 13px;
  line-height: 1.3em;
}
.file-upload-border {
  pointer-events: none;
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.file-upload-border.is-over, .file-upload-border.is-error {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.file-upload-border.is-error {
    border: 3px solid #eb1b60;
    border-radius: 3px;
    width: calc(100% - 5px);
    left: 0;
    top: 0;
    height: calc(100% - 5px);
}
.file-upload-border.is-over {
    border: 3px solid #8c2081;
}
.file-upload-complete {
  display: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #8c2081;
  position: absolute;
  top: 4px;
  left: 4px;
}
.file-upload-complete > svg {
    width: 10px;
    height: 10px;
    fill: #fff;
    margin: 0 0 0 3px;
}
.file-upload-title {
  color: #9e9e9e;
  font-size: 14px;
  text-align: center;
  padding: 0 32px;
  white-space: unset;
  text-overflow: unset;
  overflow: unset;
}
.file-upload-add {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 20px;
  top: 50%;
  margin-top: -7px;
}
.file-upload-add > span {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.file-upload-add > span > svg {
      width: 100%;
      height: 100%;
      fill: #8c2081;
}
.file-upload-add > span > svg:hover {
        fill: #462378;
}
.file-upload-size-warning {
  color: red;
  font-size: 11px;
}

.page > .panel[data-v-40843ed4] {
  height: 636px;
  overflow: hidden;
}
@media screen and (max-width: 999px) {
.page > .panel[data-v-40843ed4] {
      height: auto;
}
}
.login-form[data-v-40843ed4] {
  position: relative;
  float: left;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding: 180px 100px 0;
}
.login-form > .custom-input[data-v-40843ed4] {
    margin-bottom: 26px;
}
@media (max-width: 1400px) {
.login-form[data-v-40843ed4] {
      padding-left: 80px;
      padding-right: 80px;
}
}
@media (max-width: 1200px) {
.login-form[data-v-40843ed4] {
      padding-left: 60px;
      padding-right: 60px;
}
}
@media screen and (max-width: 999px) {
.login-form[data-v-40843ed4] {
      padding: 12px 16px 24px;
      width: 100%;
      height: auto;
}
}
.login-form-actions[data-v-40843ed4] {
  padding-top: 18px;
}
.login-form-actions[data-v-40843ed4]:after {
    content: '';
    display: block;
    clear: both;
}
.login-form-actions > .button[data-v-40843ed4] {
    padding: 0 60px;
    float: left;
}
@media (max-width: 1200px) {
.login-form-actions > .button[data-v-40843ed4] {
        padding: 0 46px;
}
}
.login-form-links[data-v-40843ed4] {
  float: right;
  font-size: 15px;
  padding-top: 10px;
}
.login-form-links > a[data-v-40843ed4] {
    color: #9e9e9e;
    display: block;
    margin-bottom: 8px;
}
.login-form-links > a[data-v-40843ed4]:hover {
      color: #ec1b60;
}
.form-overlay[data-v-40843ed4]  > .preloader {
  top: 276px;
}
.login-illustration[data-v-40843ed4] {
  position: relative;
  float: right;
  width: 50%;
  height: 100%;
  padding: 66px 0 0 85px;
  box-sizing: border-box;
  background: #505679 url("/cargo/assets/images/login-illustration.jpg") 50%;
  background-size: cover;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
.login-illustration[data-v-40843ed4] {
      padding-left: 60px;
}
}
@media screen and (max-width: 999px) {
.login-illustration[data-v-40843ed4] {
      display: none;
}
}
.login-illustration h1[data-v-40843ed4] {
    font-weight: 300;
    font-size: 36px;
    color: #fff;
    margin: 0 0 18px;
}
.login-illustration h1 > b[data-v-40843ed4] {
      font-weight: 700;
}
.login-illustration h2[data-v-40843ed4] {
    font-size: 15px;
    color: #fff;
}
.login-illustration p[data-v-40843ed4] {
    margin: 0;
}
.login-illustration-bottom[data-v-40843ed4] {
  position: absolute;
  bottom: 66px;
}
.login-illustration-phone[data-v-40843ed4] {
  font-size: 19px;
  margin-top: 12px;
}

#app {
  height: 100%;
}
.app-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f6f6f6;
  z-index: 500;
}
.app-overlay.v-leave-active {
    opacity: 0;
    transition: opacity 0.3s ease 0.3s;
}
.app-overlay > .preloader {
    top: 120px;
}
.autosize-content {
  margin: 0 auto;
  width: 1170px;
}
@media (max-width: 1400px) {
.autosize-content {
      width: 1000px;
}
}
@media (max-width: 1200px) {
.autosize-content {
      width: 835px;
}
}
.main-container {
  margin-left: 145px;
  min-height: 100%;
  padding-bottom: 80px;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
.main-container {
      margin-left: 105px;
}
}
.page-container {
  padding: 30px 0;
}
.page-footer {
  margin: -80px 0 0 145px;
  color: #9e9e9e;
  padding: 30px 0 0;
  height: 80px;
  box-sizing: border-box;
}
.page-footer:after {
    content: '';
    display: block;
    clear: both;
}
@media (max-width: 1200px) {
.page-footer {
      margin-left: 105px;
}
}
@media screen and (max-width: 999px) {
.page-footer {
      margin-left: 0;
}
}
.page-footer-info {
  float: left;
}
@media screen and (max-width: 999px) {
.page-footer-info {
      display: none;
      float: none;
}
}
.page-footer-info > span {
    margin-right: 34px;
}
.page-footer-info a.is-gray {
    color: #9e9e9e;
}
.page-footer-info a.is-gray:hover {
      color: #ec1b60;
}
.page-footer-cuba {
  float: right;
}
@media screen and (max-width: 999px) {
.page-footer-cuba {
      float: none;
      text-align: center;
      width: 100%;
      display: block;
}
}

.navbar {
  display: flex;
  flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 145px;
  background: #fff;
  z-index: 20;
  overflow: hidden;
}
@media (max-width: 1200px) {
.navbar {
      width: 105px;
}
}
.navbar-logo {
  display: block;
  height: 80px;
  padding: 30px 0 0 15px;
  box-sizing: border-box;
  background: #331a57;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.navbar-logo:hover {
    background: #462378;
}
@media (max-width: 1200px) {
.navbar-logo {
      padding: 32px 0 0 9px;
}
}
.navbar-logo > svg {
    width: 112px;
    height: 20px;
}
@media (max-width: 1200px) {
.navbar-logo > svg {
        width: 86px;
        height: 15px;
}
}
.navbar-items {
  flex: 1;
  line-height: 1;
}
.navbar-item-container {
  padding: 17px 0;
}
@media (max-height: 790px) {
.navbar-item-container {
      padding: 12px 0;
}
}
.navbar-item-container:first-child {
    padding-top: 32px;
}
@media (max-height: 790px) {
.navbar-item-container:first-child {
        padding-top: 24px;
}
}
.navbar-item-container:last-child {
    padding-bottom: 34px;
}
@media (max-height: 790px) {
.navbar-item-container:last-child {
        padding-bottom: 22px;
}
}
.navbar-item-container.v-enter, .navbar-item-container.v-leave-active {
    opacity: 0;
    transform: translateX(-30px);
}
.navbar-item-container.v-enter-active, .navbar-item-container.v-leave-active {
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar-item-container.v-enter-active {
    transition-delay: 0.3s;
}
.navbar-item {
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
}
.navbar-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    border-radius: 2px;
    background: #c3976c;
    transform: translateX(3px);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.navbar-item.router-link-active:after {
    transform: translateX(0);
    opacity: 1;
}
.navbar-item-badge {
  position: absolute;
  right: -10px;
  top: -10px;
  color: #fff;
  background: #b6b5b6;
  font-size: 10px;
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  border-radius: 50%;
  will-change: opacity;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar-item-badge.v-enter, .navbar-item-badge.v-leave-to {
    opacity: 0;
    transform: scale(0);
}
.navbar-item:hover .navbar-item-badge {
    background: #9797a0;
}
.navbar-item.router-link-active .navbar-item-badge {
    background: #8b2081;
    transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.navbar-item-icon {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 54px;
  height: 54px;
  color: #9c9c9c;
}
.navbar-item:hover > .navbar-item-icon {
    color: #4c4c55;
}
.navbar-item.router-link-active > .navbar-item-icon {
    color: #f4f4f4;
}
.navbar-item-icon > svg {
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    left: 13px;
    top: 13px;
    fill: currentColor;
}
.navbar-item-icon-circle {
  width: 100%;
  height: 100%;
  background: #c3986c;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0.95);
  transition: transform 0.3s ease;
}
.navbar-item.router-link-active .navbar-item-icon-circle {
    opacity: 1;
    transform: scale(1);
}
.navbar-item-title {
  padding-top: 10px;
  color: #9e9e9e;
}
@media (max-height: 790px) {
.navbar-item-title {
      padding-top: 4px;
}
}
.navbar-item:hover > .navbar-item-title {
    color: #4c4c55;
}
.navbar-item.router-link-active > .navbar-item-title {
    color: #4c4c55;
}
.unread_message__badge {
  position: absolute;
  right: -10px;
  top: -14px;
  width: 29px;
  height: 29px;
  will-change: opacity;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.unread_message__badge .unread_message__badge_cnt {
    font-size: 12px;
    font-weight: bold;
}
.unread_message__badge svg {
    width: 32px;
    height: 32px;
}

.page-header {
  background: #fff;
  height: 80px;
  font-size: 15px;
  position: relative;
  z-index: 10;
}
.page-header-title {
  padding-top: 26px;
  height: 52px;
  float: left;
  color: #4c4c55;
}
.page-header-title > svg {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-right: 8px;
    fill: #9c9c9c;
}
.page-header-title > span {
    vertical-align: middle;
}
.page-header-widget {
  float: right;
  color: #9e9e9e;
  padding-top: 18px;
}
.page-header-widget.v-enter, .page-header-widget.v-leave-active {
    opacity: 0;
}
.page-header-widget.v-enter-active, .page-header-widget.v-leave-active {
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.page-header-login > span {
  vertical-align: middle;
}
.page-header-login > .button {
  vertical-align: middle;
  margin-left: 26px;
}
.page-header-manager {
  margin-right: 30px;
}
.page-header-user,
.page-header-manager {
  position: relative;
}
.page-header-user .link,
  .page-header-manager .link {
    color: #4c4c55;
}
.page-header-user .link:hover,
    .page-header-manager .link:hover {
      color: #ec1b60;
}
.page-header-user .dropdown,
  .page-header-manager .dropdown {
    right: 0;
    top: 100%;
    margin-top: 10px;
}
.page-header-user .dropdown-arrow,
  .page-header-user .dropdown-arrow-border,
  .page-header-manager .dropdown-arrow,
  .page-header-manager .dropdown-arrow-border {
    left: auto;
    right: 16px;
    margin-left: 0;
}
.page-header-user .dropdown-arrow-border,
  .page-header-manager .dropdown-arrow-border {
    margin-right: -1px;
}
.page-header-user-avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f6f6f6;
  margin-left: 13px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 13px 0 0 13px;
  user-select: none;
}
.page-header-user .page-header-user-avatar > svg {
    width: 15px;
    height: 15px;
    fill: #4c4c55;
}
.page-header-manager .page-header-user-avatar {
    padding: 6px 0 0 6px;
}
.page-header-manager .page-header-user-avatar > svg {
    width: 30px;
    height: 30px;
    fill: #4c4c55;
}
.vue-star-rating {
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 999px) {
.vue-star-rating {
      display: none !important;
}
}
.dropdown-menu-manager {
  margin: 0px 20px 0 20px;
  padding: 17px 10px 17px 10px;
  width: 200px;
  border-bottom: 1px solid #eeeeee;
}
.dropdown-menu-manager.v-enter, .dropdown-menu-manager.v-leave-active {
    opacity: 0;
}
.dropdown-menu-manager.v-enter-active, .dropdown-menu-manager.v-leave-active {
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.dropdown-menu-manager-wrapper:last-child .dropdown-menu-manager {
  border-bottom: none;
}
.dropdown-menu-manager-name {
  font-size: 18px;
  color: #8c2081;
  font-weight: bold;
  margin: 10px 0;
}
.dropdown-menu-manager-phone {
  color: #4c4c55;
  margin-bottom: 7px;
}
.dropdown-menu-manager-time {
  font-size: 14px;
}
.dropdown-menu-manager-photo {
  margin-bottom: 10px;
}
.dropdown-menu-manager-photo img {
    width: 100%;
}
.mobileMenu {
  display: none;
}
@media screen and (max-width: 999px) {
.mobileMenu {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 22;
    overflow: hidden;
}
.mobileMenu.v-enter, .mobileMenu.v-leave-active {
      transform: translateX(-100%);
}
.mobileMenu.v-enter-active, .mobileMenu.v-leave-active {
      pointer-events: none;
      transition: transform 0.15s ease;
}
.mobileMenu-logo {
    background: #331957;
    height: 50px;
    width: 111px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.mobileMenu-logo > svg {
      display: block;
      width: 88px;
      height: 16px;
}
.mobileMenu-items {
    flex: 1;
    line-height: 1;
}
.mobileMenu-header {
    background: #331957;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
}
.mobileMenu-close {
    margin-left: auto;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.navbar-items {
    padding: 10px 0 !important;
}
.navbar-item-container {
    padding: 10px 16px !important;
}
.navbar-item-container.v-enter, .navbar-item-container.v-leave-active {
      opacity: 0;
      transform: translateX(-30px);
}
.navbar-item-container.v-enter-active, .navbar-item-container.v-leave-active {
      pointer-events: none;
      transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar-item-container.v-enter-active {
      transition-delay: 0.3s;
}
.navbar-item {
    display: flex;
    position: relative;
    text-decoration: none;
    text-align: left;
    align-items: center;
}
.navbar-item:after {
      display: none !important;
}
.navbar-item-badge {
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    background: #b6b5b6;
    font-size: 10px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    will-change: opacity;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.navbar-item-badge.v-enter, .navbar-item-badge.v-leave-to {
      opacity: 0;
      transform: scale(0);
}
.navbar-item:hover .navbar-item-badge {
      background: #9797a0;
}
.navbar-item.router-link-active .navbar-item-badge {
      background: #8b2081;
      transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.navbar-item-icon {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 54px;
    height: 54px;
    color: #9c9c9c;
}
.navbar-item:hover > .navbar-item-icon {
      color: #4c4c55;
}
.navbar-item.router-link-active > .navbar-item-icon {
      color: #f4f4f4;
}
.navbar-item-icon > svg {
      display: block;
      position: absolute;
      width: 27px;
      height: 27px;
      left: 13px;
      top: 13px;
      fill: currentColor;
}
.navbar-item-icon-circle {
    width: 100%;
    height: 100%;
    background: #c3986c;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.95);
    transition: transform 0.3s ease;
}
.navbar-item.router-link-active .navbar-item-icon-circle {
      opacity: 1;
      transform: scale(1);
}
.navbar-item-title {
    padding-top: 0;
    padding-left: 12px;
    color: #9e9e9e;
}
.navbar-item:hover > .navbar-item-title {
      color: #4c4c55;
}
.navbar-item.router-link-active > .navbar-item-title {
      color: #4c4c55;
}
.mobileMenu-footer {
    padding: 20px 16px;
}
.mobileMenu-footer__info {
      display: flex;
      margin-top: 32px;
}
.mobileMenu-footer__info div + div {
        margin-left: 36px;
}
.mobileMenu-footer__info a {
        color: #9E9E9E;
}
}

.modal {
  display: flex;
  padding: 20px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}
.modal.v-enter, .modal.v-leave-to {
    opacity: 0;
}
.modal-container {
  position: relative;
  border-radius: 10px;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  transition: transform 0.3s ease;
}
.v-enter .modal-container,
  .v-leave-to .modal-container {
    transform: scale(0.7);
}
.modal-close {
  position: absolute;
  left: 100%;
  top: 7px;
  margin-left: 7px;
  transition: color 0.3s ease;
  cursor: pointer;
  color: #d6d6d6;
}
.modal-close:hover {
    color: #efefef;
}
.modal-close > svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
}
.modal-content h1 {
  margin-top: 0;
  color: #4c4c55;
  font-size: 19px;
}
.modal-content p {
  margin: 20px 0 26px;
  color: #4c4c55;
  font-size: 15px;
}
.modal-dialog-content {
  padding: 20px;
}
.modal-dialog-content h1 {
    margin: 0 0 20px;
    color: #4c4c55;
    font-size: 19px;
}
.modal-dialog-content p {
    margin: 20px 0 26px;
    color: #4c4c55;
    font-size: 15px;
}
.modal-dialog-buttons {
  padding-top: 10px;
  text-align: center;
}
.modal-dialog-buttons .button {
    margin-right: 10px;
}
.modal-dialog-buttons .button-regular {
    background: #ccc;
    box-shadow: none;
}
.modal-dialog-buttons .button-regular:hover {
      background: #d4d4d4;
      color: #4c4c55;
}
.modal-dialog-buttons .button-regular:active {
      background: #ccc;
      color: #4c4c55;
      box-shadow: inset 0 3px 26px rgba(0, 0, 0, 0.1);
}

.page-preloader {
  position: relative;
  height: 100px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.page-preloader.v-enter, .page-preloader.v-leave-to {
    opacity: 0;
}

.custom-input {
  position: relative;
  padding-top: 13px;
}
.custom-input > input,
  .custom-input > textarea {
    outline: none;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    color: transparent;
    font-size: 15px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    transition: border-bottom-color 0.3s ease, color 0.3s ease;
}
.custom-input > input:read-only,
    .custom-input > textarea:read-only {
      cursor: default;
      pointer-events: none;
}
.custom-input > input:disabled,
    .custom-input > textarea:disabled {
      -webkit-text-fill-color: #8c2081;
}
.custom-input > input:disabled,
    .custom-input > input:disabled + .custom-input-placeholder,
    .custom-input > textarea:disabled,
    .custom-input > textarea:disabled + .custom-input-placeholder {
      opacity: 0.5;
      pointer-events: none;
}
.custom-input > input {
    height: 43px;
}
.custom-input > textarea {
    height: 50px;
    min-height: 50px;
    margin: 13px 0;
    resize: vertical;
}
.custom-input > input:focus,
  .custom-input > textarea:focus,
  .custom-input.is-filled > input,
  .custom-input.is-filled > textarea {
    border-bottom: 1px solid #8b2081;
    color: #8c2081;
}
.custom-input-placeholder {
  position: absolute;
  left: 0;
  top: 13px;
  line-height: 42px;
  font-size: 15px;
  color: #9e9e9e;
  pointer-events: none;
  transition: top 0.3s ease, font 0.3s ease, opacity 0.3s ease 0.3s;
}
.custom-input.has-error > .custom-input-placeholder {
    transition: top 0.3s ease, font 0.3s ease, opacity 0.3s ease;
}
.custom-input.has-error > input:focus + .custom-input-placeholder,
  .custom-input.has-error > textarea:focus + .custom-input-placeholder,
  .custom-input.has-error.is-filled > .custom-input-placeholder {
    opacity: 0;
}
.custom-input > input:focus + .custom-input-placeholder,
  .custom-input > textarea:focus + .custom-input-placeholder,
  .custom-input.is-filled > .custom-input-placeholder {
    top: 0;
    font-size: 13px;
    line-height: 13px;
}
.custom-input-validation-indicator {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: -25px;
  margin-top: 1px;
  background: #ea1c60;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.custom-input-validation-indicator.v-enter, .custom-input-validation-indicator.v-leave-to {
    opacity: 0;
    transform: scale(0.2);
}
.custom-input-validation-message {
  position: absolute;
  top: 0;
  left: -1px;
  font-size: 11px;
  color: #fff;
  background: #eb1b60;
  border-radius: 2px;
  padding: 0 6px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.custom-input-validation-message.v-enter, .custom-input-validation-message.v-leave-to {
    opacity: 0;
    transform: translateX(10px);
}

.checkbox {
  display: inline-block;
}
.checkbox > input {
    display: none;
}
.checkbox > input + label {
      cursor: pointer;
      font-size: 14px;
      color: #4c4c55;
      user-select: none;
}
.checkbox > input:disabled + label {
      pointer-events: none;
      cursor: default;
      opacity: 0.5;
}
.checkbox > input:checked + label > .input-box {
      background: #8c2081;
      border: 1px solid #6d1564;
}
.checkbox > input:checked + label .input-box-tick > path {
      opacity: 1;
      stroke-dashoffset: 0;
}
.checkbox .input-box {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 1px;
    box-sizing: border-box;
    margin-right: 4px;
    vertical-align: middle;
    border: 1px solid #cacad4;
    border-radius: 16%;
    background: #f5f5f7;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.checkbox .input-box-tick {
    width: 12px;
    height: 12px;
    display: block;
}
.checkbox .input-box-tick > path {
      opacity: 0;
      stroke: #fff;
      stroke-width: 3px;
      stroke-dashoffset: 20;
      stroke-dasharray: 20;
      transition: stroke-dashoffset 0.15s ease-in;
}
.checkbox-label {
  vertical-align: middle;
}

.radio {
  display: inline-block;
}
.radio:hover .radio-list-item + label .input-box {
    border: 1px solid #8c2081;
    width: 10px;
    height: 10px;
}
.radio > input {
    display: none;
}
.radio > input + label {
      cursor: pointer;
      color: #4c4c55;
      user-select: none;
}
.radio > input:disabled + label {
      pointer-events: none;
      cursor: default;
      opacity: 0.5;
}
.radio > input.radio-list-item + label {
      flex-direction: unset;
}
.radio > input.radio-list-item + label > .input-box {
        width: 12px;
        height: 12px;
        border-radius: 50%;
}
.radio > input:checked + label > .input-box {
      background: #8c2081;
      border: 1px solid #6d1564;
}
.radio > input:checked + label .input-box-circle {
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.3s ease, transform 0.3s ease;
}
.radio .input-box {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    border: 1px solid #cacad4;
    border-radius: 50%;
    background: #f5f5f7;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
.radio .input-box-circle {
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: scale(2.7);
}
.radio-label {
  vertical-align: middle;
}