@charset "UTF-8";
html {
  margin: 0;
  padding: 0;
}

body {
  background-color: #F8FAFB;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  font-weight: 400;
  color: #44566C;
  margin: 0;
  padding: 0;
}

svg {
  fill: #44566C;
}

div {
  box-sizing: border-box;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

video::-webkit-media-controls-enclosure {
  display: none !important;
}

video {
  pointer-events: none;
}

iframe {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 36px;
  line-height: 1.2;
}

h2 {
  font-size: 30px;
  line-height: 1.25;
}

h3 {
  font-size: 26px;
  line-height: 1.3;
}

h4 {
  font-size: 20px;
  line-height: 1.35;
}

h5 {
  font-size: 18px;
  line-height: 1.5;
}

h6 {
  font-size: 16px;
  line-height: 1.6;
}

hgroup {
  margin-bottom: 20px;
}
hgroup h1, hgroup h2, hgroup h3, hgroup h4, hgroup h5, hgroup h6 {
  margin: 0;
  padding: 0;
}

p {
  margin-top: 0;
}

small {
  font-size: 13px;
}

a {
  color: #0081FF;
}

a:hover {
  color: #22CCE2;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

code {
  padding: 10px;
  margin: 0;
  font-size: 13px;
  white-space: nowrap;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin: 0;
  padding: 0;
}

hr {
  margin: 48px 0;
  border-width: 0;
  border-top: 1px solid #d0d0d0;
}

blockquote {
  margin-bottom: 0;
  border-left: 3px solid #fbb547;
  margin: 0;
  padding-left: 40px;
}

dt {
  display: block;
  font-size: 13px;
  color: #999;
  padding-top: 5px;
}

dd {
  margin: 0;
  padding: 0;
  font-size: 15px;
}

.hidden {
  display: none;
}

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

.desktop-hidden {
  display: none;
}

@media all and ( max-width : 767px ) {
  .mobile-hidden {
    display: none !important;
  }
  .desktop-hidden {
    display: block !important;
  }
}
.app {
  position: relative;
}

.app__sidebar {
  position: fixed;
  left: 0;
  width: 240px;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  border-right: 1px solid #EAEDF0;
  transition: left 200ms ease-in-out;
}

.app__container {
  margin-left: 240px;
  transition: margin 200ms ease-in-out;
}

.app--hide-sidebar .app__sidebar {
  left: -240px;
}
.app--hide-sidebar .app__container {
  margin-left: 0;
}

.app__header {
  height: 64px;
  line-height: 62px;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #EAEDF0;
  display: flex;
  justify-content: space-between;
}

.app__sidebar-toggle {
  padding: 8px 16px;
}
.app__sidebar-toggle svg {
  display: inline-block;
  height: 28px;
  width: 28px;
}

.app__actions {
  display: flex;
  padding: 0 16px 0 0;
}

.app__action {
  display: inline-block;
  padding: 0 16px;
  color: #44566C;
  text-decoration: none;
  font-weight: 500;
}
.app__action:hover {
  color: #8697A8;
}
.app__action svg {
  display: inline-block;
  height: 28px;
  width: 28px;
  vertical-align: middle;
}
.app__action span {
  display: inline-block;
  vertical-align: middle;
}

.app__profile-menu {
  right: 20px;
}

.app__actions-more--next-to-icon {
  position: relative;
  left: -10px;
}

.app__content {
  padding: 24px;
}

.app__content--with-tabs {
  padding: 0;
}

.app__content__inner {
  padding: 24px;
}

.app__content__title {
  padding-bottom: 24px;
}

.app__tabs {
  position: relative;
  height: 64px;
  line-height: 62px;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #EAEDF0;
  display: flex;
  justify-content: center;
}
.app__tabs a {
  display: inline-block;
  padding: 0 24px;
  text-decoration: none;
  color: #44566C;
}
.app__tabs a.active {
  border-bottom: 4px solid #0081FF;
}
.app__tabs a:hover {
  border-bottom: 4px solid #22CCE2;
}

.app__tabs-title {
  font-weight: 700;
  position: absolute;
  left: 24px;
}

.auth {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 20px;
}

.auth__container {
  position: relative;
  max-width: 860px;
  width: 860px;
  margin: 150px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  background-color: #ffffff;
  filter: drop-shadow(0px 2px 4px rgba(169, 194, 209, 0.1)) drop-shadow(0px 12px 16px rgba(169, 194, 209, 0.15));
}

.auth__aside {
  width: 50%;
  min-width: 50%;
  max-height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 18px;
}

.auth__login {
  width: 50%;
  min-width: 50%;
  max-height: 50%;
  padding: 40px;
}
.auth__login .form__row input {
  width: 100%;
}

.auth__form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.auth__form-texts,
.auth__form-fields,
.auth__form-buttons {
  width: 100%;
}

.auth__form-buttons {
  text-align: right;
}

.auth__extra-shadow {
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 40px;
  height: 24px;
  box-shadow: 0px 32px 32px rgba(169, 194, 209, 0.25), 0px 8px 16px rgba(169, 194, 209, 0.15);
}

.avatar {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 25px;
  background-color: #FF3D57;
  color: #ffffff;
  font-weight: 500;
  font-size: 15px;
  margin-right: 16px;
}

.avatar--40 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}

.avatar--30 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
}

.box {
  display: block;
  background-color: #ffffff;
  filter: drop-shadow(0px 2px 4px rgba(169, 194, 209, 0.1)) drop-shadow(0px 12px 16px rgba(169, 194, 209, 0.15));
  border-radius: 8px;
  overflow: hidden;
  color: #44566C;
  text-decoration: none;
}

.box--stacked {
  margin-bottom: 24px;
}

.box__title {
  position: relative;
  padding: 25px;
}
.box__title h1, .box__title h2, .box__title h3, .box__title h4, .box__title p {
  margin: 0;
}

.box__title--with-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box__title-meta {
  right: 0;
}

.box__content {
  padding: 25px;
}

.box__content--gray {
  background-color: #F8FAFB;
}

.box__maintitle {
  padding: 0 0 10px 0;
}

.box__subtitle {
  padding: 25px 0 10px 0;
}

button,
.button {
  display: block;
  border: 0;
  border-radius: 5px;
  text-align: center;
  color: #ffffff;
  background-color: #0081FF;
  font-weight: 500;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  line-height: 18px;
  padding: 11px 16px;
  text-decoration: none;
  filter: drop-shadow(0px 8px 16px rgba(0, 129, 255, 0.2));
}
button:hover,
.button:hover {
  color: #ffffff;
}

.button--inline {
  display: inline-block;
  margin-left: 16px;
}
.button--inline:first-child {
  margin-left: 0;
}

.button--inactive {
  color: #0081FF;
  background-color: rgba(0, 129, 255, 0.15);
}

.button--ball {
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 30px;
  border-radius: 100%;
  display: inline-block;
}
.button--ball:hover {
  color: #ffffff;
  font-weight: 200;
}

.button--small {
  font-size: 13px;
  padding: 8px 12px;
}

.button--red {
  background-color: #FF3D57;
}

.chat__message {
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 20px;
  font-size: 13px;
  background-color: #EAEDF0;
}
.chat__message span {
  display: block;
}
.chat__message span.message {
  font-weight: 600;
}
.chat__no-messages {
  margin: 10px 0;
  background-color: #F8FAFB;
  border-radius: 20px;
  padding: 20px;
  font-size: 13px;
  text-align: center;
}

.chat__new-message {
  text-align: right;
}
.chat__new-message textarea.comment {
  height: 65px;
}
.chat__new-message button {
  display: inline-block;
}

.chat__meessage {
  background-color: #EAEDF0;
  border-radius: 20px;
  padding: 20px;
}

.dropdown {
  display: none;
  z-index: 99999999;
  position: absolute;
  background: #fff;
  filter: drop-shadow(0px 4px 4px rgba(169, 194, 209, 0.05)) drop-shadow(0px 8px 16px rgba(169, 194, 209, 0.1));
  border-radius: 5px;
  top: 68px;
  background-color: #ffffff;
  border: 1px solid #EAEDF0;
  padding: 5px 0;
  animation: growDown 200ms ease-in-out forwards;
}
.dropdown a {
  display: none;
  padding: 11px 25px;
  line-height: 18px;
  color: #44566C;
  text-decoration: none;
}
.dropdown a svg {
  display: inline-block;
  vertical-align: text-bottom;
  padding-right: 10px;
  fill: #44566C;
}

.dropdown--visible {
  display: block;
}
.dropdown--visible a {
  display: block;
}

.dropdown--arrow-down {
  transform-origin: bottom center;
}
.dropdown--arrow-down:after {
  content: "";
  border-bottom: 1px solid #EAEDF0;
  border-right: 1px solid #EAEDF0;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -8px;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}

.dropdown--arrow-up {
  transform-origin: top center;
}
.dropdown--arrow-up:after {
  content: "";
  border-top: 1px solid #EAEDF0;
  border-left: 1px solid #EAEDF0;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: -8px;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}
.dropdown--arrow-up.arrow-right:after {
  left: auto;
  right: 20px;
  margin-left: 0;
}
.dropdown--arrow-up.arrow-left:after {
  left: 20px;
  margin-left: 0;
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.filter {
  position: relative;
  margin-bottom: 20px;
  z-index: 999;
}

.filter--with-buttons {
  display: flex;
}

.filter__form {
  width: 100%;
}
.filter__form button {
  display: inline-block;
}

.filter__buttons {
  max-width: 100px;
}

.filter__select {
  position: relative;
  display: inline-block;
  line-height: 18px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  border-radius: 4px;
  color: #44566C;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.filter__select a {
  display: block;
  padding: 11px 7px 11px 17px;
  text-decoration: none;
  color: #44566C;
}
.filter__select a svg {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

.filter__select-dropdown {
  z-index: 999;
  position: absolute;
  background: #fff;
  display: none;
  filter: drop-shadow(0px 4px 4px rgba(169, 194, 209, 0.05)) drop-shadow(0px 8px 16px rgba(169, 194, 209, 0.1));
  border-radius: 5px;
  left: 0;
  top: 50px;
  background-color: #ffffff;
  border: 1px solid #EAEDF0;
  padding: 5px 0;
  animation: growDown 200ms ease-in-out forwards;
}
.filter__select-dropdown .filter__select-option {
  display: none;
}
.filter__select-dropdown:after {
  content: "";
  border-top: 1px solid #EAEDF0;
  border-left: 1px solid #EAEDF0;
  background-color: #ffffff;
  position: absolute;
  left: 20px;
  margin-left: -7px;
  top: -8px;
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}

.filter__select--visible {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.filter__select--visible .filter__select-dropdown {
  display: block;
}
.filter__select--visible .filter__select-dropdown .filter__select-option {
  display: block;
}

.filter__select-option {
  padding: 10px;
  white-space: nowrap;
  cursor: pointer;
}

.filter__input {
  position: relative;
  display: inline-block;
  line-height: 18px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  border-radius: 4px;
  color: #44566C;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.filter__input input[type=text],
.filter__input input[type=date] {
  width: 100%;
  color: #44566C;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  border: 0;
  padding: 11px 9px 12px 17px;
  width: 300px;
}
.filter__input input[type=date] {
  width: auto;
}

.filter__input-color-inidicator {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  margin-right: 5px;
  border: 1px solid #EAEDF0;
}

.filter__input-color-inidicator--product_change {
  background-color: #44566C;
  border: 0;
}

.filter__input-color-inidicator--seller_change {
  background-color: #8697A8;
  border: 0;
}

.filter__input-color-inidicator--move {
  background-color: #B3C0CE;
  border: 0;
}

.filter__input-color-inidicator--winback {
  background-color: #44566C;
  border: 0;
}

.filter__input-color-inidicator--new {
  background-color: #EAEDF0;
  border: 0;
}

.filter__input-color-inidicator--ready {
  background-color: #8697A8;
  border: 0;
}

.filter__input-color-inidicator--incomplete {
  background-color: #FF8A48;
  border: 0;
}

.filter__input-color-inidicator--exported {
  background-color: #09B66D;
  border: 0;
}

.filter__input-color-inidicator--gsrn_found {
  background-color: #22CCE2;
  border: 0;
}

.filter__input-color-inidicator--completed {
  background-color: #0081FF;
  border: 0;
}

.filter__input-color-inidicator--failed {
  background-color: #FF3D57;
  border: 0;
}

@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.flash-message {
  position: fixed;
  z-index: 999999;
  bottom: -80px;
  right: 20px;
  padding: 15px 30px;
  color: #ffffff;
  background-color: #44566C;
  font-weight: 500;
  font-size: 15px;
  transition: bottom 400ms ease-in-out, opacity 400ms ease-in-out;
}

.flash-message--success {
  background-color: #09B66D;
}

.flash-message--error,
.flash-message--fail {
  background-color: #FF3D57;
}

.flash-message--visible {
  bottom: 20px;
}

.flash-message--decay {
  bottom: 200px;
  opacity: 0;
}

.floating-box {
  position: fixed;
  display: none;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  background-color: #ffffff;
  background-color: #ffffff;
  filter: drop-shadow(0px 2px 4px rgba(169, 194, 209, 0.1)) drop-shadow(0px 12px 16px rgba(169, 194, 209, 0.15));
  max-width: 500px;
  min-width: 450px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

.floating-box--visible {
  display: block;
}

.floating-box__inner {
  position: relative;
}

.floating-box__header {
  padding: 20px;
}
.floating-box__header h3 {
  font-size: 22px;
}

.floating-box__tags {
  position: absolute;
  top: 20px;
  right: 20px;
}

.floating-box__errors {
  padding: 0 5px;
}

.floating-box__label {
  font-size: 13px;
  padding: 0 0 5px 0;
}
.floating-box__label:before {
  content: "";
  border-bottom: 1px solid #8697A8;
  display: block;
  position: relative;
  top: 11px;
}
.floating-box__label span {
  background-color: #ffffff;
  padding: 0 8px;
  margin-left: 20px;
  display: inline-block;
  z-index: 1;
  position: relative;
}

.floating-box__content {
  padding: 20px;
  font-size: 15px;
}

.flex-table {
  width: 100%;
}

.flex-table__td,
.flex-table__th {
  padding: 16px 0 16px 16px;
  line-height: 16px;
  flex: 1;
}
.flex-table__td:first-child,
.flex-table__th:first-child {
  padding-left: 24px;
}

.flex-table__td--flex-2,
.flex-table__th--flex-2 {
  flex: 2;
}

.flex-table__td--flex-3,
.flex-table__th--flex-3 {
  flex: 3;
}

.flex-table__td--flex-4,
.flex-table__th--flex-4 {
  flex: 4;
}

.flex-table__thead {
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
}
.flex-table__thead .flex-table__th {
  text-align: left;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 500;
}

.flex-table__tbody .flex-table__tr {
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
  border-top: 1px solid #EAEDF0;
}
.flex-table__tbody .flex-table__td,
.flex-table__tbody .flex-table__th {
  text-align: left;
}

.flex-table__row--gray {
  background-color: #F8FAFB;
}

.form {
  /* Removes awkward default styles on some inputs for iOS */
}
.form input,
.form textarea,
.form select,
.form fieldset {
  margin-bottom: 0;
}
.form input[type=email],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=time],
.form input[type=number],
.form input[type=search],
.form input[type=text],
.form input[type=tel],
.form input[type=url],
.form input[type=password],
.form textarea,
.form select {
  line-height: 18px;
  width: 100%;
  padding: 11px 17px;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  background-color: #F8FAFB;
  border: 1px solid #EAEDF0;
  border-radius: 4px;
  color: #44566C;
  box-shadow: none;
  box-sizing: border-box;
}
.form input[type=email].field-error,
.form input[type=date].field-error,
.form input[type=datetime-local].field-error,
.form input[type=time].field-error,
.form input[type=number].field-error,
.form input[type=search].field-error,
.form input[type=text].field-error,
.form input[type=tel].field-error,
.form input[type=url].field-error,
.form input[type=password].field-error,
.form textarea.field-error,
.form select.field-error {
  border-color: #FF3D57;
}
.form input[type=email],
.form input[type=number],
.form input[type=search],
.form input[type=text],
.form input[type=tel],
.form input[type=url],
.form input[type=password],
.form select,
.form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
  height: 265px;
}
.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=date]:focus,
.form input[type=datetime-local]:focus,
.form input[type=time]:focus,
.form input[type=search]:focus,
.form input[type=text]:focus,
.form input[type=tel]:focus,
.form input[type=url]:focus,
.form input[type=password]:focus,
.form textarea:focus,
.form select:focus {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  outline: 0;
}
.form input[type=email]:disabled,
.form input[type=number]:disabled,
.form input[type=date]:disabled,
.form input[type=datetime-local]:disabled,
.form input[type=time]:disabled,
.form input[type=search]:disabled,
.form input[type=text]:disabled,
.form input[type=tel]:disabled,
.form input[type=url]:disabled,
.form input[type=password]:disabled,
.form textarea:disabled,
.form select:disabled {
  color: #8697A8;
  background-color: #ffffff;
  outline: 0;
}

.form__row {
  padding-bottom: 16px;
}

.form__row--sub {
  padding-left: 48px;
}

.form__error {
  font-size: 13px;
  color: #FF3D57;
}
.form__error + input[type=email], .form__error + input[type=date], .form__error + input[type=datetime-local], .form__error + input[type=time], .form__error + input[type=number], .form__error + input[type=search], .form__error + input[type=text], .form__error + input[type=tel], .form__error + input[type=url], .form__error + input[type=password], .form__error + textarea, .form__error + select {
  border-color: #FF3D57;
}

.form__row--with-label {
  display: flex;
  justify-content: center;
}
.form__row--with-label.form__row--checkboxes {
  margin-left: 200px;
}

.form__row--hide-label .form__label {
  display: none;
}

.form__row--inline-label {
  display: flex;
}
.form__row--inline-label label {
  width: 160px;
  padding-right: 10px;
}

.form__label {
  display: block;
  width: 200px;
  max-width: 200px;
  line-height: 42px;
  font-weight: 500;
  font-size: 13px;
}

.form__input {
  display: block;
  width: 100%;
  max-width: 600px;
}
.form__input input[type=email],
.form__input input[type=date],
.form__input input[type=datetime-local],
.form__input input[type=time],
.form__input input[type=number],
.form__input input[type=search],
.form__input input[type=text],
.form__input input[type=tel],
.form__input input[type=url],
.form__input input[type=password],
.form__input textarea,
.form__input select {
  width: 100%;
}

.form__input--max-width {
  max-width: none;
}

.form__buttons {
  text-align: center;
  padding-top: 16px;
}

.form__buttons--action-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.form__instructions {
  font-size: 13px;
}

.form__information {
  font-size: 13px;
  background-color: #EAEDF0;
  padding: 3px;
}

.form__toggle {
  text-align: center;
  padding-top: 16px;
  line-height: 24px;
}
.form__toggle input {
  display: none;
}
.form__toggle .switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 24px;
  background-color: #EFF4F8;
  border-radius: 24px;
  margin-right: 10px;
}
.form__toggle .switch:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ffffff;
  top: 3px;
  left: 3px;
  transition: all 0.3s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.form__toggle input:checked + .switch {
  background-color: #0081FF;
}
.form__toggle input:checked + .switch:after {
  left: 20px;
}

.form__input-with-tag {
  position: relative;
}
.form__input-with-tag span {
  position: absolute;
  right: 38px;
  top: 9px;
  color: #8697A8;
}
.form__input-with-tag label {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  bottom: 0;
  color: #44566C;
  font-weight: 500;
  width: 70px;
  border-right: 1px solid #ffffff;
  font-size: 13px;
  margin-right: 1px;
  line-height: 42px;
}

.form__input-with-tag--before {
  position: relative;
}
.form__input-with-tag--before label {
  right: auto;
  left: 0;
  padding: 0 17px;
  z-index: 999;
}
.form__input-with-tag--before label + input[type=text], .form__input-with-tag--before label + input[type=date], .form__input-with-tag--before label + input[type=number], .form__input-with-tag--before label + input[type=email], .form__input-with-tag--before label + select {
  padding-left: 118px;
}

.form__double {
  display: flex;
  gap: 10px;
}
.form__double .form__row {
  flex-grow: 1;
}

.form__multi-language__pick {
  border-bottom: 1px solid #8697A8;
  margin: 0;
  padding: 0;
}
.form__multi-language__pick a {
  display: inline-block;
  width: 15px;
  text-align: center;
  padding: 2px 10px;
  border-top: 1px solid #EAEDF0;
  border-left: 1px solid #EAEDF0;
  border-right: 1px solid #EAEDF0;
  margin: 0;
  margin-right: 5px;
  text-decoration: none;
  color: #8697A8;
}
.form__multi-language__pick a:hover {
  color: #0081FF;
}
.form__multi-language__pick a.active {
  background: #F8FAFB;
  border-top: 1px solid #8697A8;
  border-left: 1px solid #8697A8;
  border-right: 1px solid #8697A8;
  color: #44566C;
  bottom: -1px;
  position: relative;
}

.form__multi-language__editor {
  display: none;
}
.form__multi-language__editor.active {
  display: block;
}

.meta {
  margin-bottom: 16px;
}

.meta--flex {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.meta__half {
  flex-basis: 0;
  flex-grow: 1;
}
.meta__half .filterform {
  padding: 10px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.meta__half .filterform input, .meta__half .filterform select {
  background-color: #ffffff;
  width: 180px;
}
.meta__half .fileform {
  padding: 10px;
  background-color: #fefefe;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meta__buttons {
  text-align: right;
}

.body--has-modal {
  overflow: hidden;
}

.modal {
  position: fixed;
  z-index: 9999;
  max-width: 800px;
  width: 100%;
  background: #fff;
  overflow: auto;
  left: 50%;
  top: 40px;
  margin-left: -400px;
}

.modal--right {
  max-width: none;
  width: auto;
  left: auto;
  top: 0;
  bottom: 0;
  right: 0;
  margin-left: 0;
  filter: drop-shadow(-4px 0px 8px rgba(169, 194, 209, 0.1)) drop-shadow(-16px 0px 32px rgba(169, 194, 209, 0.15));
}

.modal--wide {
  max-width: 1200px;
  margin-left: -600px;
}

.modal--order {
  max-width: none;
  width: auto;
  top: 30px;
  right: 30px;
  left: 30px;
  bottom: 30px;
  overflow: hidden;
  margin-left: 0;
  filter: drop-shadow(0px 4px 8px rgba(169, 194, 209, 0.2)) drop-shadow(0px 16px 32px rgba(169, 194, 209, 0.15));
}

.modal__shade {
  position: fixed;
  z-index: 9998;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #44566C;
  mix-blend-mode: normal;
  opacity: 0.12;
}

.modal__header {
  padding: 25px 40px 0 40px;
}

.modal__header__close {
  position: absolute;
  right: 20px;
  top: 18px;
  transform: rotate(45deg);
  color: #44566C;
  font-size: 28px;
  text-decoration: none;
}

.modal__loading {
  display: block;
  font-weight: 500;
  margin: auto;
  margin-top: 50%;
  padding-top: -20px;
  text-align: center;
}
.modal__loading svg {
  animation: rotation 2s infinite linear;
  fill: transparent;
  vertical-align: middle;
  margin-right: 20px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.modal__content {
  padding: 20px 40px;
  overflow: auto;
}
.modal__content h5 {
  margin: 0;
  padding: 30px 0 0 0;
}
.modal__content h5:first-of-type {
  padding-top: 0;
}
.modal__content dl {
  padding: 0 15px;
}

.order {
  position: relative;
  height: 100%;
}
.order .form__input {
  max-width: none;
}

.order__top {
  width: 100%;
  padding: 10px 20px;
  position: absolute;
  z-index: 9999;
  top: 0;
  height: 64px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #EAEDF0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.order__top-title {
  font-weight: 500;
  font-size: 15px;
  height: 44px;
  line-height: 44px;
}

.order__top-actions {
  padding-right: 40px;
}
.order__top-actions label {
  font-size: 14px;
}
.order__top-actions .filter__select {
  margin: 0 20px;
}
.order__top-actions button {
  display: inline-block;
}

.order__columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 20px;
  position: fixed;
  width: 100%;
  bottom: 0;
  top: 64px;
  overflow-y: auto;
  padding: 5px 20px 0 20px;
}

.order__customer {
  width: 35%;
}

.order__order {
  width: 35%;
}

.order__actions {
  width: 30%;
}

.order__actions-box {
  padding: 20px;
  background: #F8FAFB;
  margin-top: 20px;
  border-radius: 10px;
}

.order__title {
  font-weight: 500;
  font-size: 15px;
  height: 42px;
  line-height: 36px;
}

.order__comments {
  max-height: 300px;
  overflow: auto;
}

.order__send-message select {
  margin: 10px 0;
  background-color: #ffffff;
}

.order__close {
  position: fixed;
  top: 0px;
  right: 20px;
  z-index: 9999999999;
  transform: rotate(45deg);
  color: #44566C;
  font-size: 40px;
  text-decoration: none;
}

/* Toggle is_company */
.order__is_company .private {
  display: inline;
}
.order__is_company .company {
  display: none;
}

.order__is_company.is_company .private {
  display: none;
}
.order__is_company.is_company .company {
  display: inline;
}

.order__company {
  display: none;
}

.order__company.is_company {
  display: block;
}

.order__company--create.is_company {
  display: flex;
}

.order__identifier .order__identifier__private {
  display: block;
}
.order__identifier .order__identifier__company {
  display: none;
}

.order__identifier.is_company .order__identifier__private {
  display: none;
}
.order__identifier.is_company .order__identifier__company {
  display: block;
}

.order__other-nodata {
  text-align: center;
  color: #999;
  font-size: 14px;
  margin-top: 40px;
}

.order__other-orders-order {
  margin: 10px;
  padding: 20px;
  border-top: 1px solid #EAEDF0;
}

.order__other-orders-order-meta {
  font-size: 13px;
}
.order__other-orders-order-meta .date {
  float: right;
}

.order__other-orders-order-address {
  font-weight: 700;
  font-size: 13px;
}

.order-list__person a {
  color: #44566C;
}

.order-list__sub {
  font-size: 13px;
  padding-top: 3px;
  text-decoration: none;
}

.order-list__input {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 3px;
}

.pagination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.pagination__info {
  color: #44566C;
  font-size: 13px;
}

.pagination__page-list {
  background-color: #ffffff;
  filter: drop-shadow(0px 2px 4px rgba(169, 194, 209, 0.1)) drop-shadow(0px 12px 16px rgba(169, 194, 209, 0.15));
  border-radius: 8px;
  overflow: hidden;
  padding: 3px;
}
.pagination__page-list a {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-decoration: none;
  color: #44566C;
  border-radius: 6px;
}
.pagination__page-list a.current {
  background-color: #0081FF;
  color: #ffffff;
}
.pagination__page-list a.current:hover {
  background-color: #0081FF;
}
.pagination__page-list a:hover {
  background-color: #EFF4F8;
}

.sidebar__top {
  text-align: center;
  padding: 8px 0;
  height: 62px;
  line-height: 50px;
}
.sidebar__top a {
  color: #44566C;
  text-decoration: none;
}
.sidebar__top svg {
  max-width: 100px;
  padding: 8px 0;
}

.sidebar__title {
  padding: 30px 24px 10px 24px;
  font-size: 18px;
  margin: 0;
  border-bottom: 1px solid #B3C0CE;
}

.sidebar__menu {
  list-style: none;
}
.sidebar__menu li {
  position: relative;
  padding: 10px 24px;
  color: #44566C;
  margin: 0;
}
.sidebar__menu li a {
  color: #44566C;
  text-decoration: none;
}
.sidebar__menu li:hover:after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 5px;
  background-color: #22CCE2;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 100;
}

.sidebar__menu-active {
  background-color: #F8FAFB;
  font-weight: 500;
}
.sidebar__menu-active:after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 5px;
  background-color: #0081FF;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 100;
}

.status-bar {
  position: relative;
  display: flex;
  padding: 12px;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  height: 85px;
  background-color: #ffffff;
  border-bottom: 1px solid #EAEDF0;
}
.status-bar:last-child {
  border: 0;
}

.status-bar__icon {
  width: 100%;
  max-width: 40px;
  text-align: center;
  height: 100%;
}

.status-bar__text {
  text-align: center;
  height: 100%;
  line-height: 60px;
  font-size: 11px;
}

.status-bar--with-toggle .status-bar__icon {
  line-height: 62px;
}
.status-bar--with-toggle .status-bar__icon span {
  line-height: 72px;
}

.status-bar__divide {
  height: 100%;
  width: 5px;
  max-width: 5px;
  min-width: 5px;
  background-color: #8697A8;
  border-radius: 2px;
  margin: 0 20px 0 12px;
}

.status-bar--error .status-bar__divide {
  background-color: #FF3D57;
}

.status-bar--modification .status-bar__divide {
  background-color: #FDBF5E;
}

.status-bar--success .status-bar__divide {
  background-color: #09B66D;
}

.status-bar--incomplete .status-bar__divide {
  background-color: #FF8A48;
}

.status-bar--ready .status-bar__divide {
  background-color: #8697A8;
}

.status-bar--exported .status-bar__divide {
  background-color: #09B66D;
}

.status-bar--gsrn_found .status-bar__divide {
  background-color: #22CCE2;
}

.status-bar--completed .status-bar__divide {
  background-color: #0081FF;
}

.status-bar--failed .status-bar__divide {
  background-color: #FF3D57;
}

.status-bar__sup,
.status-bar__sub {
  font-size: 11px;
}

.status-bar__status {
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  height: 23px;
  overflow: hidden;
  margin-top: 4px;
}

.status-bar--resolved .error-resolved {
  display: inline-block;
}
.status-bar--resolved .error-unresolved {
  display: none;
}

.status-bar--unresolved .error-resolved {
  display: none;
}
.status-bar--unresolved .error-unresolved {
  display: inline-block;
}

table,
.table {
  border-collapse: collapse;
  width: 100%;
}
table svg,
.table svg {
  fill: none;
}
table th, table td,
.table th,
.table td {
  padding: 16px 0 16px 16px;
  line-height: 16px;
}
table th:first-child, table td:first-child,
.table th:first-child,
.table td:first-child {
  padding-left: 24px;
}
table th:last-child, table td:last-child,
.table th:last-child,
.table td:last-child {
  padding-right: 24px;
}
table thead th,
.table thead th {
  text-align: left;
  text-transform: uppercase;
  line-height: 18px;
  font-weight: 500;
  font-size: 12px;
}
table tbody tr,
.table tbody tr {
  border-top: 1px solid #EAEDF0;
}

td, th {
  text-align: left;
}

.table__row--gray {
  background-color: #F8FAFB;
}

.table__note {
  color: #8697A8;
  text-align: right;
}

.table__row--pink,
.table__row--not-valid {
  background-color: #ffe8eb !important;
  border-color: #ffffff !important;
}

.table--with-hover tbody tr:hover {
  background-color: #EFF4F8;
}

.tag {
  display: inline-block;
  font-size: 13px;
  padding: 3px 7px;
  border-radius: 5px;
  background-color: #EAEDF0;
  color: #44566C;
  text-decoration: none;
}

.tag--with-icon svg {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  fill: none;
}

.tag--completed {
  background-color: #0081FF;
  color: #ffffff;
}

.tag--failed {
  background-color: #FF3D57;
  color: #ffffff;
}

.template-builder {
  position: relative;
  height: 315mm;
}
.template-builder .tox .tox-promotion {
  display: none;
}

.template-builder__blocks {
  max-height: 300mm;
  margin-right: 215mm;
  overflow: auto;
}

.template-builder__block .editor-header {
  position: relative;
  padding: 10px;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.template-builder__block .editor-header__toggle-visibility {
  position: absolute;
  right: 10px;
  top: 12px;
}
.template-builder__block .editor-header__toggle-visibility .collapsed {
  display: none;
}
.template-builder__block .editor-header__toggle-visibility .expanded {
  display: block;
}
.template-builder__block .editor-header__toggle-visibility svg {
  fill: none;
}
.template-builder__block .editor-body {
  display: none;
}
.template-builder__block.show-editor .editor-body {
  display: block;
}
.template-builder__block.show-editor .collapsed {
  display: block;
}
.template-builder__block.show-editor .expanded {
  display: none;
}
.template-builder__block .position {
  padding-bottom: 5px;
}
.template-builder__block input[type=number] {
  width: 50px;
  padding: 4px;
}

.template-builder__head {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.template-builder__head .form__toggle {
  padding: 0;
}

.template-builder__preview {
  position: absolute;
  width: 211mm;
  top: 40px;
  right: 1px;
}
.template-builder__preview .canvas__outline {
  border: 1px solid #ccc;
  width: 210mm;
  box-sizing: content-box;
}
.template-builder__preview .canvas {
  display: block;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  width: 210mm;
  height: 297mm;
}
.template-builder__preview .canvas img.pdf-background {
  max-width: 210mm;
  width: auto;
  height: auto;
}
.template-builder__preview .canvas .block {
  z-index: 2;
  position: absolute;
  display: block;
  box-sizing: border-box;
}
.template-builder__preview .canvas .area {
  position: absolute;
  display: block;
  box-sizing: content-box;
  z-index: 1;
}
.template-builder__preview .canvas .area-margin-top {
  top: 0;
  left: 3mm;
  right: 4mm;
  height: 17mm;
  background: rgba(34, 204, 226, 0.5);
}
.template-builder__preview .canvas .area-margin-left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 3mm;
  background: rgba(34, 204, 226, 0.5);
}
.template-builder__preview .canvas .area-margin-right {
  top: 0;
  bottom: 0;
  right: 0;
  width: 4mm;
  background: rgba(34, 204, 226, 0.5);
}
.template-builder__preview .canvas .area-margin-bottom {
  bottom: 0;
  left: 3mm;
  right: 4mm;
  height: 3mm;
  background: rgba(34, 204, 226, 0.5);
}
.template-builder__preview .canvas .area-sender {
  background: rgba(34, 204, 226, 0.5);
  top: 17mm;
  left: 3mm;
  width: 107mm;
  height: 83mm;
}
.template-builder__preview .canvas .block-sender-address {
  top: 20mm;
  left: 21mm;
  width: 72mm;
  height: 25mm;
  background: #fff;
}
.template-builder__preview .canvas .block-recipient-address {
  top: 55mm;
  left: 21mm;
  width: 72mm;
  height: 30mm;
  background: #fff;
}
.template-builder__preview .canvas .block {
  background: rgba(255, 88, 158, 0.3);
}

.template-builder__required-string {
  margin-top: 20px;
  margin-right: 215mm;
}
.template-builder__required-string ul {
  background-color: #faf9c2;
  padding: 10px;
  list-style: none;
}
.template-builder__required-string ul li {
  margin: 0;
  padding: 2px 0;
}
.template-builder__required-string span {
  display: block;
  font-size: 13px;
  color: #8697A8;
}

.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .area-sender,
.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .area-margin-left,
.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .area-margin-top,
.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .area-margin-bottom,
.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .area-margin-right {
  display: none;
}
.template-builder--hide-margins .template-builder__preview .canvas__outline .canvas .block {
  background: transparent;
}

.template-builder__preview .canvas {
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 4mm;
  line-height: 1.4;
}
.template-builder__preview .canvas p {
  padding: 0;
  margin: 3mm 0;
  line-height: 1.4;
}
.template-builder__preview .canvas ul {
  padding-left: 2em;
  line-height: 1.4;
}
.template-builder__preview .canvas ul li {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

/*# sourceMappingURL=main.css.map */