/*-------------------global-------------------*/
:root {
  /*main*/
  --accent: #3772FF;
  --on-accent: #2F62DB;
  --primary: #2B2D33;
  --on-primary: #000000;
  --primary-dark: #0E477E;
  --wild-sand: #F4F4F4;
  --white: #FFFFFF;
  --add-on: #E7EEFF;
  --background: #F0F8FC;
  --brand-150: #EEF5FF;
  /*utility*/
  --success-120: #34B012;
  --success-60: #9AD888;
  --success-30: #C2E7B8;
  --success-10: #EBF7E7;
  --on-success: #288B0D;
  --danger-120: #E31E25;
  --danger-60: #F4A6A8;
  --danger-30: #FBD3D5;
  --danger-10: #FCEAEB;
  --on-danger: #D43238;
  --warning-120: #EA9318;
  --warning-60: #FFC97B;
  --warning-30: #FFE6C1;
  --warning-10: #FFF6E9;
  --on-warning: #D6881A;
  /*secondary*/
  --green-120: #109878;
  --green-100: #5ED1B6;
  --green-30: #CFF1E9;
  --green-10: #E7F8F4;
  --blue-120: #376AE7;
  --blue-100: #57B6ED;
  --blue-70: #919AB7;
  --blue-30: #CDE9FA;
  --blue-10: #E6F4FC;
  --king-blue-120: #5C50E3;
  --king-blue-100: #9A99FB;
  --king-blue-30: #E1E0FE;
  --king-blue-10: #F0F0FE;
  --purple-120: #CF33D1;
  --purple-100: #DC94DD;
  --purple-30: #F5DFF5;
  --purple-10: #FAEFFA;
  --ochra-120: #CD781A;
  --ochra-100: #FCB664;
  --ochra-30: #FEE9D1;
  --ochra-10: #FFF4E8;
  --red-120: #E34B4B;
  --red-100: #FC9696;
  --red-30: #FEE0E0;
  --red-10: #FFEFEF;
  --cian-120: #41B6E6;
  --cian-100: #9FE1FD;
  --cian-30: #D1EFFC;
  --cian-10: #ECF8FD;
  --violet-gray-120: #4E4E99;
  --violet-gray-100: #A4A4D1;
  --violet-gray-30: #D8D8EA;
  --violet-gray-10: #EAEAF0;
  /*gray*/
  --gray-160: var(--primary);
  --gray-140: #404247;
  --gray-120: #55575C;
  --gray-100: #808185;
  --gray-60: #AAABAD;
  --gray-40: #C9C9C9;
  --gray-30: #D5D5D6;
  --gray-10: #E9EAEA;
  --gray-05: #F8F8F8;
  --gray-01: #FBFBFB;
  /* Natcar */
  --natcar-blue: #2C2D65;
  --on-natcar-blue: #121336;
  --natcar-cian: #00A3E0;
  --on-natcar-cian: #008DC2;
  --natcar-light-cian: #41B6E6;
  --natcar-light-blue: #343579;
  --natcar-cold-gray: #94A9CB;
  /* Brown */
  --brown-10: #EDE0D4;
  --brown-120: #9C6644;
  /*Filters*/
  --filter-warning-120: invert(75%) sepia(20%) saturate(6833%) hue-rotate(350deg) brightness(95%) contrast(93%);
  --filter-white: invert(96%) sepia(100%) saturate(17%) hue-rotate(263deg) brightness(105%) contrast(103%);
  --filter-gray-100: invert(55%) sepia(7%) saturate(189%) hue-rotate(190deg) brightness(91%) contrast(85%);
  --filter-gray-160: invert(14%) sepia(9%) saturate(773%) hue-rotate(188deg) brightness(92%) contrast(89%);
  --filter-gray-120: invert(36%) sepia(2%) saturate(1385%) hue-rotate(185deg) brightness(90%) contrast(92%);
  --filter-gray-60: invert(80%) sepia(6%) saturate(78%) hue-rotate(182deg) brightness(86%) contrast(87%);
  --filter-gray-40: brightness(0) saturate(100%) invert(83%) sepia(0%) saturate(1%) hue-rotate(156deg) brightness(104%) contrast(80%);
  --filter-gray-10: brightness(0) saturate(100%) invert(91%) sepia(7%) saturate(52%) hue-rotate(116deg) brightness(109%) contrast(84%);
  --filter-gray-05: invert(100%) sepia(26%) saturate(39%) hue-rotate(311deg) brightness(111%) contrast(95%);
  --filter-natcar-cian: invert(57%) sepia(71%) saturate(4562%) hue-rotate(165deg) brightness(96%) contrast(105%);
  --filter-natcar-blue: invert(11%) sepia(81%) saturate(1926%) hue-rotate(228deg) brightness(88%) contrast(87%);
  --filter-king-blue-120: invert(36%) sepia(90%) saturate(4261%) hue-rotate(235deg) brightness(91%) contrast(95%);
  --filter-green-120: invert(44%) sepia(81%) saturate(490%) hue-rotate(116deg) brightness(90%) contrast(87%);
  --filter-red-120: invert(37%) sepia(93%) saturate(629%) hue-rotate(317deg) brightness(92%) contrast(98%);
  --filter-blue-120: invert(34%) sepia(58%) saturate(2145%) hue-rotate(210deg) brightness(101%) contrast(101%);
  --filter-ochra-100: invert(75%) sepia(35%) saturate(741%) hue-rotate(337deg) brightness(101%) contrast(98%);
  --filter-ochra-120: invert(43%) sepia(78%) saturate(2000%) hue-rotate(12deg) brightness(100%) contrast(80%);
  --filter-success-120: invert(56%) sepia(44%) saturate(4914%) hue-rotate(73deg) brightness(100%) contrast(86%);
  --filter-danger-120: invert(19%) sepia(76%) saturate(3770%) hue-rotate(346deg) brightness(90%) contrast(98%);
  --filter-natcar-cold-gray: invert(77%) sepia(19%) saturate(584%) hue-rotate(183deg) brightness(85%) contrast(84%);
  --filter-accent: invert(47%) sepia(94%) saturate(2426%) hue-rotate(165deg) brightness(96%) contrast(103%);
  --filter-primary: invert(16%) sepia(4%) saturate(1548%) hue-rotate(188deg) brightness(96%) contrast(94%);
  --filter-brown-120: invert(37%) sepia(30%) saturate(847%) hue-rotate(345deg) brightness(92%) contrast(89%);
  --filter-purple-120: invert(42%) sepia(94%) saturate(1352%) hue-rotate(274deg) brightness(91%) contrast(101%);
}
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
}
::after,
::before {
  box-sizing: border-box;
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #2B2D33;
}
.row:after {
  content: "";
  clear: both;
  display: block;
}
ul li {
  list-style: none;
}
article,
aside,
footer,
header,
nav,
section,
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
th {
  font-weight: normal;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  cursor: pointer;
}
b,
strong {
  font-weight: 600;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
  max-width: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
textarea:focus,
input:focus,
select:focus,
div:focus,
button:focus,
img:focus {
  outline: none;
}
button {
  font-family: "Roboto", sans-serif;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button {
  cursor: pointer;
  outline: none;
  background-color: transparent;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
[hidden] {
  display: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
  opacity: 0.6;
}
::-webkit-scrollbar-thumb {
  border-radius: 32px;
  background-color: var(--gray-10);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
::-moz-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #eee;
  opacity: 0.6;
}
::-moz-scrollbar-thumb {
  border-radius: 32px;
  background-color: var(--gray-10);
}
::-moz-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
scrollbar {
  width: 8px;
  height: 8px;
  background-color: #eee;
  opacity: 0.6;
  appearance: none;
}
::scrollbar-thumb {
  border-radius: 10px;
  background-color: #808080;
}
::scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-moz-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    left: 15px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    left: 15px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    left: 15px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.fadeInRightSmall {
  position: relative;
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slide-down {
  0% {
    opacity: 0;
    -moz-transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slide-down;
  animation-name: slide-down;
}
@keyframes slide-down-small {
  0% {
    opacity: 0;
    transform: translateY(-15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-down-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slide-down-small {
  0% {
    opacity: 0;
    -moz-transform: translateY(-15px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
.slide-down-small {
  -webkit-animation-name: slide-down-small;
  animation-name: slide-down-small;
}
@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-up {
  0% {
    opacity: 0;
    -moz-transform: translateY(15%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
.slide-up {
  -webkit-animation-name: slide-up !important;
  animation-name: slide-up !important;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(360deg);
  }
}
.spin {
  animation-name: spin;
  animation-duration: 3000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin!important;
}
@keyframes slide-up-small {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-up-small {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slide-up-small {
  0% {
    opacity: 0;
    -moz-transform: translateY(15px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
.slide-up-small {
  -webkit-animation-name: slide-up-small !important;
  animation-name: slide-up-small !important;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -15%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -15%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -15%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
.fadeInLeft {
  position: relative;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translate3d(-2%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@-webkit-keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2%, 0, 0);
    transform: translate3d(-2%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-moz-keyframes fadeInLeftSmall {
  0% {
    opacity: 0;
    transform: translate3d(-2%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}
@keyframes filter-display {
  0% {
    height: 100vh;
  }
  100% {
    opacity: 1;
    left: 0;
    height: 100vh;
    overflow: auto;
  }
}
@-webkit-keyframes filter-display {
  0% {
    height: 100vh;
  }
  100% {
    opacity: 1;
    left: 0;
    height: 100vh;
    overflow: auto;
  }
}
@-moz-keyframes filter-display {
  0% {
    height: 100vh;
  }
  100% {
    opacity: 1;
    left: 0;
    height: 100vh;
    overflow: auto;
  }
}
.filter-display {
  -webkit-animation-name: filter-display;
  animation-name: filter-display;
}
@keyframes filter-hide {
  0% {
    height: 100vh;
    overflow: hidden;
  }
  100% {
    opacity: 0;
    left: -20px;
    height: 0;
    padding: 0;
  }
}
@-webkit-keyframes filter-hide {
  0% {
    height: 100vh;
    overflow: hidden;
  }
  100% {
    opacity: 0;
    left: -20px;
    height: 0;
    padding: 0;
  }
}
@-moz-keyframes filter-hide {
  0% {
    height: 100vh;
    overflow: hidden;
  }
  100% {
    opacity: 0;
    left: -20px;
    height: 0;
    padding: 0;
  }
}
.filter-hide {
  -webkit-animation-name: filter-hide;
  animation-name: filter-hide;
  animation-duration: 0.5s;
}
@keyframes notifications {
  0% {
    opacity: 0;
    display: none;
  }
  99% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
@-webkit-keyframes notifications {
  0% {
    opacity: 0;
    display: none;
  }
  99% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 1;
    display: block;
  }
}
.fadeInLeftSmall {
  -webkit-animation-name: notifications;
  animation-name: notifications;
  animation-duration: 0.3s;
}
.loading-spinner {
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-name: rotate-forever;
  animation-timing-function: linear;
  height: 18px;
  width: 18px;
  border: 3px solid #4B4B4B;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
  margin-left: 20px;
}
@keyframes rotate-forever {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fadeInRight,
.fadeInRightSmall,
.slide-down,
.slide-down-small,
.slide-up,
.slide-up-small,
.fadeInLeft,
.fadeInLeftSmall,
.mtsFadeLeft,
.filter-display,
.filter-hide {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.animation-duration-03 {
  animation-duration: 0.3s;
}
.animation-duration-04 {
  animation-duration: 0.4s;
}
.animation-duration-05 {
  animation-duration: 0.5s;
}
.animation-duration-07 {
  animation-duration: 0.7s;
}
.animation-delay-01 {
  animation-delay: 0.1s;
}
.animation-delay-02 {
  animation-delay: 0.2s;
}
.animation-delay-03 {
  animation-delay: 0.3s;
}
.animation-delay-04 {
  animation-delay: 0.4s;
}
.animation-delay-05 {
  animation-delay: 0.5s;
}
.animation-delay-07 {
  animation-delay: 0.7s;
}
.row {
  display: flex!important;
  flex: 0 1 auto;
}
.d-flex {
  display: flex!important;
  flex: 0 1 auto;
}
.d-inline-flex {
  display: inline-flex !important;
  flex: 0 1 auto;
}
.d-block {
  display: block!important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline {
  display: inline!important;
}
.d-none {
  display: none!important;
}
.d-flex-fullheight {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rotate-z-270 {
  rotate: z 270deg;
}
.rotate-x-180 {
  transform: rotateX(180deg);
}
.rotate-y-180 {
  transform: rotateX(180deg);
}
.text-ellipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.line-clamp {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-0 {
  -webkit-line-clamp: 0;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
}
.line-clamp-none {
  -webkit-line-clamp: inherit;
}
/*`TODO разобраться с наименованиями`*/
.break-word-break {
  word-break: break-all;
}
.break-word {
  word-break: break-word;
}
.break-word-normal {
  word-break: normal;
}
.fit-content {
  min-width: fit-content;
}
.no-filter {
  filter: none!important;
}
.nowrap {
  white-space: nowrap!important;
}
.ws-wrap {
  white-space: unset!important;
}
.bg-gray-01 {
  background-color: var(--gray-01) !important;
}
.bg-gray-05 {
  background-color: var(--gray-05) !important;
}
.bg-gray-10 {
  background-color: var(--gray-10) !important;
}
.grey-bg,
.bg-gray-30 {
  background-color: var(--gray-30) !important;
}
.bg-white {
  background-color: var(--white) !important;
}
.bg-brand-150 {
  background-color: var(--brand-150) !important;
}
.bg-ochra-10 {
  background-color: var(--ochra-10) !important;
}
.bg-blue-10 {
  background-color: var(--blue-10) !important;
}
.bg-green-10 {
  background-color: var(--green-10) !important;
}
.bg-danger-10 {
  background-color: var(--danger-10) !important;
}
.bg-red-10 {
  background-color: var(--red-10) !important;
}
.bg-warning-10 {
  background-color: var(--warning-10) !important;
}
.bg-warning-60 {
  background-color: var(--warning-60) !important;
}
.bg-danger-10 {
  background-color: var(--danger-10) !important;
}
.bg-success-10 {
  background-color: var(--green-10) !important;
}
.bg-success-100 {
  background-color: var(--green-100) !important;
}
.bg-background {
  background-color: var(--background) !important;
}
.bg-wild-sand {
  background-color: var(--wild-sand) !important;
}
.bg-natcar-light-blue {
  background-color: var(--natcar-light-blue) !important;
}
.brad-8 {
  border-radius: 8px!important;
}
.brad-12 {
  border-radius: 12px!important;
}
.brad-top-16 {
  border-radius: 16px 16px 0 0!important;
}
.middot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--gray-60);
  align-self: center;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-middle {
  vertical-align: middle!important;
}
.border-gray-10 {
  border: 1px solid var(--gray-10) !important;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "kamaz-icons";
  src: url("fonts/kamaz-icons.ttf?rkzuan") format("truetype"), url("fonts/kamaz-icons.woff?rkzuan") format("woff"), url("fonts/kamaz-icons.svg?rkzuan#kamaz-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"],
.roadmap-step__icon:after,
.checkbox-label:after,
.chosen-container-single .chosen-single div:before,
.fuel-banner:after,
.pagination__previous:before,
.pagination__next:before,
.delete-button:before,
.request-view-route__point:before,
.search-choice-close:after {
  font-family: "kamaz-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-track-on .path1:before {
  content: "\e9c0";
  color: #0092c7;
}
.icon-track-on .path2:before {
  content: "\e9c1";
  margin-left: -1em;
  color: #009800;
}
.icon-track-off .path1:before {
  content: "\e9c2";
  color: #0092c7;
}
.icon-track-off .path2:before {
  content: "\e9c3";
  margin-left: -1em;
  color: #e31e25;
}
.icon-marker-flight-end:before {
  content: "\e9c4";
}
.icon-marker-geoarea_exit:before {
  content: "\e9c5";
}
.icon-marker-geoarea_visit:before {
  content: "\e9c6";
}
.icon-marker-stop:before {
  content: "\e9c7";
}
.icon-marker-play:before {
  content: "\e9c8";
}
.icon-marker-pause:before {
  content: "\e9c9";
}
.icon-marker-no-signal:before {
  content: "\e9ca";
}
.icon-ts-group-16:before {
  content: "\e9bf";
}
.icon-file-upload:before {
  content: "\e9be";
}
.icon-feedback-24:before {
  content: "\e9bd";
  font-size: 24px;
  line-height: 24px;
}
.icon-feedback-32:before {
  content: "\e9bc";
  color: #0092C7;
  font-size: 32px;
  line-height: 32px;
}
.icon-key-16:before {
  content: "\e9ba";
  color: #808080;
}
.icon-settings-24:before {
  content: "\e9bb";
  color: #808080;
}
.icon-flight:before {
  content: "\e9b5";
  color: #808080;
}
.icon-post-analitics-24:before {
  content: "\e9b6";
  color: #a7a7a7;
}
.icon-operational-management-24:before {
  content: "\e9b7";
  color: #a7a7a7;
}
.icon-flight-active:before {
  content: "\e9b8";
}
.icon-planing-24:before {
  content: "\e9b9";
  color: #a7a7a7;
}
.icon-copy-18:before {
  content: "\e9b4";
  color: #0092c7;
}
.icon-route_started .path1:before {
  content: "\e9ae";
  color: #0092c7;
}
.icon-route_started .path2:before {
  content: "\e9af";
  margin-left: -1em;
  color: #ffffff;
}
.icon-route_finished .path1:before {
  content: "\e9b0";
  color: #0092c7;
}
.icon-route_finished .path2:before {
  content: "\e9b1";
  margin-left: -1em;
  color: #ffffff;
}
.icon-route_checkpoint .path1:before {
  content: "\e9b2";
  color: #0092c7;
}
.icon-route_checkpoint .path2:before {
  content: "\e9b3";
  margin-left: -1em;
  color: #ffffff;
}
.icon-geoarea_exit-28:before {
  content: "\e98d";
  color: #0061a2;
}
.icon-geoarea_visit-28:before {
  content: "\e98e";
  color: #0061a2;
}
.icon-save-16:before {
  content: "\e98c";
  font-size: 16px;
}
.icon-flights-16:before {
  content: "\e98b";
  color: #4b4b4b;
}
.icon-planned-24:before {
  content: "\e98a";
  color: #ea9318;
}
.icon-copy:before {
  content: "\e989";
  color: #0092c7;
}
.icon-competition-run .path1:before {
  content: "\e987";
  color: #ffffff;
}
.icon-competition-run .path2:before {
  content: "\e988";
  margin-left: -1em;
  color: #4f4f4f;
}
.icon-finish-48 .path1:before {
  content: "\e9aa";
  color: #da0008;
}
.icon-finish-48 .path2:before {
  content: "\e9ab";
  margin-left: -1em;
  color: #ffffff;
}
.icon-finish-48 .path3:before {
  content: "\e9a9";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-start-48 .path1:before {
  content: "\e9ac";
  color: #0092c7;
}
.icon-start-48 .path2:before {
  content: "\e9ad";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-start-48 .path3:before {
  content: "\e9a8";
  margin-left: -1em;
  color: #ffffff;
}
.icon-null-24:before {
  content: "\e9a6";
  color: #808080;
}
.icon-null-18:before {
  content: "\e9a7";
  color: #808080;
}
.icon-competition-users:before {
  content: "\e9a0";
  color: #a7a7a7;
}
.icon-competition:before {
  content: "\e9a1";
  color: #a7a7a7;
}
.icon-factor-full:before {
  content: "\e9a2";
  color: #0092c7;
}
.icon-factor-add:before {
  content: "\e9a3";
  color: #34b012;
}
.icon-edit-16:before {
  content: "\e9a4";
  color: #0092c7;
}
.icon-edit-18:before {
  content: "\e9a5";
  color: #0092c7;
}
.icon-route-global-24:before {
  content: "\e99f";
}
.icon-moving:before {
  content: "\e99e";
}
.icon-cargo-down:before {
  content: "\e993";
}
.icon-cargo-up:before {
  content: "\e994";
}
.icon-cagro-24:before {
  content: "\e995";
}
.icon-payment-24:before {
  content: "\e996";
}
.icon-cagro-truck-24:before {
  content: "\e997";
}
.icon-request-16:before {
  content: "\e998";
}
.icon-request-24:before {
  content: "\e999";
}
.icon-request-check-24:before {
  content: "\e99a";
}
.icon-rest-24:before {
  content: "\e99b";
}
.icon-TMS-24:before {
  content: "\e99c";
}
.icon-approved-24:before {
  content: "\e99d";
}
.icon-info-fake-24 .path1:before {
  content: "\e987";
  color: #0092c7;
}
.icon-info-fake-24 .path2:before {
  content: "\e988";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-success-fake-24 .path1:before {
  content: "\e989";
  color: #34b012;
}
.icon-success-fake-24 .path2:before {
  content: "\e98a";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-warning-fake-24 .path1:before {
  content: "\e98b";
  color: #ea9318;
}
.icon-warning-fake-24 .path2:before {
  content: "\e98c";
  margin-left: -1.20019531em;
  color: #4b4b4b;
}
.icon-error-fake-24 .path1:before {
  content: "\e98d";
  color: #e31e25;
}
.icon-error-fake-24 .path2:before {
  content: "\e98e";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-file-upload-24:before {
  content: "\e98f";
}
.icon-file-check-24:before {
  content: "\e990";
}
.icon-input-compare-24:before {
  content: "\e991";
}
.icon-company-24:before {
  content: "\e992";
}
.icon-unknown-24:before {
  content: "\e985";
  font-size: 24px;
  line-height: 24px;
  color: #808080;
}
.icon-unknown-18:before {
  content: "\e986";
  font-size: 18px;
  line-height: 18px;
  color: #808080;
}
.icon-truck-period:before {
  content: "\e984";
}
.icon-battery:before {
  content: "\e983";
}
.icon-geozone-data-16:before {
  content: "\e982";
}
.icon-report-construct:before {
  content: "\e981";
}
.icon-report-24:before {
  content: "\e980";
}
.icon-null .path1:before {
  content: "\e97e";
  color: #808080;
}
.icon-null .path2:before {
  content: "\e97f";
  margin-left: -1em;
  color: #ffffff;
}
.icon-refueling:before {
  content: "\e97d";
  color: #1f8e00;
}
.icon-not-available:before {
  content: "\e97b";
  color: #808080;
}
.icon-pdf-simple:before {
  content: "\e97c";
  color: #e31e25;
}
.icon-error-prognos:before {
  content: "\e97a";
}
.icon-fuel-control:before {
  content: "\e955";
}
.icon-truck-location-18 {
  color: #0092C7;
  font-size: 18px;
}
.icon-truck-location-18:before {
  content: "\e979";
}
.icon-gsm-control:before {
  content: "\e977";
}
.icon-fuel-status:before {
  content: "\e978";
}
.icon-comment:before {
  content: "\e975";
}
.icon-add-comment:before {
  content: "\e976";
}
.icon-resurce-left:before {
  content: "\e96f";
}
.icon-user-checklist:before {
  content: "\e970";
}
.icon-brakes:before {
  content: "\e971";
}
.icon-error-code:before {
  content: "\e972";
}
.icon-error-prognosis:before {
  content: "\e973";
}
.icon-system-status:before {
  content: "\e974";
}
.icon-company:before {
  content: "\e96d";
}
.icon-mts:before {
  content: "\e96e";
}
.icon-planing:before {
  content: "\e969";
}
.icon-forward:before {
  content: "\e96a";
}
.icon-geozone-data:before {
  content: "\e96b";
}
.icon-notification-outline:before {
  content: "\e96c";
}
.icon-pdf:before {
  content: "\e968";
  color: #e2574c;
  font-size: 24px;
}
.icon-upload:before {
  content: "\e966";
}
.icon-download:before {
  content: "\e967";
}
.icon-moderation {
  font-size: 18px;
}
.icon-moderation .path1:before {
  content: "\e964";
  color: var(--warning-120);
}
.icon-moderation .path2:before {
  content: "\e965";
  margin-left: -1em;
  color: #ffffff;
}
.icon-no-data .path1:before {
  content: "\e961";
  color: #808080;
}
.icon-no-data .path2:before {
  content: "\e962";
  margin-left: -1em;
  color: #ffffff;
}
.icon-bad-data:before {
  content: "\e963";
}
.icon-no-signal-24 .path1:before {
  content: "\e959";
  color: #808080;
}
.icon-no-signal-24 .path1:before {
  content: "\e959";
  color: #808080;
}
.icon-no-signal-24 .path2:before {
  content: "\e95a";
  margin-left: -1em;
  color: #ffffff;
}
.icon-pause-24 .path1:before {
  content: "\e95b";
  color: #808080;
}
.icon-pause-24 .path2:before {
  content: "\e95c";
  margin-left: -1em;
  color: #ffffff;
}
.icon-play-24 .path1:before {
  content: "\e95d";
  color: #808080;
}
.icon-play-24 .path2:before {
  content: "\e95e";
  margin-left: -1em;
  color: #ffffff;
}
.icon-stop-24 .path1:before {
  content: "\e95f";
  color: #808080;
}
.icon-stop-24 .path2:before {
  content: "\e960";
  margin-left: -1em;
  color: #ffffff;
}
.icon-wheel:before {
  content: "\e958";
  color: #fff;
}
.icon-pause:before {
  content: "\e957";
  color: #fff;
}
.icon-speed:before {
  content: "\e94b";
  color: #808080;
}
.icon-road:before {
  content: "\e956";
  color: #808080;
}
.icon-no-signal:before {
  content: "\e929";
}
.icon-stop:before {
  content: "\e92c";
}
.icon-play:before {
  content: "\e92d";
}
.icon-info:before {
  content: "\e949";
  color: #0092C7;
}
.icon-info-checked:before {
  content: "\e94a";
  color: #0092C7;
}
.icon-gsm:before {
  content: "\e954";
  color: #2d9211;
}
.icon-report:before {
  content: "\e950";
}
.icon-route:before {
  content: "\e951";
  color: #0092C7;
}
.icon-settings:before {
  content: "\e952";
}
.icon-truck-location:before {
  content: "\e953";
  color: #0092C7;
}
.icon-download-report:before {
  content: "\e94d";
  color: #0092C7;
}
.icon-truck-check:before {
  content: "\e94e";
  color: #4b4b4b;
}
.icon-driver-check:before {
  content: "\e94f";
  color: #4b4b4b;
}
.icon-user-permissions-24:before {
  content: "\e948";
}
.icon-info .path1:before {
  content: "\e949";
  color: #ffffff;
}
.icon-info .path2:before {
  content: "\e94a";
  margin-left: -1em;
  color: #0092C7;
}
.icon-info .path3:before {
  content: "\e94b";
  margin-left: -1em;
  color: #0092C7;
}
.icon-permission-add-18:before {
  content: "\e94c";
  color: #34b012;
}
.icon-menu:before {
  content: "\e947";
  color: #4b4b4b;
  font-size: 18px;
}
.icon-arrow {
  font-size: 12px;
}
.icon-arrow:before {
  content: "\e900";
  color: #808080;
}
.icon-calendar:before {
  content: "\e901";
  color: var(--primary);
}
.icon-calendar-checked:before {
  content: "\e902";
  color: #0092C7;
}
.icon-check-mark:before {
  content: "\e903";
  color: #34b012;
}
.icon-close-24,
.icon-close-16,
.icon-close-10 {
  color: var(--danger-120);
}
.icon-close-24:before {
  content: "\e904";
}
.icon-close-16:before {
  content: "\e905";
}
.icon-close-10 {
  font-size: 10px;
}
.icon-close-10:before {
  content: "\e906";
}
.icon-info-18:before {
  content: "\e907";
  color: #0092C7;
  font-size: 18px;
}
.icon-info-24:before {
  content: "\e908";
  color: #0092C7;
  font-size: 24px;
}
.icon-success-24:before {
  content: "\e909";
  color: #34b012;
}
.icon-success-18:before {
  content: "\e90a";
  color: #34b012;
  font-size: 18px;
}
.icon-warning-24:before {
  content: "\e90b";
  color: #ea9318;
  font-size: 24px;
}
.icon-warning-18:before {
  content: "\e90c";
  color: #ea9318;
  font-size: 18px;
}
.icon-danger-24 {
  font-size: 24px;
}
.icon-danger-24:before {
  content: "\e90d";
  color: #e31e25;
}
.icon-danger-18:before {
  content: "\e90e";
  color: #e31e25;
  font-size: 18px;
}
.icon-search:before {
  content: "\e90f";
  color: var(--primary);
}
.icon-add:before {
  content: "\e910";
  color: #0092C7;
}
.icon-more-menu:before {
  content: "\e911";
  color: #808080;
}
.icon-driver-error .path1:before {
  content: "\e912";
  color: #0092C7;
}
.icon-driver-error .path2:before {
  content: "\e913";
  margin-left: -1em;
  color: #e31e25;
}
.icon-driver-no-data .path1:before {
  content: "\e914";
  color: #0092C7;
}
.icon-driver-no-data .path2:before {
  content: "\e915";
  margin-left: -1em;
  color: #4b4b4b;
}
.icon-driver-ok .path1:before {
  content: "\e916";
  color: #0092C7;
}
.icon-driver-ok .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: #34b012;
}
.icon-drive-time:before {
  content: "\e918";
}
.icon-excel:before {
  content: "\e919";
  color: #0092C7;
}
.icon-exit:before {
  content: "\e91a";
  color: #0092C7;
}
.icon-Filter:before {
  content: "\e91b";
  color: #0092C7;
}
.icon-geozone {
  color: #808080;
}
.icon-geozone:before {
  content: "\e91c";
}
.icon-geozone-closed-enter .path1:before {
  content: "\e91d";
  color: #34b012;
}
.icon-geozone-closed-enter .path2:before {
  content: "\e91e";
  margin-left: -1em;
  color: #e31e25;
}
.icon-geozone-open-enter .path1:before {
  content: "\e91f";
  color: #34b012;
}
.icon-geozone-open-enter .path2:before {
  content: "\e920";
  margin-left: -1em;
  color: #0092C7;
}
.icon-link-arrow:before {
  content: "\e921";
  color: #0092C7;
}
.icon-location {
  font-size: 18px;
  color: #0092C7;
}
.icon-location:before {
  content: "\e922";
}
.icon-notification:before {
  content: "\e923";
  color: #0092C7;
}
.icon-radius:before {
  content: "\e924";
  color: #0092C7;
}
.icon-ts-selected:before {
  content: "\e925";
  color: #0092C7;
}
.icon-Refresh:before {
  content: "\e926";
  color: #ea9318;
}
.icon-show:before {
  content: "\e927";
  color: #0092C7;
}
.icon-hide:before {
  content: "\e928";
  color: #0092C7;
}
.icon-sorting .path1:before {
  content: "\e92a";
  color: #0092c7;
}
.icon-sorting .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: #dedede;
}
.icon-dashboard-24:before {
  content: "\e92e";
}
.icon-okv:before {
  content: "\e92f";
  color: #4B4B4B;
}
.icon-MTS:before {
  content: "\e930";
  color: #4B4B4B;
}
.icon-toir:before {
  content: "\e931";
  color: #4B4B4B;
}
.icon-KB:before {
  content: "\e932";
  color: #4B4B4B;
}
.icon-support:before {
  content: "\e933";
}
.icon-my-dashboard:before {
  content: "\e934";
}
.icon-users:before {
  content: "\e935";
}
.icon-organizations:before {
  content: "\e936";
}
.icon-cars:before {
  content: "\e937";
}
.icon-trash-18:before {
  content: "\e938";
  color: #e31e25;
  font-size: 18px;
}
.icon-trash-24:before {
  content: "\e939";
  color: #e31e25;
}
.icon-trash-16:before {
  content: "\e93a";
  color: #e31e25;
}
.icon-Edit:before {
  content: "\e93b";
  color: #0092C7;
}
.icon-truck-no-signal .path1:before {
  content: "\e93c";
  color: #34b012;
}
.icon-truck-no-signal .path2:before {
  content: "\e93d";
  margin-left: -1em;
  color: #ffffff;
}
.icon-truck-onroad .path1:before {
  content: "\e93e";
  color: #34b012;
}
.icon-truck-onroad .path2:before {
  content: "\e93f";
  margin-left: -1em;
  color: #ffffff;
}
.icon-truck-stop .path1:before {
  content: "\e940";
  color: #34b012;
}
.icon-truck-stop .path2:before {
  content: "\e941";
  margin-left: -1em;
  color: #ffffff;
}
.icon-user-24:before {
  content: "\e942";
  color: #0092C7;
}
.icon-user-18:before {
  content: "\e943";
  color: #0092C7;
}
.icon-user-16:before {
  content: "\e944";
  color: #0092C7;
}
.icon-email:before {
  content: "\e945";
  color: #0092C7;
}
.icon-password:before {
  content: "\e946";
  color: #0092C7;
}
.header-bold,
.text-bold {
  font-weight: 600!important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .header-bold,
  .text-bold {
    font-weight: 300!important;
  }
}
.header-medium,
.text-medium {
  font-weight: 500!important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .header-medium,
  .text-medium {
    font-weight: 400!important;
  }
}
.header-regular,
.text-regular {
  font-weight: 400!important;
}
.header-light,
.text-light {
  font-weight: 100!important;
}
.text-link {
  position: relative;
  display: inline-block;
  color: #0092C7;
  cursor: pointer;
}
.text-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 1px;
  border-bottom: 1px solid #0092C7;
  left: 0;
  bottom: -1px;
  transition: 0.3s;
  transition-property: width;
}
.text-link:hover:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
}
.text-link:visited {
  color: #0092C7;
}
.text-link__back {
  margin-left: 4px;
  font-weight: 400!important;
  font-size: 15px;
}
.text-link + .icon-arrow:before {
  content: "\e900";
  color: #808080;
  display: inline-block;
  transform: rotateZ(-90deg);
  margin-left: 4px;
  color: #0092C7;
}
.text-simple-link {
  position: relative;
  display: inline-block;
  color: #0092C7;
  transition: 0.3s;
  cursor: pointer;
}
.text-simple-link:hover {
  color: var(--primary-dark);
}
.text-simple-link:visited {
  color: #0092C7;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-underline {
  text-decoration: underline;
}
.white-space-normal {
  white-space: normal;
}
.white-space-nowrap {
  white-space: nowrap;
}
.white-space-pre-wrap {
  white-space: pre-wrap;
}
.word-break-all {
  word-break: break-all;
}
.word-break-word {
  word-break: break-word;
}
.ts-number {
  text-transform: uppercase;
  word-break: break-all;
}
.link-back {
  transition: 0.3s;
}
.link-back .back_icon {
  display: block;
  margin-top: 18px;
}
.link-back .back_icon:before {
  font-size: 24px;
  line-height: 28px;
  color: #333333;
}
@media (min-width: 580px) {
  .link-back .back_icon {
    margin-top: 22px;
  }
}
@media (min-width: 1024px) {
  .link-back .back_icon {
    margin-top: 20px;
  }
}
@media (min-width: 1280px) {
  .link-back .back_icon {
    margin-top: 24px;
  }
}
.link-back:hover .back_icon:before {
  color: #0092C7;
}
.text-400 {
  font-weight: 400;
}
.text-500 {
  font-weight: 500;
}
.text-700 {
  font-weight: 700;
}
.capitalize::first-letter {
  text-transform: capitalize;
}
.text-black {
  color: #121212 !important;
}
.text-white {
  color: var(--white) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-info {
  color: #0092C7 !important;
}
.text-danger {
  color: var(--danger-120) !important;
}
.text-violet {
  color: var(--purple-120) !important;
}
.text-king-blue {
  color: var(--king-blue-120) !important;
}
.text-warning {
  color: var(--warning-120) !important;
}
.text-success {
  color: var(--success-120) !important;
}
.text-medium-black {
  color: #333333 !important;
}
.text-light-black {
  color: #4B4B4B !important;
}
.text-white-black {
  color: #808080 !important;
}
.text-dark-gray {
  color: #a7a7a7 !important;
}
.green_text {
  color: var(--success-120) !important;
}
a {
  color: var(--on-accent);
}
.text-gray-10 {
  color: var(--gray-10) !important;
}
.text-gray-30 {
  color: var(--gray-30) !important;
}
.text-gray-40 {
  color: var(--gray-40) !important;
}
.text-grey-4,
.text-gray-60 {
  color: var(--gray-60) !important;
}
.text-grey-3,
.text-gray-100 {
  color: var(--gray-100);
}
.text-gray-120 {
  color: var(--gray-120);
}
.text-red,
.text-danger-120 {
  color: var(--danger-120) !important;
}
.text-green-120 {
  color: var(--green-120) !important;
}
.text-red-120 {
  color: var(--red-120) !important;
}
.text-success-120 {
  color: var(--success-120) !important;
}
.text-natcar-blue {
  color: var(--natcar-blue) !important;
}
.text-natcar-cian {
  color: var(--natcar-cian) !important;
}
.text-ochra-120 {
  color: var(--ochra-120) !important;
}
.text-accent {
  color: var(--accent) !important;
}
.text-blue-120 {
  color: var(--blue-120) !important;
}
.text-purple-120 {
  color: var(--purple-120) !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
@media (min-width: 580px) {
  .text-xs-left {
    text-align: left;
  }
  .text-xs-right {
    text-align: right;
  }
  .text-xs-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
}
.h1 {
  font-size: 26px;
  line-height: 28px;
}
@media (min-width: 580px) {
  .h1 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 1024px) {
  .h1 {
    font-size: 28px;
    line-height: 30px;
  }
}
@media (min-width: 1280px) {
  .h1 {
    padding: 2px 0;
    font-size: 32px;
    line-height: 36px;
  }
}
.h2 {
  font-size: 28px;
  line-height: 32px;
}
.h3 {
  font-size: 26px;
  line-height: 30px;
}
.h4 {
  font-size: 24px;
  line-height: 28px;
}
.h5 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}
.text-lg {
  font-size: 18px!important;
  line-height: 22px!important;
}
.text-md {
  font-size: 17px!important;
  line-height: 21px!important;
}
.text-sm,
.text-body {
  font-size: 16px!important;
  line-height: 18px!important;
}
.p-text {
  font-size: 14px!important;
  line-height: 20px!important;
  letter-spacing: 0.02em;
}
.p-text-md {
  font-size: 16px!important;
  line-height: 22px!important;
}
.text-xs {
  font-size: 15px!important;
  line-height: 18px!important;
}
.text-xxs {
  font-size: 14px!important;
  line-height: 18px!important;
  letter-spacing: 0.02em;
}
.text-3xs {
  font-size: 13px!important;
  line-height: 14px!important;
  letter-spacing: 0.015em;
}
.text-4xs {
  font-size: 12px!important;
  line-height: 15px!important;
}
.text_16_bold {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
}
.text-12-14 {
  font-size: 12px;
  line-height: 14px;
}
.text-12-15 {
  font-size: 12px;
  line-height: 15px;
}
.text-12-18 {
  font-size: 12px;
  line-height: 18px;
}
.text-13-15 {
  font-size: 13px;
  line-height: 15px;
}
.text-13-18 {
  font-size: 13px;
  line-height: 18px;
}
.text-14-16 {
  font-size: 14px;
  line-height: 16px;
}
.text-14-18 {
  font-size: 14px;
  line-height: 18px;
}
.text-14-24 {
  font-size: 14px;
  line-height: 24px;
}
.text-15-18 {
  font-size: 15px;
  line-height: 18px;
}
.text-16-18 {
  font-size: 16px;
  line-height: 18px;
}
.text-16-24 {
  font-size: 16px;
  line-height: 24px;
}
.text-16-26 {
  font-size: 16px;
  line-height: 26px;
}
.text-18-22 {
  font-size: 18px;
  line-height: 22px;
}
.text-18-23 {
  font-size: 18px;
  line-height: 23px;
}
.text-20-24 {
  font-size: 20px;
  line-height: 24px;
}
.text-20-28 {
  font-size: 20px;
  line-height: 28px;
}
.text-24-28 {
  font-size: 24px;
  line-height: 28px;
}
.text-26-30 {
  font-size: 26px;
  line-height: 30px;
}
.text-28-30 {
  font-size: 28px;
  line-height: 30px;
}
.lh-26 {
  line-height: 26px!important;
}
.text-32-36 {
  font-size: 32px;
  line-height: 36px;
}
h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}
.cursor-pointer {
  cursor: pointer!important;
}
.cursor-default {
  cursor: default!important;
}
.pointer-events-none {
  pointer-events: none!important;
}
.transition-standart {
  transition: 0.3s;
}
.transition-05 {
  transition: 0.5s;
}
.transition-07 {
  transition: 0.7s;
}
.position-relative {
  position: relative!important;
}
.position-fixed {
  position: fixed!important;
}
.position-absolute {
  position: absolute!important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-auto {
  overflow: auto!important;
}
.overflow-normal {
  overflow: normal!important;
}
.opacity-10 {
  opacity: 1;
}
.opacity-09 {
  opacity: 0.9;
}
.opacity-08 {
  opacity: 0.8;
}
.opacity-07 {
  opacity: 0.7;
}
.opacity-06 {
  opacity: 0.6;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-04 {
  opacity: 0.4;
}
.opacity-03 {
  opacity: 0.3;
}
.opacity-02 {
  opacity: 0.2;
}
.opacity-01 {
  opacity: 0.1;
}
.opacity-0 {
  opacity: 0;
}
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-6 {
  z-index: 6;
}
.z-index-7 {
  z-index: 7;
}
.z-index-8 {
  z-index: 8;
}
.z-index-9 {
  z-index: 9;
}
.z-index-10 {
  z-index: 10;
}
.z-index-11 {
  z-index: 11;
}
.z-index-12 {
  z-index: 12;
}
.z-index-1000 {
  z-index: 1000;
}
.transform-rotateZ {
  display: block;
  transform: rotateZ(180deg);
}
.item-hover:hover {
  background-color: rgba(0, 97, 162, 0.08) !important;
  cursor: pointer;
  transition: background-color 0.3s;
}
.p-0 {
  padding: 0px !important;
}
.p-2 {
  padding: 2px !important;
}
.p-4 {
  padding: 4px !important;
}
.p-6 {
  padding: 6px !important;
}
.p-8 {
  padding: 8px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-12 {
  padding: 12px !important;
}
.p-14 {
  padding: 14px !important;
}
.p-16 {
  padding: 16px !important;
}
.p-18 {
  padding: 18px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-22 {
  padding: 22px !important;
}
.p-24 {
  padding: 24px !important;
}
.p-26 {
  padding: 26px !important;
}
.p-28 {
  padding: 28px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-32 {
  padding: 32px !important;
}
.p-34 {
  padding: 34px !important;
}
.p-36 {
  padding: 36px !important;
}
.p-38 {
  padding: 38px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-42 {
  padding: 42px !important;
}
.p-44 {
  padding: 44px !important;
}
.p-46 {
  padding: 46px !important;
}
.p-48 {
  padding: 48px !important;
}
.p-bl-0 {
  padding-block: 0px !important;
}
.p-bl-2 {
  padding-block: 2px !important;
}
.p-bl-4 {
  padding-block: 4px !important;
}
.p-bl-6 {
  padding-block: 6px !important;
}
.p-bl-8 {
  padding-block: 8px !important;
}
.p-bl-10 {
  padding-block: 10px !important;
}
.p-bl-12 {
  padding-block: 12px !important;
}
.p-bl-14 {
  padding-block: 14px !important;
}
.p-bl-16 {
  padding-block: 16px !important;
}
.p-bl-18 {
  padding-block: 18px !important;
}
.p-bl-20 {
  padding-block: 20px !important;
}
.p-bl-22 {
  padding-block: 22px !important;
}
.p-bl-24 {
  padding-block: 24px !important;
}
.p-bl-26 {
  padding-block: 26px !important;
}
.p-bl-28 {
  padding-block: 28px !important;
}
.p-bl-30 {
  padding-block: 30px !important;
}
.p-bl-32 {
  padding-block: 32px !important;
}
.p-bl-34 {
  padding-block: 34px !important;
}
.p-bl-36 {
  padding-block: 36px !important;
}
.p-bl-38 {
  padding-block: 38px !important;
}
.p-bl-40 {
  padding-block: 40px !important;
}
.p-bl-42 {
  padding-block: 42px !important;
}
.p-bl-44 {
  padding-block: 44px !important;
}
.p-bl-46 {
  padding-block: 46px !important;
}
.p-bl-48 {
  padding-block: 48px !important;
}
.p-bl-50 {
  padding-block: 50px !important;
}
.p-bl-52 {
  padding-block: 52px !important;
}
.p-bl-54 {
  padding-block: 54px !important;
}
.p-bl-56 {
  padding-block: 56px !important;
}
.p-bl-58 {
  padding-block: 58px !important;
}
.p-bl-60 {
  padding-block: 60px !important;
}
.p-inl-0 {
  padding-inline: 0px !important;
}
.p-inl-2 {
  padding-inline: 2px !important;
}
.p-inl-4 {
  padding-inline: 4px !important;
}
.p-inl-6 {
  padding-inline: 6px !important;
}
.p-inl-8 {
  padding-inline: 8px !important;
}
.p-inl-10 {
  padding-inline: 10px !important;
}
.p-inl-12 {
  padding-inline: 12px !important;
}
.p-inl-14 {
  padding-inline: 14px !important;
}
.p-inl-16 {
  padding-inline: 16px !important;
}
.p-inl-18 {
  padding-inline: 18px !important;
}
.p-inl-20 {
  padding-inline: 20px !important;
}
.p-inl-22 {
  padding-inline: 22px !important;
}
.p-inl-24 {
  padding-inline: 24px !important;
}
.p-inl-26 {
  padding-inline: 26px !important;
}
.p-inl-28 {
  padding-inline: 28px !important;
}
.p-inl-30 {
  padding-inline: 30px !important;
}
.p-inl-32 {
  padding-inline: 32px !important;
}
.p-inl-34 {
  padding-inline: 34px !important;
}
.p-inl-36 {
  padding-inline: 36px !important;
}
.p-inl-38 {
  padding-inline: 38px !important;
}
.p-inl-40 {
  padding-inline: 40px !important;
}
.p-inl-42 {
  padding-inline: 42px !important;
}
.p-inl-44 {
  padding-inline: 44px !important;
}
.p-inl-46 {
  padding-inline: 46px !important;
}
.p-inl-48 {
  padding-inline: 48px !important;
}
.p-inl-50 {
  padding-inline: 50px !important;
}
.p-inl-52 {
  padding-inline: 52px !important;
}
.p-inl-54 {
  padding-inline: 54px !important;
}
.p-inl-56 {
  padding-inline: 56px !important;
}
.p-inl-58 {
  padding-inline: 58px !important;
}
.p-inl-60 {
  padding-inline: 60px !important;
}
.m-bl-0 {
  margin-block: 0px !important;
}
.m-bl-2 {
  margin-block: 2px !important;
}
.m-bl-4 {
  margin-block: 4px !important;
}
.m-bl-6 {
  margin-block: 6px !important;
}
.m-bl-8 {
  margin-block: 8px !important;
}
.m-bl-10 {
  margin-block: 10px !important;
}
.m-bl-12 {
  margin-block: 12px !important;
}
.m-bl-14 {
  margin-block: 14px !important;
}
.m-bl-16 {
  margin-block: 16px !important;
}
.m-bl-18 {
  margin-block: 18px !important;
}
.m-bl-20 {
  margin-block: 20px !important;
}
.m-bl-22 {
  margin-block: 22px !important;
}
.m-bl-24 {
  margin-block: 24px !important;
}
.m-bl-26 {
  margin-block: 26px !important;
}
.m-bl-28 {
  margin-block: 28px !important;
}
.m-bl-30 {
  margin-block: 30px !important;
}
.m-bl-32 {
  margin-block: 32px !important;
}
.m-bl-34 {
  margin-block: 34px !important;
}
.m-bl-36 {
  margin-block: 36px !important;
}
.m-bl-38 {
  margin-block: 38px !important;
}
.m-bl-40 {
  margin-block: 40px !important;
}
.m-bl-42 {
  margin-block: 42px !important;
}
.m-bl-44 {
  margin-block: 44px !important;
}
.m-bl-46 {
  margin-block: 46px !important;
}
.m-bl-48 {
  margin-block: 48px !important;
}
.m-inl-0 {
  margin-inline: 0px !important;
}
.m-inl-2 {
  margin-inline: 2px !important;
}
.m-inl-4 {
  margin-inline: 4px !important;
}
.m-inl-6 {
  margin-inline: 6px !important;
}
.m-inl-8 {
  margin-inline: 8px !important;
}
.m-inl-10 {
  margin-inline: 10px !important;
}
.m-inl-12 {
  margin-inline: 12px !important;
}
.m-inl-14 {
  margin-inline: 14px !important;
}
.m-inl-16 {
  margin-inline: 16px !important;
}
.m-inl-18 {
  margin-inline: 18px !important;
}
.m-inl-20 {
  margin-inline: 20px !important;
}
.m-inl-22 {
  margin-inline: 22px !important;
}
.m-inl-24 {
  margin-inline: 24px !important;
}
.m-inl-26 {
  margin-inline: 26px !important;
}
.m-inl-28 {
  margin-inline: 28px !important;
}
.m-inl-30 {
  margin-inline: 30px !important;
}
.m-inl-32 {
  margin-inline: 32px !important;
}
.m-inl-34 {
  margin-inline: 34px !important;
}
.m-inl-36 {
  margin-inline: 36px !important;
}
.m-inl-38 {
  margin-inline: 38px !important;
}
.m-inl-40 {
  margin-inline: 40px !important;
}
.m-inl-42 {
  margin-inline: 42px !important;
}
.m-inl-44 {
  margin-inline: 44px !important;
}
.m-inl-46 {
  margin-inline: 46px !important;
}
.m-inl-48 {
  margin-inline: 48px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.mt-44 {
  margin-top: 44px !important;
}
.mt-46 {
  margin-top: 46px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-2 {
  margin-bottom: 2px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-22 {
  margin-bottom: 22px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.mb-38 {
  margin-bottom: 38px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-42 {
  margin-bottom: 42px !important;
}
.mb-44 {
  margin-bottom: 44px !important;
}
.mb-46 {
  margin-bottom: 46px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.my-0 {
  margin-top: 0px !important;
}
.my-2 {
  margin-top: 2px !important;
}
.my-4 {
  margin-top: 4px !important;
}
.my-6 {
  margin-top: 6px !important;
}
.my-8 {
  margin-top: 8px !important;
}
.my-10 {
  margin-top: 10px !important;
}
.my-12 {
  margin-top: 12px !important;
}
.my-14 {
  margin-top: 14px !important;
}
.my-16 {
  margin-top: 16px !important;
}
.my-18 {
  margin-top: 18px !important;
}
.my-20 {
  margin-top: 20px !important;
}
.my-22 {
  margin-top: 22px !important;
}
.my-24 {
  margin-top: 24px !important;
}
.my-26 {
  margin-top: 26px !important;
}
.my-28 {
  margin-top: 28px !important;
}
.my-30 {
  margin-top: 30px !important;
}
.my-32 {
  margin-top: 32px !important;
}
.my-34 {
  margin-top: 34px !important;
}
.my-36 {
  margin-top: 36px !important;
}
.my-38 {
  margin-top: 38px !important;
}
.my-40 {
  margin-top: 40px !important;
}
.my-42 {
  margin-top: 42px !important;
}
.my-44 {
  margin-top: 44px !important;
}
.my-46 {
  margin-top: 46px !important;
}
.my-48 {
  margin-top: 48px !important;
}
.my-0 {
  margin-bottom: 0px !important;
}
.my-2 {
  margin-bottom: 2px !important;
}
.my-4 {
  margin-bottom: 4px !important;
}
.my-6 {
  margin-bottom: 6px !important;
}
.my-8 {
  margin-bottom: 8px !important;
}
.my-10 {
  margin-bottom: 10px !important;
}
.my-12 {
  margin-bottom: 12px !important;
}
.my-14 {
  margin-bottom: 14px !important;
}
.my-16 {
  margin-bottom: 16px !important;
}
.my-18 {
  margin-bottom: 18px !important;
}
.my-20 {
  margin-bottom: 20px !important;
}
.my-22 {
  margin-bottom: 22px !important;
}
.my-24 {
  margin-bottom: 24px !important;
}
.my-26 {
  margin-bottom: 26px !important;
}
.my-28 {
  margin-bottom: 28px !important;
}
.my-30 {
  margin-bottom: 30px !important;
}
.my-32 {
  margin-bottom: 32px !important;
}
.my-34 {
  margin-bottom: 34px !important;
}
.my-36 {
  margin-bottom: 36px !important;
}
.my-38 {
  margin-bottom: 38px !important;
}
.my-40 {
  margin-bottom: 40px !important;
}
.my-42 {
  margin-bottom: 42px !important;
}
.my-44 {
  margin-bottom: 44px !important;
}
.my-46 {
  margin-bottom: 46px !important;
}
.my-48 {
  margin-bottom: 48px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.ml-18 {
  margin-left: 18px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-22 {
  margin-left: 22px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.ml-26 {
  margin-left: 26px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.ml-34 {
  margin-left: 34px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.ml-38 {
  margin-left: 38px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.ml-42 {
  margin-left: 42px !important;
}
.ml-44 {
  margin-left: 44px !important;
}
.ml-46 {
  margin-left: 46px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-18 {
  margin-right: 18px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-22 {
  margin-right: 22px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mr-26 {
  margin-right: 26px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.mr-38 {
  margin-right: 38px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-42 {
  margin-right: 42px !important;
}
.mr-44 {
  margin-right: 44px !important;
}
.mr-46 {
  margin-right: 46px !important;
}
.mr-48 {
  margin-right: 48px !important;
}
.mx-0 {
  margin-left: 0px !important;
}
.mx-2 {
  margin-left: 2px !important;
}
.mx-4 {
  margin-left: 4px !important;
}
.mx-6 {
  margin-left: 6px !important;
}
.mx-8 {
  margin-left: 8px !important;
}
.mx-10 {
  margin-left: 10px !important;
}
.mx-12 {
  margin-left: 12px !important;
}
.mx-14 {
  margin-left: 14px !important;
}
.mx-16 {
  margin-left: 16px !important;
}
.mx-18 {
  margin-left: 18px !important;
}
.mx-20 {
  margin-left: 20px !important;
}
.mx-22 {
  margin-left: 22px !important;
}
.mx-24 {
  margin-left: 24px !important;
}
.mx-26 {
  margin-left: 26px !important;
}
.mx-28 {
  margin-left: 28px !important;
}
.mx-30 {
  margin-left: 30px !important;
}
.mx-32 {
  margin-left: 32px !important;
}
.mx-34 {
  margin-left: 34px !important;
}
.mx-36 {
  margin-left: 36px !important;
}
.mx-38 {
  margin-left: 38px !important;
}
.mx-40 {
  margin-left: 40px !important;
}
.mx-42 {
  margin-left: 42px !important;
}
.mx-44 {
  margin-left: 44px !important;
}
.mx-46 {
  margin-left: 46px !important;
}
.mx-48 {
  margin-left: 48px !important;
}
.mx-0 {
  margin-right: 0px !important;
}
.mx-2 {
  margin-right: 2px !important;
}
.mx-4 {
  margin-right: 4px !important;
}
.mx-6 {
  margin-right: 6px !important;
}
.mx-8 {
  margin-right: 8px !important;
}
.mx-10 {
  margin-right: 10px !important;
}
.mx-12 {
  margin-right: 12px !important;
}
.mx-14 {
  margin-right: 14px !important;
}
.mx-16 {
  margin-right: 16px !important;
}
.mx-18 {
  margin-right: 18px !important;
}
.mx-20 {
  margin-right: 20px !important;
}
.mx-22 {
  margin-right: 22px !important;
}
.mx-24 {
  margin-right: 24px !important;
}
.mx-26 {
  margin-right: 26px !important;
}
.mx-28 {
  margin-right: 28px !important;
}
.mx-30 {
  margin-right: 30px !important;
}
.mx-32 {
  margin-right: 32px !important;
}
.mx-34 {
  margin-right: 34px !important;
}
.mx-36 {
  margin-right: 36px !important;
}
.mx-38 {
  margin-right: 38px !important;
}
.mx-40 {
  margin-right: 40px !important;
}
.mx-42 {
  margin-right: 42px !important;
}
.mx-44 {
  margin-right: 44px !important;
}
.mx-46 {
  margin-right: 46px !important;
}
.mx-48 {
  margin-right: 48px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-14 {
  padding-top: 14px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pt-22 {
  padding-top: 22px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pt-26 {
  padding-top: 26px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pt-34 {
  padding-top: 34px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pt-38 {
  padding-top: 38px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pt-42 {
  padding-top: 42px !important;
}
.pt-44 {
  padding-top: 44px !important;
}
.pt-46 {
  padding-top: 46px !important;
}
.pt-48 {
  padding-top: 48px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pt-52 {
  padding-top: 52px !important;
}
.pt-54 {
  padding-top: 54px !important;
}
.pt-56 {
  padding-top: 56px !important;
}
.pt-58 {
  padding-top: 58px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pb-14 {
  padding-bottom: 14px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pb-22 {
  padding-bottom: 22px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pb-26 {
  padding-bottom: 26px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.pb-34 {
  padding-bottom: 34px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.pb-38 {
  padding-bottom: 38px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pb-42 {
  padding-bottom: 42px !important;
}
.pb-44 {
  padding-bottom: 44px !important;
}
.pb-46 {
  padding-bottom: 46px !important;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pb-52 {
  padding-bottom: 52px !important;
}
.pb-54 {
  padding-bottom: 54px !important;
}
.pb-56 {
  padding-bottom: 56px !important;
}
.pb-58 {
  padding-bottom: 58px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.py-0 {
  padding-top: 0px !important;
}
.py-2 {
  padding-top: 2px !important;
}
.py-4 {
  padding-top: 4px !important;
}
.py-6 {
  padding-top: 6px !important;
}
.py-8 {
  padding-top: 8px !important;
}
.py-10 {
  padding-top: 10px !important;
}
.py-12 {
  padding-top: 12px !important;
}
.py-14 {
  padding-top: 14px !important;
}
.py-16 {
  padding-top: 16px !important;
}
.py-18 {
  padding-top: 18px !important;
}
.py-20 {
  padding-top: 20px !important;
}
.py-22 {
  padding-top: 22px !important;
}
.py-24 {
  padding-top: 24px !important;
}
.py-26 {
  padding-top: 26px !important;
}
.py-28 {
  padding-top: 28px !important;
}
.py-30 {
  padding-top: 30px !important;
}
.py-32 {
  padding-top: 32px !important;
}
.py-34 {
  padding-top: 34px !important;
}
.py-36 {
  padding-top: 36px !important;
}
.py-38 {
  padding-top: 38px !important;
}
.py-40 {
  padding-top: 40px !important;
}
.py-42 {
  padding-top: 42px !important;
}
.py-44 {
  padding-top: 44px !important;
}
.py-46 {
  padding-top: 46px !important;
}
.py-48 {
  padding-top: 48px !important;
}
.py-50 {
  padding-top: 50px !important;
}
.py-52 {
  padding-top: 52px !important;
}
.py-54 {
  padding-top: 54px !important;
}
.py-56 {
  padding-top: 56px !important;
}
.py-58 {
  padding-top: 58px !important;
}
.py-60 {
  padding-top: 60px !important;
}
.py-0 {
  padding-bottom: 0px !important;
}
.py-2 {
  padding-bottom: 2px !important;
}
.py-4 {
  padding-bottom: 4px !important;
}
.py-6 {
  padding-bottom: 6px !important;
}
.py-8 {
  padding-bottom: 8px !important;
}
.py-10 {
  padding-bottom: 10px !important;
}
.py-12 {
  padding-bottom: 12px !important;
}
.py-14 {
  padding-bottom: 14px !important;
}
.py-16 {
  padding-bottom: 16px !important;
}
.py-18 {
  padding-bottom: 18px !important;
}
.py-20 {
  padding-bottom: 20px !important;
}
.py-22 {
  padding-bottom: 22px !important;
}
.py-24 {
  padding-bottom: 24px !important;
}
.py-26 {
  padding-bottom: 26px !important;
}
.py-28 {
  padding-bottom: 28px !important;
}
.py-30 {
  padding-bottom: 30px !important;
}
.py-32 {
  padding-bottom: 32px !important;
}
.py-34 {
  padding-bottom: 34px !important;
}
.py-36 {
  padding-bottom: 36px !important;
}
.py-38 {
  padding-bottom: 38px !important;
}
.py-40 {
  padding-bottom: 40px !important;
}
.py-42 {
  padding-bottom: 42px !important;
}
.py-44 {
  padding-bottom: 44px !important;
}
.py-46 {
  padding-bottom: 46px !important;
}
.py-48 {
  padding-bottom: 48px !important;
}
.py-50 {
  padding-bottom: 50px !important;
}
.py-52 {
  padding-bottom: 52px !important;
}
.py-54 {
  padding-bottom: 54px !important;
}
.py-56 {
  padding-bottom: 56px !important;
}
.py-58 {
  padding-bottom: 58px !important;
}
.py-60 {
  padding-bottom: 60px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pl-14 {
  padding-left: 14px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.pl-18 {
  padding-left: 18px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-22 {
  padding-left: 22px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.pl-26 {
  padding-left: 26px !important;
}
.pl-28 {
  padding-left: 28px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.pl-34 {
  padding-left: 34px !important;
}
.pl-36 {
  padding-left: 36px !important;
}
.pl-38 {
  padding-left: 38px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pl-42 {
  padding-left: 42px !important;
}
.pl-44 {
  padding-left: 44px !important;
}
.pl-46 {
  padding-left: 46px !important;
}
.pl-48 {
  padding-left: 48px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pl-52 {
  padding-left: 52px !important;
}
.pl-54 {
  padding-left: 54px !important;
}
.pl-56 {
  padding-left: 56px !important;
}
.pl-58 {
  padding-left: 58px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-2 {
  padding-right: 2px !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pr-14 {
  padding-right: 14px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pr-18 {
  padding-right: 18px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pr-22 {
  padding-right: 22px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pr-26 {
  padding-right: 26px !important;
}
.pr-28 {
  padding-right: 28px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.pr-34 {
  padding-right: 34px !important;
}
.pr-36 {
  padding-right: 36px !important;
}
.pr-38 {
  padding-right: 38px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pr-42 {
  padding-right: 42px !important;
}
.pr-44 {
  padding-right: 44px !important;
}
.pr-46 {
  padding-right: 46px !important;
}
.pr-48 {
  padding-right: 48px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pr-52 {
  padding-right: 52px !important;
}
.pr-54 {
  padding-right: 54px !important;
}
.pr-56 {
  padding-right: 56px !important;
}
.pr-58 {
  padding-right: 58px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.px-0 {
  padding-left: 0px !important;
}
.px-2 {
  padding-left: 2px !important;
}
.px-4 {
  padding-left: 4px !important;
}
.px-6 {
  padding-left: 6px !important;
}
.px-8 {
  padding-left: 8px !important;
}
.px-10 {
  padding-left: 10px !important;
}
.px-12 {
  padding-left: 12px !important;
}
.px-14 {
  padding-left: 14px !important;
}
.px-16 {
  padding-left: 16px !important;
}
.px-18 {
  padding-left: 18px !important;
}
.px-20 {
  padding-left: 20px !important;
}
.px-22 {
  padding-left: 22px !important;
}
.px-24 {
  padding-left: 24px !important;
}
.px-26 {
  padding-left: 26px !important;
}
.px-28 {
  padding-left: 28px !important;
}
.px-30 {
  padding-left: 30px !important;
}
.px-32 {
  padding-left: 32px !important;
}
.px-34 {
  padding-left: 34px !important;
}
.px-36 {
  padding-left: 36px !important;
}
.px-38 {
  padding-left: 38px !important;
}
.px-40 {
  padding-left: 40px !important;
}
.px-42 {
  padding-left: 42px !important;
}
.px-44 {
  padding-left: 44px !important;
}
.px-46 {
  padding-left: 46px !important;
}
.px-48 {
  padding-left: 48px !important;
}
.px-50 {
  padding-left: 50px !important;
}
.px-52 {
  padding-left: 52px !important;
}
.px-54 {
  padding-left: 54px !important;
}
.px-56 {
  padding-left: 56px !important;
}
.px-58 {
  padding-left: 58px !important;
}
.px-60 {
  padding-left: 60px !important;
}
.px-0 {
  padding-right: 0px !important;
}
.px-2 {
  padding-right: 2px !important;
}
.px-4 {
  padding-right: 4px !important;
}
.px-6 {
  padding-right: 6px !important;
}
.px-8 {
  padding-right: 8px !important;
}
.px-10 {
  padding-right: 10px !important;
}
.px-12 {
  padding-right: 12px !important;
}
.px-14 {
  padding-right: 14px !important;
}
.px-16 {
  padding-right: 16px !important;
}
.px-18 {
  padding-right: 18px !important;
}
.px-20 {
  padding-right: 20px !important;
}
.px-22 {
  padding-right: 22px !important;
}
.px-24 {
  padding-right: 24px !important;
}
.px-26 {
  padding-right: 26px !important;
}
.px-28 {
  padding-right: 28px !important;
}
.px-30 {
  padding-right: 30px !important;
}
.px-32 {
  padding-right: 32px !important;
}
.px-34 {
  padding-right: 34px !important;
}
.px-36 {
  padding-right: 36px !important;
}
.px-38 {
  padding-right: 38px !important;
}
.px-40 {
  padding-right: 40px !important;
}
.px-42 {
  padding-right: 42px !important;
}
.px-44 {
  padding-right: 44px !important;
}
.px-46 {
  padding-right: 46px !important;
}
.px-48 {
  padding-right: 48px !important;
}
.px-50 {
  padding-right: 50px !important;
}
.px-52 {
  padding-right: 52px !important;
}
.px-54 {
  padding-right: 54px !important;
}
.px-56 {
  padding-right: 56px !important;
}
.px-58 {
  padding-right: 58px !important;
}
.px-60 {
  padding-right: 60px !important;
}
.mx-auto {
  margin: 0 auto;
}
:root {
  --scrollbar-background: var(--white);
  --scrollbar-color: var(--gray-10);
}
body {
  scrollbar-color: var(--scrollbar-color) var(--scrollbar-background);
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: var(--scrollbar-background);
  opacity: 0.6;
}
::-webkit-scrollbar-thumb {
  border-radius: 34px;
  background-color: var(--scrollbar-color);
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: var(--scrollbar-background);
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.w-40vw {
  width: 40vw !important;
}
.w-100vw {
  width: 100vw !important;
}
.h-25vh {
  height: 25vh !important;
}
.h-30vh {
  height: 30vh !important;
}
.h-70vh {
  height: 70vh !important;
}
.h-100vh {
  height: 100vh !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto !important;
}
.w-max-content {
  width: max-content;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.mw-0 {
  min-width: 0;
}
.mh-0 {
  min-height: 0;
}
.mw-100vw {
  min-width: 100vw !important;
}
.mh-100vh {
  min-height: 100vh !important;
}
.w-1 {
  width: 1% !important;
}
.w-2 {
  width: 2% !important;
}
.w-3 {
  width: 3% !important;
}
.w-4 {
  width: 4% !important;
}
.w-5 {
  width: 5% !important;
}
.w-6 {
  width: 6% !important;
}
.w-7 {
  width: 7% !important;
}
.w-8 {
  width: 8% !important;
}
.w-9 {
  width: 9% !important;
}
.w-10 {
  width: 10% !important;
}
.w-11 {
  width: 11% !important;
}
.w-12 {
  width: 12% !important;
}
.w-13 {
  width: 13% !important;
}
.w-14 {
  width: 14% !important;
}
.w-15 {
  width: 15% !important;
}
.w-16 {
  width: 16% !important;
}
.w-17 {
  width: 17% !important;
}
.w-18 {
  width: 18% !important;
}
.w-19 {
  width: 19% !important;
}
.w-20 {
  width: 20% !important;
}
.w-21 {
  width: 21% !important;
}
.w-22 {
  width: 22% !important;
}
.w-23 {
  width: 23% !important;
}
.w-24 {
  width: 24% !important;
}
.w-25 {
  width: 25% !important;
}
.w-26 {
  width: 26% !important;
}
.w-27 {
  width: 27% !important;
}
.w-28 {
  width: 28% !important;
}
.w-29 {
  width: 29% !important;
}
.w-30 {
  width: 30% !important;
}
.w-31 {
  width: 31% !important;
}
.w-32 {
  width: 32% !important;
}
.w-33 {
  width: 33.33% !important;
}
.w-34 {
  width: 34% !important;
}
.w-35 {
  width: 35% !important;
}
.w-36 {
  width: 36% !important;
}
.w-37 {
  width: 37% !important;
}
.w-38 {
  width: 38% !important;
}
.w-39 {
  width: 39% !important;
}
.w-40 {
  width: 40% !important;
}
.w-43 {
  width: 43% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-67 {
  width: 67% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-78 {
  width: 78% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}
.w-100 {
  width: 100% !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.bxs-btn {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.bxs-lp {
  box-shadow: 2px 0px 12px rgba(0, 0, 0, 0.4);
}
.bxs-inner-page {
  box-shadow: -1px 0px 8px rgba(0, 0, 0, 0.16);
}
.bxs-dropdown {
  box-shadow: 0px 6px 12px -8px rgba(0, 0, 0, 0.25);
}
.bxs-tooltips {
  box-shadow: 0px 3px 4px -3px rgba(0, 0, 0, 0.25);
}
.flex-1-0 {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-basis-0 {
  flex-basis: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-grow-2 {
  flex-grow: 2 !important;
}
.flex-grow-3 {
  flex-grow: 3 !important;
}
.flex-grow-4 {
  flex-grow: 4 !important;
}
.flex-grow-5 {
  flex-grow: 5 !important;
}
.flex-grow-6 {
  flex-grow: 6 !important;
}
.flex-grow-7 {
  flex-grow: 7 !important;
}
.flex-grow-8 {
  flex-grow: 8 !important;
}
.flex-grow-9 {
  flex-grow: 9 !important;
}
.flex-grow-10 {
  flex-grow: 10 !important;
}
.flex-grow-11 {
  flex-grow: 11 !important;
}
.flex-grow-12 {
  flex-grow: 12 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-gap-0 {
  gap: 0px !important;
}
.flex-gap-2 {
  gap: 2px !important;
}
.flex-gap-3 {
  gap: 3px !important;
}
.flex-gap-4 {
  gap: 4px !important;
}
.flex-gap-6 {
  gap: 6px !important;
}
.flex-gap-7 {
  gap: 7px !important;
}
.flex-gap-8 {
  gap: 8px !important;
}
.flex-gap-9 {
  gap: 9px !important;
}
.flex-gap-10 {
  gap: 10px !important;
}
.flex-gap-12 {
  gap: 12px !important;
}
.flex-gap-14 {
  gap: 14px !important;
}
.flex-gap-16 {
  gap: 16px !important;
}
.flex-gap-18 {
  gap: 18px !important;
}
.flex-gap-20 {
  gap: 20px !important;
}
.flex-gap-22 {
  gap: 22px !important;
}
.flex-gap-24 {
  gap: 24px !important;
}
.flex-gap-26 {
  gap: 26px !important;
}
.flex-gap-28 {
  gap: 28px !important;
}
.flex-gap-30 {
  gap: 30px !important;
}
.flex-gap-32 {
  gap: 32px !important;
}
.flex-gap-36 {
  gap: 36px !important;
}
.flex-gap-40 {
  gap: 40px !important;
}
.flex-gap-46 {
  gap: 46px !important;
}
.flex-gap-70 {
  gap: 70px !important;
}
.flex-column,
.flex-col {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.align-items-start,
.ai-s {
  align-items: flex-start !important;
}
.align-items-center,
.ai-c {
  align-items: center !important;
}
.align-items-baseline,
.ai-bl {
  align-items: baseline !important;
}
.align-items-end,
.ai-end {
  align-items: flex-end !important;
}
.align-items-stretch,
.ai-stretch {
  align-items: stretch !important;
}
.justify-content-start,
.jc-s {
  justify-content: flex-start !important;
}
.justify-content-center,
.jc-c {
  justify-content: center !important;
}
.justify-content-end,
.jc-end {
  justify-content: flex-end !important;
}
.justify-content-between,
.jc-sb {
  justify-content: space-between !important;
}
.justify-content-evenly,
.jc-ev {
  justify-content: space-evenly !important;
}
.justify-content-around,
.jc-ar {
  justify-content: space-around !important;
}
.justify-self-start {
  justify-self: flex-start !important;
}
.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.flex-inherit {
  flex: inherit !important;
}
@media (min-width: 580px) {
  .flex-xs-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xs-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xs-grow {
    flex-grow: 1;
  }
  .flex-xs-grow-2 {
    flex-grow: 2;
  }
  .flex-xs-grow-3 {
    flex-grow: 3;
  }
  .flex-xs-grow-4 {
    flex-grow: 4;
  }
  .flex-xs-grow-5 {
    flex-grow: 5;
  }
  .flex-xs-grow-6 {
    flex-grow: 6;
  }
  .flex-xs-grow-7 {
    flex-grow: 7;
  }
  .flex-xs-grow-8 {
    flex-grow: 8;
  }
  .flex-xs-grow-9 {
    flex-grow: 9;
  }
  .flex-xs-grow-10 {
    flex-grow: 10;
  }
  .flex-xs-grow-11 {
    flex-grow: 11;
  }
  .flex-xs-grow-12 {
    flex-grow: 12;
  }
  .flex-xs-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xs-column {
    flex-direction: column !important;
  }
  .flex-xs-row {
    flex-direction: row !important;
  }
  .align-xs-items-start {
    align-items: flex-start !important;
  }
  .align-xs-items-center {
    align-items: center !important;
  }
  .align-xs-items-baseline {
    align-items: baseline !important;
  }
  .align-xs-items-end {
    align-items: flex-end !important;
  }
  .align-xs-items-stretch {
    align-items: stretch !important;
  }
  .justify-xs-content-start {
    justify-content: flex-start !important;
  }
  .justify-xs-content-center {
    justify-content: center !important;
  }
  .justify-xs-content-end {
    justify-content: flex-end !important;
  }
  .justify-xs-content-between {
    justify-content: space-between !important;
  }
  .justify-xs-content-evenly {
    justify-content: space-evenly !important;
  }
  .justify-xs-content-around {
    justify-content: space-around !important;
  }
  .ai-xs-s {
    align-items: flex-start !important;
  }
  .ai-xs-c {
    align-items: center !important;
  }
  .ai-xs-bl {
    align-items: baseline !important;
  }
  .ai-xs-e {
    align-items: flex-end !important;
  }
  .ai-xs-stretch {
    align-items: stretch !important;
  }
  .jc-xs-s {
    justify-content: flex-start !important;
  }
  .jc-xs-c {
    justify-content: center !important;
  }
  .jc-xs-e {
    justify-content: flex-end !important;
  }
  .jc-xs-sb {
    justify-content: space-between !important;
  }
  .jc-xs-ev {
    justify-content: space-evenly !important;
  }
  .jc-xs-ar {
    justify-content: space-around !important;
  }
}
@media (min-width: 768px) {
  .flex-sm-shrink-0 {
    flex-shrink: 0;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1;
  }
  .flex-sm-grow {
    flex-grow: 1;
  }
  .flex-sm-grow-2 {
    flex-grow: 2;
  }
  .flex-sm-grow-3 {
    flex-grow: 3;
  }
  .flex-sm-grow-4 {
    flex-grow: 4;
  }
  .flex-sm-grow-5 {
    flex-grow: 5;
  }
  .flex-sm-grow-6 {
    flex-grow: 6;
  }
  .flex-sm-grow-7 {
    flex-grow: 7;
  }
  .flex-sm-grow-8 {
    flex-grow: 8;
  }
  .flex-sm-grow-9 {
    flex-grow: 9;
  }
  .flex-sm-grow-10 {
    flex-grow: 10;
  }
  .flex-sm-grow-11 {
    flex-grow: 11;
  }
  .flex-sm-grow-12 {
    flex-grow: 12;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .align-sm-items-start {
    align-items: flex-start !important;
  }
  .align-sm-items-center {
    align-items: center !important;
  }
  .align-sm-items-baseline {
    align-items: baseline !important;
  }
  .align-sm-items-end {
    align-items: flex-end !important;
  }
  .align-sm-items-stretch {
    align-items: stretch !important;
  }
  .justify-sm-content-start {
    justify-content: flex-start !important;
  }
  .justify-sm-content-center {
    justify-content: center !important;
  }
  .justify-sm-content-end {
    justify-content: flex-end !important;
  }
  .justify-sm-content-between {
    justify-content: space-between !important;
  }
  .justify-sm-content-evenly {
    justify-content: space-evenly !important;
  }
  .justify-sm-content-around {
    justify-content: space-around !important;
  }
  .ai-sm-s {
    align-items: flex-start !important;
  }
  .ai-sm-c {
    align-items: center !important;
  }
  .ai-sm-bl {
    align-items: baseline !important;
  }
  .ai-sm-e {
    align-items: flex-end !important;
  }
  .ai-sm-stretch {
    align-items: stretch !important;
  }
  .jc-sm-s {
    justify-content: flex-start !important;
  }
  .jc-sm-c {
    justify-content: center !important;
  }
  .jc-sm-e {
    justify-content: flex-end !important;
  }
  .jc-sm-sb {
    justify-content: space-between !important;
  }
  .jc-sm-ev {
    justify-content: space-evenly !important;
  }
  .jc-sm-ar {
    justify-content: space-around !important;
  }
}
@media (min-width: 1024px) {
  .flex-md-shrink-0 {
    flex-shrink: 0;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1;
  }
  .flex-md-grow {
    flex-grow: 1;
  }
  .flex-md-grow-2 {
    flex-grow: 2;
  }
  .flex-md-grow-3 {
    flex-grow: 3;
  }
  .flex-md-grow-4 {
    flex-grow: 4;
  }
  .flex-md-grow-5 {
    flex-grow: 5;
  }
  .flex-md-grow-6 {
    flex-grow: 6;
  }
  .flex-md-grow-7 {
    flex-grow: 7;
  }
  .flex-md-grow-8 {
    flex-grow: 8;
  }
  .flex-md-grow-9 {
    flex-grow: 9;
  }
  .flex-md-grow-10 {
    flex-grow: 10;
  }
  .flex-md-grow-11 {
    flex-grow: 11;
  }
  .flex-md-grow-12 {
    flex-grow: 12;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .align-md-items-start {
    align-items: flex-start !important;
  }
  .align-md-items-center {
    align-items: center !important;
  }
  .align-md-items-baseline {
    align-items: baseline !important;
  }
  .align-md-items-end {
    align-items: flex-end !important;
  }
  .align-md-items-stretch {
    align-items: stretch !important;
  }
  .justify-md-content-start {
    justify-content: flex-start !important;
  }
  .justify-md-content-center {
    justify-content: center !important;
  }
  .justify-md-content-end {
    justify-content: flex-end !important;
  }
  .justify-md-content-between {
    justify-content: space-between !important;
  }
  .justify-md-content-evenly {
    justify-content: space-evenly !important;
  }
  .justify-md-content-around {
    justify-content: space-around !important;
  }
  .ai-md-s {
    align-items: flex-start !important;
  }
  .ai-md-c {
    align-items: center !important;
  }
  .ai-md-bl {
    align-items: baseline !important;
  }
  .ai-md-e {
    align-items: flex-end !important;
  }
  .ai-md-stretch {
    align-items: stretch !important;
  }
  .jc-md-s {
    justify-content: flex-start !important;
  }
  .jc-md-c {
    justify-content: center !important;
  }
  .jc-md-e {
    justify-content: flex-end !important;
  }
  .jc-md-sb {
    justify-content: space-between !important;
  }
  .jc-md-ev {
    justify-content: space-evenly !important;
  }
  .jc-md-ar {
    justify-content: space-around !important;
  }
}
@media (min-width: 1280px) {
  .flex-lg-shrink-0 {
    flex-shrink: 0;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1;
  }
  .flex-lg-grow {
    flex-grow: 1;
  }
  .flex-lg-grow-2 {
    flex-grow: 2;
  }
  .flex-lg-grow-3 {
    flex-grow: 3;
  }
  .flex-lg-grow-4 {
    flex-grow: 4;
  }
  .flex-lg-grow-5 {
    flex-grow: 5;
  }
  .flex-lg-grow-6 {
    flex-grow: 6;
  }
  .flex-lg-grow-7 {
    flex-grow: 7;
  }
  .flex-lg-grow-8 {
    flex-grow: 8;
  }
  .flex-lg-grow-9 {
    flex-grow: 9;
  }
  .flex-lg-grow-10 {
    flex-grow: 10;
  }
  .flex-lg-grow-11 {
    flex-grow: 11;
  }
  .flex-lg-grow-12 {
    flex-grow: 12;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .align-lg-items-start {
    align-items: flex-start !important;
  }
  .align-lg-items-center {
    align-items: center !important;
  }
  .align-lg-items-baseline {
    align-items: baseline !important;
  }
  .align-lg-items-end {
    align-items: flex-end !important;
  }
  .align-lg-items-stretch {
    align-items: stretch !important;
  }
  .justify-lg-content-start {
    justify-content: flex-start !important;
  }
  .justify-lg-content-center {
    justify-content: center !important;
  }
  .justify-lg-content-end {
    justify-content: flex-end !important;
  }
  .justify-lg-content-between {
    justify-content: space-between !important;
  }
  .justify-lg-content-evenly {
    justify-content: space-evenly !important;
  }
  .justify-lg-content-around {
    justify-content: space-around !important;
  }
  .ai-lg-s {
    align-items: flex-start !important;
  }
  .ai-lg-c {
    align-items: center !important;
  }
  .ai-lg-bl {
    align-items: baseline !important;
  }
  .ai-lg-e {
    align-items: flex-end !important;
  }
  .ai-lg-stretch {
    align-items: stretch !important;
  }
  .jc-lg-s {
    justify-content: flex-start !important;
  }
  .jc-lg-c {
    justify-content: center !important;
  }
  .jc-lg-e {
    justify-content: flex-end !important;
  }
  .jc-lg-sb {
    justify-content: space-between !important;
  }
  .jc-lg-ev {
    justify-content: space-evenly !important;
  }
  .jc-lg-ar {
    justify-content: space-around !important;
  }
}
@media (min-width: 1680px) {
  .flex-xl-shrink-0 {
    flex-shrink: 0;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1;
  }
  .flex-xl-grow {
    flex-grow: 1;
  }
  .flex-xl-grow-2 {
    flex-grow: 2;
  }
  .flex-xl-grow-3 {
    flex-grow: 3;
  }
  .flex-xl-grow-4 {
    flex-grow: 4;
  }
  .flex-xl-grow-5 {
    flex-grow: 5;
  }
  .flex-xl-grow-6 {
    flex-grow: 6;
  }
  .flex-xl-grow-7 {
    flex-grow: 7;
  }
  .flex-xl-grow-8 {
    flex-grow: 8;
  }
  .flex-xl-grow-9 {
    flex-grow: 9;
  }
  .flex-xl-grow-10 {
    flex-grow: 10;
  }
  .flex-xl-grow-11 {
    flex-grow: 11;
  }
  .flex-xl-grow-12 {
    flex-grow: 12;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .ai-xl-s,
  .align-xl-items-start {
    align-items: flex-start !important;
  }
  .align-xl-items-center {
    align-items: center !important;
  }
  .align-xl-items-baseline {
    align-items: baseline !important;
  }
  .align-xl-items-end {
    align-items: flex-end !important;
  }
  .align-xl-items-stretch {
    align-items: stretch !important;
  }
  .justify-xl-content-start {
    justify-content: flex-start !important;
  }
  .justify-xl-content-center {
    justify-content: center !important;
  }
  .justify-xl-content-end {
    justify-content: flex-end !important;
  }
  .justify-xl-content-between {
    justify-content: space-between !important;
  }
  .justify-xl-content-evenly {
    justify-content: space-evenly !important;
  }
  .justify-xl-content-around {
    justify-content: space-around !important;
  }
  .ai-xl-s {
    align-items: flex-start !important;
  }
  .ai-xl-c {
    align-items: center !important;
  }
  .ai-xl-bl {
    align-items: baseline !important;
  }
  .ai-xl-e {
    align-items: flex-end !important;
  }
  .ai-xl-stretch {
    align-items: stretch !important;
  }
  .jc-xl-s {
    justify-content: flex-start !important;
  }
  .jc-xl-c {
    justify-content: center !important;
  }
  .jc-xl-e {
    justify-content: flex-end !important;
  }
  .jc-xl-sb {
    justify-content: space-between !important;
  }
  .jc-xl-ev {
    justify-content: space-evenly !important;
  }
  .jc-xl-ar {
    justify-content: space-around !important;
  }
}
.flex-order-1 {
  order: 1;
}
.flex-order-2 {
  order: 2;
}
.grid {
  display: grid;
}
.grid > * {
  flex-shrink: 0;
}
.grid.grid-2-col,
.grid.grid-1-1 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid.grid-2-col .w-100,
.grid.grid-1-1 .w-100 {
  grid-column: 1/3;
}
.grid.grid-2-col > *,
.grid.grid-1-1 > * {
  min-width: 0;
}
.grid.grid-3-col {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid.grid-4-col {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid.grid-cg-8 {
  grid-column-gap: 8px;
}
.grid.grid-cg-12 {
  grid-column-gap: 12px;
}
.grid.grid-cg-14 {
  grid-column-gap: 14px;
}
.grid.grid-cg-16 {
  grid-column-gap: 16px;
}
.grid.grid-cg-20 {
  grid-column-gap: 20px;
}
.grid.grid-cg-22 {
  grid-column-gap: 22px;
}
.grid.grid-cg-23 {
  grid-column-gap: 23px;
}
.grid.grid-cg-24 {
  grid-column-gap: 24px;
}
.grid.grid-cg-25 {
  grid-column-gap: 25px;
}
.grid.grid-cg-26 {
  grid-column-gap: 26px;
}
.grid.grid-cg-28 {
  grid-column-gap: 28px;
}
.grid.grid-cg-32 {
  grid-column-gap: 32px;
}
.grid.grid-rg-8 {
  grid-row-gap: 8px;
}
.grid.grid-rg-12 {
  grid-row-gap: 12px;
}
.grid.grid-rg-14 {
  grid-row-gap: 14px;
}
.grid.grid-rg-15 {
  grid-row-gap: 15px;
}
.grid.grid-rg-16 {
  grid-row-gap: 16px;
}
.grid.grid-rg-20 {
  grid-row-gap: 20px;
}
.grid.grid-rg-24 {
  grid-row-gap: 24px;
}
.grid.grid-rg-26 {
  grid-row-gap: 26px;
}
.grid.grid-16 {
  grid-gap: 16px;
}
.grid.grid-20 {
  grid-gap: 20px;
}
.grid.grid-24 {
  grid-gap: 24px;
}
.grid .grid-colspan-2 {
  grid-column: span 2;
}
.grid .grid-colspan-3 {
  grid-column: span 3;
}
.grid .grid-colspan-4 {
  grid-column: span 4;
}
.grid .grid-colspan-5 {
  grid-column: span 5;
}
@media only print {
  @page {
    margin: 2cm 1.5cm 2cm 3cm !important;
    /*size: 210mm 297mm!important;*/
  }
  body {
    widows: 4;
    orphans: 3;
    margin: 0;
    padding: 0;
  }
  .container {
    width: 100vw!important;
    padding: unset !important;
    margin: 0;
    max-width: unset !important;
  }
  .navigation-wrapper {
    display: none!important;
  }
  .page-break-before {
    page-break-before: always;
  }
  .page-break-after {
    page-break-before: always;
  }
  .page-break-avoid {
    page-break-inside: avoid;
  }
}
/*-------------------layout-------------------*/
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}
.main_template {
  color: var(--on-primary);
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.main_template.mini_sidebar .sidebar_block {
  width: 80px;
  transition: width 0.2s;
}
.main_template.mini_sidebar .sidebar_block .market_block .market .market_text {
  display: none;
}
.main_template.mini_sidebar .sidebar_block .show_menu .icon-xs {
  transform: rotate(180deg);
}
.main_template.mini_sidebar .sidebar_block .contact_block .contact_block_item .sub_contact_block {
  left: 56px;
}
.main_template.mini_sidebar .sidebar_block .nav_block {
  margin-top: 20px;
  padding: 0;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item {
  position: relative;
  padding: 0 8px;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item:hover .link {
  background-color: #F8F8F8;
  color: #2B2D33;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item:hover .sub_nav_block {
  display: block;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block {
  padding-left: 20px;
  position: absolute;
  top: 0;
  left: 56px;
  display: none;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  top: 14px;
  left: 16px;
  transform: rotate(45deg);
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_nav_wrapper {
  padding: 1px 24px 18px 12px;
  width: 228px;
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link {
  margin-top: 16px;
  padding-left: 12px;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:first-of-type {
  margin-top: 18px;
}
.main_template.mini_sidebar .sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active:before {
  left: 0;
}
.main_template.mini_sidebar .sidebar_block .link {
  padding: 0;
}
.main_template.mini_sidebar .sidebar_block .link.many_items:after {
  display: none;
}
.main_template.mini_sidebar .sidebar_block .link .icon-sm {
  margin: 0 0 0 12px;
}
.main_template.mini_sidebar .sidebar_block .link .text {
  animation: opacity 0.3s forwards;
}
.main_template.mini_sidebar .sidebar_block .logo_block {
  padding: 30px 0 0 10px;
}
.main_template.mini_sidebar .sidebar_block .logo_block .main_logo {
  display: none;
}
.main_template.mini_sidebar .sidebar_block .logo_block .mini_logo {
  display: inline-block;
}
.main_template.mini_sidebar .wrapper_template {
  padding-left: 60px;
}
@media (min-width: 1280px) {
  .main_template .filter-control:checked ~ .wrapper_template {
    padding-left: 320px;
  }
}
.login_template .main_content .full-content {
  padding: 0;
}
@keyframes opacity {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes opacity-no {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
.sidebar_block {
  width: 268px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding-right: 20px;
  transition: width 0.3s;
  z-index: 4000;
}
.sidebar_block:hover .show_menu {
  opacity: 1;
  visibility: visible;
}
.sidebar_block .sidebar_wrapper {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  padding-bottom: 10px;
}
.sidebar_block .show_menu {
  position: absolute;
  top: 50px;
  right: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  background-color: var(--white);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.sidebar_block .show_menu:hover {
  background-color: var(--gray-05);
}
.sidebar_block .show_menu .icon-xs {
  transition: transform 0.3s;
  filter: invert(50%) sepia(4%) saturate(262%) hue-rotate(191deg) brightness(100%) contrast(85%);
}
.sidebar_block .contact_block {
  border-top: 1px solid var(--wild-sand);
}
.sidebar_block .contact_block .contact_block_item {
  position: relative;
  padding: 0 8px;
}
.sidebar_block .contact_block .contact_block_item:hover .sub_contact_block {
  visibility: visible;
  opacity: 1;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block {
  position: absolute;
  bottom: 0;
  left: 248px;
  padding-left: 20px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  bottom: 13px;
  left: 16px;
  transform: rotate(45deg);
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block {
  position: relative;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .icon-sm {
  transition: all 0.3s;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block:hover .icon-sm {
  filter: invert(38%) sepia(74%) saturate(3052%) hue-rotate(212deg) brightness(100%) contrast(102%);
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block:hover .copy_text {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
  transition-delay: 0.2s;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .copy_text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: var(--white);
  background: var(--on-primary);
  border-radius: 8px;
  padding: 8px 26px;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .copy_block .copy_text:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--on-primary);
  display: inline-block;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -4px;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_contact_wrapper {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 1px 16px 20px 16px;
  width: 236px;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 14px;
  height: 20px;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link:first-of-type {
  margin-top: 20px;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link a {
  font-size: 14px;
  line-height: 14px;
  color: var(--on-primary);
  transition: all 0.3s;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link a:hover {
  color: var(--accent);
  text-decoration: underline;
}
.sidebar_block .contact_block .contact_block_item .sub_contact_block .sub_link .icon-sm {
  cursor: pointer;
}
.sidebar_block .market_block {
  margin-top: auto;
  padding: 0 8px;
  overflow: hidden;
  height: 51px;
  min-height: 51px;
  padding-top: 5px;
}
.sidebar_block .market_block .market {
  display: flex;
  align-items: center;
  height: 46px;
  background: var(--background);
  border-radius: 8px;
}
.sidebar_block .market_block .market:hover .market_text {
  color: var(--accent);
}
.sidebar_block .market_block .market .market_img {
  position: relative;
  top: -5px;
}
.sidebar_block .market_block .market .market_text {
  font-family: 'Roboto-Medium', sans-serif;
  color: var(--on-primary);
  text-transform: uppercase;
  font-size: 14px;
  transition: all 0.3s;
  margin-left: 35px;
  white-space: nowrap;
}
.sidebar_block .logo_block {
  padding: 30px 0 0 20px;
  height: 64px;
}
.sidebar_block .logo_block .main_logo {
  display: inline-block;
}
.sidebar_block .logo_block .mini_logo {
  display: none;
}
.sidebar_block .link {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 12px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 13px;
  color: var(--gray-100);
  transition: all 0.3s;
  border-radius: 8px;
}
.sidebar_block .link.active {
  color: var(--accent);
  background-color: var(--gray-05);
  font-family: 'Roboto-Medium', sans-serif;
}
.sidebar_block .link.active .icon-sm {
  filter: invert(41%) sepia(99%) saturate(2790%) hue-rotate(210deg) brightness(97%) contrast(109%);
}
.sidebar_block .link.many_items {
  position: relative;
}
.sidebar_block .link.many_items:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(img/uikit/down-arrow-icon.svg);
  filter: invert(53%) sepia(7%) saturate(159%) hue-rotate(190deg) brightness(95%) contrast(91%);
  position: absolute;
  top: 12px;
  right: 10px;
  transition: all 0.3s;
}
.sidebar_block .link.many_items.active:after {
  filter: invert(47%) sepia(41%) saturate(6338%) hue-rotate(210deg) brightness(97%) contrast(109%);
}
.sidebar_block .link.many_items.section_selected:after {
  transform: rotate(180deg);
}
.sidebar_block .link .icon-sm {
  filter: invert(53%) sepia(4%) saturate(307%) hue-rotate(191deg) brightness(94%) contrast(85%);
  transition: all 0.3s;
  font-size: 16px;
}
.sidebar_block .link .text {
  white-space: nowrap;
  animation: opacity-no 0.3s forwards;
  margin-left: 10px;
}
.sidebar_block .nav_block {
  padding: 0 8px;
  margin-top: 20px;
}
.sidebar_block .nav_block .nav_block_item:hover .link {
  background-color: var(--gray-05);
  color: var(--on-primary);
}
.sidebar_block .nav_block .nav_block_item:hover .link.active {
  color: var(--accent);
}
.sidebar_block .nav_block .nav_block_item:hover .link.active .icon-sm {
  filter: invert(41%) sepia(99%) saturate(2790%) hue-rotate(210deg) brightness(97%) contrast(109%);
}
.sidebar_block .nav_block .nav_block_item:hover .link.many_items.active:after {
  filter: invert(47%) sepia(41%) saturate(6338%) hue-rotate(210deg) brightness(97%) contrast(109%);
}
.sidebar_block .nav_block .nav_block_item:hover .link.many_items:after {
  filter: invert(15%) sepia(16%) saturate(390%) hue-rotate(187deg) brightness(93%) contrast(91%);
}
.sidebar_block .nav_block .nav_block_item:hover .link .icon-sm {
  filter: invert(15%) sepia(6%) saturate(1036%) hue-rotate(188deg) brightness(97%) contrast(91%);
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block {
  margin-bottom: 10px;
  padding-left: 43px;
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link {
  display: block;
  color: var(--gray-100);
  font-size: 14px;
  line-height: 18px;
  margin-top: 15px;
  transition: all 0.3s;
  position: relative;
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:first-of-type {
  margin-top: 9px;
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link:hover {
  color: var(--on-primary);
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active {
  color: var(--on-primary);
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link.active:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--on-primary);
  position: absolute;
  top: 6px;
  left: -14px;
}
.sidebar_block .nav_block .nav_block_item .sub_nav_block .sub_link .no_wrap {
  white-space: nowrap;
}
.wrapper_template {
  padding-left: 248px;
  transition: padding-left 0.3s;
}
.header_block {
  height: 62px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  padding: 0 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.header_block .no_user {
  display: flex;
  align-items: center;
}
.header_block .no_user .link_btn {
  margin-right: 20px;
}
.header_block .notification_block {
  position: relative;
}
.header_block .notification_block.active:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--danger-120);
  border: 0.5px solid var(--white);
  position: absolute;
  top: 1px;
  right: 2px;
}
.header_block .notification_block .notification_icon {
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
  filter: invert(68%) sepia(41%) saturate(11%) hue-rotate(133deg) brightness(94%) contrast(90%);
}
.header_block .notification_block .notification_icon:hover {
  filter: invert(32%) sepia(86%) saturate(2117%) hue-rotate(215deg) brightness(103%) contrast(101%);
}
.user_block {
  margin-left: 28px;
  height: 100%;
  position: relative;
}
.user_block:hover .info_block .info .user_name {
  color: var(--accent);
}
.user_block:hover .user_dropdown {
  opacity: 1;
  visibility: visible;
  display: block;
}
.user_block .info_block {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 100%;
}
.user_block .info_block .info {
  text-align: right;
  margin-right: 12px;
}
.user_block .info_block .info .user_name {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  transition: all 0.3s;
}
.user_block .info_block .info .user_position {
  font-size: 12px;
  line-height: 15px;
  margin-top: 2px;
}
.user_block .info_block .img_user {
  line-height: 0;
}
.user_block .info_block .img_user img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.user_block .user_dropdown {
  position: absolute;
  z-index: 10000;
  width: 236px;
  top: 62px;
  right: 0;
  padding-top: 8px;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.user_block .user_dropdown .dropdown_wrapper {
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 0;
}
.user_block .user_dropdown .dropdown_wrapper .scroll_block {
  max-height: 180px;
  overflow-x: hidden;
}
.user_block .user_dropdown .link {
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  line-height: 13px;
  color: var(--on-primary);
  padding: 8px 16px;
  transition: all 0.15s;
  display: flex;
  align-items: center;
  height: 36px;
}
.user_block .user_dropdown .link:hover {
  background: var(--wild-sand);
}
.user_block .user_dropdown .link:hover:after {
  background: linear-gradient(90deg, rgba(var(--wild-sand), 0), rgba(var(--wild-sand), 1), rgba(var(--wild-sand), 1)) 0 100%;
}
.user_block .user_dropdown .link:after {
  content: '';
  z-index: 1;
  position: absolute;
  right: 0;
  width: 36px;
  height: 36px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), #ffffff) 0 100%;
}
.user_block .user_dropdown .link.active {
  position: relative;
  background: var(--gray-10);
  padding-right: 36px;
}
.user_block .user_dropdown .link.active:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 8px;
  right: 16px;
  z-index: 2;
}
.user_block .user_dropdown .link.active:after {
  width: 76px;
  background: linear-gradient(90deg, rgba(var(--gray-10), 0), rgba(var(--gray-10), 1), rgba(var(--gray-10), 1)) 0 100%;
}
.user_block .user_dropdown .link .icon-sm {
  margin-right: 8px;
}
.user_block .user_dropdown .separate {
  color: var(--gray-60);
  font-size: 14px;
  line-height: 18px;
  padding: 5px 16px;
  margin-top: 8px;
}
.user_block .user_dropdown .user_orgs {
  max-height: 400px;
  overflow-y: auto;
}
.main_content .fix_content {
  width: 100%;
  max-width: 762px;
  margin: auto;
  padding: 76px 0 48px 0;
}
.main_content .full_fix_content {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 50px 54px;
}
.main_content .full-content {
  padding: 50px;
}
.main_content .fullsize_content {
  display: block;
  box-sizing: border-box;
  height: calc(100vh - 72px);
  overflow: hidden;
  max-width: 1756px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.main_content .main-container--inner-page {
  min-height: calc(100vh - 70px);
  width: 100%;
  margin: 0;
  background-color: transparent;
  padding-left: 54px !important;
  padding-right: 54px !important;
  padding-bottom: 54px !important;
}
.main_template ::-webkit-scrollbar {
  width: 4px;
}
.main_template ::-webkit-scrollbar-button {
  display: none;
}
.main_template ::-webkit-scrollbar-track {
  background-color: transparent;
}
.main_template ::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
.main_template ::-webkit-scrollbar-thumb {
  background-color: var(--gray-30);
  border-radius: 9px;
}
.main_template ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_template ::-webkit-resizer {
  background-color: transparent;
}
.main_template .filter-container {
  top: 0;
  z-index: 10001;
}
.main_template .two-column-layout-map {
  height: calc(100vh - 62px);
}
.main_template .two-column-layout-map.request-view {
  height: calc(100vh - 210px);
}
.main_template .scrollable-container--request-view {
  height: calc(100vh - 210px);
}
.main_template .scrollable-container--vehicles {
  height: calc(100vh - 240px);
}
.filter-close {
  display: none;
}
.filter-open {
  display: none;
}
@media (min-width: 1024px) {
  .filter-open {
    display: inline-block;
  }
}
.filter-container {
  position: fixed !important;
  top: 45px;
  left: -340px;
  width: 320px;
  height: 100vh;
  padding: 24px 16px 16px;
  background-color: var(--white);
  overflow: auto;
  z-index: 3;
  border-right: 1px solid #e6e6e6;
  transition: 0.4s;
}
@media (min-width: 1280px) {
  .filter-container {
    top: 0;
    padding: 40px 16px 16px;
  }
}
.filter-container__header {
  font-size: 20px;
  line-height: 20px;
}
.filter-container__delimiter {
  width: 8px;
  margin: 0 12px;
  height: 1px;
  background-color: #808080;
}
@media (min-width: 1024px) {
  .filter-control:checked + label .filter-close {
    display: inline-block;
  }
}
.filter-control:checked + label .filter-open {
  display: none;
}
.filter-control:checked + .btn--filter {
  color: var(--white);
  border-color: #0092C7;
}
.filter-control:checked + .btn--filter [class^="icon-"]:before {
  color: var(--white);
}
.filter-control:checked + .btn--filter:before {
  transform: scaleY(1);
}
.filter-icon-close {
  position: absolute;
  cursor: pointer;
  right: 26px;
  top: 30px;
  font-size: 16px;
  transition: opacity 0.3s;
  opacity: 0.7;
}
@media (min-width: 1280px) {
  .filter-icon-close {
    top: 25px;
  }
}
.filter-icon-close .icon-close-24:before {
  color: #808080;
}
.filter-icon-close:hover {
  opacity: 1;
}
@media (min-width: 1280px) {
  .filter-icon-close {
    top: 44px;
  }
}
.filter-control:checked + .filter-container {
  left: 0;
}
@media (min-width: 1280px) {
  .sidebar-control:checked ~ .filter-control:checked ~ .main-container--inner-page {
    margin-left: 320px;
    width: calc(100% - 320px);
  }
}
.sidebar-control:checked + .sidebar + .filter-control:checked + .filter-container {
  opacity: 1;
  left: 0;
}
.main-container--login-page {
  background-color: var(--white);
  background-image: url('img/login-back.jpg');
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .main-container--login-page {
    background: none;
  }
  .main-container--login-page .personal-checkbox {
    white-space: normal!important;
  }
  .main-container--login-page .lp-container {
    position: relative;
    margin: 0 auto;
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    padding: 20px 15vw;
  }
  .main-container--login-page button[type="submit"] {
    position: sticky;
    bottom: 5px;
    box-shadow: 0 0 0px 12px #fff;
  }
}
@media screen and (max-width: 580px) {
  .main-container--login-page .lp-container {
    padding: 20px 32px;
  }
}
.main-container--inner-page {
  background-color: var(--white);
  margin-left: 150px;
  width: calc(100% - 320px);
  transition: 0.4s;
  transition-property: width, margin-left;
  overflow-x: hidden;
  z-index: 1;
}
@media (max-width: 1279px) {
  .main-container--inner-page {
    margin-left: 0;
    padding-top: 48px !important;
    width: 100%;
  }
}
.main-container--inner {
  background-color: var(--white);
  margin-left: 150px;
  width: calc(100% - 320px);
  transition: 0.4s;
  transition-property: width, margin-left;
  z-index: 1;
}
@media (max-width: 1279px) {
  .main-container--inner {
    margin-left: 0;
    padding-top: 48px !important;
    width: 100%;
  }
}
.form-container {
  max-width: 960px;
}
.form-container .chosen-container-single .chosen-single {
  margin-bottom: -3px;
}
@keyframes disappear {
  from {
    display: block;
  }
  to {
    display: none;
  }
}
.main_content .hideable {
  max-height: 300px;
  transition: all 0.1s ease;
  opacity: 1;
}
.main_content .hideable.hidden {
  padding: 0;
  animation-duration: 0.1s;
  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  animation-name: disappear;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  margin-bottom: 0 !important;
  margin-top: 0;
}
.full-page-template {
  font-weight: 400;
  color: var(--primary);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.full-page-template .page-top-wrapper {
  position: sticky;
  top: 0;
  z-index: 4000;
}
.full-page-template .navigation-wrapper {
  --indent-top: 0;
  width: 100%;
  background-color: var(--natcar-blue);
  height: 48px;
  position: relative;
  top: var(--indent-top);
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--white);
  z-index: 3999;
}
.full-page-template .navigation-wrapper .logo-section {
  display: flex;
  align-items: center;
  height: 100%;
}
.full-page-template .navigation-wrapper .logo-section .main-logo {
  display: block;
}
.full-page-template .navigation-wrapper .navigation-section {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  gap: 12px;
}
.full-page-template .navigation-wrapper .navigation-section .btn-add-order {
  background: #414390;
  --border-color: #414390;
}
.full-page-template .navigation-wrapper .navigation-section .btn-add-order:hover {
  background-color: #5355B0;
  --border-color: #5355B0;
}
.full-page-template .navigation-wrapper .navigation-section ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.full-page-template .navigation-wrapper .navigation-section > ul {
  display: flex;
  height: 100%;
}
.full-page-template .navigation-wrapper .navigation-section > ul > li {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
  position: relative;
}
.full-page-template .navigation-wrapper .navigation-section > ul > li .nav-wrapper > .icon,
.full-page-template .navigation-wrapper .navigation-section > ul > li > .nav-element-wrapper > .icon {
  filter: var(--filter-white);
}
.full-page-template .navigation-wrapper .navigation-section > ul > li > .nav-element-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.full-page-template .navigation-wrapper .navigation-section > ul > li > .nav-element-wrapper span:not(.icon) {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent > .nav-element-wrapper:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(img/uikit/down-arrow-icon.svg);
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
}
.full-page-template .navigation-wrapper .navigation-section > ul > li.active {
  background-color: var(--on-natcar-blue);
}
.full-page-template .navigation-wrapper .navigation-section > ul > li:hover {
  background-color: var(--on-natcar-blue);
}
.full-page-template .navigation-wrapper div.nav-parent .nav-wrapper > .icon {
  filter: var(--filter-white);
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper {
  visibility: hidden;
  opacity: 0;
  height: 0;
  display: flex;
  position: absolute;
  transform: translateY(-300%);
  transition-property: opacity, height;
  transition-duration: 0.2s, 0.1s;
  padding-top: 8px;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown {
  padding: 8px;
  min-width: 368px;
  background-color: var(--white);
  color: var(--primary);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.19), 0px 4px 30px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 12px 12px;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown .no-confirmed-carriers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 4px;
  padding: 12px;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown ul {
  flex-direction: column;
  overflow-y: auto;
  max-height: calc(100vh - 176px);
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper {
  display: flex;
  gap: 16px;
  font-size: 16px;
  line-height: 24px;
  color: var(--primary);
  align-items: flex-start;
  font-weight: 400;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 8px;
  width: 100%;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper.active {
  border-color: var(--accent);
  background: linear-gradient(0deg, rgba(55, 114, 255, 0.03), rgba(55, 114, 255, 0.03)), #FFFFFF;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper:hover {
  background-color: var(--gray-05);
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown li .inner-nav-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.full-page-template .navigation-wrapper .top-nav-dropdown-wrapper .top-nav-dropdown li .inner-nav-description {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-60);
}
.full-page-template .navigation-wrapper .dropdown-child {
  visibility: hidden;
  opacity: 0;
  height: 0;
  position: absolute;
  left: 368px;
  top: -25%;
  transition: opacity 0.2s, height 0.2s;
}
.full-page-template .navigation-wrapper .dropdown-child .top-nav-dropdown-wrapper .top-nav-dropdown {
  border-radius: 12px;
}
.full-page-template .navigation-wrapper .dropdown-main:hover .dropdown-child {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.full-page-template .navigation-wrapper .nav-parent {
  display: flex;
}
.full-page-template .navigation-wrapper .nav-parent:hover .top-nav-dropdown-wrapper {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  height: auto;
  align-self: flex-start;
  top: 40px;
  left: 0;
  transition: none;
}
.full-page-template .navigation-wrapper .header-carriers-wrapper-section .nav-parent:hover .top-nav-dropdown-wrapper {
  left: initial;
  right: 0;
}
.full-page-template .navigation-wrapper .user-section {
  display: flex;
  gap: 8px;
  position: relative;
  align-items: center;
  height: 100%;
}
.full-page-template .navigation-wrapper .user-section .nav-parent {
  height: 100%;
  align-items: center;
}
.full-page-template .navigation-wrapper .user-section .nav-parent .nav-wrapper {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  position: relative;
}
.full-page-template .navigation-wrapper .user-section .nav-parent:hover .nav-wrapper {
  background-color: rgba(255, 255, 255, 0.12);
}
.full-page-template .navigation-wrapper .user-section .nav-parent:hover .top-nav-dropdown-wrapper {
  left: inherit;
  right: 0;
}
.full-page-template .navigation-wrapper .feedback-section {
  margin-top: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.full-page-template .navigation-wrapper .feedback-section .btn {
  width: 100%;
}
.full-page-template .navigation-wrapper .feedback-section .feedback-section-header {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
}
.full-page-template .navigation-wrapper .feedback-section .feedback-section-header .close_icon {
  cursor: pointer;
}
.full-page-template .navigation-wrapper .notifications-wrapper.unread .nav-wrapper:before {
  content: '';
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: var(--ochra-100);
  border-radius: 100%;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list {
  width: 415px;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon {
  border-radius: 100%;
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.warning-icon {
  background-color: var(--warning-10);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.warning-icon .icon {
  filter: invert(70%) sepia(44%) saturate(4005%) hue-rotate(357deg) brightness(99%) contrast(84%);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.success-icon {
  background-color: var(--success-10);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.success-icon .icon {
  filter: invert(49%) sepia(16%) saturate(2601%) hue-rotate(63deg) brightness(108%) contrast(94%);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.error-icon {
  background-color: var(--danger-10);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-icon.error-icon .icon {
  filter: invert(27%) sepia(58%) saturate(3422%) hue-rotate(341deg) brightness(85%) contrast(112%);
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-text {
  flex-grow: 1;
  font-size: 14px;
  line-height: 18px;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-status {
  margin-left: 24px;
  padding: 4px;
}
.full-page-template .navigation-wrapper .notifications-wrapper .notifications-list .notification a .notification-status.notification-status-unread:after {
  content: '';
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #0071CF;
}
.full-page-template .navigation-wrapper .user-profile .avatar {
  border: 1px solid var(--white);
  overflow: hidden;
}
.full-page-template .navigation-wrapper .user-profile:hover .avatar {
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.25);
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown {
  min-width: 220px;
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown .user-avatar {
  width: 56px;
  min-width: 56px;
  height: 56px;
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown .user-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 12px;
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown .user-info {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown .user-info .user-mail {
  line-height: 24px;
  font-weight: 400;
  color: var(--gray-60);
}
.full-page-template .navigation-wrapper .user-profile .top-nav-dropdown .user-menu li .nav-element-wrapper {
  padding: 12px;
  border: none;
  cursor: pointer;
}
.full-page-template .navigation-wrapper .user-profile .user-nickname {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  max-width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-page-template .navigation-wrapper .user-profile .user-workplace {
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  max-width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-page-template .navigation-wrapper .user-dropdown {
  display: none;
}
.full-page-template .full-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.full-page-template .container {
  padding: 30px 32px 65px 32px;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}
.full-page-template .container.container-1440 {
  width: Min(1440px, 100%);
}
.full-page-template .container.container-762 {
  width: Min(762px, 100%);
  padding: 32px Min(21px, 1vw);
}
.full-page-template .container.container-p-0 {
  padding: 0;
}
.full-page-template .container-blocks-design {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}
.full-page-template .container-blocks-design .container {
  flex-direction: row;
  padding: 24px 24px 0 24px;
}
.full-page-template .page-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.full-page-template .page-column-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.full-page-template .page-row-wrapper {
  display: flex;
  flex-grow: 1;
}
.full-page-template main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  z-index: 100;
}
.full-page-template .header-title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.full-page-template .full-content .sidebar-map {
  height: auto;
}
.full-page-template .full-content .page-wrapper {
  flex-direction: row;
}
.banners-template {
  min-height: 100vh;
}
.banners-template .full-page-template {
  flex-grow: 1;
  min-height: 0;
}
.mobile-menu-button {
  background-image: url(img/uikit/drag-icon.svg);
}
.mobile-menu-button-close {
  background-image: url(img/uikit/close-icon.svg);
  filter: var(--filter-white);
}
@media screen and (max-width: 1280px) {
  .start-page .start-page-content-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .start-page .start-page-content-wrapper aside {
    transform: none;
    width: Min(1240px, 100%);
    flex-direction: row!important;
  }
  .start-page .start-page-content-wrapper aside .slider {
    width: 366px;
  }
}
@media screen and (max-width: 1024px) {
  .full-page-template .navigation-wrapper {
    justify-content: space-between;
    padding: 0 16px;
  }
  .full-page-template .navigation-wrapper .navigation-section {
    display: none;
    align-items: flex-start;
    position: fixed;
    top: var(--container-indent-top, 48px);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--white);
    padding: 20px 16px;
    max-width: 100dvw;
  }
  .full-page-template .navigation-wrapper .navigation-section.mobile-navigation-open {
    display: flex;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul {
    flex-direction: column;
    gap: 20px;
    height: auto;
    width: 100%;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li {
    padding: 0;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .icon-grey {
    filter: var(--filter-gray-60) !important;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li:not(.nav-parent) {
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li:not(.nav-parent):after {
    content: "";
    height: 20px;
    width: 20px;
    min-width: 20px;
    filter: var(--filter-gray-60);
    background-image: url(img/uikit/right-arrow-icon.svg);
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 16px;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent.active {
    background: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent > a {
    cursor: default;
    padding: 0;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent > .nav-element-wrapper {
    color: var(--gray-100);
    font-weight: 400;
    height: auto;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent > .nav-element-wrapper .icon {
    display: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent > .nav-element-wrapper:after {
    content: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent .top-nav-dropdown-wrapper {
    width: 100%;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent .top-nav-dropdown-wrapper .top-nav-dropdown {
    width: 100%;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li.nav-parent:hover .top-nav-dropdown-wrapper {
    top: unset;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper {
    visibility: visible;
    opacity: 1;
    height: auto;
    position: relative;
    transform: none;
    transition: none;
    padding: 0;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper .top-nav-dropdown {
    padding: 0;
    box-shadow: none;
    background: none;
    border-radius: 0;
    min-width: 0;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper {
    padding: 18px 16px;
    display: flex;
    align-items: center;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper .icon {
    height: 20px;
    width: 20px;
    min-width: 20px;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper .top-nav-dropdown li .nav-element-wrapper:hover {
    background: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .top-nav-dropdown-wrapper .inner-nav-description {
    display: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .nav-element-wrapper {
    color: var(--primary);
    padding: 18px 16px;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .nav-element-wrapper span.icon {
    filter: none;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li .nav-element-wrapper span:not(.icon) {
    max-width: unset;
  }
  .full-page-template .navigation-wrapper .navigation-section > ul > li:hover {
    background: none;
  }
  .full-page-template .navigation-wrapper .navigation-section.header-carriers-wrapper-section {
    display: none;
  }
  .full-page-template .navigation-wrapper .user-section > div:not(.user-profile) {
    display: none;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper {
    position: fixed;
    inset: var(--container-indent-top, 48px) 0 0;
    align-self: stretch;
    padding: 20px 16px;
    background: var(--white);
    display: none;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper.mobile-user-menu-open {
    display: flex;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper .top-nav-dropdown {
    box-shadow: none;
    border-radius: 0;
    height: 100%;
    gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper .user-info-wrapper {
    padding: 16px 8px;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper .user-menu {
    padding: 8px 16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
  }
  .full-page-template .navigation-wrapper .user-section .user-profile .top-nav-dropdown-wrapper .user-menu li .nav-element-wrapper {
    padding: 10px 0;
  }
  .full-page-template .container-blocks-design .container {
    flex-direction: column;
  }
  .full-page-template .container-blocks-design .block-navigation {
    position: relative;
    top: inherit;
  }
  .full-page-template .container.container-762 {
    padding: 32px 20px;
  }
  .start-page .start-page-content-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .start-page .start-page-content-wrapper aside {
    transform: none;
    width: Min(1240px, 100%);
    align-items: center;
  }
  .start-page .start-page-content-wrapper aside .slider {
    width: 366px;
  }
  .start-page .start-page-card {
    width: 200px!important;
    padding: 20px 10px!important;
  }
  .scrollable-table .scroll-wrapper {
    overflow-x: auto!important;
  }
  .scrollable-table .scroll-wrapper .table-default {
    min-width: 1280px;
  }
  .lkp-order-list-filters-group > div:not(:last-child) .popup-wrapper .popup-caption {
    min-width: 130px!important;
  }
}
@media screen and (max-width: 768px) {
  .full-page-template .container-blocks-design .container {
    flex-direction: column;
  }
  .full-page-template .container-blocks-design .block-navigation {
    position: relative;
    top: inherit;
  }
  .full-page-template .container.container-762 {
    padding: 32px 20px;
  }
  .scrollable-table .scroll-wrapper {
    overflow-x: auto!important;
  }
  .scrollable-table .scroll-wrapper .table-default {
    min-width: 1280px;
  }
  .lkp-order-list-filters-group > div:not(:last-child) .popup-wrapper .popup-caption {
    min-width: 130px!important;
  }
}
.tablet {
  display: none!important;
}
@media screen and (max-width: 1024px) {
  .tablet {
    display: flex!important;
  }
}
.desktop {
  display: flex!important;
}
@media screen and (max-width: 1024px) {
  .desktop {
    display: none!important;
  }
}
.login-template main {
  display: flex;
  min-height: 100dvh;
  font-weight: 400;
}
.login-template aside {
  display: flex;
  flex-direction: column;
  gap: 84px;
  width: 514px;
  flex-shrink: 0;
  padding: 32px 64px;
  background: white;
  z-index: 10;
  border-radius: 0 24px 24px 0;
}
.login-template .background {
  background: url("img/backgrounds/auth-bg.svg") no-repeat center center;
  background-size: cover;
  margin-left: -64px;
  z-index: 1;
  flex-grow: 1;
}
.login-template .form-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 36px;
  flex-grow: 1;
}
.login-template .form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.login-template h1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  text-wrap: balance;
}
.login-template h2 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  text-align: center;
}
.login-template p {
  text-align: center;
}
.login-template .buttons-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.login-template .btn.btn-accent {
  --background-color: #00A3E0;
}
.login-template .btn.btn-accent:hover {
  --background-color: #008DC2;
}
.login-template .btn.btn-ghost:hover {
  color: #008DC2;
}
.login-template .input-wrapper .icon {
  filter: invert(75%) sepia(4%) saturate(123%) hue-rotate(182deg) brightness(92%) contrast(87%);
}
.login-template .input-wrapper .icon:hover {
  filter: invert(16%) sepia(6%) saturate(900%) hue-rotate(187deg) brightness(94%) contrast(92%);
}
.login-template footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.login-template .links-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.login-template .links-wrapper a {
  color: #2B2D33;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
  font-weight: 400;
}
.login-template .links-wrapper a:hover {
  color: #00A3E0;
}
.login-template .copyright {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 18px;
  color: #808185;
}
.formgroup-error p {
  text-align: left;
}
/*-------------------components-------------------*/
.accordeon_container .accordeon_item {
  border: 1px solid var(--gray-10);
  border-radius: 20px;
  margin-top: 20px;
}
.accordeon_container .accordeon_item.active .accordeon_head:before {
  transform: rotate(180deg);
  filter: invert(14%) sepia(11%) saturate(639%) hue-rotate(187deg) brightness(92%) contrast(89%);
}
.accordeon_container .accordeon_item .accordeon_head {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  padding: 34px;
  cursor: pointer;
  position: relative;
}
.accordeon_container .accordeon_item .accordeon_head:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 42px;
  right: 34px;
  width: 13px;
  height: 8px;
  transition: all 0.3s;
  background-image: url(img/uikit/arrow-down-icon.svg);
}
.accordeon_container .accordeon_item .accordeon_content {
  padding: 0 34px 34px 34px;
}
.additional-info-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px;
  max-width: 100%;
}
.additional-info-row .row-header {
  color: var(--gray-60);
}
.additional-info-row .row-content-undefined {
  color: var(--gray-60);
}
.additional-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.autocomplete-block {
  position: relative;
  --ac-height: 52px;
  --arrow-right: 14px;
}
.autocomplete-block .autocomplete-head {
  height: var(--ac-height);
  border-radius: 8px;
  background-color: var(--white);
  display: flex;
  align-items: center;
}
.autocomplete-block .autocomplete-head .icon-block {
  display: flex;
  align-items: center;
  position: absolute;
  right: var(--arrow-right);
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow:before {
  position: relative;
  content: "\e900";
  display: block;
  color: var(--primary);
  font-size: 14px;
  transition: transform 0.2s;
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow.have-matches:before {
  color: var(--primary-dark);
}
.autocomplete-block .autocomplete-head .icon-block .icon-arrow.active {
  transform: rotate(180deg);
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10 {
  height: 100%;
  width: 30px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10.active {
  display: flex;
}
.autocomplete-block .autocomplete-head .icon-block .icon-close-10:before {
  color: #808080;
}
.autocomplete-block .additional-block {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #CDCDCD;
  background-color: var(--white);
  padding: 10px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.autocomplete-block .autocomplete-content {
  position: absolute;
  display: none;
  top: 102%;
  right: 0;
  z-index: 4000;
  width: 100%;
  max-height: 240px;
  padding: 11px 0;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  flex-direction: column;
  overflow-y: auto;
}
.autocomplete-block .autocomplete-content:before {
  content: '';
  display: block;
  height: 16px;
}
.autocomplete-block .autocomplete-content.active,
.autocomplete-block .autocomplete-content:hover {
  display: flex;
}
.autocomplete-block .autocomplete-content li {
  cursor: pointer;
  padding: 9px 43px 9px 16px;
  min-width: 130px;
  display: flex;
  align-items: center;
  position: relative;
}
.autocomplete-block .autocomplete-content li:hover {
  background-color: var(--wild-sand);
}
.autocomplete-block .autocomplete-content li.active {
  background-color: var(--gray-10) !important;
}
.autocomplete-block .autocomplete-content li.active:after {
  content: "";
  display: inline-block;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  width: 16px;
  max-width: 16px;
  height: 19px;
  position: absolute;
  right: 20px;
}
.input-container-autocomplete.input-container-xxl .autocomplete-block {
  --ac-height: 52px;
}
.badge {
  --badge-height: 18px;
  --badge-max-width: min-content;
  --badge-font-size: 12px;
  --badge-indent: 6px;
  --badge-padding-x: 4px;
  --badge-padding-y: 0;
  --badge-min-width: 16px;
  --badge-background: var(--blue-10);
  --badge-color: var(--primary);
  --icon-size: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--badge-padding-y) var(--badge-padding-x);
  max-width: var(--badge-max-width);
  min-width: var(--badge-min-width);
  line-height: var(--badge-line-height, 1);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--badge-border-radius, 4px);
  flex-shrink: 0;
  gap: var(--badge-indent);
  color: var(--badge-color);
  background-color: var(--badge-background);
  height: var(--badge-height);
  font-size: var(--badge-font-size);
}
.badge .icon {
  height: var(--icon-size);
  width: var(--icon-size);
  filter: var(--badge-filter);
}
.badge span,
.badge div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.badge.badge-icon-left {
  flex-direction: row-reverse;
}
.badge.badge-icon-right {
  flex-direction: row-reverse;
}
.badge.badge-xs {
  --badge-height: 18px;
  --badge-font-size: 12px;
  --badge-indent: 4px;
  --badge-padding-x: 4px;
  --icon-size: 16px;
  --icon-indent: 4px;
}
.badge.badge-sm {
  --badge-height: 24px;
  --badge-font-size: 14px;
  --badge-indent: 4px;
  --badge-padding-x: 8px;
  --icon-size: 16px;
}
.badge.badge-md {
  --badge-height: 32px;
  --badge-font-size: 14px;
  --badge-indent: 8px;
  --badge-padding-x: 12px;
  --icon-size: 20px;
}
.badge.badge-lg {
  --badge-height: 40px;
  --badge-font-size: 14px;
  --badge-indent: 10px;
  --badge-padding-x: 12px;
  --icon-size: 20px;
}
.badge.badge-border {
  background-color: var(--white);
  color: var(--primary);
  border: 1px solid var(--primary);
}
.badge.badge-border-gray-10 {
  background-color: var(--white);
  color: var(--primary);
  border: 1px solid var(--gray-10);
}
.badge.badge-grey {
  background-color: var(--gray-10);
}
.badge.badge-red {
  background-color: var(--red-10);
}
.badge.badge-yellow {
  background-color: var(--ochra-30);
}
.badge.badge-green {
  background-color: var(--green-30);
}
.badge.badge-blue {
  background-color: var(--blue-10);
  color: var(--blue-120);
}
.badge.badge-blue .icon {
  filter: var(--filter-blue-120);
}
.badge.badge-violet {
  background-color: var(--king-blue-10);
  color: var(--king-blue-120);
}
.badge.badge-purple {
  background-color: var(--purple-10);
}
.badge.badge-ochra {
  background-color: var(--ochra-10);
}
.badge.badge-light .icon {
  filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(299%) hue-rotate(187deg) brightness(96%) contrast(93%) !important;
}
.badge.badge-light.badge-lightGray {
  --badge-background: var(--gray-05);
}
.badge.badge-light.badge-darkGrey {
  --badge-background: var(--gray-10);
}
.badge.badge-light.badge-lightGreen {
  --badge-background: var(--green-10);
}
.badge.badge-light.badge-darkGreen {
  --badge-background: var(--green-30);
}
.badge.badge-light.badge-lightRed {
  --badge-background: var(--red-10);
}
.badge.badge-light.badge-darkRed {
  --badge-background: var(--red-30);
}
.badge.badge-light.badge-lightOrange {
  --badge-background: var(--ochra-10);
}
.badge.badge-light.badge-darkOrange {
  --badge-background: var(--ochra-30);
}
.badge.badge-light.badge-lightBlue {
  --badge-background: var(--blue-10);
}
.badge.badge-light.badge-darkBlue {
  --badge-background: var(--king-blue-10);
}
.badge.badge-light.badge-white {
  --badge-background: var(--white);
  border: 1px solid var(--gray-60);
}
.badge.badge-colors.badge-lightGreen {
  --badge-background: var(--green-10);
  --badge-color: var(--green-120);
}
.badge.badge-colors.badge-lightGreen .icon {
  filter: var(--filter-green-120);
}
.badge.badge-colors.badge-darkGreen {
  --badge-background: var(--green-30);
  --badge-color: var(--green-120);
}
.badge.badge-colors.badge-lightRed {
  --badge-background: var(--purple-10);
  --badge-color: var(--purple-120);
}
.badge.badge-colors.badge-lightRed .icon {
  filter: invert(25%) sepia(58%) saturate(2840%) hue-rotate(280deg) brightness(105%) contrast(95%);
}
.badge.badge-colors.badge-darkRed {
  --badge-background: var(--red-10);
  --badge-color: var(--red-120);
}
.badge.badge-colors.badge-darkRed .icon {
  filter: var(--filter-red-120);
}
.badge.badge-colors.badge-lightOrange {
  --badge-background: var(--ochra-10);
  --badge-color: var(--ochra-120);
}
.badge.badge-colors.badge-lightOrange .icon {
  filter: invert(55%) sepia(78%) saturate(1493%) hue-rotate(355deg) brightness(86%) contrast(85%);
}
.badge.badge-colors.badge-orange {
  --badge-background: var(--warning-10);
  --badge-color: var(--warning-120);
}
.badge.badge-colors.badge-orange .icon {
  filter: var(--filter-warning-120);
}
.badge.badge-colors.badge-darkOrange {
  --badge-background: var(--ochra-30);
  --badge-color: var(--ochra-120);
}
.badge.badge-colors.badge-darkOrange .icon {
  filter: var(--filter-ochra-120);
}
.badge.badge-colors.badge-lightBlue {
  --badge-background: var(--blue-10);
  --badge-color: var(--blue-120);
}
.badge.badge-colors.badge-lightBlue .icon {
  filter: invert(32%) sepia(53%) saturate(2711%) hue-rotate(213deg) brightness(96%) contrast(88%);
}
.badge.badge-colors.badge-darkBlue {
  --badge-background: var(--king-blue-10);
  --badge-color: var(--king-blue-120);
}
.badge.badge-colors.badge-darkBlue .icon {
  filter: var(--filter-king-blue-120);
}
.badge.badge-colors.badge-brand-150 {
  --badge-background: var(--brand-150);
  --badge-color: var(--natcar-cian);
}
.badge.badge-colors.badge-brand-150 .icon {
  filter: var(--filter-natcar-cian);
}
.badge.badge-colors.badge-lightGrey {
  --badge-background: var(--gray-05);
  --badge-color: var(--gray-120);
}
.badge.badge-colors.badge-lightGrey .icon {
  filter: var(--filter-gray-120);
}
.badge.badge-colors.badge-grey,
.badge.badge-colors.badge-gray {
  --badge-background: var(--gray-10);
  --badge-color: var(--gray-120);
}
.badge.badge-colors.badge-grey .icon,
.badge.badge-colors.badge-gray .icon {
  filter: var(--filter-gray-120);
}
.badge.badge-colors.badge-darkGrey {
  --badge-background: var(--primary);
  --badge-color: var(--white);
}
.badge.badge-colors.badge-success {
  --badge-background: var(--success-10);
  --badge-color: var(--success-120);
}
.badge.badge-colors.badge-success .icon {
  filter: var(--filter-success-120);
}
.badge.badge-colors.badge-wildSand {
  --badge-background: var(--wild-sand);
  --badge-color: var(--gray-100);
}
.badge.badge-colors.badge-cianWhite {
  --badge-background: var(--natcar-cian);
  --badge-color: var(--white);
}
.badge.badge-colors.badge-bgOnCian {
  --badge-background: var(--background);
  --badge-color: var(--on-natcar-cian);
}
.badge.badge-colors.badge-cian {
  --badge-background: var(--cian-10);
  --badge-color: var(--cian-120);
}
.badge.badge-colors.badge-violetGray {
  --badge-background: var(--violet-gray-10);
  --badge-color: var(--violet-gray-120);
}
.badge.badge-contrast {
  --badge-color: var(--white);
}
.badge.badge-contrast .icon {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
}
.badge.badge-contrast.badge-black {
  --badge-background: var(--on-primary);
}
.badge.badge-contrast.badge-warning {
  --badge-background: var(--warning-120);
}
.badge.badge-contrast.badge-warning:hover {
  --badge-background: var(--on-warning);
}
.badge.badge-contrast.badge-accent {
  --badge-background: var(--accent);
}
.badge.badge-contrast.badge-accent:hover {
  --badge-background: var(--on-accent);
}
.badge.badge-contrast.badge-darkGreen {
  --badge-background: var(--green-120);
}
.badge.badge-contrast.badge-darkGreen:hover {
  --badge-background: var(--green-120);
}
.badge.badge-contrast.badge-success {
  --badge-background: var(--success-10);
}
.badge.badge-contrast.badge-success .icon {
  filter: var(--filter-success-120);
}
.badge.badge-contrast.badge-danger {
  --badge-background: var(--danger-10);
}
.badge.badge-contrast.badge-danger .icon {
  filter: var(--filter-danger-120);
}
.badge.badge-card {
  --badge-height: initial;
  --badge-font-size: 14px;
  --badge-indent: 8px;
  --badge-padding-x: 16px;
  --badge-padding-y: 8px;
  --icon-size: 20px;
  --badge-line-height: 18px;
  --badge-border-radius: 8px;
  --badge-background: var(--white);
  border: 1px solid var(--gray-10);
  text-align: left;
}
.badge.badge-text-green-120 {
  --badge-background: transparent;
  --badge-color: var(--green-120);
}
.badge.badge-text-green-120 .icon {
  filter: invert(30%) sepia(87%) saturate(2246%) hue-rotate(149deg) brightness(98%) contrast(87%);
}
.badge-dark.badge-green {
  background-color: var(--green-120);
  color: var(--white);
}
.badge-dark.badge-green .icon {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
}
.badge-status.badge-lightOrange:hover {
  background-color: var(--ochra-30);
}
.badge-status.badge-lightBlue:hover {
  background-color: var(--blue-30);
}
.badge-status.badge-lightGreen:hover {
  background-color: var(--green-30);
}
.badge-status.badge-darkRed:hover {
  background-color: var(--red-30);
}
.badge-status.badge-grey:hover {
  background-color: var(--gray-30);
}
.badge-button.badge-colors.badge-lightGrey:hover {
  background-color: var(--gray-10);
}
.badge-border-violet-gray-10 {
  --badge-background: var(--white);
  --badge-color: var(--violet-gray-120);
  --badge-filter: var(--filter-violet-gray-120);
  border: 1px solid var(--gray-10);
}
.badge-brown {
  --badge-background: var(--brown-10);
  --badge-color: var(--brown-120);
}
.badge-brown .icon {
  filter: invert(37%) sepia(30%) saturate(847%) hue-rotate(345deg) brightness(92%) contrast(89%);
}
.crd {
  position: relative;
  background-color: var(--white);
  border: 1px solid var(--wild-sand);
  transition: 0.3s;
  width: 100%;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.2);
}
.crd--hover {
  position: relative;
  z-index: auto;
  transition: box-shadow 0.1s;
  transition: 0.3s;
}
.crd--hover:hover {
  box-shadow: 0px 5px 12px -8px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(33, 150, 243, 0.5) !important;
}
.crd--xxs {
  padding: 8px 12px;
}
.crd--xs {
  padding: 12px;
}
.crd--sm {
  padding: 16px;
}
.crd--md {
  padding: 24px;
}
.crd--lg {
  padding: 32px;
}
.crd--xl {
  padding: 40px;
}
.crd--xxl {
  padding: 48px;
}
.crd--border-all {
  border: 1px solid var(--wild-sand);
}
.crd--round {
  border-radius: 8px;
}
@media (min-width: 580px) {
  .crd-xs--xxs {
    padding: 8px 12px;
  }
  .crd-xs--xs {
    padding: 12px;
  }
  .crd-xs--sm {
    padding: 16px;
  }
  .crd-xs--md {
    padding: 24px;
  }
  .crd-xs--lg {
    padding: 32px;
  }
  .crd-xs--xl {
    padding: 40px;
  }
  .crd-xs--xxl {
    padding: 48px;
  }
}
@media (min-width: 768px) {
  .crd-sm--xxs {
    padding: 8px 12px;
  }
  .crd-sm--xs {
    padding: 12px;
  }
  .crd-sm--sm {
    padding: 16px;
  }
  .crd-sm--md {
    padding: 24px;
  }
  .crd-sm--lg {
    padding: 32px;
  }
  .crd-sm--xl {
    padding: 40px;
  }
  .crd-sm--xxl {
    padding: 48px;
  }
}
@media (min-width: 1024px) {
  .crd-md--xxs {
    padding: 8px 12px;
  }
  .crd-md--xs {
    padding: 12px;
  }
  .crd-md--sm {
    padding: 16px;
  }
  .crd-md--md {
    padding: 24px;
  }
  .crd-md--lg {
    padding: 32px;
  }
  .crd-md--xl {
    padding: 40px;
  }
  .crd-md--xxl {
    padding: 48px;
  }
}
@media (min-width: 1280px) {
  .crd-lg--xxs {
    padding: 8px 12px;
  }
  .crd-lg--xs {
    padding: 12px;
  }
  .crd-lg--sm {
    padding: 16px;
  }
  .crd-lg--md {
    padding: 24px;
  }
  .crd-lg--lg {
    padding: 32px;
  }
  .crd-lg--xl {
    padding: 40px;
  }
  .crd-lg--xxl {
    padding: 48px;
  }
}
@media (min-width: 1680px) {
  .crd-xl--xxs {
    padding: 8px 12px;
  }
  .crd-xl--xs {
    padding: 12px;
  }
  .crd-xl--sm {
    padding: 16px;
  }
  .crd-xl--md {
    padding: 24px;
  }
  .crd-xl--lg {
    padding: 32px;
  }
  .crd-xl--xl {
    padding: 40px;
  }
  .crd-xl--xxl {
    padding: 48px;
  }
}
.crd__container--xs {
  width: 100%;
  max-width: 640px;
}
.crd__container--sm {
  width: 100%;
  max-width: 768px;
}
.crd__container--md {
  width: 100%;
  max-width: 1024px;
}
.crd__header {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  color: #333333;
}
.crd__header--simple {
  font-size: 15px;
  line-height: 18px;
  color: #333333;
}
@media (min-width: 580px) {
  .crd-xs__header--simple {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333333 !important;
  }
}
@media (min-width: 768px) {
  .crd-sm__header--simple {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333333 !important;
  }
}
@media (min-width: 1024px) {
  .crd-md__header--simple {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333333 !important;
  }
}
@media (min-width: 1280px) {
  .crd-lg__header--simple {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333333 !important;
  }
}
@media (min-width: 1680px) {
  .crd-xl__header--simple {
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    color: #333333 !important;
  }
}
.crd__label {
  font-size: 14px;
  line-height: 18px;
  color: #808080;
  font-weight: 300;
  letter-spacing: 0.04em;
}
.crd__label--form {
  font-size: 14px;
  line-height: 18px;
  color: #808080;
}
.crd__label--view {
  font-size: 14px;
  line-height: 18px;
}
@media (min-width: 1680px) {
  .crd__label--view {
    font-size: 15px;
    line-height: 18px;
  }
}
.crd__label--top {
  margin: 0 0 8px 0;
}
.crd__label--left {
  margin: 0 0 0 16px;
}
@media (min-width: 580px) {
  .crd__label-xs--top {
    margin: 0 0 8px 0;
  }
  .crd__label-xs--left {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 768px) {
  .crd__label-sm--top {
    margin: 0 0 8px 0;
  }
  .crd__label-sm--left {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 1024px) {
  .crd__label-md--top {
    margin: 0 0 8px 0;
  }
  .crd__label-md--left {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 1280px) {
  .crd__label-lg--top {
    margin: 0 0 8px 0;
  }
  .crd__label-lg--left {
    margin: 0 0 0 16px;
  }
}
@media (min-width: 1680px) {
  .crd__label-xl--top {
    margin: 0 0 8px 0;
  }
  .crd__label-xl--left {
    margin: 0 0 0 16px;
  }
}
.crd__text {
  font-size: 14px;
  line-height: 18px;
  color: #4B4B4B;
}
@media (min-width: 1680px) {
  .crd__text {
    font-size: 15px;
    line-height: 18px;
  }
}
.crd__controls {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-grow: 0;
  transition: opacity 0.3s;
}
@media (min-width: 1280px) {
  .crd__controls {
    opacity: 0;
  }
}
.crd__controls--two {
  width: 72px;
}
.crd-table {
  position: relative;
}
.crd-table-header,
.crd-table-row {
  display: inline-flex;
  flex: 0 1 auto;
  min-width: 100%;
}
.crd-table-header__item,
.crd-table-row__item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
  padding-right: 16px;
}
.crd-table-header__item:last-child,
.crd-table-row__item:last-child {
  padding-right: 0;
}
.crd-table-header {
  padding: 12px;
}
.crd-table-header__item {
  display: flex;
  flex: 0 1 auto;
  align-items: flex-start;
  color: #808080;
  font-weight: 100;
  letter-spacing: 0.03em;
  font-size: 15px;
  line-height: 18px;
}
.crd-table-header--line {
  border-top: 1px solid var(--wild-sand);
  border-bottom: 1px solid #CDCDCD;
}
.crd-table-header--no-top {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 0;
}
.crd-table-row .back_icon:before {
  font-size: 14px;
  line-height: 32px;
}
@media (min-width: 1280px) {
  .crd--hover:hover .crd__controls {
    opacity: 1;
  }
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid #e6e6e6 !important;
  width: 287px;
  max-width: 578px!important;
  padding: 0;
  margin-top: -1px !important;
  top: 100px;
  left: 20px;
  z-index: 9999 !important;
  display: none;
  font-size: 15px;
  line-height: 17px!important;
  font-weight: 400!important;
  box-shadow: 0px 6px 12px -8px rgba(0, 0, 0, 0.25);
}
@media (max-width: 850px) {
  .daterangepicker {
    width: 287px!important;
  }
}
.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker:before {
  top: 0!important;
  border-right: 0!important;
  border-left: 0!important;
  border-bottom: none!important;
}
.daterangepicker:after {
  top: 0!important;
  border-right: 0!important;
  border-bottom: 0!important;
  border-left: 0!important;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.drop-up {
  margin-top: -7px;
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid var(--white);
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}
.daterangepicker.single .ranges,
.daterangepicker.single .drp-calendar {
  float: none !important;
}
.daterangepicker.single .drp-selected {
  display: none;
}
.daterangepicker.show-calendar .drp-calendar {
  display: block;
}
.daterangepicker.show-calendar .drp-buttons {
  display: inline-flex !important;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 850px) {
  .daterangepicker.show-calendar .drp-buttons {
    flex-wrap: wrap;
    width: calc(100% - 24px);
    margin-left: 12px;
    padding-left: 0;
  }
}
.daterangepicker.auto-apply .drp-buttons {
  display: none;
}
.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker .drp-calendar.left {
  padding: 16px 0 8px 8px!important;
}
.daterangepicker .drp-calendar.right {
  padding: 16px 8px 8px!important;
}
.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: var(--white) !important;
  border: solid #808080 !important;
  border-width: 0 2px 2px 0!important;
  border-radius: 0!important;
  display: inline-block !important;
  position: relative!important;
  top: -1px !important;
  padding: 3px!important;
}
.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  text-align: center;
  vertical-align: middle;
  min-width: 36px!important;
  width: 36px!important;
  height: 32px!important;
  line-height: 32px!important;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table th {
  font-size: 14px!important;
  font-weight: 600!important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .daterangepicker .calendar-table th {
    font-weight: 300!important;
  }
}
.daterangepicker .calendar-table td {
  font-size: 14px!important;
}
.daterangepicker .calendar-table {
  border: 1px solid var(--white);
  border-radius: 4px;
  background-color: var(--white);
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: var(--white);
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--primary-dark) !important;
  border-color: transparent;
  color: var(--white) !important;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 14px!important;
  font-weight: 400!important;
  color: #4B4B4B !important;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 16%!important;
  width: 52%!important;
}
.daterangepicker select.yearselect {
  width: 32%!important;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: auto!important;
  margin: 0 auto!important;
  background: var(--white) !important;
  border: 1px solid #CDCDCD !important;
  padding: 7px 8px!important;
  outline: 0!important;
  font-size: 14px!important;
  color: #4B4B4B !important;
}
.daterangepicker .calendar-time {
  text-align: left!important;
  margin: 4px auto 0 auto;
  line-height: 32px;
  position: relative;
  padding-top: 8px;
  border-top: 1px solid var(--wild-sand);
  white-space: nowrap;
  display: flex;
  justify-content: center;
}
.daterangepicker .calendar-time select.hourselect,
.daterangepicker .calendar-time select.minuteselect,
.daterangepicker .calendar-time select.secondselect,
.daterangepicker .calendar-time select.ampmselect {
  margin: 0 10px!important;
}
.daterangepicker .calendar-time select.disabled {
  color: var(--wild-sand);
  cursor: not-allowed;
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: left;
  padding: 12px;
  border-top: 1px solid #e6e6e6;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 14px;
  padding: 0 8px 0 0;
  width: 100%;
  text-align: left;
}
@media (max-width: 850px) {
  .daterangepicker .drp-selected {
    padding: 12px 0 24px 0;
    text-align: center;
  }
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px!important;
  font-size: 15px!important;
  line-height: 14px!important;
  font-weight: 300!important;
  padding: 7px 12px!important;
}
@media (max-width: 850px) {
  .daterangepicker .drp-buttons .btn {
    margin-left: 0!important;
  }
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #e6e6e6;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #e6e6e6 !important;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #e6e6e6;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #e6e6e6 !important;
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 0!important;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  padding: 16px 8px 8px!important;
}
.daterangepicker .ranges li {
  font-size: 15px!important;
  line-height: 16px;
  font-weight: 400!important;
  padding: 10px 8px!important;
  cursor: pointer;
}
.daterangepicker .ranges li:last-child {
  border-bottom: none;
}
.daterangepicker .ranges li:hover {
  background-color: var(--wild-sand);
  border-radius: 4px;
}
.daterangepicker .ranges li.active {
  background-color: var(--primary-dark) !important;
  color: var(--white);
  border-radius: 4px;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 285px!important;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.calendar-table select {
  background-color: var(--white);
}
.drp-calendar.right .calendar-time:before,
.drp-calendar.left .calendar-time:before {
  color: #808080;
  font-size: 14px;
  line-height: 14px;
  padding-right: 16px;
  padding-left: 12px;
}
.daterangepicker .cancelBtn {
  display: none;
}
.daterangepicker .cancelBtn.cancelBtnVisible {
  display: block;
  background-color: var(--primary);
}
.tippy-box[data-theme~="dropdown"] {
  --item-font-size: 14px;
  --item-line-height: 18px;
  --item-padding: 9px 30px 9px 16px;
  padding: 0;
  border-radius: 8px;
  user-select: none;
  width: 100%;
}
.tippy-box[data-theme~="dropdown"] button {
  width: 100%;
  text-align: left;
  padding: var(--item-padding);
  font-size: var(--item-font-size);
  line-height: var(--item-line-height);
  cursor: pointer;
  position: relative;
  word-break: break-word;
  display: flex;
  gap: 8px;
  align-items: center;
}
.tippy-box[data-theme~="dropdown"] button:hover {
  background-color: var(--wild-sand);
}
.tippy-box[data-theme~="dropdown"] button.active {
  background-color: var(--gray-10);
}
.tippy-box[data-theme~="dropdown"] button.active:after {
  content: '';
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  right: 14px;
}
.tippy-box[data-theme~="dropdown"] .dropdown-list-item button {
  --item-padding: 0;
}
.table-docs .tippy-box[data-theme~="dropdown"] {
  max-height: 200px;
}
/*TODO `Сделать так на всех фильтрах (пока только в компоненте filter-grid-search)`*/
.popup-content-wrapper.filter-wrapper.filter-grid-search {
  width: calc(var(--popup-width) - var(--tt-padding-x)*2);
  height: calc(var(--popup-height) - var(--tt-padding-y)*2);
  max-height: 40vh;
}
.popup-content-wrapper.filter-wrapper.filter-grid-search .popup-header {
  font-size: 14px;
  padding-bottom: 12px;
}
/*конец*/
.popup-content-wrapper.filter-wrapper {
  max-height: 40vh;
}
.popup-content-wrapper.filter-wrapper .scroll-wrapper {
  left: 0;
  right: -17px;
  width: auto;
  margin-right: 0;
}
.popup-content-wrapper.filter-wrapper .scroll-wrapper::-webkit-scrollbar-track {
  margin-bottom: 24px;
}
.economics {
  display: flex;
  position: relative;
  gap: 8px;
}
.economics .item {
  color: var(--primary);
  display: flex;
  gap: 8px;
}
.economics .item::after {
  content: '';
  position: relative;
  display: block;
  background-color: var(--gray-05);
  height: 100%;
  width: 1px;
}
.economics .item:last-child:after {
  content: none;
}
.economics .header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.economics .header-item {
  color: var(--gray-100);
  font-size: 12px;
  line-height: 20px;
}
.economics .title {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-100);
  font-weight: normal;
  white-space: nowrap;
  margin-bottom: 4px;
}
.economics .planning {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}
.economics.economics-sm .planning {
  font-size: 15px;
}
.economics.economics-full .item {
  gap: 7px;
}
.economics.economics-full .planning {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
}
.economics.economics-full .in-fact {
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  color: var(--primary);
  font-weight: 500;
}
.economics.economics-panel {
  background-color: var(--white);
  padding: 18px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  margin-top: 10px;
}
.economics-spoiler {
  display: flex;
  flex-direction: column;
  position: relative;
}
.economics-spoiler .economics-switch {
  --h: 16px;
  width: 36px;
  height: var(--h);
  position: absolute;
  left: 50%;
  bottom: calc(0px - var(--h));
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--white);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04), inset 0 1px 3px rgba(0, 0, 0, 0.13);
  cursor: pointer;
}
.economics-spoiler .economics-fact {
  height: 0;
  opacity: 0;
  display: none;
  width: 100%;
  background: var(--white);
  transition: height 0.4s;
  padding: 40px 0 24px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 12px 12px;
  margin-top: -16px;
  flex-direction: column;
}
.economics-spoiler .economics-fact h4 {
  padding: 0 24px;
}
.economics-spoiler .economics-fact .final-costs {
  margin-top: 16px;
  margin-bottom: 8px;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
}
.economics-spoiler .economics-fact .final-costs .final-header {
  color: var(--gray-100);
  margin-right: 5px;
}
.economics-spoiler .economics-fact .final-costs .final-distance {
  max-width: 200px;
  flex-wrap: nowrap;
}
.economics-spoiler .economics-fact .final-costs .final-distance .label {
  white-space: nowrap;
}
.economics-spoiler .economics-fact tr.expense td:first-child div.empty-cell,
.economics-spoiler .economics-fact tr.expense td:first-child div:not([class]) {
  padding-left: 12px;
}
.economics-spoiler .economics-fact .scroll-wrapper-costs-table {
  width: calc(100% - 5px);
  padding-right: 0;
  overflow-x: hidden;
  position: relative;
}
.economics-spoiler .economics-fact .scroll-wrapper-costs-table:after {
  content: none;
}
.economics-spoiler .economics-fact .scroll-wrapper-costs-table::-webkit-scrollbar {
  width: 9px;
}
.economics-spoiler .economics-fact .scroll-wrapper-costs-table::-webkit-scrollbar-track {
  margin: 52px 0 10px;
}
.economics-spoiler .economics-fact .scroll-wrapper-costs-table .autocomplete-list {
  position: fixed !important;
}
.economics-spoiler .economics-fact .economics-fact-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 24px;
}
.economics-spoiler.open .economics-fact {
  height: auto;
  max-height: 517px;
  opacity: 1;
  display: flex;
}
.filters .white_btn {
  border: 2px solid var(--gray-10);
}
.filters .white_btn:hover {
  border: 2px solid var(--on-primary);
}
.filters .input_block {
  flex-grow: 1;
  padding-top: 0;
}
.filters .input_block.search_block input:hover {
  padding: 0 12px 0 40px;
}
.filters .input_block input {
  border: 2px solid var(--gray-10);
}
.filters .input_block input:hover {
  border: 2px solid var(--on-primary);
  padding: 0 12px;
}
.filters .input_block.size_sm {
  padding-top: 0;
}
.row:after {
  display: none;
}
.filters-group {
  display: flex;
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
  flex-grow: 0;
}
.filters-group .filter {
  border-right: 1px solid var(--gray-10);
  height: var(--filter-height, 38px);
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.filters-group > .tooltip:not(:last-child) {
  border-right: 1px solid var(--gray-10);
}
.filters-group > .tooltip .filter {
  border: none;
}
.filters-group .filter:last-child {
  border-right: none;
}
.filters-group .filter.dropdown_block .dropdown_caption .text {
  padding-right: 28px;
}
.filters-group .filter.dropdown_block .dropdown_caption .text:after {
  height: 6px;
  width: 10px;
}
.filters-buttons-group .filter {
  border: none;
}
.filters-buttons-group .filter-range-date {
  width: 320px;
}
.filters-checked-group {
  border: none;
}
.filters-checked-group .filter {
  margin-right: 6px;
  height: 28px;
  border-radius: 16px;
  border: none;
  display: flex;
  align-items: center;
  background-color: var(--gray-05);
  color: var(--primary);
  white-space: nowrap;
  padding: 12px;
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
}
.filters-checked-group .filter:hover {
  background-color: var(--gray-10);
}
.filters-checked-group .filter .close_icon {
  padding: 4px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  margin-left: 8px;
  cursor: pointer;
  border-radius: 100%;
  background-color: transparent;
}
.filters-checked-group .filter .close_icon:hover {
  background-color: var(--gray-30);
}
.filters-checked-group .filter.route:before {
  background-color: var(--gray-100);
  font-size: 9px;
  min-width: 16px;
  height: 16px;
  margin-right: 4px;
}
.filters-radio-buttons-group,
.segmented-controls {
  --sc-height: 48px;
  --sc-font-size: 14px;
  padding: 4px 6px;
  height: var(--sc-height);
  display: flex;
  border: 1px solid var(--gray-10);
  background-color: var(--white);
  border-radius: 8px;
}
.filters-radio-buttons-group input[type="radio"] + label:before,
.segmented-controls input[type="radio"] + label:before {
  content: none;
}
.filters-radio-buttons-group input[type="radio"] + label,
.segmented-controls input[type="radio"] + label {
  padding: 2px 16px;
  font-size: var(--sc-font-size);
  line-height: 1.1;
  color: var(--gray-100);
  border-radius: 4px;
  transition: background-color 0.3s;
  height: 100%;
  white-space: nowrap;
  flex-grow: 1;
  justify-content: center;
  display: flex;
  align-items: center;
}
.filters-radio-buttons-group input[type="radio"] + label .icon,
.segmented-controls input[type="radio"] + label .icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.filters-radio-buttons-group input[type="radio"]:checked + label,
.segmented-controls input[type="radio"]:checked + label {
  background-color: var(--gray-10);
  color: var(--primary);
}
.filters-radio-buttons-group input[type="radio"]:checked + label .icon,
.segmented-controls input[type="radio"]:checked + label .icon {
  filter: none;
}
.filters-radio-buttons-group.segmented-controls-md,
.segmented-controls.segmented-controls-md {
  --sc-height: 40px;
}
.filters-radio-buttons-group.segmented-controls-lg,
.segmented-controls.segmented-controls-lg {
  --sc-height: 48px;
  --sc-font-size: 14px;
}
.filters-radio-buttons-group.segmented-controls-lg label,
.segmented-controls.segmented-controls-lg label {
  gap: 10px;
}
.filters-num {
  border-radius: 4px;
  background-color: var(--primary);
  color: var(--white);
  padding: 0 4px;
  margin-left: 4px;
}
.filters-buttons-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  border: none;
}
.filters-buttons-list .filters-buttons-list-item {
  font-size: 14px;
  font-weight: 500;
  color: var(--primary);
  background-color: var(--gray-05);
  padding: 5px 16px;
  border-radius: 16px;
  cursor: pointer;
  user-select: none;
}
.filters-buttons-list .filters-buttons-list-item:not(:last-child) {
  margin-right: 8px;
}
.filters-buttons-list .filters-buttons-list-item.active {
  color: var(--white);
  background-color: var(--primary);
}
.filters-container.filters-tabs {
  list-style: none;
  padding: 0;
  margin: 14px 0;
  display: flex;
}
.filters-container.filters-tabs li {
  color: var(--gray-100);
  font-size: 16px !important;
  line-height: 1.625;
  display: flex;
  flex-direction: column;
  background: none;
  font-weight: 400;
  padding: 0 !important;
  margin-right: 25px !important;
}
.filters-container.filters-tabs li:last-child {
  margin-right: 0 !important;
}
.filters-container.filters-tabs li:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  background-color: transparent;
  border-radius: 4px;
  margin-top: 8px;
}
.filters-container.filters-tabs li.active {
  color: var(--primary) !important;
}
.filters-container.filters-tabs li.active:after {
  background-color: var(--accent);
}
.chips-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chips-group .filters-checked-group {
  padding-right: 90px;
}
.chips-group .route {
  display: flex;
}
.chips-group .route:before {
  display: flex;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  background-color: var(--gray-100);
  color: var(--white);
  min-width: 21px;
  height: 21px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  position: static;
  border: none;
}
.chips-group .route.route-from:before {
  content: "А";
}
.chips-group .route.route-to:before {
  content: "Б";
}
.chips-group .route .icon {
  margin-right: 0;
}
.delete-filters-wrapper {
  position: absolute;
  width: 111px;
  height: 32px;
  right: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 30.21%, #ffffff 100%);
}
.select-filters-group {
  border: 1px solid var(--gray-10);
  border-width: 1px!important;
  overflow: unset;
}
.select-filters-group .autocomplete.is-select-text.autocomplete-filter {
  --icon-size: 20px;
}
.select-filters-group .autocomplete.is-select-text.autocomplete-filter .text-input-wrapper {
  border: none !important;
  border-right: 1px solid var(--gray-10) !important;
  border-radius: 0 !important;
}
.select-filters-group .autocomplete.is-select-text.autocomplete-filter:first-child .text-input-wrapper {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.select-filters-group .autocomplete.is-select-text.autocomplete-filter:last-child .text-input-wrapper {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-right: none !important;
}
.select-filters-group .autocomplete.is-select-text.autocomplete-filter:hover .text-input-wrapper {
  background-color: #f8f8f8;
  transition: background-color 0.2s;
}
.select-filters-group .input-calendar-container {
  padding: 0 12px;
  cursor: pointer;
}
.select-filters-group .input-calendar-container input {
  background-color: transparent;
  cursor: pointer;
}
.select-filters-group input {
  max-width: 100%;
  height: 100%;
}
.filters-group .input-calendar-container {
  cursor: pointer;
}
.filters-group .input-calendar-container input {
  background-color: transparent;
  cursor: pointer;
}
.filters-group .date-range-picker.date-range-picker-wide input {
  min-width: 257px;
}
.filter-other-settings {
  width: 568px;
}
.filter-other-settings .autocomplete {
  min-width: 100%;
}
.filters-bold.popup-content-wrapper .label,
.filters-bold.popup-content-wrapper label:not(.checkbox_container) {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.filter-w-346 .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 346px;
}
.filter-w-267 .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 267px;
}
.orders-own-list-filter .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 346px;
}
.orders-own-list-filter .popup-content-wrapper .label,
.orders-own-list-filter .popup-content-wrapper label:not(.checkbox_container),
.orders-own-list-filter .popup-content-wrapper .form-section-header {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.geo-point-filters .filters-group .popup-wrapper .popup-caption {
  width: 126px;
}
.filter-modal,
.mobile-modal {
  --p: 20px 24px;
  --header-size: 20px;
  --header-line-height: 24px;
  --section-title-size: 16px;
  --section-title-line-height: 18px;
  --section-content-vertical-indent: 12px;
  position: fixed;
  inset: var(--container-indent-top, 48px) 0 0;
  background: var(--white);
  z-index: 3998;
  transform: translateY(100%);
  transition: transform 0.05ms;
  transition-delay: 0.4s;
  display: flex;
  flex-direction: column;
  max-width: 100dvw;
}
@media screen and (max-width: 768px) {
  .filter-modal,
  .mobile-modal {
    --p: 20px 16px;
    --header-size: 18px;
    --header-line-height: 22px;
    --section-title-size: 14px;
    --section-title-line-height: 18px;
    --section-content-vertical-indent: 8px;
  }
}
.filter-modal.filter-modal-open,
.mobile-modal.filter-modal-open,
.filter-modal.mobile-modal-open,
.mobile-modal.mobile-modal-open {
  transform: translateY(0);
  transition: transform 0.05ms;
}
.filter-modal .filter-modal-header,
.mobile-modal .filter-modal-header,
.filter-modal .mobile-modal-header,
.mobile-modal .mobile-modal-header {
  font-size: var(--header-size);
  line-height: var(--header-line-height);
  font-weight: 500;
  padding: var(--p);
  border-bottom: 1px solid var(--gray-10);
}
.filter-modal .filter-modal-content,
.mobile-modal .filter-modal-content,
.filter-modal .mobile-modal-content,
.mobile-modal .mobile-modal-content {
  flex-grow: 1;
  padding: var(--p);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.filter-modal .filter-modal-footer,
.mobile-modal .filter-modal-footer,
.filter-modal .mobile-modal-footer,
.mobile-modal .mobile-modal-footer {
  padding: var(--p);
  display: flex;
}
.filter-modal .filter-modal-section,
.mobile-modal .filter-modal-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.filter-modal .filter-modal-section-title,
.mobile-modal .filter-modal-section-title {
  font-size: var(--section-title-size);
  line-height: var(--section-title-line-height);
  font-weight: 700;
}
.filter-modal .filter-modal-section-content,
.mobile-modal .filter-modal-section-content {
  display: flex;
  flex-direction: column;
}
.filter-modal .filter-modal-section-content-item,
.mobile-modal .filter-modal-section-content-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: var(--section-content-vertical-indent) 0;
  border-bottom: 1px solid var(--gray-10);
}
.filter-modal .filter-modal-section-content-item:not(.no-after)::after,
.mobile-modal .filter-modal-section-content-item:not(.no-after)::after {
  content: "";
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/uikit/up-shevron-icon.svg);
  rotate: z 90deg;
}
.breadcrump {
  margin-bottom: 12px;
  background-color: white;
}
h1 {
  font-size: 28px;
  line-height: 1.07;
}
.icon {
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon.icon-xxs {
  width: 12px;
  min-width: 12px;
  height: 12px;
}
.icon.icon-xs {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.icon.icon-sm {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px!important;
}
.icon.icon-md {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.icon.icon-lg {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.icon.icon-xl {
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.icon.icon-xxl {
  min-width: 48px;
  width: 48px;
  height: 48px;
}
.icon.icon-green {
  filter: invert(30%) sepia(87%) saturate(2246%) hue-rotate(149deg) brightness(98%) contrast(87%);
}
.icon.icon-red {
  filter: invert(27%) sepia(58%) saturate(3422%) hue-rotate(341deg) brightness(85%) contrast(112%);
}
.icon.icon-primary {
  filter: var(--filter-primary) !important;
}
.icon.icon-white {
  filter: var(--filter-white);
}
.icon.icon-accent {
  filter: var(--filter-accent) !important;
}
.icon.icon-yellow {
  filter: invert(70%) sepia(44%) saturate(4005%) hue-rotate(357deg) brightness(99%) contrast(84%);
}
.icon.icon-violet {
  filter: invert(21%) sepia(96%) saturate(4582%) hue-rotate(242deg) brightness(101%) contrast(101%);
}
.icon.icon-grey {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.icon.icon-grey-60,
.icon.icon-gray-60 {
  filter: var(--filter-gray-60);
}
.icon.icon-green-120 {
  filter: var(--filter-green-120);
}
.icon.icon-red-120 {
  filter: var(--filter-red-120) !important;
}
.icon.icon-gray-120 {
  filter: var(--filter-gray-120);
}
.icon.icon-gray-160 {
  filter: var(--filter-gray-160);
}
.icon.icon-warning-120 {
  filter: var(--filter-warning-120);
}
.icon.icon-danger-120 {
  filter: var(--filter-danger-120) !important;
}
.icon.icon-success-120 {
  filter: var(--filter-success-120);
}
.icon.icon-natcar-cian {
  filter: var(--filter-natcar-cian);
}
.icon.icon-natcar-blue {
  filter: var(--filter-natcar-blue);
}
.icon.icon-ochra-100 {
  filter: var(--filter-ochra-100);
}
.icon.icon-ochra-120 {
  filter: var(--filter-ochra-120);
}
.icon.icon-blue-120 {
  filter: var(--filter-blue-120);
}
.round-icon {
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.round-icon.round-icon-xxs {
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.round-icon.round-icon-xxs .icon {
  width: 14px;
  min-width: 14px;
  height: 14px;
}
.round-icon.round-icon-xs {
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 26px;
  max-height: 26px;
}
.round-icon.round-icon-xs .icon {
  width: 16px;
  min-width: 16px;
  height: 16px;
}
.round-icon.round-icon-sm {
  width: 32px;
  min-width: 32px;
  height: 32px;
}
.round-icon.round-icon-white {
  background-color: var(--white);
}
.round-icon.round-icon-primary {
  background-color: var(--natcar-blue);
}
.round-icon.round-icon-accent {
  background-color: var(--natcar-cian);
}
.round-icon.round-icon-red {
  background-color: var(--red-10);
}
.round-icon.round-icon-red .icon {
  filter: var(--filter-red-120);
}
.round-icon.round-icon-darkBlue {
  background-color: var(--king-blue-10);
}
.round-icon.round-icon-light-red {
  background-color: var(--danger-10);
}
.round-icon.round-icon-light-red .icon {
  filter: var(--filter-danger-120);
}
.round-icon.round-icon-light-red:hover {
  background-color: var(--danger-120);
}
.round-icon.round-icon-light-red:hover .icon {
  filter: var(--filter-white);
}
.round-icon.round-icon-light-red,
.round-icon.round-icon-danger {
  background-color: var(--danger-10);
}
.round-icon.round-icon-light-red .icon,
.round-icon.round-icon-danger .icon {
  filter: var(--filter-danger-120);
}
.round-icon.round-icon-light-red:not(.no-hover):hover,
.round-icon.round-icon-danger:not(.no-hover):hover {
  background-color: var(--danger-120);
}
.round-icon.round-icon-light-red:not(.no-hover):hover .icon,
.round-icon.round-icon-danger:not(.no-hover):hover .icon {
  filter: var(--filter-white);
}
.round-icon.round-icon-grey {
  background-color: var(--gray-10);
}
.round-icon.round-icon-grey .icon {
  filter: var(--filter-gray-160);
}
.round-icon.round-icon-grey:not(.no-hover):hover {
  background-color: var(--gray-160);
}
.round-icon.round-icon-grey:not(.no-hover):hover .icon {
  filter: var(--filter-white);
}
.round-icon.round-icon-border {
  border: 1px solid var(--gray-10);
}
.round-icon.round-icon-border:hover {
  border-color: var(--primary);
  border-width: 2px;
}
.round-icon.round-icon-gray-120 {
  background-color: var(--gray-10);
}
.round-icon.round-icon-gray-120 .icon {
  filter: var(--filter-gray-120);
}
.round-icon.round-icon-success {
  background-color: var(--success-10);
}
.round-icon.round-icon-success .icon {
  filter: var(--filter-success-120);
}
.round-icon.round-icon-success:not(.no-hover):hover {
  background-color: var(--success-120);
}
.round-icon.round-icon-success:not(.no-hover):hover .icon {
  filter: var(--filter-white);
}
button.icon:disabled {
  filter: invert(98%) sepia(1%) saturate(0%) hue-rotate(153deg) brightness(85%) contrast(87%);
}
.dropdown-toggle:not(.btn-outlined):hover .round-icon {
  background: #000;
}
.dropdown-toggle:not(.btn-outlined):hover .more_icon {
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%) !important;
}
.route_3_icon {
  background-image: url(img/uikit/route-3-icon.svg);
}
.icon-btn {
  cursor: pointer;
}
.lock_icon {
  background-image: url(img/uikit/lock-icon.svg);
}
.summary_icon {
  background-image: url(img/uikit/summary-icon.svg);
}
.up_arrow_new_icon {
  background-image: url(img/uikit/up-arrow-new-icon.svg);
}
.down_arrow_new_icon {
  background-image: url(img/uikit/down-arrow-new-icon.svg);
}
.notification_icon {
  background-image: url(img/uikit/notification-icon.svg);
}
.settings_icon {
  background-image: url(img/uikit/settings-icon.svg);
}
.exit_icon {
  background-image: url(img/uikit/exit-icon.svg);
}
.add_icon {
  background-image: url(img/uikit/add-icon.svg);
}
.cancel_icon {
  background-image: url(img/uikit/cancel-icon.svg);
}
.check_icon {
  background-image: url(img/uikit/checkmark-icon.svg);
}
.reports_icon {
  background-image: url(img/uikit/reports-icon.svg);
}
.geofences_icon {
  background-image: url(img/uikit/geofences-icon.svg);
}
.location_icon {
  background-image: url(img/uikit/location-icon.svg);
}
.location_icon_2 {
  background-image: url(img/uikit/location-icon-2.svg);
}
.driving_icon {
  background-image: url(img/uikit/driving-icon.svg);
}
.routes_icon {
  background-image: url(img/uikit/routes-icon.svg);
}
.home_icon {
  background-image: url(img/uikit/home-icon.svg);
}
.support_icon {
  background-image: url(img/uikit/support-icon.svg);
}
.services_icon {
  background-image: url(img/uikit/services-icon.svg);
}
.copy_icon {
  background-image: url(img/uikit/copy-icon.svg);
}
.car_parts {
  background-image: url(img/uikit/car-parts.svg);
}
.arrow_long_icon {
  background-image: url(img/uikit/arrow-long-icon.svg);
}
.left_arrow_icon {
  background-image: url(img/uikit/left-arrow-iocn.svg);
}
.right_arrow_icon {
  background-image: url(img/uikit/right-arrow-icon.svg);
}
.down_arrow_icon {
  background-image: url(img/uikit/down-arrow-icon.svg);
}
.delete_icon {
  background-image: url(img/uikit/delete-icon.svg);
}
.edit_icon {
  background-image: url(img/uikit/edit-icon.svg);
}
.warning_ring_icon {
  background-image: url(img/uikit/warning-ring.svg);
}
.warning_tr_icon {
  background-image: url(img/uikit/warning-tr-icon.svg);
}
.close_icon {
  background-image: url(img/uikit/close-icon.svg);
}
.close_big_icon {
  background-image: url(img/uikit/close-big-icon.svg);
}
.retry_icon {
  background-image: url(img/uikit/retry-icon.svg);
}
.download_icon {
  background-image: url(img/uikit/download-icon.svg);
}
.download_alt_icon {
  background-image: url(img/uikit/download-alt-icon.svg);
}
.car_icon {
  background-image: url(img/uikit/car-icon.svg);
}
.terminal_icon {
  background-image: url(img/uikit/terminal-on-map-icon.svg);
}
.autoservice_icon {
  background-image: url(img/uikit/autoservice-icon.svg);
}
.autoservice_icon_2 {
  background-image: url(img/uikit/autoservice-icon-2.svg);
}
.truck_icon {
  background-image: url(img/uikit/truck-icon.svg);
}
.truck_icon_filter {
  background-image: url(img/uikit/truck-icon.svg);
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
}
.more_icon {
  background-image: url(img/uikit/more-icon.svg);
}
.trailer_icon {
  background-image: url(img/uikit/trailer-icon.svg);
}
.car_status_1_icon {
  background-image: url(img/uikit/car-status-icon-1.svg);
}
.car_status_2_icon {
  background-image: url(img/uikit/car-status-icon-2.svg);
}
.car_status_3_icon {
  background-image: url(img/uikit/car-status-icon-3.svg);
}
.car_status_4_icon {
  background-image: url(img/uikit/car-status-icon-4.svg);
}
.car_status_5_icon {
  background-image: url(img/uikit/car-status-icon-5.svg);
}
.burger_icon {
  background-image: url(img/uikit/burger-icon.svg);
}
.star_icon {
  background-image: url(img/uikit/star-icon.svg);
}
.hint_icon {
  background-image: url(img/uikit/hint-icon.svg);
}
.calendar_icon {
  background-image: url(img/uikit/calendar-icon.svg);
}
.add_ring_icon {
  background-image: url(img/uikit/add-ring-icon.svg);
}
.checkmark_ring_icon {
  background-image: url(img/uikit/checkmark-ring-icon.svg);
}
.thumb_up_icon {
  background-image: url(img/uikit/thumb-up-icon.svg);
}
.invoice_icon {
  background-image: url(img/uikit/invoice-icon.svg);
}
.important_message_1_icon {
  background-image: url(img/uikit/important-message-icon-1.svg);
}
.important_message_2_icon {
  background-image: url(img/uikit/important-message-icon-2.svg);
}
.important_message_3_icon {
  background-image: url(img/uikit/important-message-icon-3.svg);
}
.important_message_4_icon {
  background-image: url(img/uikit/important-message-icon-4.svg);
}
.no_data_icon {
  background-image: url(img/uikit/no-data-icon.svg);
}
.shield_icon {
  background-image: url(img/uikit/shield-icon.svg);
}
.round_accent_icon {
  background-image: url(img/uikit/round-accent-icon.svg);
}
.document_icon {
  background-image: url(img/uikit/document-icon.svg);
}
.parking_icon {
  background-image: url(img/uikit/parking-icon.svg);
}
.pin_icon {
  background-image: url(img/uikit/pin-icon.svg);
}
.no-internet_icon {
  background-image: url(img/uikit/no-internet-icon.svg);
}
.not_allowed_icon {
  background-image: url(img/uikit/not-allowed-icon.svg);
}
.rejected_icon {
  background-image: url(img/uikit/rejected-icon.svg);
}
.no_data_icon_2 {
  background-image: url(img/uikit/no-data-icon-2.svg);
}
.no_data_icon_3 {
  background-image: url(img/uikit/no-data-icon-3.svg);
}
.no_data_icon_4 {
  background-image: url(img/uikit/no-data-icon-4.svg);
}
.no_data_icon_5 {
  background-image: url(img/uikit/no-data-icon-5.svg);
}
.no_data_icon_6 {
  background-image: url(img/uikit/no-data-icon-6.svg);
}
.no_data_icon_7 {
  background-image: url(img/uikit/no-data-icon-7.svg);
}
.no_data_icon_8 {
  background-image: url(img/uikit/no-data-icon-8.svg);
}
.no_data_icon_9 {
  background-image: url(img/uikit/no-data-icon-9.svg);
}
.no_data_icon_10 {
  background-image: url(img/uikit/no-data-icon-10.svg);
}
.no_data_icon_11 {
  background-image: url(img/uikit/no-data-icon-11.svg);
}
.no_data_icon_12 {
  background-image: url(img/uikit/no-data-icon-12.svg);
}
.no_data_icon_13 {
  background-image: url(img/uikit/no-data-icon-13.svg);
}
.fota_icon {
  background-image: url(img/uikit/fota-icon.svg);
}
.search_icon {
  background-image: url(img/uikit/search-icon.svg);
}
.update_icon {
  background-image: url(img/uikit/update-icon.svg);
}
.clock_icon {
  background-image: url(img/uikit/clock-icon.svg);
}
.back_icon {
  background-image: url(img/uikit/arrow-back.svg);
}
.sort_icon {
  background-image: url(img/uikit/sort-icon.svg);
}
.settings_2_icon {
  background-image: url(img/uikit/settings2-icon.svg);
}
.stretch_out_icon {
  background-image: url(img/uikit/stretch_out_icon.svg);
}
.stretch_in_icon {
  background-image: url(img/uikit/stretch-in-icon.svg);
}
.filter_icon {
  background-image: url(img/uikit/filter-icon.svg);
}
.filter_icon_2 {
  background-image: url(img/uikit/filter-icon-2.svg);
}
.drag_icon {
  background-image: url(img/uikit/drag-icon.svg);
}
.send_icon {
  background-image: url(img/uikit/send-icon.svg);
}
.parking_2_icon {
  background-image: url(img/uikit/parking-icon-2.svg);
}
.play_icon {
  background-image: url(img/uikit/play-icon.svg);
}
.route_icon {
  background-image: url(img/uikit/route-icon.svg);
}
.stop_icon {
  background-image: url(img/uikit/stop-icon.svg);
}
.mail_icon {
  background-image: url(img/uikit/mail-icon.svg);
}
.no_signal_icon {
  background-image: url(img/uikit/no-signal-icon.svg);
}
.no_data_2_icon {
  background-image: url(img/uikit/no-data-icon-2.svg);
}
.no_data_icon2_active {
  background-image: url(img/uikit/no-data-icon-2-active.svg);
}
.parking_icon2_active {
  background-image: url(img/uikit/parking-icon-2-active.svg);
}
.play_icon_active {
  background-image: url(img/uikit/play-icon-active.svg);
}
.stop_icon_active {
  background-image: url(img/uikit/stop-icon-active.svg);
}
.no_signal_icon_active {
  background-image: url(img/uikit/no-signal-icon-active.svg);
}
.route_icon_active {
  background-image: url(img/uikit/route-icon-active.svg);
}
.gas_station_icon {
  background-image: url(img/uikit/gas-station-icon.svg);
}
.drain_icon {
  background-image: url(img/uikit/drain-icon.svg);
}
.flag_icon {
  background-image: url(img/uikit/flag-icon.svg);
}
.shape_icon {
  background-image: url(img/uikit/shape-icon.svg);
}
.exit_icon_1 {
  background-image: url(img/uikit/exit-icon-1.svg);
}
.exit_2_icon {
  background-image: url(img/uikit/exit-2-icon.svg);
}
.box_icon {
  background-image: url(img/uikit/box-icon.svg);
}
.route_icon_from {
  background-image: url(img/uikit/route-from-icon.svg);
}
.route_icon_to {
  background-image: url(img/uikit/route-to-icon.svg);
}
.route_icon_from2 {
  background-image: url(img/uikit/route-from-icon2.svg);
}
.route_icon_to2 {
  background-image: url(img/uikit/route-to-icon2.svg);
}
.steering_wheel_icon {
  background-image: url(img/uikit/steering-wheel-icon.svg);
}
.trailer_icon {
  background-image: url(img/uikit/trailer-icon.svg);
}
.checkmark-disabled {
  background-image: url(img/uikit/check-mark-gray-icon.svg);
}
.track_icon {
  background-image: url(img/uikit/track-icon.svg);
}
.tail_icon {
  background-image: url(img/uikit/tail-icon.svg);
}
.vehicle_sm_icon {
  background-image: url(img/uikit/vehicle-sm-icon.svg);
  width: 20px;
  height: 13px;
}
.vehicle_md_icon {
  background-image: url(img/uikit/vehicle-md-icon.svg);
  width: 22px;
  height: 15px;
}
.vehicle_lg_icon {
  background-image: url(img/uikit/vehicle-lg-icon.svg);
  width: 34px;
  height: 15px;
}
.eye_opened_icon {
  background-image: url(img/uikit/eye-opened-icon.svg);
}
.eye_closed_icon {
  background-image: url(img/uikit/eye-closed-icon.svg);
}
.map_icon {
  background-image: url(img/uikit/map-icon.svg);
}
.map_icon_2 {
  background-image: url(img/uikit/map-icon-2.svg);
}
.platon_icon {
  background-image: url(img/uikit/platon-icon.svg);
}
.fuel_icon {
  background-image: url(img/uikit/fuel-icon.svg);
}
.swap_vertical_icon {
  background-image: url(img/uikit/swap-vertical-icon.svg);
}
.map_marker_icon {
  background-image: url(img/uikit/map-marker-icon.svg);
}
.exchange_icon {
  background-image: url(img/uikit/exchange-icon.svg);
}
.calc_icon {
  background-image: url(img/uikit/calc-icon.svg);
}
.up_arrow_icon_2 {
  background-image: url(img/uikit/up-arrow-icon-2.svg);
}
.down_arrow_icon_2 {
  background-image: url(img/uikit/down-arrow-icon-2.svg);
}
.signal_color_icon {
  background-image: url(img/uikit/signal-color-icon.svg);
}
.clock_color_icon {
  background-image: url(img/uikit/clock-color-icon.svg);
}
.shield_color_icon {
  background-image: url(img/uikit/shield-color-icon.svg);
}
.graph_bar_color_icon {
  background-image: url(img/uikit/graph-bar-color-icon.svg);
}
.user_icon {
  background-image: url(img/uikit/user-icon.svg);
}
.block_icon {
  background-image: url(img/uikit/block-icon.svg);
}
.conversion_icon {
  background-image: url(img/uikit/conversion-icon.svg);
}
.searching_illustration {
  background-image: url(img/uikit/searching-illustration.svg);
  width: 92px;
  min-width: 92px;
  height: 81px;
}
.upload_icon,
.upload_alt_icon {
  background-image: url(img/uikit/upload-icon.svg);
}
.cloud_upload_icon {
  background-image: url(img/uikit/cloud-upload-icon.svg);
}
.cloud_download_icon {
  background-image: url(img/uikit/cloud-download-icon.svg);
}
.multicargo_icon {
  background-image: url(img/uikit/multicargo-icon.svg);
}
.curved_arrow_icon {
  background-image: url(img/uikit/curved-arrow-icon.svg);
}
.school_details_icon {
  background-image: url(img/uikit/school-details-icon.svg);
}
.bookmark_tabs_icon {
  background-image: url(img/uikit/bookmark-tabs-icon.svg);
}
.name_badge_icon {
  background-image: url(img/uikit/name-badge-icon.svg);
}
.repair_icon {
  background-image: url(img/uikit/repair-icon.svg);
}
.dashboard_icon {
  background-image: url(img/uikit/dashboard-icon.svg);
}
.design_icon {
  background-image: url(img/uikit/design-icon.svg);
}
.rouble_currency_icon {
  background-image: url(img/uikit/rouble-currency-icon.svg);
}
.company_icon {
  background-image: url(img/uikit/company-icon.svg);
}
.wallet_icon {
  background-image: url(img/uikit/wallet-icon.svg);
}
.info_ring_icon {
  background-image: url(img/uikit/info-ring-icon.svg);
}
.hint_ring_icon {
  background-image: url(img/uikit/hint-ring-icon.svg);
}
.read_icon {
  background-image: url(img/uikit/read-icon.svg);
}
.percent_icon {
  background-image: url(img/uikit/percent-icon.svg);
}
.face_sad_icon {
  background-image: url(img/uikit/face-sad-icon.svg);
}
.wallet_2 {
  background-image: url(img/uikit/wallet-2.svg);
}
.card_payment {
  background-image: url(img/uikit/card-payment.svg);
}
.user_payment {
  background-image: url(img/uikit/user-payment.svg);
}
.cargomart_icon {
  background-image: url(img/uikit/market-icons/cargomart-icon.svg);
}
.monopoly_icon {
  background-image: url(img/uikit/market-icons/monopoly-icon.svg);
}
.market_2082_icon {
  background-image: url(img/uikit/market-icons/2082-icon.png);
}
.atisu_icon {
  background-image: url(img/uikit/market-icons/atisu-icon.png);
}
.momo_icon {
  background-image: url(img/uikit/market-icons/momo-icon.png);
}
.trucker_icon {
  background-image: url(img/uikit/market-icons/trucker-icon.svg);
}
.fire_emoji {
  background-image: url(img/uikit/fire-emoji.svg);
}
.fire_disabled_emoji {
  background-image: url(img/uikit/fire-disabled-emoji.svg);
}
.speedometer_icon {
  background-image: url(img/uikit/speedometer-icon.svg);
}
.short_arrow_icon {
  background-image: url(img/uikit/up-arrow-icon.svg);
}
.mail_service_icon {
  background-image: url(img/uikit/mail-service-icon.svg);
}
.role_icon {
  background-image: url(img/uikit/role-icon.svg);
}
.compas_icon {
  background-image: url(img/uikit/compas-icon.svg);
}
.driver_card_illustration {
  background-image: url(img/uikit/driver-card-illustration.svg);
  min-width: 139px;
  width: 139px;
  height: 119px;
}
.kamaz_illustration {
  background-image: url(img/uikit/kamaz-illustration.svg);
  min-width: 139px;
  width: 139px;
  height: 119px;
}
.trailer_illustration {
  background-image: url(img/uikit/trailer-illustration.svg);
  min-width: 139px;
  width: 139px;
  height: 119px;
}
.logo_icon {
  background-image: url(img/uikit/logo-icon.svg);
}
.attach_icon {
  background-image: url(img/uikit/attach-icon.svg);
}
.archive_icon {
  background-image: url(img/uikit/archive-icon.svg);
}
.stamp_icon {
  background-image: url(img/uikit/stamp-icon.svg);
}
.stamp_2_icon {
  background-image: url(img/uikit/stamp-2-icon.svg);
}
.forward_ring_icon {
  background-image: url(img/uikit/forward-ring-icon.svg);
}
.ruler_icon {
  background-image: url(img/uikit/ruler-icon.svg);
}
.qr_logo_icon {
  background-image: url(img/uikit/qr-logo-icon.svg);
}
.cluster_icon {
  background-image: url(img/uikit/cluster-icon.svg);
}
.minus_icon {
  background-image: url(img/uikit/minus-icon.svg);
}
.shield_check_icon {
  background-image: url(img/uikit/shield-check-icon.svg);
}
.invoice_info_icon {
  background-image: url(img/uikit/invoice-info-icon.svg);
}
.comment_icon {
  background-image: url(img/uikit/comment-icon.svg);
}
.fastpay_icon {
  background-image: url(img/uikit/fastpay-icon.svg);
}
.side_arrow_icon {
  background-image: url(img/uikit/side-arrow-icon.svg);
}
.up_shevron_icon {
  background-image: url(img/uikit/up-shevron-icon.svg);
}
.stocks_and_bonds_icon {
  background-image: url(img/uikit/stocks-and-bonds-icon.svg);
}
.route_completion_icon {
  background-image: url(img/uikit/route-completion-icon.svg);
}
.comment_icon_2 {
  background-image: url(img/uikit/comment-icon-2.svg);
}
.document_check_icon {
  background-image: url(img/uikit/document-check.svg);
}
.telegram_logo_icon {
  background-image: url(img/uikit/telegram-logo-icon.svg);
}
.chat_bot_icon {
  background-image: url(img/uikit/chat-bot-icon.svg);
}
.card_get_icon {
  background-image: url(img/uikit/card-get-icon.svg);
}
.auction_icon {
  background-image: url(img/uikit/auction-icon.svg);
}
.route_3_icon {
  background-image: url(img/uikit/route-3-icon.svg);
}
.route_3_white_icon {
  background-image: url(img/uikit/route-3-white-icon.svg);
}
.whatsapp_icon {
  background-image: url(img/uikit/whatsapp-icon.svg);
}
.dashed_arrow_right_icon {
  background-image: url(img/uikit/dashed-arrow-right-icon.svg);
}
.collapse_icon {
  background-image: url(img/uikit/collapse-icon.svg);
}
.expand_icon {
  background-image: url(img/uikit/expand-icon.svg);
}
.terminal_on_map_icon {
  background-image: url(img/uikit/terminal-on-map-icon.svg);
}
.support_2_icon {
  background-image: url(img/uikit/support-2-icon.svg);
}
.line165_icon {
  width: 40px;
  min-width: 40px;
  height: 6px;
  background-image: url(img/uikit/line165-icon.svg);
}
.left_geofence_icon {
  background-image: url(img/uikit/left-geofence-icon.svg);
}
.new_tab_icon {
  background-image: url(img/uikit/new-tab-icon.svg);
}
.order_thin_icon {
  background-image: url(img/uikit/order-thin-icon.svg);
}
.truck_thin_icon {
  background-image: url(img/uikit/truck-thin-icon.svg);
}
.sorting_icon {
  background-image: url(img/uikit/sorting-icon.svg);
}
.fuel_colored_icon {
  background-image: url(img/uikit/fuel-colored-icon.svg);
  min-width: 62px;
  width: 62px;
  height: 40px;
}
.kamaz_market_colored_icon {
  background-image: url(img/uikit/kamaz-market-colored-icon.svg);
  min-width: 62px;
  width: 62px;
  height: 40px;
}
.kamaz_service_colored_icon {
  background-image: url(img/uikit/kamaz-service-colored-icon.svg);
  min-width: 86px;
  width: 86px;
  height: 40px;
}
.s_arrow_icon {
  background-image: url(img/uikit/s-arrow-icon.svg);
  min-width: 154px;
  width: 154px;
  height: 72px;
}
.s_arrow_2_icon {
  background-image: url(img/uikit/s-arrow-2-icon.svg);
  min-width: 63px;
  width: 63px;
  height: 58px;
}
.instruction_1_icon {
  background-image: url(img/uikit/instruction-1-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.instruction_2_icon {
  background-image: url(img/uikit/instruction-2-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.instruction_3_icon {
  background-image: url(img/uikit/instruction-3-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.instruction_4_icon {
  background-image: url(img/uikit/instruction-4-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.instruction_5_icon {
  background-image: url(img/uikit/instruction-5-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.instruction_6_icon {
  background-image: url(img/uikit/instruction-6-icon.svg);
  min-width: 172px;
  width: 172px;
  height: 120px;
}
.star_hollow_inside_icon {
  background-image: url(img/uikit/star-hollow-inside-icon.svg);
}
.bell_icon {
  background-image: url(img/uikit/bell-icon.svg);
}
.up_ring_icon {
  background-image: url(img/uikit/up-ring-icon.svg);
}
.down_ring_icon {
  background-image: url(img/uikit/down-ring-icon.svg);
}
.recommendations_icon {
  background-image: url(img/uikit/recommendations_icon.svg);
}
.head_recommendation_icon {
  background-image: url(img/uikit/head-recommendation-icon.svg);
}
.instruction_arrow_401_icon {
  background-image: url(img/uikit/instruction-arrow-401-icon.svg);
  min-width: 207px;
  width: 207px;
  height: 101px;
}
.instruction_arrow_402_icon {
  background-image: url(img/uikit/instruction-arrow-402-icon.svg);
  min-width: 122px;
  width: 122px;
  height: 58px;
}
.instruction_arrow_403_icon {
  background-image: url(img/uikit/instruction-arrow-403-icon.svg);
  min-width: 227px;
  width: 227px;
  height: 59px;
}
.instruction_arrow_404_icon {
  background-image: url(img/uikit/instruction-arrow-404-icon.svg);
  min-width: 111px;
  width: 111px;
  height: 59px;
}
.calendar_with_date_icon {
  background-image: url(img/uikit/calendar-with-date-icon.svg);
}
.notification_cian_round_icon {
  background-image: url(img/uikit/notification-cian-round-icon.svg);
  min-width: 8px;
  width: 8px;
  height: 8px;
}
.route_add_to_where_icon {
  background-image: url(img/uikit/route-add-to-where-icon.svg);
}
.swap_horizontal_icon {
  background-image: url(img/uikit/swap-horizontal-icon.svg);
}
.communicator_icon {
  background-image: url(img/uikit/communicator-icon.svg);
}
.phone_icon {
  background-image: url(img/uikit/phone-icon.svg);
}
.double_check_icon {
  background-image: url(img/uikit/double-check-icon.svg);
}
.cross_ring_icon {
  background-image: url(img/uikit/cross-ring-icon.svg);
}
.rouble_ring_icon {
  background-image: url(img/uikit/rouble-ring-icon.svg);
}
.line_connection_start_icon {
  width: 2px;
  min-width: 2px;
  height: 44px;
  background-image: url(img/uikit/line-connection-start-icon.svg);
}
.line_connection_middle_icon {
  width: 17px;
  min-width: 17px;
  height: 120px;
  background-image: url(img/uikit/line-connection-middle-icon.svg);
}
.line_connection_end_icon {
  width: 17px;
  min-width: 17px;
  height: 120px;
  background-image: url(img/uikit/line-connection-end-icon.svg);
}
.like_icon {
  background-image: url(img/uikit/like-icon.svg);
}
.arrow_left_icon {
  background-image: url(img/uikit/arrow-left-icon.svg);
}
.sound_icon {
  background-image: url(img/uikit/sound-icon.svg);
}
.missed_call_icon {
  background-image: url(img/uikit/missed-call-icon.svg);
}
.transcription_icon {
  width: 26px;
  min-width: 26px;
  height: 18px;
  background-image: url(img/uikit/transcription-icon.svg);
}
.transcription_white_icon {
  width: 26px;
  min-width: 26px;
  height: 18px;
  background-image: url(img/uikit/transcription-white-icon.svg);
}
.transcription_gray_icon {
  width: 26px;
  min-width: 26px;
  height: 18px;
  background-image: url(img/uikit/transcription-gray-icon.svg);
}
.trucking_line_start_icon {
  width: 17px;
  min-width: 17px;
  height: 68px;
  background-image: url(img/uikit/trucking-line-start-icon.svg);
}
.trucking_line_middle_icon {
  width: 17px;
  min-width: 17px;
  height: 90px;
  background-image: url(img/uikit/trucking-line-middle-icon.svg);
}
.trucking_line_end_icon {
  width: 17px;
  min-width: 17px;
  height: 23px;
  background-image: url(img/uikit/trucking-line-end-icon.svg);
}
.analytics_icon {
  background-image: url(img/icons/analytics-icon.svg);
}
.info-card {
  --info-card-header-w: 226px;
  --info-card-header-w-150: 150px;
}
.info-card .info-card-header {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}
.info-card .info-card-subheader {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--gray-100);
}
.info-card .info-card-field {
  display: flex;
  gap: 16px;
  min-width: 0;
}
.info-card .info-card-field .info-card-field-header {
  min-width: var(--info-card-header-w);
  width: var(--info-card-header-w);
  color: var(--gray-100);
}
.info-card .info-card-field .empty {
  color: var(--gray-60);
}
.info-card .info-card-field.info-card-vertical-field {
  --info-card-header-w: 100%;
  flex-direction: column;
  gap: 4px;
}
.info-card .info-card-field-150 {
  display: flex;
  gap: 16px;
  min-width: 0;
}
.info-card .info-card-field-150 .info-card-field-header-150 {
  min-width: var(--info-card-header-w-150);
  width: var(--info-card-header-w-150);
  color: var(--gray-100);
}
.info-card .preview-card {
  padding: 18px 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  border-radius: 16px;
  border: 1px solid var(--gray-10);
  background: var(--gray-05);
}
.info-card .preview-card .preview-card-header {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.info-card .preview-card .preview-card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
button:disabled {
  cursor: auto;
}
.btn {
  --icon-indent: 8px;
  --icon-size: 20px;
  --background-color: var(--white);
  --border-width: 2px;
  --border-color: var(--background-color);
  --border-type: solid;
  font-size: 16px;
  line-height: 1.625;
  font-family: "Roboto", sans-serif;
  border-radius: 8px;
  padding: 11px 22px;
  transition: all 0.15s;
  color: var(--white);
  border: var(--border-width) var(--border-type) var(--border-color);
  font-weight: 500;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--icon-indent);
  width: max-content;
  max-width: 100%;
  white-space: nowrap;
  background-color: var(--background-color);
}
.btn .icon {
  width: var(--icon-size);
  min-width: var(--icon-size);
  height: var(--icon-size);
  max-height: var(--icon-size);
  margin-right: 0;
  filter: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
}
.btn.btn-icon-left .icon {
  order: 1;
  margin-left: 0;
}
.btn.btn-icon-left span:not(.icon) {
  order: 2;
}
.btn:hover {
  box-shadow: none;
}
.btn.btn-icon {
  --icon-indent: 11px;
}
.btn.btn-icon .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.btn-xs {
  --icon-size: 16px;
  padding: 0 17px;
  height: 28px;
  gap: 6px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.btn.btn-xs.btn-ghost {
  padding: 0;
  height: auto;
}
.btn.btn-xs.btn-icon {
  width: 28px;
  padding: 6px;
}
.btn.btn-sm {
  --icon-size: 16px;
  padding: 6px 17px;
  font-size: 14px;
  line-height: 18px;
  height: 32px;
}
.btn.btn-sm.btn-icon {
  padding: 2px 0;
  width: 32px;
  min-width: 32px;
}
.btn.btn-md {
  --icon-size: 16px;
  padding: 7px 18px;
  font-size: 14px;
  line-height: 1.286;
  height: 36px;
}
.btn.btn-md.btn-icon {
  padding: 8px;
}
.btn.btn-lg {
  --icon-indent: 8px;
  padding: 5px 18px;
  height: 40px;
}
.btn.btn-lg.btn-icon {
  padding: 2px;
  width: 40px;
  min-width: 40px;
}
.btn.btn-xl {
  --icon-indent: 11px;
  padding: 2px 22px;
  height: 48px;
}
.btn.btn-xl.btn-icon {
  padding: 12px;
  max-width: 48px;
  max-height: 48px;
}
.btn.btn-xxl {
  --icon-indent: 8px;
  padding: 11px 22px;
  height: 52px;
}
.btn.btn-xxl.btn-icon {
  padding: 14px;
}
.btn.btn-border-1 {
  --border-width: 1px;
}
.btn.btn-accent {
  --background-color: var(--natcar-cian);
}
.btn.btn-accent:hover {
  --background-color: var(--on-natcar-cian);
}
.btn.btn-primary {
  --background-color: var(--natcar-blue);
}
.btn.btn-primary .icon {
  filter: var(--filter-white);
}
.btn.btn-primary:hover {
  --background-color: var(--on-natcar-blue);
}
.btn.btn-outlined {
  --background-color: var(--white);
  --border-color: var(--gray-30);
  color: var(--primary);
}
.btn.btn-outlined:hover {
  --border-color: var(--primary);
}
.btn.btn-outlined:disabled,
.btn.btn-outlined.btn-disabled {
  --background-color: var(--white);
  --border-color: var(--gray-10);
  color: var(--gray-40);
}
.btn.btn-outlined:disabled:hover,
.btn.btn-outlined.btn-disabled:hover {
  --background-color: var(--white);
  --border-color: var(--gray-10);
}
.btn.btn-outlined:disabled .icon,
.btn.btn-outlined.btn-disabled .icon {
  filter: var(--filter-gray-40);
}
.btn.btn-outlined .icon {
  filter: var(--filter-gray-160);
}
.btn.btn-critical {
  --background-color: var(--danger-120);
}
.btn.btn-critical:hover {
  --background-color: var(--on-danger);
}
.btn:disabled,
.btn .btn-disabled {
  --background-color: var(--gray-10);
  color: var(--gray-40);
  cursor: unset;
}
.btn:disabled:hover,
.btn .btn-disabled:hover {
  --background-color: var(--gray-10);
  color: var(--gray-40);
}
.btn:disabled .icon,
.btn .btn-disabled .icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(3906%) hue-rotate(37deg) brightness(88%) contrast(76%);
}
.btn.btn-ghost {
  padding: 0;
  color: var(--primary);
  --background-color: transparent;
  border: none;
  height: auto;
}
.btn.btn-ghost .icon {
  filter: var(--filter-gray-160);
}
.btn.btn-ghost:hover {
  color: var(--natcar-cian);
}
.btn.btn-ghost:hover .icon {
  filter: var(--filter-natcar-cian);
}
.btn.btn-ghost:disabled,
.btn.btn-ghost.btn-disabled {
  color: var(--gray-40);
  --background-color: unset;
}
.btn.btn-ghost:disabled .icon,
.btn.btn-ghost.btn-disabled .icon {
  filter: var(--filter-gray-40);
}
.btn.btn-ghost.btn-lg,
.btn.btn-ghost.btn-md,
.btn.btn-ghost.btn-sm {
  font-size: 14px;
  line-height: 18px;
}
.btn.btn-ghost.btn-ghost-invert {
  color: var(--accent);
}
.btn.btn-ghost.btn-ghost-invert:hover {
  color: var(--primary);
}
.btn.btn-ghost.btn-ghost-notify {
  color: var(--red-120);
}
.btn.btn-ghost.btn-ghost-notify span:nth-child(2) {
  font-size: 14px;
  line-height: 18px;
  color: #808185;
  font-weight: normal;
}
.btn.btn-ghost.btn-ghost-notify:hover {
  color: var(--natcar-blue);
}
.btn.btn-full-width {
  width: 100%;
}
.btn.btn-round {
  border-radius: 100%;
}
.btn.btn-dashed {
  --border-color: var(--natcar-cold-gray);
  --border-type: dashed;
  --border-width: 1px;
  color: var(--natcar-cold-gray);
  position: relative;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.btn.btn-dashed > .icon {
  filter: var(--filter-natcar-cold-gray);
}
.btn.btn-dashed:hover {
  border-color: var(--natcar-cian);
  color: var(--natcar-cian);
}
.btn.btn-dashed:hover > .icon {
  filter: var(--filter-natcar-cian);
}
.btn.btn-fixed {
  --btn-fixed-inset-x: 16px;
  --btn-fixed-inset-bottom: 20px;
  position: fixed;
  width: auto;
  bottom: var(--btn-fixed-inset-bottom);
  left: var(--btn-fixed-inset-x);
  right: var(--btn-fixed-inset-x);
  z-index: 1000;
}
.map-btn-square {
  border-radius: 8px;
  width: 48px;
  height: 48px;
  background-color: var(--white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-btn-square .icon {
  filter: invert(77%) sepia(0%) saturate(0%) hue-rotate(194deg) brightness(112%) contrast(78%);
}
.map-btn-square:hover .icon {
  filter: invert(40%) sepia(37%) saturate(7496%) hue-rotate(216deg) brightness(105%) contrast(102%);
}
.map-btn-square.map-btn-square-active .icon {
  filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(299%) hue-rotate(187deg) brightness(96%) contrast(93%);
}
.text-link__back {
  font-size: 14px;
  margin-left: 10px;
  color: var(--primary);
}
.text-link:before {
  border-bottom-color: var(--primary);
}
.back_icon {
  filter: invert(13%) sepia(3%) saturate(2342%) hue-rotate(187deg) brightness(92%) contrast(85%);
}
input[type="file"] {
  display: none;
}
input.input-mask,
input[type="text"],
input[type="time"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="email"] {
  --input-color: var(--primary);
  font-size: var(--input-font-size);
  line-height: 1;
  color: var(--input-color);
  height: var(--input-height);
  width: var(--formgroup-element-width, 100%);
  border-radius: var(--border-radius);
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  border: var(--input-border-width) solid var(--input-border-color);
  position: relative;
  background-color: var(--input-bg);
}
input.input-mask[placeholder],
input[type="text"][placeholder],
input[type="time"][placeholder],
input[type="password"][placeholder],
input[type="search"][placeholder],
input[type="number"][placeholder],
input[type="email"][placeholder] {
  text-overflow: ellipsis;
}
input.input-mask::placeholder,
input[type="text"]::placeholder,
input[type="time"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder {
  color: var(--gray-60);
}
input.input-mask:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input.input-mask:focus-visible,
input[type="text"]:focus-visible,
input[type="time"]:focus-visible,
input[type="password"]:focus-visible,
input[type="search"]:focus-visible,
input[type="number"]:focus-visible,
input[type="email"]:focus-visible {
  border-width: var(--input-border-width-hover);
  --input-border-color: var(--primary);
  padding: 0 calc(var(--padding-right) - var(--input-border-diff)) 0 calc(var(--padding-left) - var(--input-border-diff));
}
input.input-mask:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled {
  --input-bg: var(--wild-sand);
  --input-border-color: var(--wild-sand);
  --input-color: var(--gray-60);
  cursor: auto;
}
.input-container-xxl {
  --input-height: 52px;
}
@media (min-resolution: 0.5dppx) {
  .input-container input.input-mask:hover,
  .input-container input[type="text"]:hover,
  .input-container input[type="time"]:hover,
  .input-container input[type="password"]:hover,
  .input-container input[type="search"]:hover,
  .input-container input[type="number"]:hover,
  .input-container input[type="email"]:hover,
  .input-container input.input-mask:focus,
  .input-container input[type="text"]:focus,
  .input-container input[type="time"]:focus,
  .input-container input[type="password"]:focus,
  .input-container input[type="search"]:focus,
  .input-container input[type="number"]:focus,
  .input-container input[type="email"]:focus {
    padding: 0 var(--padding-right) 0 var(--padding-left);
  }
}
@media (-webkit-min-device-pixel-ratio: 0.5) {
  .input-container input.input-mask:hover,
  .input-container input[type="text"]:hover,
  .input-container input[type="time"]:hover,
  .input-container input[type="password"]:hover,
  .input-container input[type="search"]:hover,
  .input-container input[type="number"]:hover,
  .input-container input[type="email"]:hover,
  .input-container input.input-mask:focus,
  .input-container input[type="text"]:focus,
  .input-container input[type="time"]:focus,
  .input-container input[type="password"]:focus,
  .input-container input[type="search"]:focus,
  .input-container input[type="number"]:focus,
  .input-container input[type="email"]:focus {
    padding: 0 var(--padding-right) 0 var(--padding-left);
  }
}
@media (min-resolution: 1dppx) {
  .input-container input.input-mask:hover,
  .input-container input[type="text"]:hover,
  .input-container input[type="time"]:hover,
  .input-container input[type="password"]:hover,
  .input-container input[type="search"]:hover,
  .input-container input[type="number"]:hover,
  .input-container input[type="email"]:hover,
  .input-container input.input-mask:focus,
  .input-container input[type="text"]:focus,
  .input-container input[type="time"]:focus,
  .input-container input[type="password"]:focus,
  .input-container input[type="search"]:focus,
  .input-container input[type="number"]:focus,
  .input-container input[type="email"]:focus {
    padding: 0 calc(var(--padding-right) - var(--input-border-diff)) 0 calc(var(--padding-left) - var(--input-border-diff));
  }
}
.input-icon-container {
  position: relative;
  display: flex;
  align-items: center;
  --padding-right: 48px;
}
.input-icon-container .icon,
.input-icon-container .btn-copy {
  height: var(--icon-size, 24px);
  width: var(--icon-size, 24px);
  min-width: var(--icon-size, 24px);
  position: absolute;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  order: 2;
}
.input-icon-container .multiicon-container {
  display: flex;
  position: absolute;
  right: 12px;
  align-items: center;
  gap: 10px;
  height: 100%;
}
.input-icon-container .multiicon-container .icon,
.input-icon-container .multiicon-container .btn-copy {
  position: relative;
  right: unset;
  order: unset;
}
.input-icon-container.input-icon-grey-container .icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%) !important;
}
.input-icon-container.input-icon-left {
  --padding-right: 12px;
  --padding-left: 40px;
}
.input-icon-container.input-icon-left span {
  left: 12px;
  right: unset;
}
.input-icon-container .btn-copy {
  display: flex;
  height: calc(var(--icon-size) + 12px);
  width: calc(var(--icon-size) + 12px);
  padding: 6px;
  border-radius: 4px;
}
.input-icon-container .btn-copy:hover {
  background-color: var(--gray-10);
}
.input-icon-container .btn-copy .icon {
  position: relative;
  filter: none;
  right: unset;
}
.input-search-container {
  --input-border-color: var(--gray-10);
}
.input-search-container .icon {
  order: 1;
}
.input-search-container input {
  order: 2;
}
.input-calendar-container .icon,
.input-search-container .icon,
.input-timepicker-container .icon {
  filter: invert(78%) sepia(7%) saturate(68%) hue-rotate(182deg) brightness(88%) contrast(88%);
}
.input-calendar-container input:focus-visible + .icon,
.input-search-container input:focus-visible + .icon,
.input-timepicker-container input:focus-visible + .icon,
.input-calendar-container input:focus-visible + .multiicon-container .icon,
.input-search-container input:focus-visible + .multiicon-container .icon,
.input-timepicker-container input:focus-visible + .multiicon-container .icon {
  filter: none;
}
:root {
  --map-indent: 20px;
}
.map-top-panel {
  position: absolute;
  top: 0;
  z-index: 3000;
  flex-direction: column;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  margin-left: 50%;
  max-width: 96%;
}
.map-bottom-panel {
  position: absolute;
  bottom: 10px;
  transform: translateX(-50%);
  margin-left: 50%;
  max-width: 96%;
  z-index: 3999;
}
.map-left-panel {
  position: absolute;
  left: var(--map-indent);
  top: 50%;
  transform: translateY(-50%);
  z-index: 2999;
}
.map-top-panel-white {
  background-color: var(--white);
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.map-top-info {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background-color: var(--white);
  width: Min(100%, 508px);
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3998;
}
.modal-overlay {
  --indent-top: var(--container-indent-top, 48px);
  --overlay-padding-x: 0;
  --overlay-padding-y: 40px;
  --overlay-padding: var(--overlay-padding-y) var(--overlay-padding-x);
  position: fixed;
  inset: var(--indent-top) 0 0;
  background: rgba(43, 45, 51, 0.6);
  z-index: 3998;
  transform: translateY(100%);
  transition: transform 0.05ms;
  transition-delay: 0.4s;
}
.modal-overlay.modal-overlay-transparent {
  background: rgba(0, 0, 0, 0);
}
.modal-overlay.no-delay {
  transition-delay: 0s !important;
}
.modal-overlay.modal-overlay-open {
  transform: translateY(0);
  transition: transform 0.05ms;
}
.modal-overlay > div {
  --modal-overflow: hidden;
  --modal-padding: 20px 6px 0 20px;
  --modal-width: auto;
  --modal-gap: 0;
  --modal-max-h: calc(100vh - var(--indent-top) - var(--overlay-padding-y)*2);
  --modal-footer-p: 20px 14px 20px 0;
  --header-size: 26px;
  --header-line-height: 30px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  display: grid;
  padding: var(--overlay-padding);
}
.modal-overlay > div.confirmation-mobile-modal {
  align-items: end;
  padding: 0;
}
.modal-overlay .modal {
  background-color: var(--white);
  position: relative;
  overflow: var(--modal-overflow);
  margin: 0 auto;
  height: auto;
  max-height: var(--modal-max-h);
  width: var(--modal-width);
  min-width: var(--modal-width);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-shadow: 0 4px 20px rgba(43, 45, 51, 0.12);
  border-radius: 16px;
  padding: var(--modal-padding);
  font-weight: 400;
  font-size: 14px;
  gap: var(--modal-gap);
}
.modal-overlay .modal.modal-scrollable {
  display: flex;
  gap: var(--modal-gap);
}
@supports (scrollbar-gutter: stable) {
  .modal-overlay .modal.modal-scrollable .modal-content {
    scrollbar-gutter: stable;
    margin-right: -28px;
    padding-right: 18px;
  }
}
.modal-overlay .modal.modal-scrollable .modal-content {
  overflow-y: auto;
  scrollbar-width: thin;
  padding-bottom: 0;
  height: 100%;
  min-height: 10px;
}
.modal-overlay .modal.modal-scrollable.hide-scroll .modal-content {
  scrollbar-width: none;
}
.modal-overlay .modal .modal-background {
  --modal-bg-height: 158px;
  --modal-bg-width: calc(100% + var(--modal-padding) * 2);
  --left-transform: calc(var(--modal-padding) * -1);
  width: var(--modal-bg-width);
  height: var(--modal-bg-height);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(var(--left-transform));
}
.modal-overlay .modal .modal-header {
  margin-bottom: 16px;
  position: relative;
}
.modal-overlay .modal .modal-content {
  display: flex;
  flex-direction: column;
  max-width: 100vw;
}
.modal-overlay .modal .modal-content.modal-content-scrollable {
  overflow-y: auto;
  scrollbar-width: none;
}
.modal-overlay .modal .modal-footer,
.modal-overlay .modal .modal-sidebar-footer {
  padding: var(--modal-footer-p);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.modal-overlay .modal .modal-footer.modal-footer-bordered,
.modal-overlay .modal .modal-sidebar-footer.modal-footer-bordered {
  border-top: 1px solid var(--gray-10);
}
.modal-overlay .modal h2 {
  font-size: var(--header-size);
  line-height: var(--header-line-height);
}
.modal-overlay .modal h3 {
  font-size: 20px;
  line-height: 1.2;
}
.modal-overlay .modal.modal-padding-24 {
  --modal-padding: 24px;
  --header-size: 18px;
  --header-line-height: 23px;
  --modal-gap: 16px;
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal.modal-padding-24 {
    --modal-width: 100dvw!important;
    max-width: unset;
    border-radius: 0;
    height: calc(100dvh - var(--indent-top));
    max-height: unset;
    align-self: flex-end;
    top: calc(var(--overlay-padding-y) * -1);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal.modal-padding-24 {
    max-width: calc(100vw - 120px);
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal.modal-padding-24 {
    --modal-padding: 0;
  }
}
.modal-overlay .modal.modal-padding-24 .modal-header {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
  .modal-overlay .modal.modal-padding-24 .modal-header {
    border-bottom: 1px solid var(--gray-10);
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal.modal-padding-24 .modal-header {
    padding: 20px 16px 20px 20px;
  }
}
.modal-overlay .modal.modal-padding-24 .modal-content {
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal.modal-padding-24 .modal-content {
    padding: 0 30px 20px 20px;
  }
}
.modal-overlay .modal.modal-padding-24 .modal-footer {
  padding: 0;
}
.modal-overlay .modal.modal-padding-32 {
  --modal-padding: 32px;
}
.modal-overlay .modal.modal-padding-32 .modal-footer {
  padding: 0;
}
.modal-overlay .modal.modal-padding-40 {
  --modal-padding: 40px;
  --modal-footer-p: 20px 0 0 0;
}
.modal-overlay .modal.modal-padding-50 {
  --modal-padding: 50px 14px 0 54px;
}
.modal-overlay .modal.modal-padding-50 .modal-header {
  margin-bottom: 40px;
}
.modal-overlay .modal.modal-padding-50 .scroll-wrapper {
  padding-right: 40px;
}
.modal-overlay .modal.modal-padding-50 .modal-footer {
  padding-right: 0;
}
.modal-overlay .modal.modal-w-450 {
  --modal-width: 450px;
}
.modal-overlay .modal.modal-map {
  --modal-padding: 0;
  min-height: 70vh;
}
.modal-overlay .modal.modal-map .modal-header {
  padding: 0;
  margin-bottom: 0;
}
.modal-overlay .modal.modal-map .left-side {
  padding: 42px 30px 0;
  min-width: 400px;
  max-width: 400px;
}
.modal-overlay .modal.modal-map .modal-footer {
  padding: 20px 0;
}
.modal-overlay .modal.modal-center {
  --modal-width: 430px;
  --modal-padding: 60px 54px 50px;
  --header-size: 24px;
  --header-line-height: 28px;
}
.modal-overlay .modal.modal-center .scroll-wrapper {
  padding: 0;
}
.modal-overlay .modal.modal-center .modal-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  width: 100%;
}
.modal-overlay .modal.modal-center h2 {
  margin-top: 0;
  margin-bottom: 8px;
}
.modal-overlay .modal.modal-center .modal-footer {
  margin-top: 28px;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
.modal-overlay .modal.modal-center .modal-footer > * {
  margin-bottom: 16px;
}
.modal-overlay .modal.modal-center .modal-footer > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal.modal-center {
    --modal-width: 100dvw;
    --modal-padding: 60px 26px 50px;
    border-radius: 16px 16px 0 0;
    align-self: flex-end;
    bottom: calc(var(--overlay-padding-y) * -1);
  }
}
.modal-overlay .modal-right {
  --overlay-padding: 0;
  --modal-width: Min(380px, 90vw);
  --modal-padding-left: 24px;
  --modal-padding-right: 24px;
  --modal-padding-y: 24px;
  --modal-max-h: calc(100vh - var(--indent-top));
  --modal-padding: var(--modal-padding-y) var(--modal-padding-right) var(--modal-padding-y) var(--modal-padding-left);
  --header-size: 18px;
  --header-line-height: 23px;
  --modal-footer-p: 20px 0 0;
  --transition-duration: 0.4s;
  justify-content: flex-end;
}
.modal-overlay .modal-right .modal {
  margin: 0;
  height: 100%;
  border-radius: 16px 0 0 16px;
  transform: translateX(100%);
  transition: transform var(--transition-duration) ease-in;
}
.modal-overlay .modal-right .modal.modal-open {
  transform: none;
  transition: transform var(--transition-duration) ease-in;
  transition-delay: 0.1ms;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal {
    --modal-width: 100dvw;
    --modal-padding: 0;
    border-radius: 0;
    align-self: flex-end;
    inset: 0 0 calc(var(--overlay-padding-y) * -1);
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .modal.modal-tabs {
    padding: 20px 16px 0 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal.modal-tabs {
    padding: 20px 20px 0 20px;
  }
}
.modal-overlay .modal-right .modal.modal-tabs .modal-header {
  border: none;
  padding: 0;
  border-bottom: 1px solid var(--gray-10);
}
.modal-overlay .modal-right .modal.modal-tabs .modal-content-bordered {
  border: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .modal.modal-tabs .modal-footer {
    margin: 0 -16px 0 -24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal.modal-tabs .modal-footer {
    margin: 0 -20px 0 -20px;
  }
}
.modal-overlay .modal-right .modal-header {
  gap: var(--header-gap, 16px);
}
@media screen and (min-width: 0) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal-header {
    border-bottom: 1px solid var(--gray-10);
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .modal-header {
    padding: 20px 16px 20px 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal-header {
    padding: 20px 16px 20px 24px;
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .modal-content {
    padding: 0 16px 0 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal-content {
    padding: 0 20px 0 24px;
  }
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .modal-footer {
    padding: 20px 16px 20px 24px!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .modal-overlay .modal-right .modal-footer {
    padding: 20px 20px 20px 20px!important;
  }
}
.modal-overlay .modal-right .scroll-wrapper.hide-scroll {
  left: calc(var(--modal-padding-left)*-1);
  right: calc(var(--modal-padding-right)*-1);
  padding: 0 var(--modal-padding-right) 0 var(--modal-padding-left);
  width: calc(100% + var(--modal-padding-left) + var(--modal-padding-right));
}
@media screen and (max-width: 768px) {
  .modal-overlay .modal-right .scroll-wrapper.hide-scroll {
    left: 0;
  }
}
.modal-overlay .modal-right.modal-w-484 {
  --modal-width: 484px;
}
.modal-overlay .modal-bottom {
  --overlay-padding: 0;
  --modal-sidebar-width: 382px;
  --modal-padding: 0;
  --modal-sidebar-padding: 24px;
  --header-size: 18px;
  --header-line-height: 23px;
  align-items: flex-end;
  justify-content: stretch;
}
.modal-overlay .modal-bottom .modal {
  --modal-width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 20px 20px 0 0;
  padding: var(--modal-padding);
  transform: translateY(100%);
  transition: all 0.4s ease-in;
  justify-self: flex-end;
  height: calc(100% - 150px);
}
.modal-overlay .modal-bottom .modal.modal-open {
  transform: none;
  transition: all 0.4s ease-in;
  transition-delay: 0.1ms;
}
.modal-overlay .modal-bottom .modal-content {
  flex-grow: 1;
}
.modal-overlay .modal-bottom .modal-sidebar {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-height: 100%;
  height: 100%;
  width: var(--modal-sidebar-width);
  padding: var(--modal-sidebar-padding);
  border-radius: 16px 0 0 16px;
}
.modal-overlay .modal-bottom .scroll-wrapper:after {
  content: "";
  min-height: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 85%);
}
.modal-overlay .modal-right .modal-header,
.modal-overlay .modal-bottom .modal-sidebar .modal-header,
.modal-overlay .modal-side-page .modal-header,
.modal-overlay .modal-right .modal-sidebar-header,
.modal-overlay .modal-bottom .modal-sidebar .modal-sidebar-header,
.modal-overlay .modal-side-page .modal-sidebar-header,
.modal-overlay .modal-right header,
.modal-overlay .modal-bottom .modal-sidebar header,
.modal-overlay .modal-side-page header {
  display: flex;
  margin: 0;
}
.modal-overlay .modal-right .modal-header h2,
.modal-overlay .modal-bottom .modal-sidebar .modal-header h2,
.modal-overlay .modal-side-page .modal-header h2,
.modal-overlay .modal-right .modal-sidebar-header h2,
.modal-overlay .modal-bottom .modal-sidebar .modal-sidebar-header h2,
.modal-overlay .modal-side-page .modal-sidebar-header h2,
.modal-overlay .modal-right header h2,
.modal-overlay .modal-bottom .modal-sidebar header h2,
.modal-overlay .modal-side-page header h2 {
  margin: 0;
  flex-grow: 1;
}
.modal-overlay .modal-right .modal-content,
.modal-overlay .modal-bottom .modal-sidebar .modal-content,
.modal-overlay .modal-side-page .modal-content,
.modal-overlay .modal-right .modal-sidebar-content,
.modal-overlay .modal-bottom .modal-sidebar .modal-sidebar-content,
.modal-overlay .modal-side-page .modal-sidebar-content {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  flex-grow: 1;
}
.modal-overlay .modal-right .form-section-header,
.modal-overlay .modal-bottom .modal-sidebar .form-section-header,
.modal-overlay .modal-side-page .form-section-header {
  font-size: 16px;
  line-height: 18px;
}
.modal-overlay .modal-right .modal-footer,
.modal-overlay .modal-bottom .modal-sidebar .modal-footer,
.modal-overlay .modal-side-page .modal-footer,
.modal-overlay .modal-right .modal-sidebar-footer,
.modal-overlay .modal-bottom .modal-sidebar .modal-sidebar-footer,
.modal-overlay .modal-side-page .modal-sidebar-footer,
.modal-overlay .modal-right footer,
.modal-overlay .modal-bottom .modal-sidebar footer,
.modal-overlay .modal-side-page footer {
  padding: 20px 0 0;
  margin: 0;
}
.modal-overlay .modal-side-page {
  --modal-width: Min(800px, 99vw);
  --modal-padding: 20px 32px;
  --header-size: 24px;
  --header-line-height: 28px;
  --header-gap: 12px;
  --content-padding: 20px 0;
  --modal-footer-p: 20px 0 0;
}
.modal-overlay .modal-side-page header {
  flex-direction: column;
  gap: 12px;
}
.modal-overlay .modal-side-page header h2 {
  font-weight: 500;
}
.modal-overlay .modal-side-page .modal-footer {
  display: flex;
  justify-content: flex-start;
}
.modal-overlay .modal-side-page .modal-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.modal-overlay .modal-side-page .modal-content .scroll-wrapper {
  width: calc(100% + 17px);
  padding-right: 9px;
  overflow-y: scroll;
}
.modal-overlay .modal-side-page .modal-content-bordered {
  border-top: 1px solid var(--gray-10);
  padding: var(--content-padding);
}
.modal-overlay .modal-side-page .modal-content-bordered + .modal-footer {
  border-top: 1px solid var(--gray-10);
}
.modal-overlay .modal-lg {
  width: 542px;
}
.modal-overlay .modal-md {
  width: 414px;
}
.modal-overlay .modal-sm {
  width: 322px;
}
.modal-overlay .close {
  cursor: pointer;
}
.modal-overlay .close_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 2;
}
.modal-overlay .close_btn .close_icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.modal-overlay .modal-center .close_btn {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.modal-overlay .modal-communicator {
  --modal-width: Min(1024px, 99vw);
  --modal-padding: 0;
}
.modal-overlay .modal-communicator .communicator-content {
  height: 100%;
  display: flex;
}
.modal-overlay .modal-communicator .communicator-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--white);
  border-bottom: 1px solid var(--gray-10);
}
.modal-overlay .modal-communicator .communicator-block {
  display: flex;
  min-height: 0;
  height: 100%;
}
.modal-overlay .modal-communicator .communicator-open-first-time-block {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.modal-overlay .modal-communicator .chats-list-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 454px;
}
.modal-overlay .modal-communicator .chats-list-container .chats-list {
  padding: 16px;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.modal-overlay .modal-communicator .chats-list-container .chats-list .chat-item {
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
}
.modal-overlay .modal-communicator .chats-list-container .chats-list .chat-item:hover {
  background: var(--gray-05);
  cursor: pointer;
}
.modal-overlay .modal-communicator .chats-list-container .chats-list .btn-scroll {
  position: sticky;
  bottom: 0;
  margin-left: auto;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);
}
.modal-overlay .modal-communicator .chats-list-container .chats-list .chat-item:not(:last-child) {
  margin-bottom: 0;
}
.modal-overlay .modal-communicator .chat-container {
  display: flex;
  flex-direction: column;
  min-width: 454px;
}
.modal-overlay .modal-communicator .chat-container .chat-section {
  position: relative;
  margin-top: auto;
  padding: 16px 16px 0 16px;
}
.modal-overlay .modal-communicator .chat-container .chat-section .sent-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  margin-bottom: 16px;
}
.modal-overlay .modal-communicator .chat-container .chat-section .received-message {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  width: 100%;
  margin-bottom: 16px;
}
.modal-overlay .modal-communicator .chat-container .chat-section .replay-message {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px 8px 8px;
  background: var(--gray-01);
  border-radius: 4px 8px 8px 4px;
  border-left: 4px solid var(--king-blue-100);
  cursor: pointer;
}
.modal-overlay .modal-communicator .chat-container .chat-section .btn-scroll {
  position: sticky;
  bottom: 16px;
  margin-left: auto;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);
}
.modal-overlay .modal-communicator .chat-container .chat-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px 16px 16px;
  border-top: 1px solid var(--gray-10);
}
.modal-overlay .modal-communicator .chat-container .chat-footer .btn:disabled .icon {
  filter: var(--filter-white);
}
.modal-overlay .modal-communicator .trade-order-info-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 300px;
  padding: 16px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  border-left: 1px solid var(--gray-10);
}
.modal-overlay .modal-communicator .communicator-carriers-list {
  display: flex;
  flex-direction: column;
  min-width: 270px;
  height: 100%;
  padding: 16px 0 16px 16px;
  background: var(--gray-05);
}
.modal-overlay .modal-communicator .communicator-carriers-list .tabs-filters .tabs-filters-item {
  font-size: 12px;
  line-height: 14px;
}
.modal-overlay .modal-communicator .communicator-carriers-list .scroll-wrapper {
  width: 100%;
}
.modal-overlay .modal-communicator .communicator-carriers-list .scroll-wrapper:after {
  content: "";
  min-height: 16px;
  background: transparent;
}
.modal-overlay .modal-communicator .communicator-carriers-list .communicator-carrier-item {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  width: 100%;
  padding: 8px 8px 8px 16px;
}
.modal-overlay .modal-communicator .communicator-carriers-list .communicator-carrier-item.active {
  background: var(--white);
  border-left: 3px solid var(--natcar-cian);
  border-radius: 2px 0 0 2px;
}
.modal-overlay .trading-send-offer-carrier-modal {
  --modal-width: 484px;
}
@keyframes fadeBackground {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--king-blue-10);
  }
  100% {
    background-color: transparent;
  }
}
.replay-animation {
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.replay-animation::before {
  content: "";
  position: absolute;
  inset: -12px;
  background-color: var(--king-blue-10);
  z-index: -1;
  border-radius: 12px;
  animation: fadeBackground 1.2s forwards;
}
.pagination_container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 24px;
  border-top: 1px solid var(--gray-10);
  background-color: var(--white);
  z-index: 100;
}
.pagination_container.pagination-sm {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  border: none;
}
.pagination_container.pagination-sm .pagination_wrapper {
  height: 32px;
}
.pagination_container .pagination_wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 56px;
}
.pagination_container .pagination-select {
  max-width: 100px;
}
.pagination_container .pagination_btn_block {
  margin-right: auto;
}
.pagination_container .pagination_btn_block button {
  display: inline-flex;
  align-items: center;
}
.pagination_container .pagination_btn_block button .number {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  margin-left: 8px;
  border-radius: 4px;
  color: var(--on-primary);
}
.pagination_container .pagination_btn_block .delete {
  margin-left: 18px;
  color: var(--danger-120);
  font-weight: 500;
  font-size: 14px;
  font-family: "Roboto-Medium", sans-serif;
}
.pagination_container .pagination {
  margin-left: 40px;
  display: flex;
  align-items: center;
}
.pagination_container .pagination li {
  border-radius: 4px;
  min-width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 5px;
  font-family: "Roboto-Medium", sans-serif;
  transition: all 0.3s;
}
.pagination_container .pagination li:hover {
  background-color: var(--gray-05);
  color: var(--natcar-cian);
}
.pagination_container .pagination li.prev {
  background-image: url(img/uikit/left-arrow-iocn.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.pagination_container .pagination li.next {
  background-image: url(img/uikit/right-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.pagination_container .pagination li.active {
  background-color: var(--gray-10);
}
.pagination_container .pagination li:last-child {
  margin-right: 0;
}
.pagination_container p {
  font-size: 14px;
  color: var(--gray-100);
}
/*TODO: `delete this fix after SelectAutocomplete refactoring `*/
.pagination_wrapper .autocomplete .text-input-wrapper:after {
  position: absolute!important;
  right: 12px;
}
.pagination_wrapper .autocomplete .text-input-wrapper input {
  z-index: 999999;
}
.pagination-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  padding: 11px 56px;
}
.pagination__page-item {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
}
.pagination__page-item:hover {
  background-color: var(--gray-05);
  color: var(--accent);
}
.pagination__page-item--active,
.pagination__page-item--active:hover {
  background-color: var(--gray-10);
}
.pagination-wrapper-sm .pagination__page-item {
  padding: 7px 12px;
}
.mobile-pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-top: 1px solid var(--gray-10);
  border-bottom: 1px solid var(--gray-10);
  background-color: var(--white);
  z-index: 100;
}
.mobile-pagination-container button {
  width: 100%;
  height: 100%;
  padding: 20px 0;
}
.filters-group .popup-wrapper {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.285;
  position: relative;
  transition: all 0.3s;
  background: var(--white);
}
.filters-group .popup-wrapper .popup-caption {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  gap: 16px;
}
.filters-group .popup-wrapper .tab_head-item {
  border-radius: 16px;
  background-color: var(--gray-05);
  color: var(--primary);
  padding: 5px 16px !important;
  white-space: nowrap;
  margin-right: 8px !important;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 1.285 !important;
}
.filters-group .popup-wrapper .tab_head-item.active {
  background-color: var(--primary);
  color: var(--white) !important;
}
.filters-group .popup-wrapper .tab_head-item.active:before {
  display: none;
}
.filters-group .popup-wrapper .tab_head-item:last-child {
  margin-right: 0 !important;
}
.filters-group .popup-wrapper .popup-content-wrapper {
  background-color: var(--white);
  padding: 24px;
  position: absolute;
  display: none;
  border-radius: 20px;
  overflow: hidden;
  top: 41px;
  left: 0;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  z-index: 99999;
  flex-direction: column;
}
.filters-group .popup-wrapper.active {
  background-color: var(--gray-05);
}
.filters-group .popup-wrapper.active .popup-content-wrapper {
  display: flex;
}
.filters-group .popup-wrapper:hover {
  background-color: var(--gray-05);
}
.popup-scroll-wrapper {
  overflow-x: hidden;
  padding-right: 10px;
  flex-grow: 1;
}
.tippy-box[data-theme~="filter-dropdown"] {
  background-color: var(--white);
  color: var(--primary);
  font-size: 14px;
  line-height: 18px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  min-width: 255px;
}
.tippy-box[data-theme~="filter-dropdown"] .tippy-svg-arrow svg path {
  fill: white !important;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content.popup-content-filters {
  min-height: 50vh;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content .autocomplete .controls-container {
  height: 36px;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content .form-section-header-wrapper {
  margin-bottom: 0;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content .scroll-wrapper {
  overflow-x: hidden;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-content .radio-wrapper label,
.tippy-box[data-theme~="filter-dropdown"] .popup-content .checkbox-wrapper label {
  margin-bottom: 0;
  font-weight: normal;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-footer {
  display: flex;
  position: relative;
  justify-content: flex-end;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 14.29%);
  gap: 30px;
}
.tippy-box[data-theme~="filter-dropdown"] .popup-wide-content {
  width: 476px;
}
.popup-header {
  padding-bottom: 16px;
  font-weight: 700;
  font-size: 16px;
}
.radio-wrapper,
.checkbox-wrapper {
  --gap: 8px;
  --label-font-size: 16px;
  --label-line-height: 24px;
  --checkbox-size: 20px;
  display: flex;
  align-items: center;
}
.radio-wrapper.checkbox-bordered,
.checkbox-wrapper.checkbox-bordered {
  --p: 12px;
  --border-color: var(--gray-10);
  --border-radius: 8px;
  --background: var(--white);
  padding: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--background);
  border-radius: var(--border-radius);
}
input[type="radio"],
input[type="checkbox"]:not(.switcher) {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}
input[type="radio"] + label,
input[type="checkbox"]:not(.switcher) + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  font-size: var(--label-font-size);
  line-height: var(--label-line-height);
  flex-grow: 1;
  gap: var(--gap);
}
input[type="radio"] + label span,
input[type="checkbox"]:not(.switcher) + label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
input[type="radio"] + label:before,
input[type="checkbox"]:not(.switcher) + label:before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  width: var(--checkbox-size);
  min-width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: 2px solid var(--gray-40);
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  background-color: var(--white);
}
input[type="radio"]:not(:checked):not(:disabled) + label:hover:before,
input[type="checkbox"]:not(.switcher):not(:checked):not(:disabled) + label:hover:before {
  border-color: var(--natcar-blue);
}
input[type="radio"]:disabled + label,
input[type="checkbox"]:not(.switcher):disabled + label {
  color: var(--gray-40) !important;
  cursor: auto!important;
}
input[type="radio"]:disabled + label:before,
input[type="checkbox"]:not(.switcher):disabled + label:before {
  background-color: var(--gray-10);
  border-color: var(--gray-10);
}
input[type="radio"].checkbox-lg + label,
input[type="checkbox"]:not(.switcher).checkbox-lg + label,
input[type="radio"].radio-lg + label,
input[type="checkbox"]:not(.switcher).radio-lg + label {
  --gap: 12px;
  --label-font-size: 16px;
  --label-line-height: 24px;
  --checkbox-size: 24px;
}
input[type="radio"].checkbox-md + label,
input[type="checkbox"]:not(.switcher).checkbox-md + label,
input[type="radio"].radio-md + label,
input[type="checkbox"]:not(.switcher).radio-md + label {
  --label-font-size: 14px;
  --label-line-height: 24px;
}
input[type="radio"].checkbox-sm + label,
input[type="checkbox"]:not(.switcher).checkbox-sm + label,
input[type="radio"].radio-sm + label,
input[type="checkbox"]:not(.switcher).radio-sm + label {
  --label-font-size: 12px;
  --label-line-height: 18px;
  --checkbox-size: 16px;
}
input[type="radio"] + label:empty:before,
input[type="checkbox"]:not(.switcher) + label:empty:before {
  margin-right: 0;
}
input[type="radio"].radio-wrap + label,
input[type="checkbox"].checkbox-wrap + label {
  align-items: flex-start;
}
input[type="radio"].radio-wrap + label span,
input[type="checkbox"].checkbox-wrap + label span {
  white-space: normal;
}
input[type="checkbox"]:not(.switcher):checked:not(:disabled) + label:before {
  background-image: url(img/uikit/check-mark-icon.svg);
  border-color: var(--natcar-cian);
  background-color: var(--natcar-cian);
}
input[type="checkbox"]:not(.switcher):checked:not(:disabled) + label:hover:before {
  border-color: var(--on-natcar-cian);
  background-color: var(--on-natcar-cian);
}
input[type="checkbox"]:not(.switcher):checked:disabled + label:before {
  background-image: url(img/uikit/check-mark-gray-icon.svg);
}
input[type="checkbox"]:not(.switcher):indeterminate:not(:disabled) + label:before {
  background-image: none;
  background-color: var(--natcar-cian);
  border-color: var(--natcar-cian);
  color: var(--white);
  content: "—";
}
input[type="checkbox"]:not(.switcher):indeterminate:not(:disabled) + label:hover:before {
  border-color: var(--on-natcar-cian);
  background-color: var(--on-natcar-cian);
}
input[type="checkbox"]:not(.switcher).error:not(:disabled) + label:before,
input[type="checkbox"]:not(.switcher).error:not(:disabled) + label:hover:before {
  border-color: var(--danger-120);
}
input[type="checkbox"]:not(.switcher).error:checked:not(:disabled) + label:before {
  border-color: var(--danger-120);
  background-color: var(--danger-120);
}
input[type="checkbox"]:not(.switcher):indeterminate:disabled + label:before {
  background-image: none;
  background-color: var(--gray-40);
  border-color: var(--gray-40);
  color: rgba(43, 45, 51, 0.24);
  content: "—";
}
input[type="checkbox"].switcher {
  height: 0;
  width: 0;
  visibility: hidden;
}
input[type="checkbox"].switcher.switcher-md + label {
  --font-size: 14px;
  --line-height: 18px;
  --gap: 8px;
  --width: 32px;
  --height: 20px;
  --base-border-radius: 24px;
  --switcher-size: 12px;
  --left-indent: 4px;
  --left-checked-indent: 16px;
  --padding: 4px;
}
input[type="checkbox"].switcher.switcher-lg + label {
  --font-size: 16px;
  --line-height: 24px;
  --gap: 12px;
  --width: 40px;
  --height: 24px;
  --base-border-radius: 24px;
  --switcher-size: 14px;
  --left-indent: 5px;
  --left-checked-indent: 21px;
  --padding: 5px;
}
input[type="checkbox"].switcher.switcher-wrap + label {
  align-items: flex-start;
}
input[type="checkbox"].switcher.switcher-wrap + label span {
  white-space: normal;
}
input[type="checkbox"].switcher.switcher-wrap + label::before {
  flex-shrink: 0;
}
input[type="checkbox"].switcher.switcher-wrap + label::after {
  top: calc((var(--height) - var(--switcher-size)) / 2);
}
input[type="checkbox"].switcher + label {
  --font-size: 16px;
  --line-height: 24px;
  --gap: 12px;
  --width: 32px;
  --height: 20px;
  --base-border-radius: 24px;
  --switcher-size: 12px;
  --left-indent: 4px;
  --left-checked-indent: 16px;
  --padding: 5px;
  display: flex;
  align-items: center;
  gap: var(--gap);
  position: relative;
  cursor: pointer;
  flex-grow: 1;
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: 400;
}
input[type="checkbox"].switcher + label span {
  flex-grow: 1;
  white-space: nowrap;
}
input[type="checkbox"].switcher + label:before {
  content: "";
  display: block;
  position: relative;
  width: var(--width);
  height: var(--height);
  border-radius: var(--base-border-radius);
  background-color: var(--gray-30);
  padding: var(--padding);
  z-index: 1;
}
input[type="checkbox"].switcher:checked + label:before {
  background-color: var(--natcar-cian);
}
input[type="checkbox"].switcher:checked:hover + label:before {
  background-color: var(--on-natcar-cian);
}
input[type="checkbox"].switcher + label:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--left-indent);
  width: var(--switcher-size);
  height: var(--switcher-size);
  border-radius: 100%;
  background-image: none;
  background-color: var(--white);
  padding: 5px;
  transition: all 0.3s;
  z-index: 2;
}
input[type="checkbox"].switcher:checked + label:after {
  left: var(--left-checked-indent);
  transition: all 0.3s;
}
input[type="checkbox"].switcher:disabled + label:before {
  background-color: var(--gray-40);
}
input[type="checkbox"].switcher:disabled + label {
  color: var(--gray-40);
  cursor: auto;
}
input[type="checkbox"].switcher:disabled + label:before,
input[type="checkbox"].switcher:disabled:hover + label:before {
  background-color: var(--gray-10);
}
input[type="checkbox"].switcher:disabled + label:after {
  background-color: var(--gray-40);
}
input[type="radio"] + label:before {
  border-radius: 100%;
}
input[type="radio"]:checked + label:before {
  border-color: var(--natcar-cian);
  border-width: 7px;
}
input[type="radio"]:checked:not(:disabled) + label:hover:before {
  border-color: var(--on-natcar-cian);
}
input[type="radio"]:checked:disabled + label:before {
  background-color: var(--gray-40);
  border-color: var(--gray-10);
}
input[type="radio"].radio-sm:checked + label:before {
  border-width: 5px;
}
input[type="radio"].radio-md:checked + label:before {
  border-width: 6px;
}
input[type="radio"].radio-lg:checked + label:before {
  border-width: 7px;
}
input[type="radio"].error:not(:disabled) + label:before {
  background-color: var(--danger-10);
  border-color: var(--on-danger);
  border-width: 2px;
}
input[type="radio"].error:not(:disabled):checked + label:before {
  background: radial-gradient(circle, var(--primary) 0%, var(--primary) 35%, var(--danger-10) 37%, var(--danger-10) 100%);
}
.form-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-section .grid-2-col {
  align-items: start;
}
.form-section-header-wrapper {
  display: flex;
  justify-content: space-between;
}
.form-section-header {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-section-subheader {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-100);
}
.horizontal-indent-25 .row {
  gap: 25px;
}
.card.card-checkbox {
  padding: 14px;
}
.card.card-checkbox input[type="checkbox"]:not(.switcher) + label:before {
  margin-right: 16px;
}
.card.card-checkbox .card-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.card.card-checkbox h3 {
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}
.card.card-checkbox p {
  font-size: 14px;
  line-height: 18px;
  color: var(--primary);
}
.card.card-checkbox p.empty {
  color: var(--gray-100);
}
/*TODO `привести в порядок, переименовать в block или удалить,
   если старая форма добавления заявк будет удалена`*/
.container-items {
  --item-height: 48px;
  --item-padding: 0 16px;
  --item-border-color: var(--gray-10);
  --container-border-radius: 12px;
  --item-border-radius: 12px;
  display: flex;
}
.container-items.container-items-column {
  flex-direction: column;
  border-radius: var(--container-border-radius);
  overflow: hidden;
}
.container-items.container-items-grey-bg > * {
  background-color: var(--gray-05);
}
.container-items.container-items-grey-bg > *:hover {
  background-color: var(--gray-10);
}
.container-items.container-radio .radio-wrapper label {
  padding: var(--item-padding);
  min-height: var(--item-height);
  border: 1px solid transparent;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 24px;
}
.container-items.container-radio .radio-wrapper:not(:first-child) label {
  border-top-color: var(--item-border-color);
}
.container-items.container-radio .radio-wrapper input[type="radio"]:checked + label {
  background-color: var(--background);
  border-color: var(--accent);
  border-radius: var(--item-border-radius);
}
.container-items.container-radio-icons {
  --item-padding: 16px;
  --item-border-color: transparent;
}
.container-items.container-radio-icons .radio-wrapper {
  flex: 1 0 0;
  border-radius: var(--item-border-radius);
}
.container-items.container-radio-icons .radio-wrapper label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid transparent;
  gap: 12px;
  padding: var(--item-padding);
  font-size: 15px;
  line-height: 18px;
}
.container-items.container-radio-icons .radio-wrapper label:before {
  content: unset;
}
.container-items.container-radio-icons .radio-wrapper label .icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.container-items.container-radio-icons .radio-wrapper input[type="radio"]:checked + label {
  background-color: var(--background);
  border-color: var(--accent);
  border-radius: var(--item-border-radius);
}
.container-items.container-switchers {
  --item-padding: 12px 16px;
}
.container-items.container-switchers .checkbox-wrapper {
  border: 1px solid transparent;
}
.container-items.container-switchers .checkbox-wrapper:not(:first-child) {
  border-top-color: var(--item-border-color);
}
.container-items.container-switchers .checkbox-wrapper label {
  padding: var(--item-padding);
}
.container-items.container-switchers .checkbox-wrapper label span {
  order: 1;
}
.container-items.container-switchers .checkbox-wrapper label:before {
  order: 2;
}
.container-items.container-switchers .checkbox-wrapper input[type="checkbox"].switcher + label:after {
  right: 36px;
  left: unset;
}
.container-items.container-switchers .checkbox-wrapper input[type="checkbox"].switcher:checked + label:after {
  right: 21px;
}
.form-section {
  max-width: 100%;
}
.formgroup-radio-border .radio-wrapper {
  flex-grow: 1;
  flex-basis: 1%;
}
.formgroup-radio-border .radio-wrapper label {
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: 12px;
  gap: 8px;
}
.formgroup-radio-border.formgroup-error .radio-wrapper label {
  border-color: var(--input-border-color);
}
.block.block-switcher .checkbox-wrapper {
  border: 1px solid transparent;
}
.block.block-switcher .checkbox-wrapper:not(:first-child) {
  border-top-color: var(--item-border-color);
}
.block.block-switcher .checkbox-wrapper label {
  padding: 0;
}
.block.block-switcher .checkbox-wrapper label span {
  order: 1;
}
.block.block-switcher .checkbox-wrapper label:before {
  order: 2;
}
.block.block-switcher .checkbox-wrapper input[type="checkbox"].switcher + label:after {
  right: 21px;
  left: unset;
}
.block.block-switcher .checkbox-wrapper input[type="checkbox"].switcher:checked + label:after {
  right: 5px;
}
.block.block-radio {
  background: var(--gray-01);
  align-items: flex-start;
}
.block.block-radio label {
  align-items: flex-start;
}
.chosen-container {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100% !important;
  background-color: var(--white);
}
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices {
  --cs-height: 52px;
  --arrow-right: 14px;
  --arrow-size: 14px;
  --font-size: 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-size);
  line-height: 16px;
  color: #4B4B4B;
  border: 1px solid #CDCDCD;
  width: 100%;
  border-radius: 8px;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  display: flex;
  align-items: center;
}
.chosen-container-single .chosen-single span,
.chosen-container-multi .chosen-choices span {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single.chosen-with-drop .chosen-single div:before,
.chosen-container-multi.chosen-with-drop .chosen-single div:before,
.chosen-container-single.chosen-with-drop .chosen-choices:before,
.chosen-container-multi.chosen-with-drop .chosen-choices:before {
  transform: rotateX(180deg);
}
.chosen-container-single.chosen-with-drop .chosen-drop,
.chosen-container-multi.chosen-with-drop .chosen-drop,
.chosen-container-single.chosen-with-drop .chosen-drop:hover,
.chosen-container-multi.chosen-with-drop .chosen-drop:hover {
  display: block;
}
.chosen-container-single .chosen-single {
  height: var(--cs-height);
}
.chosen-container-single .chosen-single div {
  display: flex;
  align-items: center;
  position: absolute;
  right: var(--arrow-right);
}
.chosen-container-single .chosen-single div:before {
  position: relative;
  content: "\e900";
  display: block;
  color: var(--primary);
  font-size: var(--arrow-size);
  transition: transform 0.2s;
}
.chosen-drop {
  position: absolute;
  display: none;
  top: 104%;
  right: 0;
  z-index: 4000;
  width: 100%;
  padding: 11px 0;
  background-color: var(--white);
  border-radius: 8px;
}
.chosen-drop:before {
  content: "";
  display: block;
  height: 16px;
}
.chosen-drop .chosen-results {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
}
.chosen-drop .chosen-results li {
  word-wrap: break-word;
  -webkit-touch-callout: none;
  padding: 9px 43px 9px 16px;
  min-width: 130px;
  display: flex;
  align-items: center;
  position: relative;
}
.chosen-drop .chosen-results li:hover {
  background-color: var(--wild-sand);
}
.chosen-drop .chosen-results li.result-selected {
  background-color: var(--gray-10);
  cursor: default;
}
.chosen-drop .chosen-results li.result-selected:after {
  content: "";
  display: inline-block;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  width: 16px;
  max-width: 16px;
  height: 19px;
  position: absolute;
  right: 20px;
}
.chosen-container-multi {
  --padding-right: 35px;
}
.chosen-container-multi .chosen-choices {
  flex-wrap: wrap;
  min-height: var(--cs-height);
  position: relative;
}
.chosen-container-multi .chosen-choices:before {
  content: "";
  background-image: url(img/uikit/select-arrow.svg);
  width: 13px;
  height: 8px;
  display: inline-block;
  position: absolute;
  color: var(--primary);
  font-size: 14px;
  right: var(--arrow-right);
  transition: transform 0.2s;
}
.input-container-select.input-container-xxl .chosen-container-single .chosen-single {
  --cs-height: 52px;
}
.input-container-select.input-container-md .chosen-container-single .chosen-single {
  --cs-height: 36px;
  --arrow-size: 12px;
  --font-size: 14px;
}
.input-container-select .chosen-container-single.chosen-container-active .chosen-single,
.input-container-select .chosen-container-single .chosen-single:hover {
  --arrow-right: 13px;
  border: 2px solid var(--primary);
  padding: calc(var(--padding-top) - 1px) calc(var(--padding-right) - 1px) calc(var(--padding-bottom) - 1px) calc(var(--padding-left) - 1px);
}
.input-container-select .chosen-container-multi.chosen-container-active .chosen-choices,
.input-container-select .chosen-container-multi .chosen-choices:hover {
  --arrow-right: 13px;
  border: 2px solid var(--primary);
  padding: calc(var(--padding-top) - 1px) calc(var(--padding-right) - 1px) calc(var(--padding-bottom) - 1px) calc(var(--padding-left) - 1px);
}
.chosen-container-single .chosen-default {
  color: #808080;
}
.flightSelect + .chosen-container {
  min-width: 100%;
}
.flightSelect + .chosen-container-single > .chosen-single,
.flightSelect + .chosen-container-single .chosen-drop {
  max-width: 75%;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 5px 16px;
  white-space: nowrap;
  background-color: var(--white);
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  border-radius: 8px;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #CDCDCD;
  background: url(chosen-sprite.png) no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
}
.chosen-container.chosen-container-multi {
  cursor: text;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  font-size: 15px;
  line-height: 18px;
  margin: 2px 4px 2px 0;
  padding: 5px 23px 5px 8px;
  border: 1px solid #cdcdcd;
  max-width: 100%;
  background-color: #fafafa;
  color: #4b4b4b;
  cursor: default;
  border-radius: 8px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
  position: absolute;
  display: block;
  content: "\e906";
  font-size: 10px;
  line-height: 0;
  top: 14px;
  right: 10px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  color: #4B4B4B;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 32px;
  outline: 0;
  font-weight: 400!important;
  border: 0 !important;
  background: 0 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #808080;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}
.chosen--medium .chosen-container-single .chosen-single,
.chosen--medium .chosen-container-multi .chosen-choices,
.chosen--medium .chosen-container .chosen-results li {
  font-size: 15px;
  line-height: 16px;
  padding: 12px 8px 10px;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  color: #999;
}
.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(chosen-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
  clip-path: inset(100% 100%);
}
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: 700;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
  font-size: 16px;
  color: #4b4b4b;
  font-weight: 600;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: 0 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: url(chosen-sprite.png) no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span,
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-rtl .chosen-search input[type="text"] {
    background-image: url(chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
.select_block {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.select_block:after {
  content: "";
  background-image: url(img/uikit/select-arrow.svg);
  width: 13px;
  height: 8px;
  display: inline-block;
  position: absolute;
  right: 17px;
  transition: all 0.3s;
}
.select_block.active:after {
  transform: rotate(180deg);
}
.select_block.active .select_wrapper_content {
  opacity: 1;
  visibility: visible;
  display: block;
}
.select_block.to_top .select_wrapper_content {
  bottom: 20px;
  padding: 0 0 4px 0;
  top: auto;
}
.select_block .select_wrapper_content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  min-width: 210px;
  z-index: 10000;
  padding-top: 4px;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: all 0.3s;
}
.select_block .select_wrapper_content .select_content {
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 0;
  margin-bottom: 15px;
}
.select_block .select_wrapper_content .select_content .select_item {
  font-size: 14px;
  line-height: 18px;
  padding: 9px 16px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  word-break: break-all;
}
.select_block .select_wrapper_content .select_content .select_item:hover {
  background-color: var(--wild-sand);
}
.select_block .select_wrapper_content .select_content .select_item.active {
  background-color: var(--gray-10);
  position: relative;
}
.select_block .select_wrapper_content .select_content .select_item.active:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 8px;
  right: 16px;
}
.select_block .select_wrapper_content .select_content .select_item i {
  margin-right: 8px;
}
.select_block .select_wrapper_content .select_content .select_item .checkbox_container {
  display: block;
}
.pagination_container .select_block {
  height: 32px;
  border: 1px solid var(--gray-30);
  border-radius: 8px;
  padding: 0 12px;
}
.pagination_container .select_block input {
  max-width: 100%;
}
.autocomplete-list-item-multiple .checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.autocomplete-list-item-multiple .checkbox-wrapper .mark {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  border-color: var(--gray-40);
  background-color: var(--white);
}
.autocomplete-list-item-multiple .checkbox-wrapper.checkbox-lg {
  gap: 12px;
}
.autocomplete-list-item-multiple .checkbox-wrapper.checkbox-lg span {
  font-size: 16px;
  line-height: 1.5;
}
.autocomplete-list-item-multiple .checkbox-wrapper.checkbox-lg .mark {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.autocomplete-list-item-multiple .checkbox-wrapper.checked {
  background-color: var(--gray-10);
}
.autocomplete-list-item-multiple .checkbox-wrapper.checked .mark {
  background-image: url(img/uikit/check-mark-icon.svg);
  border-color: var(--accent);
  background-color: var(--accent);
}
.autocomplete-list-item-multiple .checkbox-wrapper.checked .mark:hover {
  border-color: var(--on-primary);
  background-color: var(--on-primary);
}
.sidebar {
  --sidebar-w: 480px;
  --sidebar-p: 24px 24px 0 24px;
  --sidebar-order: 1;
  --sidebar-gap: 24px;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: var(--sidebar-gap);
  background: var(--white);
  padding: var(--sidebar-p);
  width: var(--sidebar-w);
  box-shadow: 0 8px 32px 0 #00000014;
  border-radius: 0 16px 16px 0;
  z-index: 200;
}
.sidebar .sidebar-header {
  display: flex;
  flex-direction: column;
}
.sidebar .sidebar-content {
  padding-bottom: 24px;
}
.sidebar.sidebar-scrollable {
  max-height: calc(100dvh - var(--container-indent-top));
}
.sidebar.sidebar-scrollable .sidebar-content {
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-right: 10px;
  margin-right: -18px;
  height: 100%;
  min-height: 10px;
  scrollbar-width: thin;
}
.sidebar + #map {
  margin-left: -12px;
  z-index: 100;
}
.sidebar-panel {
  --sidebar-left: 480px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 465px;
  box-shadow: 0 8px 32px 0 #00000014;
  border-radius: 0 16px 16px 0;
  padding: 24px 24px 24px 36px;
  background: var(--white);
  z-index: 150;
  transition: left 0.5s 0.005s;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sidebar-panel.sidebar-panel-open {
  left: calc(var(--sidebar-left) - 12px);
  transition: left 0.3s 0.005s;
}
.sidebar-panel .sidebar-panel-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
/*.sidebar-map, .sidebar{
  width: 484px;
  min-width: 484px;
  padding: 0;
  background-color: var(--white);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  position: relative;
  display: flex;
  flex-direction: column;
  .sidebar-map-header, .sidebar-header{
    padding: 24px 24px 16px;
  }
  .header-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    .header{
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
  }
  h1{
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--primary);
    margin: 0;
    padding: 0;
  }
  .page-content{
    padding: 0 10px 10px;
    !*border-top: 1px solid var(--gray-10);*!
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px;
    !*&.page-content-noborder{
      border: none;
    }*!
    &.page-content-24{
      padding: 0 24px;
    }
  }
  &.sidebar-map-inner .header{
    flex-direction: column;
  }
  .sidebar-section{
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-10);
    display: flex;
    flex-direction: column;
    gap: 12px;
    &:last-child{
      border: none;
    }
    .sidebar-section-header{
      font-weight: 700;
      font-size: 16px;
      line-height: 18px;
    }
  }
  footer{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px;
    gap: 24px;
    .tooltip{
      width: auto;
    }
  }
  ////////////Формы в сайдбаре////////////
  .sidebar-form{
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    .form-section-header-wrapper{
      margin-bottom: 16px;
      width: 100%;
    }
    .form-section-header{
      font-size: 16px;
      font-weight: bold;
      line-height: 1.125;
    }
    .form-section-subheader{
      font-size: 14px;
      font-weight: normal;
      line-height: 1.28;
      color: var(--gray-100);
      margin-top: 8px;
    }
    fieldset > *:not(:last-child){
      margin-bottom: 13px;
    }
    .form-section:not(:last-child){
      margin-bottom: 24px;
    }
  }
}*/
.card-table {
  border-spacing: 0 12px;
  font-size: 13px;
  line-height: 1.154;
  width: 100%;
}
.card-table tr td {
  border: 1px solid var(--gray-10);
  border-left: none;
  border-right: none;
  padding: 20px 10px;
  vertical-align: top;
}
.card-table tr td:first-child {
  border-left: 1px solid var(--gray-10);
  border-radius: 8px 0 0 8px;
  padding-left: 20px;
}
.card-table tr td:last-child {
  border-right: 1px solid var(--gray-10);
  border-radius: 0 8px 8px 0;
  padding-right: 20px;
}
.card-table tr:hover td {
  background-color: var(--gray-05);
}
.table-default {
  --padding-top: 16px;
  --padding-bottom: var(--padding-top);
  --padding-left: 8px;
  --padding-right: var(--padding-left);
  --td-min-height: 65px;
  --table-bg: var(--white);
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  /*`TODO: убрать, оставить table-without-hover`*/
}
.table-default th {
  --padding-top: 13px;
  --padding-left: 8px;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  font-size: 12px;
  line-height: 14px;
  color: var(--gray-60);
  font-weight: 500;
  text-align: left;
  overflow: hidden;
  user-select: none;
}
.table-default th.sorting button {
  font-size: 12px;
  line-height: 14px;
  color: var(--gray-60);
  font-weight: 500;
  text-align: left;
  overflow: hidden;
}
.table-default th.sorting:hover {
  background: var(--gray-05);
}
.table-default .col-more,
.table-default .col-avatar {
  width: 48px;
}
.table-default .col-checkbox {
  width: 36px;
  --padding-top: 10px!important;
  --padding-bottom: 10px!important;
}
.table-default .col-arrow {
  width: 36px;
}
.table-default thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.table-default thead th {
  background-color: var(--table-bg);
  position: relative;
  vertical-align: middle;
}
.table-default thead th:after {
  content: "";
  display: block;
  left: 0;
  right: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: var(--gray-10);
}
.table-default tfoot {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.table-default tfoot td {
  background-color: var(--white);
  position: relative;
  --padding-top: 7px;
  --padding-bottom: 7px;
  --td-min-height: 40px;
}
.table-default tfoot td:before {
  content: "";
  display: block;
  left: 0;
  right: 0;
  height: 1px;
  position: absolute;
  top: 0;
  background-color: var(--gray-10);
}
.table-default td {
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: var(--primary);
  border: none;
  text-align: left;
  height: var(--td-min-height);
  background-color: var(--table-bg);
  vertical-align: top;
}
.table-default.vertical-align-middle td {
  vertical-align: middle;
}
.table-default.text-gray-120 td {
  color: var(--gray-120);
}
.table-default.table-with-dividers td::after {
  content: "";
  display: block;
  left: 0;
  right: 0;
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: var(--gray-10);
}
.table-default .tr-subheader {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-60);
}
.table-default .container-hover {
  display: flex;
  opacity: 0;
}
.table-default tr:hover td:not(.empty-cell) {
  --table-bg: var(--gray-05);
}
.table-default tr:hover .container-hover {
  opacity: 1;
}
.table-default.table-without-hover tr td:first-child,
.table-default.table-without-hover tr th:first-child {
  --padding-left: 0;
}
.table-default.table-without-hover tr td:last-child,
.table-default.table-without-hover tr th:last-child {
  --padding-right: 0;
}
.table-default.table-without-hover tr:hover td {
  background-color: var(--white);
}
.table-default tr.blocked td {
  color: var(--gray-60);
}
.table-default tr.blocked td .badge {
  opacity: 0.3;
}
.table-default tr.blocked:hover {
  cursor: default;
}
.table-default tr.blocked:hover td {
  --table-bg: var(--white);
}
.table-default.table-lg-modal {
  --padding-top: 22px;
  --td-min-height: 57px;
}
.table-default.table-md {
  --padding-top: 12px;
  --td-min-height: 57px;
}
.table-default.table-sm {
  --padding-top: 9px;
  --td-min-height: 42px;
}
.table-default.table-sm th {
  --padding-top: 12px;
  --padding-bottom: 12px;
}
.table-default.table-xs {
  --padding-top: 4px;
  --td-min-height: 42px;
}
.table-default.table-xs th {
  --padding-top: 9px;
  --padding-bottom: 9px;
}
.table-default tfoot tr td {
  font-weight: 500;
}
.table-default tbody.spoiler .spoiler-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-image: url(img/uikit/down-arrow-icon.svg);
}
.table-default tbody.spoiler tr:first-child {
  cursor: pointer;
}
.table-default tbody.spoiler tr td:after {
  background-color: transparent;
}
.table-default tbody.spoiler tr:last-child td {
  padding-bottom: 16px;
}
.table-default tbody.spoiler tr:last-child td:after {
  background-color: var(--gray-10);
}
.table-default tbody.spoiler tr:nth-child(n + 2):hover td {
  --table-bg: var(--white);
}
.table-default tbody.spoiler.spoiler-open .spoiler-icon {
  transform: rotateX(180deg);
}
.table-default tbody.spoiler:last-child tr:nth-child(n + 2) td {
  border-bottom: none;
}
.table-default tbody.spoiler:not(.spoiler-open) tr:nth-child(n + 2) {
  --td-min-height: 0;
  display: none;
}
.table-default.table-px-0 tr:hover td {
  background-color: var(--white);
}
.table-default.table-px-0 td:first-child,
.table-default.table-px-0 th:first-child {
  padding-left: 0;
}
.table-default.table-px-0 td:last-child,
.table-default.table-px-0 th:last-child {
  padding-right: 0;
}
.table-default.table-transparent {
  --table-bg: transparent;
}
.table-default.table-borderless thead th:after {
  content: none;
}
.empty-table tr:hover td {
  background: var(--white);
}
.empty-table .empty-wrapper {
  text-align: center;
}
.empty-table .empty-wrapper h2 {
  margin-top: 16px;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
.empty-table .empty-wrapper p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-100);
}
.table-card {
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: 8px;
}
.table-modal {
  width: 100%;
  border-collapse: separate;
}
.table-modal tr td {
  width: 50%;
  font-size: 16px;
  padding: 7px 0;
}
.table-modal tr td:first-child {
  font-size: 15px;
  color: var(--gray-60);
}
.table-modal.table-modal-wide-left-col td:first-child {
  width: 66%;
}
.scrollable-table {
  padding-right: 0;
  margin-right: -17px;
}
.scrollable-table .scroll-wrapper {
  scrollbar-width: thin;
}
.scrollable-table.scrollable-table-with-footer .scroll-wrapper::-webkit-scrollbar-track {
  margin: 49px 10px 40px;
}
.scrollable-table .scroll-wrapper {
  margin-right: 0;
  padding-right: 8px;
  padding-top: 0;
  overflow-x: hidden;
  mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
  mask-size: 100% 20000px;
  mask-position: left bottom;
  -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.scrollable-table .scroll-wrapper:hover {
  -webkit-mask-position: left top;
  mask-position: left top;
}
.scrollable-table .scroll-wrapper::-webkit-scrollbar-track {
  margin: 49px 10px 10px;
  background: transparent;
}
.scrollable-table .scroll-wrapper:after {
  content: none !important;
}
.table-docs .tooltip {
  cursor: pointer;
  height: 100%;
}
.route-wrapper {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.route {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.route:before {
  content: "";
  width: 1px;
  min-width: 1px;
  border-left: 1px dashed var(--gray-30);
  background-color: unset;
  position: absolute;
  left: 11px;
  top: 0;
  bottom: -34px;
}
.route:first-child:before {
  top: 24px;
}
.route:last-child:before {
  content: none;
}
.route .icon:is(.route-to, .route-from) {
  z-index: 10;
  margin-right: 11px;
}
.route .route-info {
  flex-grow: 1;
}
.route .address {
  font-size: 14px;
  line-height: 1.286;
  margin-bottom: 8px;
}
.route .datetime {
  font-size: 13px;
  line-height: 1.385;
  margin-bottom: 8px;
  display: flex;
}
.route .datetime .time {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.route .datetime .time:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 4px;
  background-color: var(--green-120);
  border-radius: 100%;
}
.route .company-name {
  font-size: 13px;
  line-height: 1.385;
  color: var(--gray-100);
}
.route .additional-info {
  padding: 15px 0 0 32px;
}
.route .point-address {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.route-letter {
  display: flex;
  position: relative;
  min-width: 20px;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  border-radius: 4px;
  margin-right: 10px;
}
.route-letter:before {
  content: "";
  display: inline-block;
  position: relative;
  color: var(--white);
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}
.route-letter.route-letter-from:before {
  content: "A";
}
.route-letter.route-letter-to:before {
  content: "Б";
}
.route-icon {
  display: flex;
  position: relative;
}
.route-icon:before {
  content: "";
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  margin-right: 11px;
}
.route-icon.route-from:before {
  background-image: url(img/uikit/route-from-icon2.svg);
}
.route-icon.route-to:before {
  background-image: url(img/uikit/route-to-icon2.svg);
}
.multiroute-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 0;
  max-width: 100%;
  /*Удалить*/
  /*Удалить конец*/
}
.multiroute-wrapper > *:not(:last-child):after {
  content: "";
  display: inline-block;
  margin: 0 8px;
  background-image: url(img/uikit/arrow-back.svg);
  transform: rotateY(180deg);
  filter: invert(99%) sepia(0%) saturate(1128%) hue-rotate(262deg) brightness(76%) contrast(115%);
  width: 14px;
  min-width: 14px;
  height: 14px;
  background-size: contain;
}
.multiroute-wrapper .status-wrapper {
  display: flex;
  align-items: center;
}
.multiroute-wrapper .status-wrapper .status {
  display: flex;
  padding: 12px;
  gap: 8px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
}
.multiroute-wrapper .status-wrapper .status span {
  font-size: 12px;
  line-height: 1.5;
  background-color: var(--gray-10);
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.multiroute-wrapper .status-wrapper .status:before {
  content: "";
  min-width: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}
.multiroute-wrapper .status-wrapper .status.status-upload:before {
  background-image: url(img/uikit/route-from-icon2.svg);
}
.multiroute-wrapper .status-wrapper .status.status-download:before {
  background-image: url(img/uikit/route-to-icon2.svg);
}
.multiroute-wrapper .status-wrapper .status:focus {
  border-color: var(--primary);
}
.multiroute-wrapper .status-wrapper .status.status-active {
  border-color: var(--accent);
}
.multiroute-wrapper .status-wrapper .status.status-disable {
  color: var(--gray-40);
  cursor: default;
}
.multiroute-wrapper .status-wrapper .status.status-disable:before {
  filter: invert(68%) sepia(100%) saturate(0%) hue-rotate(146deg) brightness(97%) contrast(96%);
}
.multiroute-wrapper .tooltip .tooltip-tip[data-size~="s"] .tippy-content {
  padding: 0;
}
.multiroute-wrapper .tooltip .tooltip-tip[data-size~="s"] .dropdown-list-wrapper {
  box-shadow: none;
}
.multiroute-wrapper .route-icon span {
  font-size: 12px;
  line-height: 1.5;
  background-color: var(--gray-10);
  padding: 3px 8px;
  border-radius: 4px;
  white-space: nowrap;
}
.multiroute-wrapper .distance {
  font-size: 15px;
  line-height: 1.2;
}
.multiroute-wrapper .route-icon,
.multiroute-wrapper .distance {
  display: flex;
  align-items: center;
}
.routes {
  display: flex;
}
.routes > * {
  display: flex;
}
.routes > *:not(:last-child):after {
  display: inline-block;
  content: "";
  margin: 6px 5px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  transform: rotate(270deg);
  background-image: url(img/uikit/down-arrow-icon-2.svg);
}
.routes .route-section {
  flex-grow: 1;
}
.routes .route-header {
  font-size: 16px;
  line-height: 26px;
  max-width: 162px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.routes .route-date {
  font-size: 15px;
  line-height: 18px;
  color: var(--gray-100);
}
.routes .multiroute-counter {
  margin-top: 6px;
}
.routes .multiroute-counter:after {
  margin-top: 0;
}
.scrollable-x .route-arrow-wrapper {
  width: max-content;
}
.route-arrow-wrapper {
  --point-w: 160px;
  --route-gap: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.route-arrow-wrapper .route-point {
  display: flex;
  flex-direction: column;
  gap: var(--route-gap);
  width: var(--point-w);
}
.route-arrow-wrapper .route-point p {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.route-arrow-wrapper .route-points-minimized {
  width: var(--point-w);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.route-arrow-wrapper .center-arrow-divider {
  display: flex;
  align-items: center;
  height: 1px;
  width: auto;
  flex-grow: 1;
  border-top: 1px dashed var(--gray-60);
  min-width: 26px;
  position: relative;
}
.route-arrow-wrapper .center-arrow-divider:nth-last-of-type(2)::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 4px 0 4px 10px;
  border-color: transparent transparent transparent var(--gray-60);
  border-style: solid;
  right: -2px;
}
.tabs.tabs-buttons {
  --background-color: var(--gray-05);
  --color: var(--primary);
  --font-size: 14px;
  --line-height: 18px;
  --font-weight: 500;
  --height: 32px;
  --border-radius: 24px;
  --padding-x: 20px;
  display: flex;
  gap: 8px;
}
.tabs.tabs-buttons .tabs-buttons-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-color);
  color: var(--color);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: var(--font-weight);
  height: var(--height);
  border-radius: var(--border-radius);
  padding: 0 var(--padding-x);
  cursor: pointer;
}
.tabs.tabs-buttons .tabs-buttons-item.active {
  --background-color: var(--primary);
  --color: var(--white);
  cursor: default;
}
.tabs-filters {
  display: flex;
  list-style: none;
  gap: 32px;
  margin: 0;
  padding: 0;
}
.tabs-filters .tabs-filters-item {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  color: var(--gray-100);
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 10px;
  transition: all 0.3s;
  cursor: pointer;
}
.tabs-filters .tabs-filters-item a {
  width: 100%;
  height: 100%;
  color: var(--gray-100);
}
.tabs-filters .tabs-filters-item span {
  white-space: nowrap;
  display: inline-block;
}
.tabs-filters .tabs-filters-item span::first-letter {
  text-transform: uppercase;
}
.tabs-filters .tabs-filters-item.active {
  color: var(--primary);
}
.tabs-filters .tabs-filters-item.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: var(--natcar-cian);
  border-radius: 4px;
}
.tabs-filters .tabs-filters-item.waiting:after {
  content: '';
  position: absolute;
  display: inline-block;
  background-color: var(--on-danger);
  border-radius: 100%;
  width: 6px;
  height: 6px;
  right: -10px;
}
.tabs-filters .tabs-filters-item.parent > span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.tabs-filters .tabs-filters-item.parent > span:hover {
  cursor: pointer;
}
.tabs-filters .tabs-filters-item.parent > span::after {
  content: '';
  display: inline-block;
  margin-left: 2px;
  filter: filter(--gray-100);
  width: 16px;
  max-width: 16px;
  height: 20px;
  background-size: cover;
  background-image: url(img/uikit/down-arrow-icon.svg);
}
.tabs-filters .tabs-filters-item.parent-active {
  color: var(--primary);
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub {
  position: absolute;
  display: none;
  top: calc(100% - 2px);
  right: 0;
  padding: 11px 0;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
  z-index: 4000;
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item {
  min-width: 130px;
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 0;
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item span {
  padding: 12px 60px 12px 16px;
  font-weight: normal;
  color: var(--primary);
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item:hover {
  background-color: var(--wild-sand);
  cursor: pointer;
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item.active {
  background-color: var(--gray-10);
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item.active::before {
  content: none;
}
.tabs-filters .tabs-filters-item > ul.tabs-filters-sub .tabs-filters-item.active::after {
  content: "";
  display: inline-block;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  width: 24px;
  max-width: 24px;
  height: 24px;
  right: 16px;
  position: absolute;
}
.tabs-filters .tabs-filters-item:hover {
  color: var(--primary);
}
.tabs-filters .tabs-filters-item:hover > ul.tabs-filters-sub {
  display: flex;
  flex-direction: column;
}
textarea {
  width: 100%;
  border: var(--input-border-width) solid var(--input-border-color);
  border-radius: var(--border-radius);
  font-size: var(--textarea-font-size);
  line-height: var(--textarea-line-height);
  color: var(--primary);
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  font-family: 'Roboto', sans-serif;
  min-height: calc(var(--padding-top) + var(--padding-bottom) + var(--textarea-line-height)*3 + 2px);
  resize: vertical;
  background-color: var(--input-bg);
}
textarea:hover,
textarea:focus {
  border-width: var(--input-border-width-hover);
  --input-border-color: var(--primary);
  padding: calc(var(--padding-top) - var(--input-border-diff)) calc(var(--padding-right) - var(--input-border-diff)) calc(var(--padding-bottom) - var(--input-border-diff)) calc(var(--padding-left) - var(--input-border-diff));
}
textarea:disabled {
  --input-bg: var(--wild-sand);
  --input-border-color: var(--wild-sand);
  cursor: auto;
  color: var(--gray-60);
}
textarea::placeholder {
  color: var(--gray-60);
}
textarea.text-6-l {
  min-height: calc(var(--padding-top) + var(--padding-bottom) + var(--textarea-line-height)*6 + 2px);
}
/*
TODO `Удалить`
*/
.trim_two_lines {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 18px;
}
.tooltip_block {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.tooltip_block:hover .tooltip_content_wrapper {
  opacity: 1;
  visibility: visible;
}
.tooltip_block .warning_ring_icon {
  transition: all 0.1s;
}
.tooltip_block .tooltip_content_wrapper {
  z-index: 10;
  position: absolute;
  transition: all 0.1s;
  transition-delay: 0.2s;
  opacity: 0;
  visibility: hidden;
}
.tooltip_block .tooltip_content {
  position: relative;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  color: var(--on-primary);
  font-size: 12px;
  line-height: 18px;
}
.tooltip_block.mini_tooltip.to_left .tooltip_content_wrapper {
  right: 100%;
  left: auto;
  transform: translateY(-50%);
  bottom: auto;
  padding-bottom: 0;
  padding-right: 20px;
  top: 50%;
}
.tooltip_block.mini_tooltip.to_left .tooltip_content:before {
  bottom: auto;
  right: -5px;
  transform: translateY(-50%) rotate(45deg);
  left: auto;
  top: 50%;
}
.tooltip_block.mini_tooltip.to_right .tooltip_content_wrapper {
  right: auto;
  left: 113%;
  transform: translateY(-50%);
  bottom: auto;
  padding-bottom: 0;
  padding-right: 20px;
  top: 50%;
}
.tooltip_block.mini_tooltip.to_right .tooltip_content:before {
  bottom: auto;
  left: -5px;
  transform: translateY(-50%) rotate(45deg);
  right: auto;
  top: 50%;
}
.tooltip_block.mini_tooltip.to_bottom .tooltip_content_wrapper {
  bottom: auto;
  top: 100%;
  padding-bottom: 0;
  padding-top: 16px;
}
.tooltip_block.mini_tooltip.to_bottom .tooltip_content:before {
  bottom: auto;
  top: -5px;
}
.tooltip_block.mini_tooltip .tooltip_content_wrapper {
  bottom: 100%;
  padding-bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip_block.mini_tooltip .tooltip_content {
  padding: 24px;
  white-space: nowrap;
}
.tooltip_block.mini_tooltip .tooltip_content:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.tooltip_block.mini_tooltip .tooltip_content .big_text {
  width: 230px;
  white-space: normal;
  display: flex;
  flex-wrap: wrap;
}
.tooltip_block.mini_tooltip .tooltip_content .link_btn {
  margin-top: 20px;
}
.tooltip_block.big_tooltip.to_left .tooltip_content_wrapper {
  left: 0;
}
.tooltip_block.big_tooltip.to_center .tooltip_content_wrapper {
  left: 50%;
  transform: translateX(-50%);
}
.tooltip_block.big_tooltip.to_right .tooltip_content_wrapper {
  right: 0;
}
.tooltip_block.big_tooltip .tooltip_content_wrapper {
  top: 100%;
  padding-top: 8px;
}
.tooltip_block.big_tooltip .tooltip_content {
  font-size: 14px;
}
.tooltip_block.big_tooltip .tooltip_content button,
.tooltip_block.big_tooltip .tooltip_content .white_btn,
.tooltip_block.big_tooltip .tooltip_content .black_btn {
  margin-top: 18px;
}
.tooltip_block.big_tooltip .tooltip_content .tooltip_bottom_text {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-100);
  margin-top: 8px;
}
.tooltip_block.big_tooltip .tooltip_content .link_btn {
  margin-top: 20px;
}
.tooltip_block .tooltip_content {
  width: 316px;
  padding: 24px;
  font-size: 14px;
}
/* end */
.tippy-content {
  font-family: "Roboto", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.tippy-content .tip-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tippy-box {
  border-radius: 8px !important;
}
.tooltip-tip {
  --tt-padding-y: 8px;
  --tt-padding-x: 12px;
}
.tooltip-tip .tippy-content {
  padding: var(--tt-padding-y) var(--tt-padding-x);
}
.tooltip-tip[data-size~="xs"] .tippy-content {
  font-size: 12px;
  text-align: left;
}
.tooltip-tip[data-size~="s"] {
  --tt-padding-y: 12px;
  --tt-padding-x: 16px;
}
.tooltip-tip[data-size~="m"] {
  --tt-padding-y: 24px;
  --tt-padding-x: 24px;
}
.tooltip-tip[data-size~="l"] {
  --tt-padding-y: 32px;
  --tt-padding-x: 32px;
}
.tooltip-caption {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.tooltip-subheader {
  color: var(--gray-100);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 8px;
}
div [slot="tip"] {
  position: relative;
}
.tooltip-close {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.dropdown-list-wrapper {
  --padding: 9px 16px 9px 16px;
  --font-size: 14px;
  --line-height: 18px;
  background: var(--white);
  border-radius: 8px;
  padding: 8px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.dropdown-list-wrapper .dropdown-list-item {
  cursor: pointer;
  padding: var(--padding);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
  color: var(--primary);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.dropdown-list-wrapper .dropdown-list-item span {
  color: var(--primary);
}
.dropdown-list-wrapper .dropdown-list-item:hover {
  background-color: var(--wild-sand);
}
.dropdown-list-wrapper .dropdown-list-item.active {
  background-color: var(--gray-10);
}
.dropdown-list-wrapper .dropdown-list-item.active:after {
  content: "";
  display: inline-block;
  background-image: url(img/uikit/checkmark-icon.svg);
  background-size: cover;
  background-position: center;
  width: 16px;
  max-width: 16px;
  height: 12px;
}
.dropdown-list-wrapper .dropdown-list-item.disabled,
.dropdown-list-wrapper .dropdown-list-item:disabled {
  cursor: default;
}
.dropdown-list-wrapper .dropdown-list-item.disabled .icon,
.dropdown-list-wrapper .dropdown-list-item:disabled .icon {
  filter: invert(84%) sepia(1%) saturate(0%) hue-rotate(320deg) brightness(95%) contrast(94%);
}
.dropdown-list-wrapper .dropdown-list-item.disabled span,
.dropdown-list-wrapper .dropdown-list-item:disabled span {
  color: var(--gray-40);
}
.dropdown-list-wrapper .dropdown-list-item.disabled:hover,
.dropdown-list-wrapper .dropdown-list-item:disabled:hover {
  background-color: var(--white);
}
.dropdown-list-wrapper .dropdown-list-item > * {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dropdown-list-wrapper .tooltip-dropdown-list-subheader {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--gray-60);
  margin: 25px 12px 5px 12px;
}
.dropdown-list-wrapper.dropdown-list-wrapper-lg {
  --padding: 11px 16px;
  --font-size: 16px;
  --line-height: 24px;
}
.tooltip-modal-wrapper {
  padding: 24px;
  border-radius: 20px;
}
.tooltip-modal-wrapper .tooltip-modal-header {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
}
.tooltip-modal-wrapper .tooltip-modal-content {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tooltip-modal-wrapper .tooltip-modal-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
#bromb-widget {
  top: 18px !important;
}
#drop-area {
  background-color: rgba(250, 250, 250, 0.5);
  background: #F8F8F8;
  border: 1px dashed #C9C9C9;
  box-sizing: border-box;
  border-radius: 8px;
  transition: 0.1s background-color ease;
}
#drop-area h4,
#drop-area p {
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
#drop-area h4 {
  font-weight: 600;
  color: #2B2D33;
}
#drop-area .drag-here {
  font-size: 14px;
  line-height: 18px;
  color: #808185;
  margin-top: 8px;
}
#drop-area .file-requirements {
  font-size: 12px;
  color: #AAABAD;
  margin-top: 20px;
}
#drop-area .upload-btn {
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s;
}
#drop-area .upload-btn h4 {
  transition: all 0.3s;
}
#drop-area .upload-btn:hover h4 {
  color: #3772FF;
}
.upload-img {
  font-size: 88px;
  height: auto;
  transition: 0.6s;
  color: var(--wild-sand);
}
#drop-area.highlight {
  border-color: var(--accent);
  background-color: #FAFAFA;
}
#drop-area:hover {
  border-color: var(--accent);
}
#drop-area.error {
  border-color: var(--danger-120);
}
#gallery {
  display: flex!important;
  flex: 0 1 auto;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 40px;
}
#gallery .delete-after-text {
  font-size: 12px;
  line-height: 18px;
  color: #808185;
}
#gallery .item-container {
  display: flex;
  width: 100%;
  position: relative;
}
#gallery .item-container .delete-upload-button {
  opacity: 1;
  position: absolute;
  box-shadow: none;
  border: none;
  top: 7px;
  left: 300px;
  width: 20px;
  height: 20px;
  transition: opacity 0.3s;
}
#gallery .item-container .delete-upload-button .close_icon {
  filter: invert(80%) sepia(7%) saturate(64%) hue-rotate(182deg) brightness(88%) contrast(81%);
}
#gallery .item-container .file-info {
  display: block;
  overflow: hidden;
  padding: 5px 12px;
  width: 250px;
  box-sizing: border-box;
}
#gallery .item-container .file-info:hover .name {
  color: var(--accent);
}
#gallery .item-container .file-info .name,
#gallery .item-container .file-info .size {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 18px;
  width: 100%;
  box-sizing: border-box;
}
#gallery .item-container .file-info .name {
  font-weight: 600;
  font-size: 14px;
  color: #2B2D33;
  direction: rtl;
  text-align: left;
}
#gallery .item-container .file-info .size {
  white-space: nowrap;
  font-size: 12px;
  color: #AAABAD;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 3px;
  text-align: left;
}
#gallery .img-container {
  display: block;
  position: relative;
  width: 45px;
  min-width: 45px;
  height: 45px;
  background-color: rgba(55, 114, 255, 0.1);
  border-radius: 4px;
  text-align: center;
}
#gallery .img-container__img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
#gallery .img-container__ext {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 8px);
  font-weight: 500;
  font-size: 12px;
  line-height: 45px;
  text-transform: uppercase;
}
.drop_step .drop_step_item {
  display: flex;
  margin-top: 16px;
}
.drop_step .drop_step_item .step {
  color: var(--on-primary);
  font-size: 14px;
  line-height: 18px;
  font-family: 'Roboto-Medium', sans-serif;
  width: 50px;
  min-width: 50px;
}
.drop_step .drop_step_item .step_text {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-100);
}
.drop_step .drop_step_item .download_link {
  margin-top: 10px;
}
.card-wrapper {
  display: flex;
}
.card-wrapper.card-column-wrapper {
  flex-direction: column;
  justify-content: stretch;
}
.card-wrapper.card-column-wrapper > .card {
  width: 100%;
}
.card-wrapper.card-row-wrapper {
  flex-direction: row;
  align-items: stretch;
}
.card-wrapper.card-grid-wrapper {
  display: grid;
}
.card {
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.card.card-p-0 {
  padding: 0;
}
.card.card-horizontal {
  flex-direction: row;
}
.card-content {
  flex-grow: 1;
  position: relative;
  padding-right: 10px;
}
.card-footer {
  display: flex;
  justify-content: end;
  margin-top: 16px;
}
.card-header h3 {
  font-size: 15px;
  line-height: 1.2;
  margin: 0 0 8px 0;
}
.card-header h4 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}
.card-subheader {
  font-size: 13px;
  line-height: 15px;
  color: var(--gray-100);
  margin-bottom: 8px;
}
.card-radio label {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid transparent;
}
.card-radio input:checked + label {
  background-color: var(--background);
  border-color: var(--accent);
}
.row {
  display: flex;
  padding: 0;
  flex-wrap: nowrap;
  margin: 0;
  align-items: flex-end;
  width: 100%;
  gap: 7px;
}
.row:not(.justify-content-between) > *:not(a):not(button):not(.filters-group):not(.segmented-controls) {
  flex: 1;
  min-width: 0;
}
.row.row-m0 {
  gap: 0;
}
.row.row-indent-50 {
  gap: 50px;
}
.row.row-indent-40 {
  gap: 40px;
}
.row.row-indent-25 {
  gap: 25px;
}
.column {
  display: flex;
  flex-direction: column;
}
.columns-2 {
  display: flex;
  flex-flow: row wrap;
}
.columns-2 > * {
  width: calc((100% - 12px * 2) / 2);
  margin: 0 12px;
}
.columns-2 > *:nth-child(2n) {
  margin-right: 0;
}
.columns-2 > *:nth-child(2n + 1) {
  margin-left: 0;
}
.scroll-indent {
  margin-right: -17px;
}
.scroll-indent .scroll-wrapper {
  overflow-y: scroll;
}
.scroll-wrapper {
  overflow-y: auto;
  padding-right: 17px;
  margin-right: -17px;
  width: 100%;
  flex-grow: 1;
  position: absolute;
  height: 100%;
  scroll-behavior: smooth;
  mask-size: 100% 20000px;
  mask-position: left bottom;
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.scroll-wrapper:not(.scroll-wrapper-schedule-table):not(.scroll-wrapper-modal-inline):not(
      .hide-scroll
    ):not(.scroll-wrapper-costs-table) {
  mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
  -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
}
.scroll-wrapper:hover {
  -webkit-mask-position: left top;
  mask-position: left top;
}
.scroll-wrapper:after {
  display: block;
  position: sticky;
  content: "";
  bottom: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
}
.scroll-wrapper.scroll-wrapper-without-fadeout:after {
  content: none;
}
.scroll-wrapper.scroll-wrapper-25 {
  max-height: 25vh;
}
.scroll-wrapper.scroll-wrapper-50 {
  max-height: 50vh;
}
.scroll-wrapper.scroll-wrapper-55 {
  max-height: 55vh;
}
.scroll-wrapper.scroll-wrapper-60 {
  max-height: 60vh;
}
.scroll-wrapper.scroll-wrapper-68 {
  max-height: 68vh;
}
.scroll-wrapper.scroll-wrapper-70 {
  max-height: 70vh;
}
.scroll-wrapper.scroll-wrapper-75 {
  max-height: 75vh;
}
.scroll-wrapper.scroll-wrapper-78 {
  max-height: 78vh;
}
.scroll-wrapper.scroll-wrapper-80 {
  max-height: 80vh;
}
.scroll-wrapper.scroll-wrapper-90 {
  max-height: 88vh;
}
.scroll-wrapper.scroll-wrapper-auto {
  max-height: initial;
}
.scroll-wrapper.hide-scroll {
  padding-right: 0;
  margin-right: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll-wrapper.hide-scroll::-webkit-scrollbar {
  display: none;
}
.scrollable-x {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: auto;
  cursor: pointer;
}
.scrollable-x:not(.with-scrollbar) {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrollable-x:not(.with-scrollbar)::-webkit-scrollbar {
  display: none;
}
.scrollable-x.with-scrollbar {
  padding-bottom: 8px;
  scrollbar-width: thin;
}
.scrollable-x.with-scrollbar::-webkit-scrollbar {
  height: 5px;
}
.scrollable-x.with-scrollbar::-webkit-scrollbar-track {
  margin-top: 5px;
}
.scrollable-x.flicker-scrollbar {
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - 8px), transparent 8px, transparent 100%);
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: -webkit-mask-position 2s;
}
.scrollable-x.flicker-scrollbar:hover {
  -webkit-mask-position: left 99%;
  mask-position: left 99%;
  transition: -webkit-mask-position 2s;
}
.modules-wrapper {
  --gap: 1px;
  gap: var(--gap);
  display: flex;
}
.modules-wrapper .scroll-wrapper,
.modules-wrapper .blocks-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  -webkit-mask-image: none;
  mask-image: none;
}
.modules-wrapper .scroll-wrapper:after,
.modules-wrapper .blocks-wrapper:after {
  content: none;
}
.block {
  --padding-top: 24px;
  --padding-bottom: 24px;
  --padding-left: 24px;
  --padding-right: 24px;
  --border-radius: 16px;
  --border-color: transparent;
  --background-color: var(--white);
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  border-radius: var(--border-radius);
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 20px;
  border: 1px solid var(--border-color);
}
.block.block-bordered {
  --border-color: var(--gray-10);
}
.block .block-header {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.block .block-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.block.block-empty {
  flex-grow: 1;
}
.block.block-xxs {
  --padding-top: 8px;
  --padding-bottom: 8px;
  --padding-left: 12px;
  --padding-right: 12px;
  --border-radius: 8px;
}
.block.block-xs {
  --padding-top: 12px;
  --padding-bottom: 12px;
  --padding-left: 12px;
  --padding-right: 12px;
  --border-radius: 8px;
}
.block.block-sm {
  --padding-top: 12px;
  --padding-bottom: 12px;
  --padding-left: 18px;
  --padding-right: 18px;
  --border-radius: 8px;
}
.block.block-md {
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-left: 16px;
  --padding-right: 16px;
  --border-radius: 12px;
}
.block.block-lg {
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-left: 20px;
  --padding-right: 20px;
  --border-radius: 12px;
}
.block.sub-block {
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-left: 24px;
  --padding-right: 24px;
  --border-radius: 12px;
  background: var(--gray-01);
  gap: 14px;
}
.block.sub-block.sub-block-sm {
  --padding-top: 13px;
  --padding-bottom: 13px;
  --padding-left: 16px;
  --padding-right: 16px;
}
.block.sub-block.block-cancel-reasons {
  --padding-left: 16px;
  --padding-right: 16px;
}
.block.sub-block.block-cancel-reasons .info-list-row .row-header {
  max-width: 126px;
  min-width: 126px;
}
.block.sub-block .block-header {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  gap: 10px;
}
.block.sub-block .block-header .sub-block-no-info {
  font-weight: 400;
  font-size: 14px;
  width: 400px;
  min-width: 400px;
  color: var(--gray-100);
}
.block.block-sidebar {
  --padding-top: 24px;
  --padding-bottom: 24px;
  --padding-left: 24px;
  --padding-right: 24px;
  --border-color: transparent;
}
.block.block-icon {
  border: none;
}
.block.block-select {
  display: flex;
  --padding-top: 12px;
  --padding-bottom: 12px;
  --padding-left: 16px;
  --padding-right: 16px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: none;
  text-align: center;
  box-shadow: 3px 3px 10px 3px var(--gray-05);
}
.block.block-stub {
  display: flex;
  padding: 10px Max(20px, 9vw);
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--gray-10);
  background: var(--gray-05);
  font-weight: 500;
  text-align: center;
}
.block.block-stub-center {
  width: 410px;
  height: 124px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  --padding-top: 12px;
  --padding-bottom: 12px;
  --padding-left: 20px;
  --padding-right: 20px;
  gap: 8px;
  border-radius: 16px;
  background: transparent;
  font-weight: 500;
  text-align: center;
}
.block .close_btn {
  position: absolute;
  right: 10px;
  top: 10px;
}
.block .close_btn .icon {
  filter: var(--filter-gray-100);
}
.formgroup-error .block-bordered {
  --border-color: var(--danger-120);
}
.block-navigation {
  --padding-top: 8px;
  --padding-bottom: 8px;
  --padding-left: 8px;
  --padding-right: 8px;
}
.block-navigation a,
.block-navigation div {
  display: flex;
  gap: 6px;
  color: var(--primary);
  padding: 12px 16px;
  align-items: center;
  border-radius: 6px;
}
.block-navigation a .icon,
.block-navigation div .icon {
  filter: var(--filter-gray-100);
}
.block-navigation li.active a {
  background-color: var(--wild-sand);
}
.block-navigation li.active a .icon {
  filter: var(--filter-gray-160);
}
.block-navigation .navlink-disabled span {
  color: var(--gray-40);
}
.block-navigation .navlink-disabled .icon {
  filter: var(--filter-gray-40);
}
.block-only-header {
  --padding-top: 20px;
  --padding-bottom: 20px;
  --padding-left: 24px;
  --padding-right: 24px;
}
.block-map.block-hidden-map {
  --padding-left: 8px;
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-right: 32px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.block-map.block-hidden-map .multiroute-wrapper {
  overflow: hidden;
  flex-grow: 1;
}
.block-map.block-hidden-map .multiroute-wrapper-arrow {
  height: 100%;
  min-width: 32px;
  width: 32px;
  cursor: pointer;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-map.block-hidden-map .multiroute-wrapper-arrow:hover span {
  filter: none;
}
.block-map.block-hidden-map .map-wrapper {
  position: fixed;
  width: 100vw;
  background: #00000026;
  top: 48px;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
}
.block-map.block-hidden-map #map {
  width: 100%;
  height: 91%;
  position: absolute !important;
  bottom: 0;
  border-radius: 24px;
  transform: translateY(100%);
}
.block-map.block-hidden-map.block-spoiler-open:hover {
  border-color: transparent;
}
.block-map.block-hidden-map.block-spoiler-open .block-spoiler-toggler {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3999;
  --border-color: transparent;
}
.block-map.block-hidden-map.block-spoiler-open .block-spoiler-toggler .icon {
  width: 24px;
  height: 24px;
  max-height: 24px;
  min-width: 24px;
}
.block-map.block-hidden-map.block-spoiler-open .block-spoiler-toggler:hover {
  --border-color: var(--primary);
}
.block-map.block-hidden-map.block-spoiler-open .map-wrapper {
  overflow: hidden;
  position: fixed;
  z-index: 1000;
  transform: translateY(0);
}
.block-map.block-hidden-map.block-spoiler-open #map {
  transform: translateY(0);
  transition: transform 0.3s;
}
.block-document {
  gap: 12px;
}
.block-document .document-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.block-document .document-header span {
  font-weight: 500;
  letter-spacing: -0.098px;
}
.block-document .document-header span:before {
  background-image: url(img/uikit/document-icon.svg);
}
.block-document .document-content {
  background-color: var(--white);
  border: 1px solid var(--gray-10);
  border-radius: 8px;
}
.block-document .document-content .document {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 8px;
  border-bottom: 1px solid var(--gray-10);
}
.block-document .document-content .document span {
  font-size: 15px;
  line-height: 18px;
}
.block-document .document-content .document span:before {
  filter: invert(30%) sepia(87%) saturate(2246%) hue-rotate(149deg) brightness(98%) contrast(87%);
  background-image: url(img/uikit/checkmark-ring-icon.svg);
}
.block-document .document-content .document:last-child {
  border-bottom: none;
}
.header-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-icon:before {
  content: '';
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.divider {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
}
.divider.divider-gray-10 {
  background-color: var(--gray-10);
}
.divider.divider-gray-30 {
  background-color: var(--gray-30);
}
.divider.divider-vertical {
  width: 1px;
  height: auto;
}
.divider.divider-dashed {
  border-bottom: 1px dashed var(--gray-30);
}
.divider-dashed {
  border-top: 1px dashed var(--gray-30);
  height: 1px;
  width: 100%;
}
.block-list {
  --border-color: var(--gray-10);
  --bg-color: var(--white);
  --p: 10px 8px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
}
.block-list .block-list-item {
  display: flex;
  position: relative;
  padding: var(--p);
}
.block-list .block-list-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.block-list.block-list-gray-05 {
  --border-color: var(--white);
  --bg-color: var(--gray-05);
}
.block-list.block-list-lg {
  --p: 12px 16px;
}
.block-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.block-wrapper .block-error-label {
  display: none;
  color: var(--danger-120);
  font-size: 12px;
}
.block-wrapper.block-error .block {
  --border-color: var(--danger-120);
}
.block-wrapper.block-error .block-error-label {
  display: block;
}
.ul-standard {
  padding: 0 6px;
}
.ul-standard li {
  display: flex;
  gap: 10px;
}
.ul-standard li:before {
  content: '\2022';
}
.border-bottom {
  border-bottom: 1px solid var(--gray-40);
  padding-bottom: 8px;
}
.block-info-bottom:empty {
  display: none;
}
.block-stub-white {
  display: flex;
  padding: 10px Max(20px, 9vw);
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 16px;
  background: var(--white);
  text-align: center;
}
.block-stub-transparent {
  display: flex;
  padding: 10px Max(20px, 9vw);
  flex-direction: column;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 16px;
  background: transparent;
  text-align: center;
}
.sorting {
  font-size: 16px;
  cursor: pointer;
}
.sorting--no-sorting .icon-sorting .path1:before {
  color: #CDCDCD;
}
.sorting--no-sorting .icon-sorting .path2:before {
  color: #CDCDCD;
}
.sorting--up .icon-sorting .path1:before {
  color: #CDCDCD;
}
.sorting--up .icon-sorting .path2:before {
  color: #0092C7;
}
.sorting--down .icon-sorting .path1:before {
  color: #0092C7;
}
.sorting--down .icon-sorting .path2:before {
  color: #CDCDCD;
}
.loading_spinner_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.loading_spinner_wrapper.full_page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  padding-left: 248px;
  background-color: rgba(0, 0, 0, 0.2);
}
.loading_spinner_wrapper.absolute {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1001;
  overflow: hidden;
}
.loading_spinner_wrapper.local {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1001;
  overflow: hidden;
  top: 0;
  left: 0;
}
.loading_spinner {
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: rotate-spinner;
  animation-timing-function: linear;
  height: var(--spinner-size, 24px);
  width: var(--spinner-size, 24px);
  border-radius: 50%;
  display: inline-block;
  transition: all 0.1s;
  flex-shrink: 0;
}
.loading_spinner.black {
  border: 3px solid var(--on-primary);
  border-right-color: transparent;
}
.loading_spinner.blue {
  border: 3px solid var(--accent);
  border-right-color: transparent;
}
.loading_spinner.grey {
  border: 3px solid var(--gray-60);
  border-right-color: transparent;
}
.loading_spinner.spinner-sm {
  --spinner-size: 16px;
  border-width: 2px;
}
@keyframes rotate-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.air-datepicker {
  font-family: 'Roboto', sans-serif !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px !important;
  background-color: var(--white) !important;
  width: 256px !important;
}
.datepicker_period_time {
  margin: 0 2px;
  color: var(--gray-60);
}
.air-datepicker-nav--action svg {
  filter: invert(14%) sepia(18%) saturate(380%) hue-rotate(187deg) brightness(92%) contrast(88%) !important;
}
.air-datepicker-nav--title {
  color: var(--on-primary) !important;
  font-size: 14px !important;
  font-family: 'Roboto-Medium', sans-serif !important;
  padding: 3px 8px 0 8px !important;
}
.air-datepicker-nav--title i {
  color: var(--on-primary) !important;
}
.air-datepicker-nav {
  padding: 12px 10px !important;
  justify-content: center !important;
}
.air-datepicker--content {
  padding: 16px 19px !important;
}
.air-datepicker-body--day-names {
  margin: 0 0 8px 0 !important;
}
.air-datepicker-body--day-name {
  color: var(--gray-60) !important;
  font-size: 12px !important;
  height: 32px;
}
.-day-.-range-from- {
  position: relative;
  z-index: 10;
}
.-day-.-range-from-:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: var(--accent);
  position: absolute;
  top: 11px;
  right: -2px;
  transform: rotate(45deg);
}
.-day-.-range-to- {
  position: relative;
  z-index: 10;
}
.-day-.-range-to-:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: var(--accent);
  position: absolute;
  top: 11px;
  left: -2px;
  transform: rotate(45deg);
}
.-day-.-selected-.-range-from-.-range-to-:after {
  display: none;
}
.air-datepicker-buttons {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.air-datepicker-button {
  height: auto !important;
  color: var(--on-primary) !important;
}
.air-datepicker-button button:disabled {
  color: var(--gray-40) !important;
}
.air-datepicker--buttons {
  padding: 12px 19px !important;
}
.air-datepicker-button:hover {
  background: none !important;
}
.datepicker-btn-apply button:hover {
  color: var(--accent);
}
.air-datepicker--buttons i {
  transition: all 0.1s;
  transition-delay: 0.2s;
}
.air-datepicker--buttons .delete_icon {
  filter: invert(81%) sepia(0%) saturate(3%) hue-rotate(304deg) brightness(85%) contrast(91%);
}
.air-datepicker--buttons .tooltip_block:hover .clock_icon {
  filter: invert(44%) sepia(46%) saturate(5811%) hue-rotate(213deg) brightness(100%) contrast(108%);
}
.air-datepicker--buttons .tooltip_block:hover .delete_icon {
  filter: invert(27%) sepia(78%) saturate(6958%) hue-rotate(348deg) brightness(89%) contrast(99%);
}
.datepicker_back {
  position: absolute;
  top: 14px;
  left: 10px;
  width: 32px;
  height: 32px;
}
.datepicker_back i {
  transition: all 0.3s;
}
.datepicker_back:hover i {
  filter: invert(53%) sepia(80%) saturate(5538%) hue-rotate(212deg) brightness(101%) contrast(102%);
}
.datepicker_time_block {
  padding: 8px 16px 0 16px;
  display: flex;
  justify-content: space-between;
}
.datepicker_time_block .time_item {
  width: 106px;
}
.datepicker_time_block .time_item .text {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-100);
}
.datepicker_time_block .time_item input {
  display: block;
  margin-top: 4px;
  border: 1px solid var(--gray-30);
  width: 100%;
  height: 36px;
  border-radius: 8px;
  padding: 0 12px;
  color: var(--on-primary);
  transition: all 0.3s;
}
.datepicker_time_block .time_item input::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.datepicker_time_block .time_item input::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.datepicker_time_block .time_item input:-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.datepicker_time_block .time_item input:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.datepicker_time_block .time_item input:focus::-webkit-input-placeholder {
  color: transparent;
}
.datepicker_time_block .time_item input:focus::-moz-placeholder {
  color: transparent;
}
.datepicker_time_block .time_item input:focus:-moz-placeholder {
  color: transparent;
}
.datepicker_time_block .time_item input:focus:-ms-input-placeholder {
  color: transparent;
}
.datepicker_time_block .time_item input::-webkit-calendar-picker-indicator {
  display: none;
}
.datepicker_time_block .time_item input:focus,
.datepicker_time_block .time_item input:hover {
  border: 1px solid var(--on-primary);
}
.air-datepicker-nav--action:hover {
  background-color: transparent !important;
}
.air-datepicker-nav--action:hover i {
  filter: invert(38%) sepia(98%) saturate(2633%) hue-rotate(211deg) brightness(99%) contrast(104%);
}
.air-datepicker-nav--action.-disabled- {
  visibility: visible !important;
  cursor: not-allowed !important;
}
.air-datepicker-nav--action.-disabled- i {
  filter: invert(88%) sepia(5%) saturate(16%) hue-rotate(13deg) brightness(91%) contrast(93%);
}
.air-datepicker-cell {
  color: var(--on-primary) !important;
  font-size: 12px !important;
}
.air-datepicker-cell.-focus- {
  background-color: var(--wild-sand) !important;
}
.air-datepicker-cell.-current- {
  color: var(--on-accent) !important;
}
.air-datepicker-cell.-current-.-focus- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
}
.air-datepicker-cell.-in-range- {
  background-color: var(--wild-sand) !important;
}
.air-datepicker-nav--title:hover {
  background-color: transparent !important;
  color: var(--on-accent) !important;
}
.air-datepicker-nav--title:hover i {
  background-color: transparent !important;
  color: var(--on-accent) !important;
}
.air-datepicker-cell.-month-.-current- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
}
.air-datepicker-cell.-year-.-current- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
}
.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
  color: var(--gray-60) !important;
}
.air-datepicker-cell.-selected- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
  border-radius: 4px !important;
}
.air-datepicker-cell.-day-.-other-month-.-selected-,
.air-datepicker-cell.-year-.-other-decade-.-selected- {
  color: var(--white) !important;
}
.air-datepicker-cell.-selected-.-focus- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
  border: none !important;
}
.air-datepicker-cell.-range-to-,
.air-datepicker-cell.-range-from- {
  background-color: var(--on-accent) !important;
  color: var(--white) !important;
  border: none !important;
}
.air-datepicker-cell.-disabled- {
  color: #C9C9C9 !important;
  cursor: not-allowed !important;
  background-color: transparent !important;
}
.air-datepicker-body--cells.-months-,
.air-datepicker-body--cells.-years- {
  grid-auto-rows: 56px !important;
}
.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(3, 1fr) !important;
}
.air-datepicker--pointer {
  display: none !important;
}
.datepicker_time_block {
  animation: show_time 1s;
}
@keyframes show_time {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
  color: var(--adp-color-other-month);
}
.air-datepicker-cell.-day-.-other-month-:hover,
.air-datepicker-cell.-year-.-other-decade-:hover {
  color: var(--adp-color-other-month-hover);
}
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  color: var(--adp-color-other-month);
}
.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background: var(--adp-background-color-selected-other-month-focused);
}
.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
  background-color: var(--adp-background-color-in-range-focused);
}
.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
  background: none;
  border: none;
}
.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.air-datepicker-cell.-focus- {
  background: var(--adp-background-color-hover);
}
.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}
.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}
.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}
.air-datepicker-cell.-in-range-:hover {
  background: var(--adp-cell-background-color-in-range-hover);
}
.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}
.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}
.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}
.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}
.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}
.air-datepicker-body.-hidden- {
  display: none;
}
.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}
.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}
.air-datepicker-body--cells {
  display: grid;
}
.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}
.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}
.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}
.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}
.-only-timepicker- .air-datepicker-nav {
  display: none;
}
.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}
.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}
.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}
.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}
.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}
.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}
.air-datepicker-buttons {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
.air-datepicker-button {
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}
.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}
.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}
.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}
.air-datepicker-button span {
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.air-datepicker-time {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}
.-only-timepicker- .air-datepicker-time {
  border-top: none;
}
.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 14px;
  text-align: center;
}
.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}
.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: '';
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}
.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}
.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}
.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}
.air-datepicker-time--row input[type='range'] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type='range']::-ms-tooltip {
  display: none;
}
.air-datepicker-time--row input[type='range']:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type='range']:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type='range']:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type='range']:focus {
  outline: none;
}
.air-datepicker-time--row input[type='range']:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type='range']:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type='range']:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type='range']::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}
.air-datepicker-time--row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type='range']::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type='range']::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type='range']::-ms-fill-lower {
  background: transparent;
}
.air-datepicker-time--row input[type='range']::-ms-fill-upper {
  background: transparent;
}
.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}
.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}
.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, -webkit-max-content);
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}
.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}
.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}
.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}
.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}
.air-datepicker.-active-.-custom-position- {
  transition: none;
}
.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
}
.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}
.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}
.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: transparent;
}
.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}
.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}
.air-datepicker.-custom-position- {
  transition: none;
}
.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}
.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}
.air-datepicker--pointer:after {
  content: '';
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}
.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^='top'] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}
.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^='top'] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}
.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^='right'] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}
.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^='right'] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}
.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^='bottom'] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}
.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^='bottom'] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}
.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^='left'] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}
.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^='left'] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}
.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}
.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}
.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}
.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}
.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}
.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}
.air-datepicker--navigation {
  grid-area: nav;
}
.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}
.-only-timepicker- .air-datepicker--content {
  display: none;
}
.air-datepicker--time {
  grid-area: timepicker;
}
.air-datepicker--buttons {
  grid-area: buttons;
}
.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}
.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}
.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}
.panel {
  background: var(--white);
  padding: 24px;
  border-radius: 12px;
  max-width: 100%;
}
.panel.panel-padding-12 {
  padding: 12px;
}
.panel-centered {
  display: flex;
  justify-content: center;
}
.panel-widgets {
  --panel-padding: 24px 0;
  --widget-padding: 0 24px;
  display: flex;
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: var(--panel-padding);
  justify-content: space-between;
}
.panel-widgets > .widget {
  gap: 16px;
  display: flex;
  padding: var(--widget-padding);
  flex-grow: 1;
}
.panel-widgets > .widget:not(:last-child) {
  border-right: 1px solid var(--gray-10);
}
.panel-widgets > .widget .card-content > strong,
.panel-widgets > .widget .widget-content > strong {
  white-space: nowrap;
}
.panel-widgets.panel-widgets-md {
  --panel-padding: 16px 0;
  --widget-padding: 0 16px;
}
.scroll-wrapper-schedule-table {
  margin-right: 0;
  padding-right: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 8px);
  height: 100%;
}
.scroll-wrapper-schedule-table::-webkit-scrollbar-track {
  margin: 35px 0 10px;
}
.schedule-table-wrapper {
  --vehicle-info-width: 206px;
  --columns-num: 7;
  --steps-num-in-col: 24;
  --header-h: 34px;
  --cell-h: 90px;
  --step: calc(((100% - var(--vehicle-info-width)) / var(--columns-num)) / var(--steps-num-in-col));
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
}
.schedule-table-wrapper.schedule-table-day {
  --columns-num: 24;
  --steps-num-in-col: 1;
}
.schedule-table-wrapper table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.schedule-table-wrapper col {
  width: var(--vehicle-info-width);
}
.schedule-table-wrapper thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.schedule-table-wrapper thead th {
  padding-top: 8px;
  padding-bottom: 8px;
  height: var(--header-h);
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: var(--white);
  border-top: 1px solid var(--gray-30);
}
.schedule-table-wrapper thead th:first-child {
  border-radius: 8px 0 0 0;
  box-shadow: -99px -7px 0px -6px #fff;
}
.schedule-table-wrapper thead th:last-child {
  border-radius: 0 8px 0 0;
  box-shadow: 46px -9px 0px 6px #fff;
  padding-right: 4px;
}
.schedule-table-wrapper thead th > div {
  font-size: 14px;
  background-color: var(--white);
  text-align: center;
}
.schedule-table-wrapper thead th:hover:not(:first-child) {
  border-bottom: 2px solid var(--accent);
  cursor: pointer;
  padding-bottom: 6px;
  color: var(--accent);
}
.schedule-table-wrapper thead th:hover:not(:first-child) div {
  color: var(--accent);
}
.schedule-table-wrapper thead th:last-child {
  border-right: 1px solid var(--gray-30);
}
.schedule-table-wrapper tr {
  position: relative;
}
.schedule-table-wrapper tr:last-child td {
  border-bottom: 1px solid var(--gray-30);
}
.schedule-table-wrapper tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}
.schedule-table-wrapper tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}
.schedule-table-wrapper tr th,
.schedule-table-wrapper tr td {
  border-left: 1px solid var(--gray-30);
  border-bottom: 1px solid var(--gray-30);
  vertical-align: middle;
}
.schedule-table-wrapper tr td {
  height: var(--cell-h);
  /*DELETE*/
  /*/DELETE*/
}
.schedule-table-wrapper tr td:last-child {
  border-right: 1px solid var(--gray-30);
}
.schedule-table-wrapper tr td:first-child:hover {
  background: var(--wild-sand);
}
.schedule-table-wrapper .schedule-table-row-head {
  /*.tooltip {
      width: 100%;
      height: 100%;
    }*/
}
.schedule-table-wrapper .schedule-table-row-head-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  width: 100%;
  height: 100%;
  /*DELETE*/
  /*/DELETE*/
}
.schedule-table-wrapper .schedule-table-row-head-wrapper button {
  display: none;
}
.schedule-table-wrapper .schedule-table-row-head-wrapper:hover button {
  display: flex;
}
.schedule-table-wrapper .vehicle-wrapper,
.schedule-table-wrapper .driver-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.schedule-table-wrapper .vehicle-number,
.schedule-table-wrapper .trailer-number,
.schedule-table-wrapper .driver-name {
  font-weight: 700;
}
.schedule-table-wrapper .vehicle-driver,
.schedule-table-wrapper .vehicle {
  display: flex;
}
.schedule-table-wrapper .vehicle-driver-subtitle,
.schedule-table-wrapper .vehicle-subtitle {
  color: var(--gray-60);
  font-size: 14px;
  margin-right: 11px;
}
.schedule-table-wrapper .vehicle-driver-name,
.schedule-table-wrapper .vehicle-number {
  font-size: 14px;
}
.schedule-table-wrapper .timeline-wrapper {
  --step: calc(((100% - var(--vehicle-info-width)) / var(--columns-num)) / var(--steps-num-in-col));
  --timeline-indent: calc(var(--step) * var(--indent) + var(--vehicle-info-width));
  position: absolute;
  height: 100%;
  width: 3px;
  top: 0;
  z-index: 10;
  margin-left: var(--timeline-indent);
}
.schedule-table-wrapper .timeline-wrapper .timeline {
  height: 100%;
  background: red;
}
.schedule-table-wrapper .timeline-wrapper .tooltip {
  height: 100%;
}
.schedule-table-wrapper .event {
  --step-count: 0;
  --indent: 0;
  --event-width: calc(var(--step) * var(--step-count));
  --event-indent: calc(var(--step) * var(--indent));
  --background: none;
  --border-color: none;
  --is-short: 0;
  border-radius: 2px;
  display: flex;
  position: absolute;
  margin-left: calc(var(--event-indent) + 2px);
  background-color: var(--background);
  width: calc(var(--event-width) - 2px);
  border: 1px solid transparent;
  border-left: none;
  top: 7px;
  bottom: 7px;
}
.schedule-table-wrapper .event:before {
  content: "";
  display: block;
  border-radius: 2px;
  position: absolute;
  width: 3px;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--border-color);
}
.schedule-table-wrapper .event:hover {
  border: 1px solid var(--border-color);
  border-left: none;
}
.schedule-table-wrapper .event.event-without-head {
  margin-left: 0;
  width: calc(var(--event-width));
}
.schedule-table-wrapper .event.event-without-head:before {
  display: none;
}
.schedule-table-wrapper .event .event-description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  max-width: 100%;
  padding: 17px calc(19px * (1 - var(--is-short)) + (var(--step) * var(--step-count) * 0.2) * var(--is-short) + 8px * var(--is-short));
}
.schedule-table-wrapper .event .event-header {
  color: #109878;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.schedule-table-wrapper .event .event-description {
  color: var(--gray-100);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.schedule-table-wrapper .event.event-short {
  --is-short: 1;
}
.schedule-table-wrapper .event.event-order {
  --border-color: var(--green-120);
  --background: var(--green-10);
}
.schedule-table-wrapper .event.event-service,
.schedule-table-wrapper .event.event-repair {
  --border-color: var(--ochra-120);
  --background: var(--ochra-10);
}
.schedule-table-wrapper .event.event-empty {
  --border-color: var(--blue-120);
  --background: var(--blue-10);
}
.schedule-table-wrapper .event.event-stand,
.schedule-table-wrapper .event.event-other {
  --border-color: var(--purple-120);
  --background: var(--purple-10);
}
.schedule-table-wrapper .event.event-done {
  --border-color: var(--gray-60);
  --background: var(--gray-10);
}
.schedule-table-wrapper .event.event-done .event-header {
  color: var(--gray-120);
}
.schedule-table-wrapper .event .event-delete-btn {
  position: absolute;
  right: Min(12px, 20%);
  top: 12px;
  height: 12px;
  width: 12px;
  display: none;
  cursor: pointer;
}
.schedule-table-wrapper .event .event-delete-btn .icon {
  width: 100%;
  height: 100%;
}
.schedule-table-wrapper .event:hover .event-delete-btn {
  display: flex;
}
.schedule-table-wrapper .tooltip_block {
  position: absolute;
  cursor: pointer;
  width: 100%;
  display: flex;
  height: 100%;
}
.schedule-table-wrapper.schedule-table-week th > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.schedule-table-wrapper.schedule-table-week th .weekday {
  color: var(--gray-60);
}
.schedule-grid-wrapper {
  --vehicle-info-width: 182px;
  --columns-num: 7;
  --steps-num-in-col: 24;
}
.schedule-grid-wrapper .scroll-wrapper {
  padding-right: 0;
  margin-right: 0;
}
.schedule-grid-wrapper .scroll-wrapper:after {
  content: none;
}
.schedule-grid-wrapper .schedule-grid-header {
  display: grid;
  grid-gap: 1px;
  background-color: var(--gray-30);
  grid-template-columns: var(--vehicle-info-width) repeat(var(--columns-num), 1fr);
  position: sticky;
  top: 0;
  z-index: 1;
  border-radius: 8px 8px 0 0;
  border: 1px solid var(--gray-30);
  padding-right: 4px;
}
.schedule-grid-wrapper .schedule-grid-header > div {
  font-size: 14px;
  height: 34px;
  background-color: var(--white);
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.schedule-grid-wrapper .schedule-grid-header > div:hover:not(:first-child) {
  border-bottom: 2px solid var(--accent);
  cursor: pointer;
  padding-bottom: 7px;
  color: var(--accent);
}
.schedule-grid-wrapper .schedule-grid-header > div:hover:not(:first-child) div {
  color: var(--accent);
}
.schedule-grid-wrapper.schedule-grid-week .schedule-grid-header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
}
.schedule-grid-wrapper.schedule-grid-week .schedule-grid-header .weekday {
  color: var(--gray-60);
}
.schedule-grid-wrapper .schedule-grid {
  border-radius: 0 0 8px 8px;
  width: 100%;
  border: 1px solid var(--gray-30);
  display: grid;
  grid-gap: 1px;
  background-color: var(--gray-30);
  grid-template-columns: var(--vehicle-info-width) repeat(var(--columns-num), 1fr);
  overflow-x: hidden;
  position: relative;
  margin-top: -1px;
}
.schedule-grid-wrapper .schedule-grid > div {
  background: var(--white);
}
.schedule-grid-wrapper .schedule-grid .schedule-grid-row-head {
  padding: 24px 16px;
}
.schedule-grid-wrapper .schedule-grid .day,
.schedule-grid-wrapper .schedule-grid .hour {
  padding: 7px 0;
}
.schedule-grid-wrapper .schedule-grid .vehicle-number {
  font-weight: 700;
  margin-bottom: 6px;
}
.schedule-grid-wrapper .schedule-grid .vehicle-driver {
  display: flex;
}
.schedule-grid-wrapper .schedule-grid .vehicle-driver-subtitle {
  color: var(--gray-60);
  font-size: 14px;
  margin-right: 11px;
}
.schedule-grid-wrapper .schedule-grid .vehicle-driver-name {
  font-size: 14px;
}
.schedule-grid-wrapper .schedule-grid .event {
  --step: calc(((100% - var(--vehicle-info-width)) / var(--columns-num)) / var(--steps-num-in-col));
  --step-count: 0;
  --indent: 0;
  --event-width: calc(var(--step) * var(--step-count));
  --event-indent: calc(var(--step) * var(--indent));
  --background: none;
  --border-color: none;
  --is-short: 0;
  border-radius: 2px;
  display: flex;
  position: absolute;
  padding: 17px calc(19px * (1 - var(--is-short)) + (var(--step) * var(--step-count) * 0.2) * var(--is-short));
  margin-left: calc(var(--event-indent) + 2px);
  background-color: var(--background);
  width: calc(var(--event-width) - 2px);
  height: 74px;
}
.schedule-grid-wrapper .schedule-grid .event:before {
  content: "";
  display: block;
  border-radius: 2px;
  position: absolute;
  width: 3px;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--border-color);
}
.schedule-grid-wrapper .schedule-grid .event.event-without-head {
  margin-left: 0;
  width: calc(var(--event-width));
}
.schedule-grid-wrapper .schedule-grid .event.event-without-head:before {
  display: none;
}
.schedule-grid-wrapper .schedule-grid .event .event-description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  max-width: 100%;
}
.schedule-grid-wrapper .schedule-grid .event .event-header {
  color: #109878;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.schedule-grid-wrapper .schedule-grid .event .event-description {
  color: var(--gray-100);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.schedule-grid-wrapper .schedule-grid .event.event-short {
  --is-short: 1;
}
.schedule-grid-wrapper .schedule-grid .event.event-order {
  --border-color: var(--green-120);
  --background: var(--green-10);
}
.schedule-grid-wrapper .schedule-grid .event.event-service,
.schedule-grid-wrapper .schedule-grid .event.event-repair {
  --border-color: var(--ochra-120);
  --background: var(--ochra-10);
}
.schedule-grid-wrapper .schedule-grid .event.event-empty {
  --border-color: var(--blue-120);
  --background: var(--blue-10);
}
.schedule-grid-wrapper .schedule-grid .event.event-stand,
.schedule-grid-wrapper .schedule-grid .event.event-other {
  --border-color: var(--purple-120);
  --background: var(--purple-10);
}
.schedule-grid-wrapper.schedule-grid-day {
  --columns-num: 24;
  --steps-num-in-col: 1;
}
.schedule-grid-wrapper.schedule-grid-day .schedule-grid-header > div {
  font-size: 12px;
  padding: 8px 0;
}
.schedule-grid-wrapper.schedule-grid-day .schedule-grid {
  grid-gap: 0;
}
.schedule-grid-wrapper.schedule-grid-day .schedule-grid > div {
  border-bottom: 1px solid var(--gray-30);
  border-left: 1px solid var(--gray-10);
}
.period-picker {
  border: 2px solid var(--gray-10);
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  min-width: 174px;
}
.period-picker .to-previous-period,
.period-picker .to-next-period {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.period-picker .period {
  margin: 0 12px;
}
.selected-filters-group {
  --chips-height: 32px;
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.selected-filters-group .btn-group {
  display: flex;
  gap: 20px;
}
.selected-filters-group .btn-group .btn-reset,
.selected-filters-group .btn-group .btn-more {
  height: var(--chips-height);
}
.selected-filters-group .btn-group .btn-more.hidden {
  display: none;
}
.selected-filters-group-open .chips-wrapper {
  max-height: unset;
  width: 100%;
}
.selected-filters-group-open .btn-more .icon {
  transform: rotateX(180deg);
}
.selected-filters-group-open .btn-group {
  margin-left: auto;
}
.chips-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: var(--chips-height);
  overflow: hidden;
}
.chips-wrapper .chips {
  height: var(--chips-height);
  border-radius: 16px;
  border: none;
  display: flex;
  align-items: center;
  background-color: var(--gray-05);
  color: var(--primary);
  white-space: nowrap;
  padding: 12px;
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
}
.chips-wrapper .chips:hover {
  background-color: var(--gray-10);
}
.chips-wrapper .chips .close_icon {
  padding: 4px;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
  margin-left: 8px;
  cursor: pointer;
  border-radius: 100%;
  background-color: transparent;
}
.chips-wrapper .chips .close_icon:hover {
  background-color: var(--gray-30);
}
.chips-link {
  background: var(--gray-01);
  border-radius: 16px;
  padding: 4px 12px;
}
.chips-link.chips-link-white {
  background: var(--white);
}
.chips-link.chips-link-border {
  border: 1px solid var(--gray-10);
}
.chips-link.chips-link-border:hover {
  border: 1px solid var(--accent);
}
.chips-link a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary);
}
.chips-link a .icon {
  filter: var(--filter-primary);
}
.chips-link:hover a {
  color: var(--accent);
  text-decoration: underline;
}
.chips-link:hover a .icon {
  filter: var(--filter-accent);
}
/*TODO `delete .chips-controls (chips-controls-md, chips-controls-primary) class`*/
.chips-controls,
.chips-group {
  --font-size: 14px;
  --line-height: 18px;
  --background: var(--gray-05);
  --color: var(--primary);
  --active-background: var(--natcar-blue);
  --active-color: var(--white);
  --height: 32px;
  --p-x: 20px;
  --gap: 12px;
  --chips-gap: 10px;
  --counter-bg: var(--natcar-blue);
  --counter-color: var(--white);
  --active-counter-bg: var(--white);
  --active-counter-color: var(--on-natcar-blue);
  display: flex;
  gap: var(--gap);
}
.chips-controls .chips,
.chips-group .chips {
  height: var(--height);
  padding: 0 var(--p-x);
  border-radius: 24px;
}
.chips-controls input[type="radio"] + label:before,
.chips-group input[type="radio"] + label:before,
.chips-controls input[type="checkbox"] + label:before,
.chips-group input[type="checkbox"] + label:before {
  content: none;
}
.chips-controls input[type="radio"] + label,
.chips-group input[type="radio"] + label,
.chips-controls input[type="checkbox"] + label,
.chips-group input[type="checkbox"] + label {
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--font-size);
  line-height: var(--line-height);
  background-color: var(--background);
  color: var(--color);
  height: var(--height);
  padding: 0 var(--p-x);
  flex-grow: 0;
  gap: var(--chips-gap);
}
.chips-controls input[type="radio"] + label:hover,
.chips-group input[type="radio"] + label:hover,
.chips-controls input[type="checkbox"] + label:hover,
.chips-group input[type="checkbox"] + label:hover {
  --background: var(--gray-10);
  --active-background: var(--on-natcar-blue);
  cursor: pointer;
}
.chips-controls input[type="radio"] + label .badge,
.chips-group input[type="radio"] + label .badge,
.chips-controls input[type="checkbox"] + label .badge,
.chips-group input[type="checkbox"] + label .badge {
  --badge-background: var(--counter-bg);
  --badge-color: var(--counter-color);
}
.chips-controls input[type="radio"]:checked + label,
.chips-group input[type="radio"]:checked + label,
.chips-controls input[type="checkbox"]:checked + label,
.chips-group input[type="checkbox"]:checked + label {
  background-color: var(--active-background);
  color: var(--active-color);
  cursor: auto;
}
.chips-controls input[type="radio"]:checked + label:hover,
.chips-group input[type="radio"]:checked + label:hover,
.chips-controls input[type="checkbox"]:checked + label:hover,
.chips-group input[type="checkbox"]:checked + label:hover {
  cursor: auto;
}
.chips-controls input[type="radio"]:checked + label .badge,
.chips-group input[type="radio"]:checked + label .badge,
.chips-controls input[type="checkbox"]:checked + label .badge,
.chips-group input[type="checkbox"]:checked + label .badge {
  --badge-background: var(--active-counter-bg);
  --badge-color: var(--active-counter-color);
}
.chips-controls input[type="radio"]:disabled + label,
.chips-group input[type="radio"]:disabled + label,
.chips-controls input[type="checkbox"]:disabled + label,
.chips-group input[type="checkbox"]:disabled + label {
  --background: var(--gray-05);
  --color: var(--gray-40);
  --active-background: var(--gray-10);
  --active-color: var(--gray-40);
}
.chips-controls.chips-controls-sm,
.chips-group.chips-controls-sm,
.chips-controls.chips-group-sm,
.chips-group.chips-group-sm {
  --height: 28px;
  --p-x: 16px;
  --font-size: 14px;
  --line-height: 18px;
}
.chips-controls.chips-controls-md,
.chips-group.chips-controls-md,
.chips-controls.chips-group-md,
.chips-group.chips-group-md {
  --height: 32px;
  --p-x: 20px;
  --font-size: 12px;
  --line-height: 18px;
}
.chips-controls.chips-group-lg,
.chips-group.chips-group-lg {
  --height: 36px;
  --p-x: 20px;
  --font-size: 14px;
  --line-height: 18px;
  font-weight: 500;
}
.chips-controls.chips-controls-primary,
.chips-group.chips-controls-primary,
.chips-controls.chips-group-primary,
.chips-group.chips-group-primary {
  --background: var(--gray-05);
  --color: var(--primary);
  --active-background: var(--natcar-blue);
  --active-color: var(--white);
}
.chips-controls.chips-controls-primary input[type="radio"] + label:hover,
.chips-group.chips-controls-primary input[type="radio"] + label:hover,
.chips-controls.chips-group-primary input[type="radio"] + label:hover,
.chips-group.chips-group-primary input[type="radio"] + label:hover {
  --background: var(--gray-10);
  --active-background: var(--on-natcar-blue);
}
.chips-controls.chips-controls-primary .chips,
.chips-group.chips-controls-primary .chips,
.chips-controls.chips-group-primary .chips,
.chips-group.chips-group-primary .chips {
  background: var(--natcar-blue);
  color: var(--white);
}
.chips-controls.chips-controls-primary .chips .close_icon,
.chips-group.chips-controls-primary .chips .close_icon,
.chips-controls.chips-group-primary .chips .close_icon,
.chips-group.chips-group-primary .chips .close_icon {
  filter: var(--filter-gray-60);
}
.chips-controls.chips-controls-accent,
.chips-group.chips-controls-accent,
.chips-controls.chips-group-accent,
.chips-group.chips-group-accent {
  --background: var(--gray-05);
  --color: var(--primary);
  --active-background: var(--natcar-cian);
  --active-color: var(--white);
}
.chips-controls.chips-controls-accent input[type="radio"] + label:hover,
.chips-group.chips-controls-accent input[type="radio"] + label:hover,
.chips-controls.chips-group-accent input[type="radio"] + label:hover,
.chips-group.chips-group-accent input[type="radio"] + label:hover {
  --background: var(--gray-10);
  --active-background: var(--on-natcar-cian);
}
.chips.chips-critical {
  background: var(--red-30) !important;
  color: var(--red-120) !important;
}
.spoiler .spoiler-toggler {
  background-image: url(img/uikit/down-arrow-icon.svg);
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  min-width: 20px;
  height: 20px;
  transition: transform 0.2s;
  cursor: pointer;
}
.spoiler .spoiler-content {
  max-height: 0;
  transition: all 0.2s ease-in;
  width: 100%;
  overflow: hidden;
}
.spoiler .spoiler-hide {
  display: flex;
}
.spoiler .spoiler-show {
  display: none;
}
.spoiler.spoiler-open .spoiler-content {
  max-height: 1300px;
  transition: all 0.3s;
  overflow: unset;
}
.spoiler.spoiler-open .spoiler-hide {
  display: none !important;
}
.spoiler.spoiler-open .spoiler-show {
  display: block !important;
}
.spoiler.spoiler-open .spoiler-toggler {
  transform: rotateZ(180deg);
  transition: transform 0.2s;
}
.avatar {
  --avatar-size: 44px;
  --background: var(--green-120);
  --padding-x: 2px;
  --padding-y: 2px;
  --border-color: transparent;
  --font-size: 13px;
  --line-height: 1;
  border-radius: 100%;
  padding: var(--padding-x) var(--padding-y);
  width: var(--avatar-size);
  height: var(--avatar-size);
  background-color: var(--background);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: var(--white);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-weight: 500;
  border: 1px solid var(--border-color);
  flex-shrink: 0;
}
.avatar.avatar-sm {
  --avatar-size: 24px;
  --font-size: 12px;
  --line-height: 14px;
}
.avatar.avatar-md {
  --avatar-size: 32px;
}
.avatar.avatar-lg {
  --avatar-size: 40px;
  --font-size: 16px;
  --line-height: 19px;
}
.avatar.avatar-xl {
  --avatar-size: 44px;
  --font-size: 20px;
  --line-height: 23px;
}
.avatar.avatar-xxl {
  --avatar-size: 56px;
  --font-size: 22px;
  --line-height: 26px;
}
.avatar.avatar-green {
  --background: var(--green-120);
}
.avatar.avatar-blue {
  --background: var(--blue-120);
}
.avatar.avatar-yellow {
  --background: var(--ochra-120);
}
.avatar.avatar-purple {
  --background: var(--purple-120);
}
.avatar.avatar-king-blue {
  --background: var(--king-blue-120);
}
.avatar.avatar-red {
  --background: var(--red-120);
}
.avatar.avatar-natcar-blue {
  --background: var(--natcar-blue);
}
.avatar.avatar-gradient {
  background: linear-gradient(135deg, #207FD7 0%, #B00EA0 100%);
}
.users-row-wrapper {
  display: flex;
  align-items: center;
}
.users-row-wrapper .avatar {
  --border-color: var(--white);
}
.users-row-wrapper .avatar:not(:first-child) {
  margin-left: -6px;
}
.users-row-wrapper .more {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-120);
  margin-left: 4px;
}
.person-card {
  display: flex;
  gap: 16px;
  align-items: center;
}
.person-card .person-info {
  display: flex;
  flex-direction: column;
}
.person-card .person-info .person-job {
  color: var(--gray-100);
  font-size: 14px;
  line-height: 18px;
}
.person-card .person-info .person-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.skeleton {
  --skeleton-w: auto;
  --skeleton-h: 12px;
  --c1: #f4f4f4;
  --c2: #fff;
  --animation-time: 3s;
}
.skeleton .skeleton-item {
  width: var(--skeleton-w);
  height: var(--skeleton-h);
  flex-grow: 1;
  border-radius: 31px;
  background: linear-gradient(45deg, var(--c1) 0%, var(--c1) 34%, var(--c2) calc(34% + 7px), var(--c2) calc(34% + 14px), var(--c1) calc(34% + 21px));
  background-size: 400% 400%;
  -webkit-animation: skeleton-animation var(--animation-time) ease infinite;
  -moz-animation: skeleton-animation var(--animation-time) ease infinite;
  animation: skeleton-animation var(--animation-time) ease infinite;
}
.skeleton .skeleton-item-18 {
  --skeleton-h: 18px;
}
@-webkit-keyframes skeleton-animation {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes skeleton-animation {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes skeleton-animation {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.leaflet-popup .leaflet-popup-content {
  margin: 0;
  min-width: 212px;
}
.leaflet-popup-content-wrapper {
  border: none;
  background: transparent;
  width: auto !important;
  height: auto !important;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.08));
}
.map-tooltip {
  border-radius: 12px;
}
.map-tooltip-header {
  font-size: var(--header-font-size);
  line-height: var(--header-line-height);
  color: #808185;
}
.leaflet-control-container > .leaflet-top.leaflet-left {
  top: 50%;
  right: 20px;
  left: unset;
  transform: translateY(-50%);
}
.leaflet-control-container > .leaflet-top.leaflet-left .leaflet-control-zoom {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 36px;
  overflow: hidden;
  border: none;
  height: 96px;
  width: 48px;
}
.leaflet-control-container > .leaflet-top.leaflet-left .leaflet-control-zoom a[role="button"] {
  width: 100%;
  height: 50%;
  border-radius: 0;
  border: none;
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bar-chart {
  --bar-width: 24px;
  --bar-color: var(--accent);
  --bar-height: 0;
  display: flex;
  gap: 12px;
  justify-content: space-around;
  height: 100%;
}
.bar-chart .bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.bar-chart .bar-wrapper .bar-text {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-100);
  text-align: center;
}
.bar-chart .bar-wrapper .bar {
  background: var(--gray-01);
  width: var(--bar-width);
  border: 1px solid var(--gray-05);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-grow: 1;
  transition: all 0.2s;
}
.bar-chart .bar-wrapper .bar .bar-inner {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc(var(--bar-height)*1%);
  background-color: var(--bar-color);
  border-radius: 4px;
}
.bar-chart .bar-wrapper:hover .bar-text {
  color: var(--bar-color);
}
.bar-chart .bar-wrapper:hover .bar {
  border-color: var(--bar-color);
  box-shadow: 0 0 0 3px rgba(55, 114, 255, 0.15);
}
.header-section-wrapper {
  display: flex;
  gap: 8px;
}
.nothing-found-wrapper {
  padding: 60px 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: var(--gray-100);
}
.nothing-found-wrapper h2 {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 24px;
  line-height: 1.166;
  color: var(--primary);
}
.nothing-found-wrapper .nothing-header {
  margin-top: 16px;
  max-width: 473px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--primary);
}
.nothing-found-wrapper .nothing-description {
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}
.nothing-found-wrapper .btn {
  margin-top: 28px;
}
.nothing-found-wrapper .close_btn {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.text-field {
  font-size: 16px;
  line-height: 24px;
  color: var(--primary);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.text-field .text-field-label {
  color: var(--gray-100);
  font-size: 14px;
  line-height: 18px;
}
.search-block {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.search-block .input-search {
  --border-radius: 8px 8px 0 0;
  --input-border-width: 1px;
  --input-border-width-hover: 1px;
  --input-border-color: var(--gray-10);
}
.search-block .input-search:hover,
.search-block .input-search:focus {
  --input-border-color: var(--gray-10)!important;
  background-color: var(--gray-05);
}
.search-block .select-filters-group {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.grid-table-orders,
.grid-table {
  --grid-row-p: 20px;
  --header-p: 13px 20px;
  --column-gap: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.grid-table-scrollable {
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-right: 10px;
  margin-right: -18px;
  height: 100%;
  min-height: 10px;
  scrollbar-width: thin;
}
.grid-row {
  display: grid;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column-gap: var(--column-gap);
  padding: var(--grid-row-p);
  font-size: 13px;
  line-height: 15px;
}
.grid-row:hover {
  background-color: var(--gray-05);
  border-radius: 16px;
  border-color: transparent;
}
.grid-row.grid-row-header {
  color: var(--gray-60);
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  border-bottom: 1px solid var(--gray-10);
  padding: var(--header-p);
}
.grid-row.grid-row-header:hover {
  background-color: transparent;
}
.td-height-100 {
  height: 100%;
}
.points {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 42px;
  min-width: 42px;
  height: 100%;
  background-image: url(img/uikit/arrow-long-icon.svg);
}
.points-wrapper {
  display: grid;
  grid-template-columns: auto 42px auto;
  gap: 8px;
  height: 26px;
}
.point {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltip-points-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 20px;
}
.tooltip-points-wrapper li {
  list-style: initial;
}
.points-divider-wrapper {
  --arrow-height: 52px;
  --arrow-width: 9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.points-divider-wrapper::before {
  content: '';
  position: absolute;
  height: var(--arrow-height);
  width: var(--arrow-width);
  background-image: url(img/uikit/arrow-long-vertical-icon.svg);
  background-position: center bottom;
  background-size: cover;
  filter: var(--filter-natcar-cold-gray);
}
.points-divider-wrapper:empty {
  --arrow-height: 32px;
}
.top-panel {
  --p: 0 32px;
  width: 100vw;
  height: 60px;
  display: flex;
  justify-content: space-between;
  background-color: var(--white);
  align-items: center;
  padding: var(--p);
  border-bottom: 1px solid var(--gray-10);
  position: sticky;
  top: var(--container-indent-top, 0);
  z-index: 3998;
}
ul.breadcrumbs {
  --gap: 16px;
  display: flex;
  align-items: center;
  gap: var(--gap);
}
ul.breadcrumbs li {
  display: flex;
  gap: var(--gap);
  align-items: center;
}
ul.breadcrumbs li button,
ul.breadcrumbs li span,
ul.breadcrumbs li a {
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-100);
}
ul.breadcrumbs li:not(:last-child):after {
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url(img/uikit/right-arrow-icon.svg);
  content: "";
}
ul.breadcrumbs li:last-child button,
ul.breadcrumbs li:last-child span,
ul.breadcrumbs li:last-child a {
  color: var(--primary);
  cursor: default;
}
footer.footer-sticky {
  position: sticky;
  bottom: 0;
  padding: 30px 0 20px;
  display: flex;
  justify-content: flex-end;
  height: 90px;
  min-height: 90px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 76.67%);
  z-index: 100;
}
footer.footer-bordered {
  border-top: solid 1px var(--gray-10);
}
.covering-element-wrapper {
  --el-width: 100%;
  --h-align: flex-end;
  --p: 0 8px;
  position: absolute;
  background: linear-gradient(270deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
  inset: 0 1px 1px auto;
  width: var(--el-width);
  padding: var(--p);
  display: flex;
  align-items: center;
  justify-content: var(--h-align);
  opacity: 0;
  transition: opacity 0.2s;
}
.covering-element-parent {
  position: relative;
}
.covering-element-parent:hover .covering-element-wrapper {
  opacity: 1;
  transition: opacity 0.2s;
}
tr {
  position: relative;
}
tr:hover .covering-element-wrapper {
  opacity: 1;
  transition: opacity 0.2s;
}
.color-label {
  --w: 32px;
  --h: 16px;
  display: flex;
  width: var(--w);
  height: var(--h);
  border-radius: 4px;
}
.color-label.color-label-square {
  --h: var(--w);
}
.color-label.color-label-w-24 {
  --w: 24px;
}
/*`TODO: сделать модалки на гридах для облегчения скролла`*/
.download-docs-modal {
  display: grid!important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-row-gap: 16px!important;
  --modal-width: min(450px, 90vw);
}
.download-docs-modal .modal-content {
  display: grid!important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-row-gap: 16px!important;
  overflow-y: auto;
  width: calc(100% + 18px);
}
.download-docs-modal .column {
  overflow-y: auto;
  padding-right: 10px;
  width: calc(100% - 8px);
}
.group {
  --max-h: 48px;
  --gap: 12px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  min-width: 0;
}
.group .group-elements-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  max-height: var(--max-h);
  overflow: hidden;
}
.group.group-open {
  --max-h: unset!important;
}
.group.group-open .down_arrow_icon {
  transform: rotateX(180deg);
}
.qr-code-wrapper {
  --qr-size: 200px;
  --icon-wrapper-size: 76px;
  --icon-size: 60px;
}
.qr-code-wrapper img {
  width: var(--qr-size);
  max-width: var(--qr-size);
  height: var(--qr-size);
}
.qr-code-wrapper .icon-wrapper {
  width: var(--icon-wrapper-size);
  min-width: var(--icon-wrapper-size);
  height: var(--icon-wrapper-size);
  position: absolute;
  background: var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.qr-code-wrapper .icon {
  width: var(--icon-size);
  min-width: var(--icon-size);
  height: var(--icon-size);
}
.btn-group-arrows {
  display: flex;
}
.btn-group-arrows .btn {
  --border-width: 1px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  position: relative;
}
.btn-group-arrows .btn-outlined:hover {
  --border-color: var(--gray-30);
  --background-color: var(--gray-05);
}
.btn-group-arrows .btn:not(:last-child):after {
  content: "";
  display: flex;
  width: 1px;
  background-color: var(--border-color);
  position: absolute;
  right: 0;
}
.btn-group-arrows .btn-sm:after {
  height: 20px;
}
.btn-group-arrows .btn:first-child {
  border-left: var(--border-width) solid var(--border-color);
  border-radius: 8px 0 0 8px;
}
.btn-group-arrows .btn:last-child {
  border-right: var(--border-width) solid var(--border-color);
  border-radius: 0 8px 8px 0;
}
.btn-dashed-group {
  --border-width: 1px;
  --border-color: var(--blue-70);
  --border-type: dashed;
  display: flex;
  border: var(--border-width) var(--border-type) var(--border-color);
  border-radius: 8px;
  overflow: hidden;
}
.btn-dashed-group .btn {
  border: none;
  border-radius: 0;
}
.btn-dashed-group .btn:not(:last-child) {
  border-right: var(--border-width) var(--border-type) var(--border-color);
}
.text-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.text-group .text-group-header {
  font-weight: 500;
}
.text-group .text-group-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.text-group .text-group-item {
  display: flex;
  gap: 4px;
}
.text-group .text-group-item .text-group-item-name {
  color: var(--gray-100);
}
.text-group .text-group-item.text-group-item-vertical {
  flex-direction: column;
}
.span-list {
  display: block;
}
.span-list span:not(:last-child):after {
  content: ',';
  display: inline;
  position: relative;
  margin-right: 1ch;
}
.span-list span {
  display: inline-block;
  text-transform: lowercase;
}
.span-list span:first-child::first-letter {
  text-transform: capitalize;
}
.p-list p:not(:last-child):after {
  content: ',';
  display: inline;
  position: relative;
  margin-right: 1ch;
}
.p-list p:not(:first-child) {
  display: inline-block;
  text-transform: lowercase;
}
.p-list p:first-child::first-letter {
  text-transform: capitalize;
}
.blocks-design {
  --content-width: 720px;
  background-color: #F7F9FF;
}
.blocks-design .container {
  gap: 24px;
}
.blocks-design h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
.blocks-design .block-navigation {
  top: calc(26px + var(--container-indent-top, 0));
  width: 284px;
  min-width: 284px;
  align-self: flex-start;
  font-weight: 700;
  position: sticky;
}
.blocks-design main {
  width: var(--content-width);
  flex-grow: 0;
  gap: 24px;
}
.blocks-design .block {
  gap: 20px;
}
.blocks-design .block .block-content {
  gap: 16px;
}
.blocks-design .block.content-hide .block-content {
  display: none;
}
.blocks-design .block-header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  align-items: flex-start;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}
.blocks-design .section-header {
  position: relative;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.blocks-design .section-hide .block-content {
  height: 0;
  overflow: hidden;
  transition: height 0.2s;
}
.blocks-design .blocks-design-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.blocks-design .form-section .form-section-header {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.blocks-design footer {
  position: sticky;
  bottom: 0;
  transform: translateX(-16px);
  padding: 12px 16px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 32px);
  background: #F7F9FF;
  border-top: 1px solid var(--gray-10);
  z-index: 100;
}
.text-spoiler {
  display: flex;
  flex-direction: column;
}
.text-spoiler p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-spoiler.text-spoiler-summary .summary {
  display: block;
}
.text-spoiler.text-spoiler-summary .details {
  display: none;
}
.text-spoiler.text-spoiler-open p {
  -webkit-line-clamp: initial;
}
.text-spoiler.text-spoiler-open.text-spoiler-summary .details {
  display: block;
}
details {
  --icon-size: 24px;
}
details.details-sm {
  --icon-size: 16px;
}
details summary {
  display: flex;
  align-items: center;
  cursor: pointer;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary > *:first-child {
  flex-grow: 1;
}
details summary::after {
  content: '';
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: var(--icon-size);
  min-width: var(--icon-size);
  height: var(--icon-size);
  background-image: url(img/uikit/down-arrow-icon.svg);
  transform: rotate(0);
  transform-origin: 50%;
  transition: 0.25s transform ease;
}
details > summary {
  width: 100%;
}
details[open] > summary::after {
  transform: rotateX(180deg);
}
.horizontal-list-with-dividers {
  display: flex;
  flex-wrap: wrap;
}
.horizontal-list-with-dividers > *:not(:last-child)::after {
  content: "|";
  display: inline-block;
  position: relative;
  color: var(--gray-30);
}
.circle {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.circle.circle-xxl {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}
.stepper {
  --input-border-width: 1px;
}
.stepper.formgroup-md {
  --input-height: 40px!important;
}
.stepper .formgroup-element-wrapper {
  flex-direction: row!important;
}
.stepper .btn {
  --border-width: 1px;
}
.stepper .btn.stepper-button-minus {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.stepper .btn.stepper-button-plus {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.stepper .stepper-input {
  --input-border-width-hover: 1px;
  border-radius: 0;
  border-right: none;
  border-left: none;
  text-align: center;
}
.stepper .input-wrapper {
  flex-grow: 1;
}
.events-line {
  --accent-color: var(--gray-30);
  --point-card-bg: var(--gray-05);
  --point-card-header-color: var(--primary);
  --point-event-arrow-filter: var(--filter-gray-05);
  --line-gap: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.events-line-segment {
  position: relative;
  isolation: isolate;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.events-line-segment:before {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  left: var(--line-gap);
  background: var(--accent-color);
  z-index: -1;
}
.events-line-segment .segment-btn .icon {
  background-image: url(img/uikit/expand-icon.svg);
}
.events-line-segment .point-card,
.events-line-segment .point-event {
  background: var(--point-card-bg);
  padding: 10px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 12px;
}
.events-line-segment .point-event-wrapper {
  display: none;
}
.events-line-segment .point-event {
  background: var(--gray-05);
}
.events-line-segment .point-event-arrow {
  width: 24px;
  min-width: 24px;
  height: 22px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/uikit/point-arrow-icon.svg);
  filter: var(--point-event-arrow-filter);
  margin-left: var(--line-gap);
}
.events-line-segment .point-card-header {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: var(--point-card-header-color);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.events-line-segment .point-card-icon {
  background: var(--point-card-bg);
  display: flex;
  width: 28px;
  height: 28px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.events-line-segment .point-card-icon .icon {
  filter: var(--filter-gray-160);
}
.events-line-segment .point-event-icon {
  background: var(--point-card-bg);
  display: flex;
  width: 22px;
  height: 22px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
.events-line-segment .point-event-icon .icon {
  filter: var(--filter-gray-160);
}
.events-line-segment.active {
  --accent-color: var(--natcar-cian);
  --point-card-bg: var(--background);
  --point-card-header-color: var(--accent-color);
  --point-event-arrow-filter: var(--filter-natcar-cian);
}
.events-line-segment.active .point-card-icon .icon {
  filter: var(--filter-natcar-cian);
}
.events-line-segment.events-line-segment-expand .segment-btn .icon {
  background-image: url(img/uikit/collapse-icon.svg);
}
.events-line-segment.events-line-segment-expand .point-event-wrapper {
  display: flex;
}
.events-line-segment:last-child:not(.events-line-segment-expand):before {
  bottom: 130px;
}
.sign-docs-wrapper {
  border: 1px solid var(--gray-10);
  border-radius: 8px;
}
.sign-docs-wrapper .sign-doc {
  align-items: center;
  padding: 12px 14px;
  gap: 12px;
}
.sign-docs-wrapper .sign-doc > .comment {
  padding-top: 10px;
}
.sign-docs-wrapper .sign-doc:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.mobile-block {
  --p: 20px 16px;
  --page-header-size: 20px;
  --page-header-line-height: 24px;
  --header-size: 16px;
  --header-line-height: 18px;
  padding: var(--p);
  border-bottom: 1px solid var(--gray-10);
  display: flex;
  flex-direction: column;
}
.mobile-block h1 {
  font-size: var(--page-header-size);
  line-height: var(--page-header-line-height);
  font-weight: 700;
}
.mobile-block .block-mobile-header {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: var(--header-size);
  line-height: var(--header-line-height);
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .mobile-block {
    --p: 24px;
    --page-header-size: 28px;
    --page-header-line-height: 30px;
    --header-size: 18px;
    --header-line-height: 22px;
  }
}
.mobile-action-menu {
  --modal-width: 420px;
}
.mobile-action-menu .close_btn {
  position: relative;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .mobile-action-menu {
    --modal-width: 100dvw;
    --modal-padding: 28px 16px;
    border-radius: 16px 16px 0 0;
    align-self: flex-end;
    bottom: calc(var(--overlay-padding-y) * -1);
  }
}
.btn-mobile-map {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  width: auto;
}
.order-mobile-header {
  padding: 20px;
  position: fixed;
  z-index: inherit;
  width: 100%;
  background: var(--white);
}
@media screen and (max-width: 768px) {
  .info-card-field.info-card-sm-vertical-field {
    --info-card-header-w: 100%;
    flex-direction: column;
    gap: 4px;
  }
}
@media screen and (max-width: 768px) {
  .column-sm {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .justify-content-start-sm {
    justify-content: flex-start !important;
  }
}
@media screen and (max-width: 768px) {
  .align-items-start-sm {
    align-items: start!important;
  }
}
.mobile-only-visible {
  display: none!important;
}
@media screen and (max-width: 768px) {
  .mobile-only-visible {
    display: flex!important;
  }
}
.desktop-only-visible {
  display: none!important;
}
@media screen and (min-width: 1024px) {
  .desktop-only-visible {
    display: flex!important;
  }
}
.tablet-only-visible {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-only-visible {
    display: flex;
  }
}
.tablet-desktop-only-visible {
  display: none!important;
}
@media screen and (min-width: 768px) {
  .tablet-desktop-only-visible {
    display: flex!important;
  }
}
.mobile-wrapper {
  --px: 24px;
  --header-size: 28px;
  --header-line-height: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px var(--px);
  flex-grow: 1;
}
.mobile-wrapper header h2 {
  font-size: var(--header-size);
  line-height: var(--header-line-height);
  font-weight: 700;
}
.mobile-wrapper main {
  flex-grow: 1;
}
.mobile-wrapper footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 0;
  border-top: 1px solid var(--gray-10);
}
@media screen and (max-width: 768px) {
  .mobile-wrapper {
    --px: 16px;
    --header-size: 24px;
    --header-line-height: 28px;
  }
}
.btn-document {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px;
  flex: 0 0 25%;
}
.btn-document::after {
  content: "";
  background: rgba(43, 45, 51, 0.3);
  height: 100%;
  width: 100%;
  position: absolute;
}
.btn-document img {
  max-height: 100%;
  max-width: 100%;
}
.btn-document.btn-document-active::after {
  content: none;
}
.saving-filters-group-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--gray-05);
  border-radius: 8px;
}
.saving-filters-group-block:hover {
  background-color: var(--gray-05);
  cursor: pointer;
}
.saving-filters-group-block.saving-filters-group-block-active {
  border: 2px solid var(--accent);
}
/*-------------------Pages-------------------*/
.add-order,
.order-view {
  background-color: #F7F9FF;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.add-order .container,
.order-view .container {
  flex-direction: row;
}
.add-order .content-wrapper,
.order-view .content-wrapper {
  padding: 26px 0 0;
}
.add-order .container,
.order-view .container {
  display: flex;
  flex-grow: 1;
  gap: 24px;
  padding: 0 32px;
}
.add-order .block-navigation,
.order-view .block-navigation {
  width: 284px;
  min-width: 284px;
  align-self: flex-start;
  font-weight: 700;
  position: sticky;
  top: calc(26px + 60px + var(--container-indent-top, 0));
}
.add-order h1,
.order-view h1 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
}
.add-order .block-navigation {
  top: calc(26px + var(--container-indent-top, 0));
}
.add-order main {
  --gap: 20px;
  width: 571px;
  max-width: 571px;
}
.add-order footer {
  position: sticky;
  bottom: 0;
  transform: translateX(-16px);
  padding: 12px 16px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% + 32px);
  background: #F7F9FF;
  border-top: 1px solid var(--gray-10);
  z-index: 100;
}
.add-order .modules-wrapper {
  --gap: 24px;
  flex-grow: 1;
}
.add-order .actions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-order .actions-wrapper .actions-header {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.add-order .actions-wrapper .actions-header .header {
  flex-grow: 1;
  font-weight: 700;
}
.add-order .actions-wrapper .actions-dropdown .tippy-box {
  max-width: 192px!important;
  width: 192px;
}
.add-order .cargos-table {
  border: 1px solid var(--gray-30);
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
}
.add-order .cargos-table .cargo {
  display: flex;
  justify-content: space-between;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  padding: 10px 8px;
  gap: 10px;
  transition: background-color 0.3s;
  cursor: pointer;
  border-bottom: 1px solid var(--gray-10);
  overflow: hidden;
}
.add-order .cargos-table .cargo:last-child {
  border: none;
}
.add-order .cargos-table .cargo .fade-out {
  position: absolute;
  display: none;
  height: 100%;
  width: 41px;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  background: linear-gradient(270deg, var(--gray-05) 68.23%, rgba(248, 248, 248, 0) 100%);
}
.add-order .cargos-table .cargo:hover {
  background-color: var(--gray-05);
  transition: background-color 0.3s;
}
.add-order .cargos-table .cargo:hover .fade-out {
  display: flex;
}
.add-order .grid .checkbox-wrapper {
  height: 36px;
}
.add-order .add-counterparty-modal {
  --modal-width: 427px;
}
.add-order .info-message {
  background: var(--green-10);
  border-radius: 12px;
  padding: 12px 90px 12px 12px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.add-order .btn-outlined {
  border-width: 1px;
}
.add-order .btn-outlined:hover {
  border-width: 1px;
}
.add-order input {
  --input-border-width-hover: 1px;
  --input-border-diff: 0px;
}
.add-order .autocomplete.is-select-text:hover .text-input-wrapper {
  --input-border-width-hover: 1px;
  --input-border-diff: 0px;
}
.add-order textarea:hover,
.add-order textarea:focus {
  --input-border-width-hover: 1px;
  --input-border-diff: 0px;
}
.add-order .add-order-prices-list {
  --td-min-height: 52px;
  --padding-top: 8px;
  --padding-bottom: 8px;
}
.add-order .add-order-prices-list .formgroup {
  transform: translateX(var(--padding-right));
}
.add-order .add-order-prices-list .col-customer {
  width: 170px;
}
.add-order .add-order-prices-list .col-price {
  width: 134px;
  text-align: right;
}
.add-order .add-order-prices-list .col-tax {
  width: 65px;
  text-align: right;
}
.add-order .add-order-prices-list tr td:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 8px 0 0 8px;
}
.add-order .add-order-prices-list tr td:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-order .add-order-prices-list tr td:nth-child(3) {
  --padding-top: 8px;
  --padding-bottom: 8px;
  text-align: right;
}
.add-order .add-order-prices-list tr td:last-child {
  border-radius: 0 8px 8px 0;
}
.add-order .add-order-prices-list tr td:last-child .checkbox-wrapper {
  flex-direction: column;
  align-items: flex-end;
  max-width: 86px;
}
.add-order .price-block {
  display: flex;
  background-color: var(--gray-01);
  border-radius: 8px;
  border: 1px solid var(--gray-10);
}
.add-order .price-block > div {
  display: flex;
  justify-content: space-between;
  padding: 12px;
  flex-grow: 1;
}
.add-order .price-block > div:first-child {
  border-right: 1px solid var(--gray-10);
}
.add-order .docs-list {
  gap: 8px;
}
.add-order .docs-list .formgroup-element-wrapper {
  gap: 8px;
}
.add-order .docs-list .formgroup-element-wrapper label {
  border-radius: 8px;
  background: var(--gray-05);
  padding: 12px 16px;
  gap: 8px;
}
.add-order .block-right {
  width: 380px;
  min-width: 380px;
  top: 26px;
  align-self: flex-start;
}
.lp-container {
  background-color: var(--white);
  left: 0;
  top: 0;
  overflow-y: auto;
  padding: 24px 32px;
  width: 520px;
}
@media (min-width: 1280px) {
  .lp-container {
    padding: 24px 60px;
    width: 580px;
  }
}
.lp-container__logo {
  width: 64px;
  height: 100px;
  flex-shrink: 0;
}
.lp-container__header {
  font-size: 28px;
  line-height: 30px;
}
@media (min-width: 1280px) {
  .lp-container__header {
    font-size: 32px;
    line-height: 34px;
  }
}
.lp-container__link {
  font-size: 16px;
  line-height: 16px;
}
.lp-container .icon-support:before {
  font-size: 24px;
  line-height: 24px;
  color: #0092C7;
}
.cookies {
  left: 0;
  bottom: 0;
  z-index: 100000;
  color: var(--white);
  background-color: #333;
  padding: 24px;
  width: 100%;
  display: flex;
  align-items: center;
  position: fixed;
}
.cookies__message {
  font-size: 16px;
  line-height: 20px;
  font-family: "Roboto", serif;
  font-weight: 100!important;
  margin-right: 16px;
}
.lp-container .checkbox-label,
.lp-container .radio-label {
  position: relative;
  display: block;
  cursor: pointer;
}
.lp-container .checkbox-label:before,
.lp-container .radio-label:before,
.lp-container .checkbox-label:after,
.lp-container .radio-label:after {
  position: absolute;
  display: block;
  content: "";
  transition: 0.3s;
}
.lp-container .checkbox-label:before,
.lp-container .radio-label:before {
  border: 1px solid #CDCDCD;
  background-color: var(--white);
  left: 0;
  top: 0;
  border-radius: 2px;
}
.lp-container .checkbox-label.checkbox-label--partial:before,
.lp-container .radio-label.checkbox-label--partial:before {
  border: 1px solid var(--primary-dark);
  background-color: var(--primary-dark);
}
.lp-container .checkbox-label.checkbox-label--partial:after,
.lp-container .radio-label.checkbox-label--partial:after {
  content: "";
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  display: block;
}
.lp-container .checkbox-label--lg,
.lp-container .radio-label--lg {
  font-size: 16px;
  line-height: 18px;
  padding-left: 40px;
}
.lp-container .checkbox-label--lg:before,
.lp-container .radio-label--lg:before {
  width: 32px;
  height: 32px;
}
.lp-container .checkbox-label--lg.checkbox-label--partial:after,
.lp-container .radio-label--lg.checkbox-label--partial:after {
  width: 14px;
  left: 9px;
  top: 14px;
}
.lp-container .checkbox-label--md,
.lp-container .radio-label--md {
  font-size: 15px;
  line-height: 18px;
  min-height: 24px;
  padding-left: 32px;
  padding-top: 2px;
}
@media (min-width: 1680px) {
  .lp-container .checkbox-label--md,
  .lp-container .radio-label--md {
    font-size: 16px;
    line-height: 20px;
    min-height: 24px;
    padding-left: 32px;
    padding-top: 4px;
  }
}
.lp-container .checkbox-label--md:before,
.lp-container .radio-label--md:before {
  width: 24px;
  height: 24px;
}
.lp-container .checkbox-label--md.checkbox-label--partial:after,
.lp-container .radio-label--md.checkbox-label--partial:after {
  width: 10px;
  left: 7px;
  top: 11px;
}
.lp-container .checkbox-label--sm,
.lp-container .radio-label--sm {
  font-size: 15px;
  line-height: 18px;
  min-height: 20px;
  padding-left: 26px;
}
.lp-container .checkbox-label--sm:before,
.lp-container .radio-label--sm:before {
  width: 18px;
  height: 18px;
}
.lp-container .checkbox-label--sm.checkbox-label--partial:after,
.lp-container .radio-label--sm.checkbox-label--partial:after {
  width: 10px;
  top: 8px;
  left: 4px;
}
.lp-container .radio:disabled + label,
.lp-container .checkbox:disabled + label {
  color: #808080;
}
.lp-container .radio:disabled + label:before,
.lp-container .checkbox:disabled + label:before {
  background-color: var(--wild-sand);
}
.lp-container .checkbox-label:before {
  border-radius: 2px;
}
.lp-container .checkbox-label:after {
  color: var(--white);
}
.lp-container .btn-xl-text {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400!important;
}
.lp-container .btn-lg-text,
.lp-container .btn-md-text,
.lp-container .btn-sm-text {
  font-weight: 400!important;
}
.lp-container .btn-lg-text {
  font-size: 18px;
  line-height: 18px;
}
.lp-container .btn-sm-text {
  font-size: 15px;
  line-height: 14px;
}
.lp-container .btn-md-text {
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
@media (min-width: 1680px) {
  .lp-container .btn-md-text {
    font-size: 16px;
  }
}
.lp-container .btn {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 4px;
  border: 1px solid;
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  cursor: pointer;
  letter-spacing: 0.01em;
  transition: 0.3s;
  transition-property: background-color, border-color, box-shadow;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.lp-container .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.lp-container .btn:hover {
  box-shadow: 0 10px 6px -10px rgba(0, 0, 0, 0.2);
}
.lp-container .btn:hover:before {
  transform: scaleY(1);
}
.lp-container .btn-icon--md {
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 18px;
}
.lp-container .btn-icon--md [class^="icon-"] {
  font-size: 24px;
}
.lp-container .btn-icon--md .icon-notification,
.lp-container .btn-icon--md .icon-notification-outline {
  font-size: 22px;
}
.lp-container .btn-icon--md .icon-arrow:before {
  font-size: 12px;
  line-height: 40px;
}
.lp-container .btn-icon--md .icon-trash-18:before {
  font-size: 18px;
  line-height: 40px;
}
.lp-container .btn-icon--md .back_icon:before,
.lp-container .btn-icon--md .icon-more-menu:before {
  font-size: 16px;
  line-height: 40px;
}
.lp-container .btn-icon--md .icon-exit:before {
  content: "\e91a";
  color: #0092c7;
  font-size: 20px;
  line-height: 40px;
  margin-right: 2px;
}
.lp-container .btn-icon--sm {
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
}
.lp-container .btn-icon--sm [class^="icon-"] {
  font-size: 18px;
  line-height: 32px;
}
.lp-container .btn-icon--sm .icon-check-mark {
  font-size: 14px;
}
.lp-container .btn-icon--sm .icon-close-10 {
  font-size: 12px;
}
.lp-container .btn-icon--sm .back_icon:before,
.lp-container .btn-icon--sm .icon-arrow:before {
  font-size: 15px;
}
.lp-container .btn-icon--sm .icon-more-menu {
  font-size: 16px;
}
.lp-container .btn-icon--sm .icon-exit:before {
  line-height: 32px;
  margin-right: 2px;
}
.lp-container .btn-icon--sm .icon-close-16 {
  font-size: 12px;
}
.lp-container .btn-icon--xs {
  width: 18px;
  height: 18px;
}
.lp-container .btn-icon--xs [class^="icon-"] {
  font-size: 10px;
  line-height: 10px;
}
.lp-container .btn-icon--xxs {
  width: 24px;
  height: 24px;
}
.lp-container .btn-icon--xxs [class^="icon-"] {
  font-size: 14px;
  line-height: 14px;
}
.lp-container .btn-icon--delete {
  background-color: var(--white);
  border-color: #FAFAFA;
}
.lp-container .btn-icon--delete:before {
  background: var(--danger-120);
}
.lp-container .btn-icon--delete:hover {
  border-color: var(--danger-120);
}
.lp-container .btn-icon--delete:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn-icon--transparent {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.lp-container .btn-icon--transparent:before {
  background: transparent;
}
.lp-container .btn-icon--transparent:hover {
  border-color: transparent;
  box-shadow: none;
}
.lp-container .btn-icon--watch {
  background-color: var(--white);
  border-color: #FAFAFA;
}
.lp-container .btn-icon--watch [class^="icon-"]:before {
  color: var(--warning-120);
}
.lp-container .btn-icon--watch:before {
  background: var(--warning-120);
}
.lp-container .btn-icon--watch:hover {
  border-color: var(--warning-120);
}
.lp-container .btn-icon--watch:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn-icon--add {
  background-color: var(--white);
  border-color: #FAFAFA;
}
.lp-container .btn-icon--add [class^="icon-"]:before {
  color: var(--success-120);
}
.lp-container .btn-icon--add .icon-check-mark {
  font-size: 15px;
}
.lp-container .btn-icon--add:before {
  background: var(--success-120);
}
.lp-container .btn-icon--add:hover {
  border-color: var(--success-120);
}
.lp-container .btn-icon--add:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn-icon--info {
  background-color: var(--white);
  border-color: #FAFAFA;
}
.lp-container .btn-icon--info:before {
  background: #0092C7;
}
.lp-container .btn-icon--info [class^="icon-"]:before {
  color: #0092C7;
}
.lp-container .btn-icon--info .icon-more-menu:before {
  color: #808080;
}
.lp-container .btn-icon--info:hover {
  background-color: #0092C7;
  border-color: #0092C7;
}
.lp-container .btn-icon--info:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn-icon--info:hover .icon-sorting .path1:before {
  content: "\e92a";
  color: var(--white);
}
.lp-container .btn-icon--info:hover .icon-sorting .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: var(--white);
}
.lp-container .btn-icon--complex {
  background-color: var(--white);
  border-color: #FAFAFA;
  width: auto;
  padding: 0 8px;
}
.lp-container .btn-icon--complex .icon-error-code:before,
.lp-container .btn-icon--complex .icon-cars:before {
  color: var(--danger-120);
}
.lp-container .btn-icon--complex:before {
  background: #0092C7;
}
.lp-container .btn-icon--complex:hover {
  background-color: #0092C7;
  border-color: #0092C7;
}
.lp-container .btn-icon--complex:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn--xl {
  padding: 21px 32px;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400!important;
}
.lp-container .btn--lg {
  padding: 18px 24px;
  font-weight: 400!important;
  font-size: 18px;
  line-height: 18px;
}
.lp-container .btn--md {
  padding: 11px 14px;
  height: 40px;
  font-weight: 400!important;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
@media (min-width: 1680px) {
  .lp-container .btn--md {
    font-size: 16px;
  }
}
.lp-container .btn--md [class^="icon-"] {
  font-size: 18px!important;
  line-height: 18px;
  margin-right: 8px;
}
.lp-container .btn--md .back_icon {
  font-size: 16px!important;
  line-height: 16px;
}
.lp-container .btn--md [class^="icon-close"] {
  font-size: 14px!important;
}
.lp-container .btn--md .icon-copy:before {
  font-size: 14px;
}
.lp-container .btn--md .icon-forward:before {
  font-size: 14px;
}
.lp-container .btn--md .icon-check-mark:before,
.lp-container .btn--md .icon-close-16:before {
  font-size: 14px;
}
.lp-container .btn--md .icon-excel {
  font-size: 22px;
}
.lp-container .btn--md .icon-arrow {
  margin-right: 0;
  font-size: 12px;
  transition: 0.3s;
}
.lp-container .btn--md .icon-add:before {
  font-size: 14px;
  line-height: 14px;
  display: flex;
}
.lp-container .btn--sm {
  padding: 7px 12px;
  height: 32px;
  font-weight: 400!important;
  font-size: 15px;
  line-height: 14px;
}
.lp-container .btn--sm [class^="icon-"] {
  font-size: 16px;
  margin-right: 8px;
}
.lp-container .btn--sm .icon-arrow {
  margin-right: 0;
  font-size: 12px;
  transition: 0.3s;
}
.lp-container .btn--sm .icon-add:before {
  font-size: 12px;
  line-height: 16px;
}
.lp-container .btn--primary,
.lp-container .btn--info,
.lp-container .btn--warning,
.lp-container .btn--danger,
.lp-container .btn--success {
  color: var(--white);
}
.lp-container .btn--primary [class^="icon-"]:before,
.lp-container .btn--info [class^="icon-"]:before,
.lp-container .btn--warning [class^="icon-"]:before,
.lp-container .btn--danger [class^="icon-"]:before,
.lp-container .btn--success [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn--primary {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}
.lp-container .btn--primary:before {
  background: var(--primary-dark);
}
.lp-container .btn--disabled,
.lp-container .btn[disabled] {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.lp-container .btn--disabled [class^="icon-"]:before,
.lp-container .btn[disabled] [class^="icon-"]:before {
  color: #808080;
}
.lp-container .btn--disabled:hover,
.lp-container .btn[disabled]:hover {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.lp-container .btn--disabled:hover [class^="icon-"]:before,
.lp-container .btn[disabled]:hover [class^="icon-"]:before {
  color: #808080 !important;
}
.lp-container .btn--disabled:before,
.lp-container .btn[disabled]:before {
  background: var(--wild-sand) !important;
}
.lp-container .btn--disabled .chosen-container-single,
.lp-container .btn[disabled] .chosen-container-single,
.lp-container .btn--disabled .chosen-single,
.lp-container .btn[disabled] .chosen-single {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.lp-container .btn--secondary {
  background-color: var(--white);
  border-color: var(--wild-sand);
  color: #0092C7;
}
.lp-container .btn--secondary:before {
  background: #FAFAFA;
}
.lp-container .btn--secondary .icon-sorting .path1:before,
.lp-container .btn--secondary .icon-sorting .path2:before {
  color: #0092C7;
}
.lp-container .btn--info {
  background-color: #0092C7;
  border-color: #0092C7;
}
.lp-container .btn--info:before {
  background: #006d94;
}
.lp-container .btn--info .icon-sorting .path1:before {
  content: "\e92a";
  color: var(--white);
}
.lp-container .btn--info .icon-sorting .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: var(--white);
}
.lp-container .btn--warning {
  background-color: var(--warning-120);
  border-color: var(--warning-120);
}
.lp-container .btn--warning:before {
  background: #d48413;
}
.lp-container .btn--danger {
  background-color: var(--danger-120);
  border-color: var(--danger-120);
}
.lp-container .btn--danger:before {
  background: #cd191f;
}
.lp-container .btn--transparent {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #0092C7;
}
.lp-container .btn--transparent:before {
  background: transparent;
}
.lp-container .btn--transparent:hover {
  border-color: transparent;
  box-shadow: none;
  color: var(--primary-dark);
}
.lp-container .btn--success {
  background-color: var(--success-120);
  border-color: var(--success-120);
}
.lp-container .btn--success:before {
  background: #2e9e10;
}
.lp-container .btn--filter {
  background-color: var(--white);
  border-color: var(--wild-sand);
  color: #0092C7;
}
.lp-container .btn--filter [class^="icon-"] {
  margin-right: 0;
}
@media (min-width: 1024px) {
  .lp-container .btn--filter [class^="icon-"] {
    margin-right: 8px;
  }
}
.lp-container .btn--filter:before {
  background: #0092C7;
}
.lp-container .btn--filter:hover {
  color: var(--white);
  border-color: #0092C7;
}
.lp-container .btn--filter:hover [class^="icon-"]:before {
  color: var(--white);
}
.lp-container .btn--dropdown {
  background-color: var(--white);
  border-color: var(--wild-sand);
  color: #4B4B4B;
  padding-right: 0;
  position: relative;
  z-index: 1;
  overflow: visible;
}
.lp-container .btn--dropdown [class^="icon-"] {
  color: #0092C7;
}
.lp-container .btn--dropdown:before {
  background: var(--white);
}
.lp-container .btn--dropdown .chosen-container {
  min-width: 70px;
  padding-right: 12px;
  height: 39px;
}
.lp-container .btn--dropdown .chosen-single,
.lp-container .btn--dropdown .chosen-drop {
  color: #4B4B4B;
}
.lp-container .btn--dropdown .icon-download-report:before {
  font-size: 18px;
}
.lp-container .btn--dropdown .chosen-container-single .chosen-single div:before {
  right: 0;
}
.lp-container .btn--dropdown .chosen-container-single .chosen-drop,
.lp-container .btn--dropdown .chosen-container-multi .chosen-drop {
  margin-top: 1px;
  padding: 0;
}
.lp-container .btn--dropdown .chosen-container-single .chosen-single {
  border: none;
  border-left: 1px solid #e6e6e6;
  padding-right: 0;
}
.lp-container .btn--dropdown__content {
  display: flex!important;
  flex: 0 1 auto;
  align-items: center;
}
.lp-container .btn--dropdown--md .btn--dropdown__content {
  padding: 11px 12px;
  height: 40px;
  font-weight: 400!important;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: 0.02em;
}
@media (min-width: 1680px) {
  .lp-container .btn--dropdown--md .btn--dropdown__content {
    font-size: 16px;
  }
}
.lp-container .btn--dropdown--sm .btn--dropdown__content {
  padding: 7px;
  height: 32px;
  font-weight: 400!important;
  font-size: 15px;
  line-height: 14px;
}
.lp-container .btn--dropdown--sm .chosen-container-single .chosen-single {
  padding: 6px 12px 6px;
}
.lp-container .btn--dropdown--sm .chosen-container {
  min-width: 64px;
  padding-right: 8px;
}
.lp-container .btn--dropdown--sm .chosen-container-single .chosen-single div:before {
  line-height: 32px;
}
.lp-container .btn--dropdown--sm .chosen-container-single .chosen-single span {
  margin-right: 8px;
}
.lp-container .btn--dropdown .btn--dropdown__content,
.lp-container .btn--dropdown .chosen-container {
  transition: 0.3s;
}
.lp-container .btn--dropdown .btn--dropdown__content:hover,
.lp-container .btn--dropdown .chosen-container:hover {
  background-color: #FAFAFA;
}
.lp-container .btn--group {
  background-color: var(--white);
  border-color: var(--wild-sand);
  color: #0092C7;
}
.lp-container .btn--group:hover {
  color: var(--white);
  border-color: #0092C7;
}
.lp-container .btn--group:before {
  background-color: #0092C7;
}
.lp-container .safe-marging {
  margin-right: 1px;
}
.lp-container .section-delete {
  position: absolute;
  right: 0;
  top: 0;
}
.lp-container .buttons-group--item .btn--group {
  border-radius: 0;
  border-left: 0;
}
.lp-container .buttons-group--item:nth-child(1) .btn--group {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
  border-left: 1px;
}
.lp-container .buttons-group--item:last-child .btn--group {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 0;
}
.lp-container .buttons-group .radio:checked + .btn--group {
  color: var(--white);
  border-color: #0092C7;
}
.lp-container .buttons-group .radio:checked + .btn--group:before {
  background-color: #0092C7;
  transform: scaleY(1);
}
.lp-container .checkbox:checked + .checkbox-label:before {
  border: 1px solid var(--primary-dark);
  background-color: var(--primary-dark);
}
.lp-container .checkbox:checked + .checkbox-label:after {
  content: "\e903";
}
.lp-container .checkbox:checked + .checkbox-label.checkbox-label--partial:after {
  content: "";
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  display: block;
}
.lp-container .checkbox:checked + .checkbox-label--lg:after {
  font-size: 10px;
  left: 12px;
  top: 12px;
}
.lp-container .checkbox:checked + .checkbox-label--md:after {
  font-size: 8px;
  left: 8px;
  top: 8px;
}
.lp-container .checkbox:checked + .checkbox-label--sm:after {
  font-size: 8px;
  left: 5px;
  top: 0;
  line-height: 17px;
}
.lp-container input[type=checkbox]:checked:disabled + .checkbox-label {
  cursor: not-allowed !important;
}
.lp-container input[type=checkbox]:not(:checked):disabled + .checkbox-label:before {
  cursor: not-allowed !important;
  background-color: var(--wild-sand);
}
.lp-container .checkbox:checked + .label--filter,
.lp-container .radio:checked + .label--filter {
  color: #333333;
}
.lp-container .checkbox-label--disabled:before,
.lp-container .radio-label--disabled:before {
  background-color: var(--wild-sand);
}
.lp-container .buttons-container--form {
  padding-top: 40px;
  display: flex!important;
  flex: 0 1 auto;
  align-items: flex-start;
  justify-content: space-between;
}
.lp-container .label {
  display: inline-block;
  color: #808080;
  font-size: 15px;
  letter-spacing: 0.015em;
}
.lp-container .label--fix-width {
  width: 170px;
  min-width: 170px;
  margin-right: 10px;
  white-space: nowrap;
}
.lp-container .label--top {
  margin-bottom: 4px;
}
.lp-container .label--required:after {
  content: "*";
  position: relative;
  display: inline-block;
  color: var(--danger-120);
  font-size: 18px;
  line-height: 0;
  padding-left: 4px;
  top: 0px;
}
.lp-container .label--akb-left,
.lp-container .label--akb-right {
  width: 100%;
  margin-bottom: 4px;
}
@media (min-width: 580px) {
  .lp-container .label--akb-left,
  .lp-container .label--akb-right {
    margin-right: 16px;
    margin-bottom: 0;
    width: 94px;
  }
}
@media (min-width: 1024px) {
  .lp-container .label--akb-left {
    width: 72px;
  }
}
@media (min-width: 1024px) {
  .lp-container .label--akb-right {
    width: 94px;
  }
}
.lp-container .label--display {
  font-weight: 400!important;
  color: #a7a7a7 !important;
}
.lp-container .label--description {
  font-weight: 400!important;
  color: #a7a7a7 !important;
}
.lp-container .label--filter {
  color: #808080;
  transition: color 0.3s;
}
.lp-container .label--xs {
  font-size: 14px;
  line-height: 14px;
  color: #808080;
}
.lp-container .label--sm {
  font-size: 15px;
  line-height: 16px;
}
.lp-container .label--md {
  font-size: 16px;
}
.lp-container .label--lg {
  font-size: 18px;
}
.lp-container .label__fix--sm {
  width: 180px;
}
.lp-container .input {
  border: 1px solid #CDCDCD;
  background-color: var(--white);
  /*.text-regular;
        .text-medium-black;*/
}
.lp-container .input:focus {
  border-color: #0092C7;
}
.lp-container .input--info {
  border-color: #0092C7;
}
.lp-container .input--warning {
  border-color: var(--warning-120);
}
.lp-container .input--danger {
  border-color: var(--danger-120);
}
.lp-container .input--success {
  border-color: var(--success-120);
}
.lp-container .input--disabled {
  background-color: var(--wild-sand);
}
.lp-container .input--lg {
  padding: 16px 48px 16px 80px!important;
}
.lp-container .input--lg:hover {
  padding: 14px 48px 14px 80px!important;
}
.lp-container .input--lg,
.lp-container .input-password--lg {
  font-size: 16px;
  line-height: 16px;
}
@media (min-width: 1280px) {
  .lp-container .input--lg,
  .lp-container .input-password--lg {
    font-size: 18px;
    line-height: 18px;
  }
}
.lp-container .input--md {
  padding: 11px 12px 9px;
  font-size: 16px;
  line-height: 16px;
  height: 40px;
}
.lp-container .input--md.textarea {
  line-height: 18px;
  font-size: 15px;
  box-sizing: border-box;
}
.lp-container .input-password--lg {
  padding: 16px 48px 16px 80px!important;
}
.lp-container .input-password--lg:hover,
.lp-container .input-password--lg:focus-visible {
  padding: 14px 48px 14px 78px!important;
}
.lp-container .input-icon-left--lg {
  display: block;
  position: absolute;
  left: 20px;
  font-size: 24px;
  top: calc(50% - 12px);
}
.lp-container .input-icon-left--lg:after {
  content: "";
  position: absolute;
  display: block;
  background-color: #CDCDCD;
  width: 1px;
  height: 100%;
  top: 0;
  left: 40px;
}
.lp-container .input-search,
.lp-container .input-calendar {
  padding-right: 32px;
}
.lp-container .input-icon-password-show {
  display: block;
  position: absolute;
  top: calc(50% - 8px);
}
.lp-container .input-icon-password-show--lg {
  right: 16px;
  font-size: 16px;
}
@media (min-width: 1280px) {
  .lp-container .input-icon-password-show--lg {
    right: 24px;
    font-size: 18px;
    top: calc(50% - 9px);
  }
}
.lp-container .input-icon-password-show--md {
  right: 12px;
  font-size: 16px;
}
.lp-container .input-search-container {
  display: flex!important;
  flex: 0 1 auto;
  align-items: center;
}
.lp-container .input-search-container .search_icon:before {
  position: absolute;
  display: block;
  right: 12px;
  top: calc(50% - 8px);
  font-size: 16px;
}
.lp-container .input-calendar-container {
  position: relative;
  display: flex!important;
  flex: 0 1 auto;
  align-items: center;
}
.lp-container .input-calendar-container .calendar_icon:before {
  position: absolute;
  right: 12px;
  font-size: 18px;
  top: calc(50% - 9px);
}
.lp-container .input-container {
  width: 100%;
}
.lp-container .input-container .input {
  width: 100%;
}
.lp-container .input-container--xl {
  width: 100%;
}
@media (min-width: 768px) {
  .lp-container .input-container--xl {
    max-width: 420px !important;
  }
}
.lp-container .input-container--lg {
  width: 100%;
}
@media (min-width: 768px) {
  .lp-container .input-container--lg {
    max-width: 370px !important;
  }
}
.lp-container .input-container--md {
  width: 100%;
}
@media (min-width: 768px) {
  .lp-container .input-container--md {
    max-width: 280px !important;
  }
}
.lp-container .input-container--sm {
  width: 100%;
}
@media (min-width: 768px) {
  .lp-container .input-container--sm {
    max-width: 240px !important;
  }
}
.lp-container .input-container--xs {
  width: 100%;
}
@media (min-width: 768px) {
  .lp-container .input-container--xs {
    max-width: 180px !important;
  }
}
.lp-container .input-container--xxs {
  max-width: 80px !important;
}
.lp-container .input-container--3xs {
  max-width: 60px !important;
}
.lp-container .input-container--4xs {
  max-width: 56px !important;
}
.lp-container .input-container--daterangepicker {
  max-width: 287px !important;
}
.lp-container .input-container--time {
  width: 100px;
}
.lp-container .input-container--permission-select,
.lp-container .input-container--select-with-control {
  width: calc(100% - 48px);
}
.lp-container .textarea {
  height: auto;
  max-height: 100%;
  resize: vertical;
}
.lp-container .textarea--height-auto {
  height: auto;
}
.lp-container .error-text {
  color: var(--danger-120) !important;
  padding-top: 4px;
  font-size: 15px;
  display: none;
  word-break: break-word;
}
.lp-container .input--danger + .error-text {
  display: block;
}
.lp-container .display-value {
  font-size: 15px;
  line-height: 16px;
  color: #333333;
}
.lp-container .display-value--xs {
  font-size: 14px;
  line-height: 14px;
  color: #808080;
}
.lp-container .display-value--sm {
  font-size: 15px;
  line-height: 16px;
}
.lp-container .display-value--md {
  font-size: 16px;
}
.lp-container .display-value--lg {
  font-size: 18px;
}
.lp-container .display-value--no-data {
  color: #a7a7a7;
}
.lp-container .margin-fix--top {
  margin-top: -1px;
}
.lp-container .dash {
  display: block;
  width: 16px;
  height: 1px;
  background-color: #CDCDCD;
  flex-shrink: 0;
  margin: 0 8px;
}
.lp-container .react-datepicker-wrapper .input--md {
  padding: 11px 8px 9px;
}
.lp-container .text-link:before {
  border-bottom-color: #0092C7;
}
.service-page__not-found {
  width: 100%;
  max-width: 680px;
  height: auto;
}
.service-page__not-available {
  width: 100%;
  max-width: 720px;
  height: auto;
}
.service-page__in-developing {
  width: 100%;
  max-width: 180px;
  height: auto;
}
.service-page__bad-email-link {
  width: 100%;
  max-width: 480px;
  height: auto;
}
.service-page__bad-browser {
  width: 100%;
  max-width: 715px;
  height: auto;
}
.service-page__header {
  font-size: 28px;
  line-height: 32px;
}
@media (min-width: 768px) {
  .service-page__header {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1024px) {
  .service-page__header {
    font-size: 38px;
    line-height: 42px;
  }
}
.service-page__text {
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .service-page__text {
    font-size: 18px;
  }
}
.service-page__logo {
  height: 56px;
  width: 56px;
}
@media (min-width: 768px) {
  .service-page__logo {
    height: 64px;
    width: 64px;
  }
}
.service-page .h4 {
  font-size: 20px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .service-page .h4 {
    font-size: 24px;
    line-height: 28px;
  }
}
.service-page .text-md {
  font-size: 16px !important;
  line-height: 18px !important;
}
@media (min-width: 768px) {
  .service-page .text-md {
    font-size: 17px!important;
    line-height: 21px!important;
  }
}
.service-page .btn--lg {
  padding: 12px 24px;
}
.service-page .btn {
  box-shadow: 0px 6px 16px -10px rgba(0, 0, 0, 0.2);
}
.support-contacts__text {
  font-size: 13px;
  line-height: 13px;
}
@media (min-width: 580px) {
  .support-contacts__text {
    font-size: 15px;
    line-height: 15px;
  }
}
.add-task .modal {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.add-task h2 {
  text-align: center;
  line-height: 1.1;
}
.add-task .text-block {
  position: absolute;
  right: 50px;
  top: 0;
  width: 250px;
  font-weight: 700;
  text-align: left;
}
.add-task .text-block .header {
  font-size: 17px;
  line-height: 1.29;
}
.add-task .text-block .text {
  font-size: 15px;
  line-height: 1.28;
}
.add-task .modal-content {
  width: 986px;
}
.add-task .select-type {
  width: 272px;
}
.add-task .bg-warning-light {
  padding: 12px;
}
.add-task .bg-warning-light .input_block {
  display: flex;
  justify-content: center;
}
.add-task .bg-warning-light .input_block input {
  border-radius: 0;
}
.add-task .form-row {
  width: 497px;
  margin: 0 auto;
}
.add-task .input_block {
  padding-top: 0;
}
.add-task .economics {
  padding: 0 100px;
}
.add-task .economics .item {
  text-align: left;
}
.add-task .modal-footer {
  padding: 19px 50px !important;
}
.add-task .btn--success {
  background-color: var(--success-120);
  margin-left: 20px;
}
.add-task .label {
  position: relative;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #2B2D33;
}
.add-task .calendar_icon {
  position: absolute;
  right: 10px;
  bottom: 25%;
}
.add-task .input_block.size_md {
  max-width: 48%;
}
.add-task .select-autocomplete-container,
.add-task .d-block.autocomplete,
.add-task .input-container input {
  height: 48px;
  font-size: 16px;
}
.calc-layout .sidebar-map {
  width: 484px;
  max-width: 484px;
}
.calc-layout .subheader {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 6px;
  color: var(--gray-100);
}
.calc-layout .leaflet-control-container {
  display: none;
}
.calc-layout .search-wrapper {
  width: 417px;
  max-width: 417px;
}
.calc-layout .purpose-vehicle-button-wrapper,
.calc-layout .purpose-driver-button-wrapper {
  background-color: var(--white);
  display: flex;
  align-items: center;
  padding: 24px 26px;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  cursor: pointer;
}
.calc-layout .purpose-vehicle-button-wrapper .icon,
.calc-layout .purpose-driver-button-wrapper .icon {
  margin-right: 22px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(299%) hue-rotate(187deg) brightness(96%) contrast(93%);
}
.calc-layout .purpose-vehicle-button-wrapper .text-wrapper,
.calc-layout .purpose-driver-button-wrapper .text-wrapper {
  flex-grow: 1;
}
.calc-layout .purpose-vehicle-button-wrapper .text-wrapper .header,
.calc-layout .purpose-driver-button-wrapper .text-wrapper .header {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--primary);
  margin-bottom: 8px;
}
.calc-layout .purpose-vehicle-button-wrapper .text-wrapper .legend,
.calc-layout .purpose-driver-button-wrapper .text-wrapper .legend {
  color: var(--gray-100);
  font-size: 13px;
  line-height: 1.384;
}
.calc-layout .card-calc {
  margin: 0 0 12px 0;
  padding: 24px;
  border: none;
}
.calc-layout .card-calc:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.calc-layout .card-calc .card-header {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 35px;
}
.calc-layout .card-calc .card-header .icon {
  margin-right: 24px;
}
.calc-layout .card-calc .card-header .badge {
  margin-left: 8px;
}
.calc-layout .card-calc.card-route .card-header {
  margin-bottom: 19px;
}
.calc-layout .card-calc.card-cargo .card-header {
  margin-bottom: 35px;
}
.calc-layout .card-calc .dropdown_content {
  width: 238px;
}
.calc-layout .card-calc .cargo .cargo-description {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.285;
}
.calc-layout .card-calc .cargo .cargo-badges {
  --gap: 8px;
  display: inline-flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}
.calc-layout .card-calc .cargo .cargo-badges > * {
  margin: var(--gap) 0 0 var(--gap);
}
.calc-layout .card-calc .route-wrapper {
  display: flex;
  flex-direction: column;
}
.calc-layout .card-calc .route {
  display: flex;
  align-items: center;
  padding: 16px 0;
  position: relative;
}
.calc-layout .card-calc .route.route-from:before {
  content: "";
  width: 1px;
  min-width: 1px;
  border-left: 1px dashed var(--gray-30);
  background-color: unset;
  position: absolute;
  left: 12px;
  top: 50%;
  bottom: 0;
  height: auto;
}
.calc-layout .card-calc .route.route-to:before {
  content: "";
  width: 1px;
  min-width: 1px;
  border-left: 1px dashed var(--gray-30);
  background-color: unset;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 50%;
  height: auto;
  z-index: 10;
}
.calc-layout .card-calc .route .icon {
  z-index: 10;
  margin-right: 20px;
}
.calc-layout .card-calc .route .route-info {
  flex-grow: 1;
}
.calc-layout .card-calc .route .address {
  font-size: 14px;
  line-height: 1.286;
  margin-bottom: 8px;
}
.calc-layout .card-calc .route .datetime {
  font-size: 13px;
  line-height: 1.385;
  margin-bottom: 8px;
  display: flex;
}
.calc-layout .card-calc .route .datetime .time {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.calc-layout .card-calc .route .datetime .time:before {
  content: "";
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 4px;
  background-color: var(--green-120);
  border-radius: 100%;
}
.calc-layout .card-calc .route .company-name {
  font-size: 13px;
  line-height: 1.385;
  color: var(--gray-100);
}
.calc-layout .card-link {
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.calc-layout .card-link:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(299%) hue-rotate(187deg) brightness(96%) contrast(93%);
  width: 20px;
  max-width: 20px;
  height: 20px;
  background-size: cover;
  background-image: url(img/uikit/right-arrow-icon.svg);
}
.calc-layout .card-link .icon {
  margin-right: 22px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(19%) saturate(299%) hue-rotate(187deg) brightness(96%) contrast(93%);
}
.calc-layout .card-link .link-text-wrapper {
  flex-grow: 1;
}
.calc-layout .card-link .link-header {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--primary);
}
.calc-layout .card-link .link-subheader {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.385;
  color: var(--gray-100);
}
.calc-layout .calendar_icon:before {
  font-size: 17px;
}
.calc-layout .tooltip .tooltip-tip[data-size~="m"] {
  width: 189px;
}
.calc-layout .tooltip .tooltip-tip[data-size~="l"] {
  width: 316px;
}
.calc-layout .tooltip .vehicle-img {
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
  background: var(--gray-05);
}
.calc-layout .tooltip .vehicle-img img {
  width: 42px;
  height: 42px;
}
.calc-layout .order-statuses {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 52px;
  align-self: center;
}
.calc-layout .payment-status {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: var(--gray-60);
  white-space: nowrap;
}
.calc-layout .payment-status.payment-status-true {
  color: var(--green-120);
}
.calc-layout .costs-table {
  --padding-top: 8px;
  --padding-bottom: 8px;
}
.calc-layout .costs-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.calc-layout .costs-table thead th {
  background: var(--white);
}
.calc-layout .costs-table td {
  height: 52px;
  vertical-align: top;
  font-size: 14px;
}
.calc-layout .costs-table td > *:not(.uikit-formgroup) {
  padding-top: 10px;
}
.calc-layout .costs-table td span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.calc-layout .costs-table td:nth-child(1),
.calc-layout .costs-table th:nth-child(1) {
  padding-left: 24px;
}
.calc-layout .costs-table td:nth-child(4),
.calc-layout .costs-table th:nth-child(4) {
  text-align: right;
}
.calc-layout .costs-table td:nth-child(2),
.calc-layout .costs-table td:nth-child(3) {
  color: var(--gray-60);
}
.calc-layout .costs-table td:last-child {
  padding-right: 24px;
}
.calc-layout .costs-table td:last-child .container-hover {
  justify-content: flex-end;
}
.calc-layout .costs-table td:last-child .container-hover .icon:hover {
  cursor: pointer;
  filter: invert(27%) sepia(58%) saturate(3422%) hue-rotate(341deg) brightness(85%) contrast(112%);
}
.calc-layout .costs-table td:nth-child(1) .uikit-formgroup {
  margin-left: -14px;
}
.calc-layout .costs-table td:nth-child(2) .uikit-formgroup {
  margin-left: -11px;
}
.calc-layout .costs-table td:nth-child(4) .input-container {
  width: calc(100% + 8px);
}
.calc-layout .costs-table td:nth-child(4) .input-container input {
  text-align: right;
}
.calc-layout .autocomplete {
  position: static !important;
}
.calc-layout .autocomplete-list {
  position: absolute !important;
  top: auto !important;
  max-width: 255px;
}
.calc-layout .order-header-wrapper h1 {
  max-width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calc-layout .order-header-wrapper .header {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.calc-layout .order-comment {
  font-size: 14px;
}
.calc-purpose-vehicle-layout .sidebar-map .header {
  margin-bottom: 0;
}
.calc-purpose-vehicle-layout .no-driver {
  color: var(--gray-100);
}
.calc-purpose-vehicle-layout .route {
  display: block;
}
.calc-purpose-vehicle-layout .card.card-radio label {
  display: flex;
}
.calc-purpose-vehicle-layout .card.card-radio label .card-vehicle-info {
  flex-grow: 1;
}
.calc-purpose-vehicle-layout .card.card-radio label .destination span:not(:last-child):after {
  content: ">";
  display: inline;
  margin: 0 10px;
}
.calc-purpose-vehicle-layout .card.card-radio label .card-route-info {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  white-space: nowrap;
  gap: 8px;
}
.calc-purpose-vehicle-layout .card.card-radio label .card-route-info .icon {
  margin-right: 5px;
  filter: invert(57%) sepia(7%) saturate(180%) hue-rotate(191deg) brightness(88%) contrast(86%);
}
.calc-purpose-vehicle-layout .card.card-radio label .card-route-info span {
  white-space: nowrap;
}
.calc-purpose-vehicle-layout .card.card-radio input:checked + label {
  background-color: var(--background);
  border: 1px solid var(--accent);
}
.calc-purpose-vehicle-layout .card.card-radio input:checked + label .card-route-info .icon {
  filter: invert(40%) sepia(37%) saturate(7496%) hue-rotate(216deg) brightness(105%) contrast(102%);
}
.landing-qr-block .widget_form {
  text-align: left;
}
.landing-qr-block .widget_form input::-webkit-outer-spin-button,
.landing-qr-block .widget_form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.landing-qr-block .widget_form input[type="text"] {
  -moz-appearance: textfield;
}
.landing-qr-block .widget_form button {
  background-color: #3772ff;
}
.landing-qr-block .widget_form button:hover {
  background-color: #2f62db;
}
.landing-qr-block .widget_form button.b24-form-btn.b24-form-btn-border {
  background-color: transparent;
}
.landing-qr-block .widget_form [type="checkbox"],
.landing-qr-block .widget_form [type="radio"] {
  display: inline-block;
}
.landing-qr-block .btn--disabled,
.landing-qr-block .btn[disabled] {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.landing-qr-block .btn--disabled [class^="icon-"]:before,
.landing-qr-block .btn[disabled] [class^="icon-"]:before {
  color: #808080;
}
.landing-qr-block .btn--disabled:hover,
.landing-qr-block .btn[disabled]:hover {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.landing-qr-block .btn--disabled:hover [class^="icon-"]:before,
.landing-qr-block .btn[disabled]:hover [class^="icon-"]:before {
  color: #808080 !important;
}
.landing-qr-block .btn--disabled:before,
.landing-qr-block .btn[disabled]:before {
  background: var(--wild-sand) !important;
}
.landing-qr-block .btn--disabled .chosen-container-single,
.landing-qr-block .btn[disabled] .chosen-container-single,
.landing-qr-block .btn--disabled .chosen-single,
.landing-qr-block .btn[disabled] .chosen-single {
  background-color: var(--wild-sand) !important;
  border-color: var(--wild-sand) !important;
  cursor: not-allowed !important;
  color: #808080 !important;
}
.landing-qr-block * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  color: #2b2d33;
}
.landing-qr-block :after,
.landing-qr-block :before {
  box-sizing: border-box;
}
.landing-qr-block body {
  color: #2b2d33;
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 300;
}
.landing-qr-block input::-webkit-input-placeholder {
  font-family: "Roboto", sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.landing-qr-block input::-moz-placeholder {
  font-family: "Roboto", sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.landing-qr-block input:-moz-placeholder {
  font-family: "Roboto", sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.landing-qr-block input:-ms-input-placeholder {
  font-family: "Roboto", sans-serif;
  color: var(--gray-60);
  font-weight: normal;
}
.landing-qr-block input:focus::-webkit-input-placeholder {
  color: transparent;
}
.landing-qr-block input:focus::-moz-placeholder {
  color: transparent;
}
.landing-qr-block input:focus:-moz-placeholder {
  color: transparent;
}
.landing-qr-block input:focus:-ms-input-placeholder {
  color: transparent;
}
.landing-qr-block input::-webkit-calendar-picker-indicator {
  display: none;
}
.landing-qr-block .row:after {
  content: "";
  clear: both;
  display: block;
}
.landing-qr-block ul li {
  list-style: none;
}
.landing-qr-block article,
.landing-qr-block aside,
.landing-qr-block figcaption,
.landing-qr-block figure,
.landing-qr-block footer,
.landing-qr-block header,
.landing-qr-block main,
.landing-qr-block nav,
.landing-qr-block section {
  display: block;
}
.landing-qr-block figure {
  margin: 1em 40px;
}
.landing-qr-block hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.landing-qr-block th {
  font-weight: normal;
}
.landing-qr-block a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  cursor: pointer;
}
.landing-qr-block b,
.landing-qr-block strong {
  font-weight: 600;
}
.landing-qr-block audio,
.landing-qr-block video {
  display: inline-block;
}
.landing-qr-block audio:not([controls]) {
  display: none;
  height: 0;
}
.landing-qr-block img {
  border-style: none;
}
.landing-qr-block svg:not(:root) {
  overflow: hidden;
}
.landing-qr-block button:focus,
.landing-qr-block div:focus,
.landing-qr-block img:focus,
.landing-qr-block input:focus,
.landing-qr-block select:focus,
.landing-qr-block textarea:focus {
  outline: none;
}
.landing-qr-block button,
.landing-qr-block input,
.landing-qr-block optgroup,
.landing-qr-block select,
.landing-qr-block textarea {
  margin: 0;
}
.landing-qr-block button,
.landing-qr-block input {
  overflow: visible;
}
.landing-qr-block button,
.landing-qr-block select {
  text-transform: none;
}
.landing-qr-block button {
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.landing-qr-block [type="reset"],
.landing-qr-block [type="submit"],
.landing-qr-block button,
.landing-qr-block html [type="button"] {
  -webkit-appearance: button;
}
.landing-qr-block [type="button"]::-moz-focus-inner,
.landing-qr-block [type="reset"]::-moz-focus-inner,
.landing-qr-block [type="submit"]::-moz-focus-inner,
.landing-qr-block button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.landing-qr-block textarea {
  overflow: auto;
}
.landing-qr-block [type="checkbox"],
.landing-qr-block [type="radio"] {
  box-sizing: border-box;
  padding: 0;
  display: none;
}
.landing-qr-block [type="number"]::-webkit-inner-spin-button,
.landing-qr-block [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.landing-qr-block [type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.landing-qr-block [type="search"]::-webkit-search-cancel-button,
.landing-qr-block [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.landing-qr-block ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.landing-qr-block details,
.landing-qr-block menu {
  display: block;
}
.landing-qr-block [hidden] {
  display: none;
}
.landing-qr-block .d-flex {
  display: flex !important;
  flex: 0 1 auto;
}
.landing-qr-block .flex-column {
  flex-direction: column !important;
}
.landing-qr-block .flex-row {
  flex-direction: row !important;
}
.landing-qr-block .align-items-start {
  align-items: flex-start !important;
}
.landing-qr-block .align-items-center {
  align-items: center !important;
}
.landing-qr-block .justify-content-center {
  justify-content: center !important;
}
.landing-qr-block .justify-content-between {
  justify-content: space-between !important;
}
@media (min-width: 768px) {
  .landing-qr-block .flex-sm-row {
    flex-direction: row !important;
  }
}
.landing-qr-block .bg-blue {
  background-color: #f0f8fc;
}
.landing-qr-block .bg-gray {
  background-color: #f8f8f8;
}
.landing-qr-block .bg-white {
  background-color: #ffffff;
}
.landing-qr-block .white-gray {
  background-color: #f8f8f8;
}
.landing-qr-block .mt-10 {
  margin-top: 10px;
}
.landing-qr-block .mt-20 {
  margin-top: 20px;
}
.landing-qr-block .mt-40 {
  margin-top: 40px;
}
.landing-qr-block .mt-48 {
  margin-top: 48px;
}
.landing-qr-block .pr-10 {
  padding-right: 10px;
}
.landing-qr-block .pl-10 {
  padding-left: 10px;
}
.landing-qr-block .header-bold,
.landing-qr-block .text-bold {
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 300;
}
.landing-qr-block .header-regular,
.landing-qr-block .text-regular {
  font-family: "Roboto-Regular", sans-serif;
  font-weight: 300;
}
.landing-qr-block .h1,
.landing-qr-block .h2,
.landing-qr-block .h3 {
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 300;
}
.landing-qr-block .h1 {
  font-size: 26px;
  line-height: 30px;
}
@media (min-width: 768px) {
  .landing-qr-block .h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .h1 {
    font-size: 50px;
    line-height: 59px;
  }
}
.landing-qr-block .h2 {
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 768px) {
  .landing-qr-block .h2 {
    font-size: 36px;
    line-height: 43px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .h2 {
    font-size: 42px;
    line-height: 46px;
  }
}
.landing-qr-block .h3 {
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .landing-qr-block .h3 {
    font-size: 32px;
    line-height: 36px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .h3 {
    font-size: 36px;
    line-height: 42px;
  }
}
.landing-qr-block .sub-h {
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .landing-qr-block .sub-h {
    font-size: 24px;
    line-height: 28px;
  }
}
.landing-qr-block .t-lg {
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .landing-qr-block .t-lg {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .t-lg {
    font-size: 24px;
    line-height: 31px;
  }
}
.landing-qr-block .t-center {
  text-align: center;
}
.landing-qr-block .link {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #2b2d33;
  transition: color 0.3s;
}
.landing-qr-block .link:hover {
  color: #3772ff;
}
.landing-qr-block .button {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  justify-content: center;
  font-family: "Roboto-Medium", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.3s;
  transition-property: background-color;
  color: #ffffff;
}
.landing-qr-block .button--accent {
  background-color: #3772ff;
}
.landing-qr-block .button--accent:hover {
  background-color: #2f62db;
}
.landing-qr-block .button--primary {
  background-color: #2b2d33;
}
.landing-qr-block .button--primary:hover {
  background-color: #000000;
}
.landing-qr-block .button--disabled {
  cursor: not-allowed;
  background-color: #e9eaea;
  border: 1px solid #aaabad;
}
.landing-qr-block .button--disabled:after {
  content: "";
  display: block;
  background-image: url(img/landing/Spiner.svg);
  width: 24px;
  height: 24px;
  animation-name: spin;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin !important;
}
.landing-qr-block .button--xxl {
  padding: 13px 24px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 8px;
}
.landing-qr-block .button--md {
  font-size: 14px;
  line-height: 26px;
  padding: 5px 20px;
  border-radius: 8px;
}
.landing-qr-block .form-container {
  max-width: 346px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28px;
}
@media (min-width: 768px) {
  .landing-qr-block .form-container {
    margin-top: 40px;
  }
}
.landing-qr-block .input {
  position: relative;
  border: 1px solid #d5d5d6;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  border-radius: 8px;
  transition: border-color 0.1s;
}
.landing-qr-block .input:focus,
.landing-qr-block .input:hover {
  border: 2px solid #2b2d33;
  padding: 13px 11px;
}
.landing-qr-block .input--danger {
  border: 2px solid #e31e25;
}
.landing-qr-block .input--xxl {
  padding: 13px 12px;
  height: 52px;
}
.landing-qr-block .err {
  font-size: 14px;
  line-height: 18px;
  color: #e31e25;
  margin-top: 4px;
  text-align: left;
}
.landing-qr-block .w-100 {
  width: 100%;
}
.landing-qr-block .list {
  position: relative;
  font-size: 20px;
  line-height: 28px;
  padding-left: 12px;
}
@media (min-width: 1280px) {
  .landing-qr-block .list {
    font-size: 24px;
    line-height: 31px;
  }
}
.landing-qr-block .list:before {
  position: absolute;
  display: block;
  content: "";
  vertical-align: middle;
  background-color: #000000;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
}
@media (min-width: 1280px) {
  .landing-qr-block .list:before {
    top: 14px;
  }
}
.landing-qr-block .table-responsive {
  width: 100%;
  overflow-x: auto;
}
.landing-qr-block .table {
  border-collapse: collapse;
  width: 100%;
}
.landing-qr-block .table__label {
  text-align: center;
  font-size: 13px;
  line-height: 15px;
  font-family: "Roboto-Medium", sans-serif;
  font-weight: 300;
  padding-bottom: 28px;
}
@media (min-width: 768px) {
  .landing-qr-block .table__label {
    font-size: 18px;
    line-height: 23px;
  }
}
.landing-qr-block .table__text {
  font-size: 18px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .landing-qr-block .table__text {
    font-size: 24px;
    line-height: 28px;
  }
}
.landing-qr-block .table td {
  padding: 14px 0;
}
@media (min-width: 768px) {
  .landing-qr-block .table td {
    padding: 20px 0;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .table td {
    padding: 20px 0;
  }
}
.landing-qr-block .table td:first-child {
  width: 60%;
  min-width: 150px;
}
.landing-qr-block .table td:nth-child(2),
.landing-qr-block .table td:nth-child(4) {
  min-width: 20px;
}
.landing-qr-block .table td:nth-child(3),
.landing-qr-block .table td:nth-child(5) {
  width: 20%;
  min-width: 90px;
  max-width: 140px;
}
@media (min-width: 768px) {
  .landing-qr-block .table td:nth-child(3),
  .landing-qr-block .table td:nth-child(5) {
    max-width: 148px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .table td:nth-child(3),
  .landing-qr-block .table td:nth-child(5) {
    max-width: 210px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .table td:nth-child(3),
  .landing-qr-block .table td:nth-child(5) {
    max-width: 295px;
  }
}
.landing-qr-block .table td:nth-child(3) {
  background-color: #f8f8f8;
}
.landing-qr-block .table td:nth-child(5) {
  background-color: #f0f8fd;
}
.landing-qr-block .table td img {
  width: 24px;
  height: 24px;
}
.landing-qr-block .table tr {
  margin-right: 20px;
}
.landing-qr-block .table tr:first-child td {
  background-color: #ffffff;
}
.landing-qr-block .table tr:nth-child(2) td {
  padding-top: 36px;
}
@media (min-width: 768px) {
  .landing-qr-block .table tr:nth-child(2) td {
    padding-top: 44px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .table tr:nth-child(2) td {
    padding-top: 50px;
  }
}
.landing-qr-block .table tr:nth-child(2) td:nth-child(3),
.landing-qr-block .table tr:nth-child(2) td:nth-child(5) {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.landing-qr-block .table tr:last-child {
  margin-right: 0;
}
.landing-qr-block .table tr:last-child td {
  padding-bottom: 28px;
}
@media (min-width: 768px) {
  .landing-qr-block .table tr:last-child td {
    padding-bottom: 48px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .table tr:last-child td {
    padding-bottom: 50px;
  }
}
.landing-qr-block .table tr:last-child td:nth-child(3),
.landing-qr-block .table tr:last-child td:nth-child(5) {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.landing-qr-block .d-flex {
  display: flex !important;
  flex: 0 1 auto;
}
.landing-qr-block .flex-column {
  flex-direction: column !important;
}
.landing-qr-block .flex-row {
  flex-direction: row !important;
}
@media (min-width: 768px) {
  .landing-qr-block .flex-sm-column {
    flex-direction: column !important;
  }
  .landing-qr-block .flex-sm-row {
    flex-direction: row !important;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .flex-md-column {
    flex-direction: column !important;
  }
  .landing-qr-block .flex-md-row {
    flex-direction: row !important;
  }
}
.landing-qr-block .w-100 {
  width: 100% !important;
}
.landing-qr-block .w-50 {
  width: 50% !important;
}
@media (min-width: 768px) {
  .landing-qr-block .w-sm-100 {
    width: 100% !important;
  }
  .landing-qr-block .w-sm-50 {
    width: 50% !important;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .w-md-100 {
    width: 100% !important;
  }
  .landing-qr-block .w-md-50 {
    width: 50% !important;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    opacity: 0;
    -moz-transform: rotate(0);
  }
  to {
    opacity: 1;
    -moz-transform: rotate(360deg);
  }
}
.landing-qr-block .spin {
  animation-name: spin;
  animation-duration: 800ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: spin !important;
}
.landing-qr-block .container-fixed {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .landing-qr-block .container-fixed {
    padding: 0 60px;
  }
}
.landing-qr-block .header {
  width: 100%;
  display: block;
}
.landing-qr-block .header__logo {
  width: 64px;
  height: auto;
}
@media (min-width: 768px) {
  .landing-qr-block .header__logo {
    width: 85px;
  }
}
.landing-qr-block .header-top {
  padding: 12px 0;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -10;
  opacity: 0;
  transition: opacity 0.1s;
}
.landing-qr-block .header-top .container-fixed {
  display: flex;
  justify-content: space-between;
}
.landing-qr-block .header-top--fixed {
  z-index: 10;
  opacity: 1;
}
.landing-qr-block .header-bottom {
  padding: 25px 16px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.91920518) 25%, #ffffff 60%);
  bottom: -100%;
  transition: 0.3s;
  display: flex;
  position: fixed;
  left: 0;
  z-index: 10;
}
@media (min-width: 768px) {
  .landing-qr-block .header-bottom {
    padding: 25px 60px 16px;
  }
}
.landing-qr-block .header-bottom--fixed {
  justify-content: center;
  bottom: 0;
}
.landing-qr-block .header__logo,
.landing-qr-block .logo {
  width: 64px;
  height: auto;
}
@media (min-width: 768px) {
  .landing-qr-block .header__logo,
  .landing-qr-block .logo {
    width: 85px;
  }
}
.landing-qr-block .logo {
  display: block;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .landing-qr-block .logo {
    margin-top: 56px;
  }
}
.landing-qr-block .main {
  padding-top: 90px;
  padding-bottom: 100px;
}
@media (min-width: 768px) {
  .landing-qr-block .main {
    padding-top: 106px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .main {
    padding-top: 106px;
    padding-bottom: 132px;
  }
}
.landing-qr-block .main .h1 {
  position: relative;
  padding-right: 22px;
}
@media (min-width: 768px) {
  .landing-qr-block .main .h1 {
    padding-right: 35px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .main .h1 {
    padding-right: 40px;
  }
}
.landing-qr-block .main .h1:after {
  position: absolute;
  margin-left: 4px;
  content: "";
  width: 22px;
  height: 28px;
  background-image: url(img/landing/fire.svg);
  background-size: cover;
}
@media (min-width: 768px) {
  .landing-qr-block .main .h1:after {
    width: 35px;
    height: 43px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .main .h1:after {
    width: 40px;
    height: 50px;
  }
}
.landing-qr-block .bnr {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.landing-qr-block .bnr-lg {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  background-color: #f0f8fc;
  width: 100%;
}
@media (min-width: 768px) {
  .landing-qr-block .bnr-lg {
    width: 50%;
    margin: 0 10px 0 0;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg {
    margin-bottom: 0;
    width: 100%;
  }
}
.landing-qr-block .bnr-lg__content {
  padding: 28px;
  width: 100%;
  order: 2;
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg__content {
    width: 50%;
    padding: 60px 0 72px 60px;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg__content {
    width: 50%;
    padding: 100px 0 150px 100px;
  }
}
.landing-qr-block .bnr-lg__content .button {
  width: 100%;
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg__content .button {
    width: auto;
  }
}
.landing-qr-block .bnr-lg__header {
  font-size: 24px;
  line-height: 28px;
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg__header {
    font-size: 42px;
    line-height: 46px;
  }
}
.landing-qr-block .bnr-lg__img {
  display: block;
  width: 100%;
  height: auto;
  order: 1;
  padding-left: 28px;
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-lg__img {
    order: 2;
    width: 50%;
  }
}
.landing-qr-block .bnr-md {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px 0 0 28px;
  background-color: #f8f8f8;
  margin-top: 12px;
  width: 100%;
}
@media (min-width: 768px) {
  .landing-qr-block .bnr-md {
    margin-left: 10px;
    margin-top: 20px;
    height: 100%;
    width: calc(100% - 10px);
  }
  .landing-qr-block .bnr-md:first-child {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-md {
    padding: 50px 0 0 50px;
    width: 50%;
    height: auto;
  }
  .landing-qr-block .bnr-md:first-child {
    margin: 20px 10px 0 0;
  }
  .landing-qr-block .bnr-md:last-child {
    margin-left: 10px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .bnr-md {
    padding: 60px 0 0 60px;
  }
}
.landing-qr-block .bnr-md__img {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 40px;
}
.landing-qr-block .bnr-md__img img {
  height: 151px;
}
@media (min-width: 1024px) {
  .landing-qr-block .bnr-md__img img {
    height: 227px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .bnr-md__img img {
    height: 267px;
  }
}
.landing-qr-block .cta {
  padding: 120px 0 100px;
}
@media (min-width: 1280px) {
  .landing-qr-block .cta {
    padding: 160px 0 100px;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .cta {
    padding: 180px 0 86px;
  }
}
@media (min-width: 768px) {
  .landing-qr-block .cta .form-container.button {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .landing-qr-block .cta .form-container.link {
    margin-top: 32px;
  }
}
.landing-qr-block .feedback {
  padding: 100px 0;
}
@media (min-width: 768px) {
  .landing-qr-block .feedback {
    padding: 180px 0;
  }
}
@media (min-width: 1280px) {
  .landing-qr-block .feedback {
    padding: 200px 0;
  }
}
.landing-qr-block .footer {
  border-top: 1px solid #f8f8f8;
  padding-bottom: 88px;
}
.landing-qr-block .footer__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 16px;
}
@media (min-width: 580px) {
  .landing-qr-block .footer__content {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-bottom: 0;
  }
}
.landing-qr-block .footer-item {
  padding-top: 44px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .landing-qr-block .footer-item {
    padding-top: 60px;
  }
}
.landing-qr-block .footer-item:last-child {
  padding-right: 0;
}
.landing-qr-block .footer-item__content {
  display: flex;
}
.landing-qr-block .footer-item__header {
  font-size: 18px;
  line-height: 23px;
  font-family: "Roboto-Bold", sans-serif;
  font-weight: 300;
  margin-bottom: 28px;
}
.landing-qr-block .footer-item__link,
.landing-qr-block .footer-item__text {
  color: #333333;
  margin-right: 100px;
  transition: 0.3s;
}
.landing-qr-block .footer-item__link:first-child,
.landing-qr-block .footer-item__text:first-child {
  margin-top: 0;
}
.landing-qr-block .footer-item__link:visited {
  color: #333333;
}
.landing-qr-block .footer-item__link:active,
.landing-qr-block .footer-item__link:hover {
  color: #3772ff;
  text-decoration: underline;
}
.landing-example-block html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.landing-example-block body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  line-height: 1;
  color: black;
  background: white;
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #2B2D33;
  font-weight: 400;
}
.landing-example-block div {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block applet {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block object {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block iframe {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h1 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h2 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h3 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h4 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h5 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" "";
}
.landing-example-block blockquote:before {
  content: "";
}
.landing-example-block blockquote:after {
  content: "";
}
.landing-example-block pre {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block a:link {
  outline: none;
  text-decoration: none;
}
.landing-example-block a:visited {
  outline: none;
  text-decoration: none;
}
.landing-example-block a:active {
  outline: none;
  text-decoration: none;
}
.landing-example-block abbr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block acronym {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block address {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block big {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block cite {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block code {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block del {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block dfn {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block em {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block font {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  max-width: 100%;
  height: auto;
}
.landing-example-block ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block kbd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block q {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  quotes: "" "";
}
.landing-example-block q:before {
  content: "";
}
.landing-example-block q:after {
  content: "";
}
.landing-example-block s {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block samp {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block small {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block strike {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block strong {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block sub {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block tt {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block var {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block dl {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block dt {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block ol {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}
.landing-example-block ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style: none;
}
.landing-example-block li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block form input {
  height: 52px;
  border: 1px solid #D5D5D6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 0 10px;
  width: 100%;
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #2B2D33;
  transition: border-color 0.1s;
}
.landing-example-block form input:hover {
  border: 2px solid #2B2D33;
  padding: 0 9px;
}
.landing-example-block form input:focus {
  border: 2px solid #2B2D33;
  padding: 0 9px;
}
.landing-example-block label {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  border-collapse: separate;
  border-spacing: 0;
}
.landing-example-block caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
}
.landing-example-block tbody {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block tfoot {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block thead {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block tr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.landing-example-block th {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
}
.landing-example-block td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-align: left;
  font-weight: normal;
}
.landing-example-block:focus {
  outline: 0;
}
.landing-example-block:focus::-webkit-input-placeholder {
  color: transparent;
}
.landing-example-block:focus::-moz-placeholder {
  color: transparent;
}
.landing-example-block:focus:-moz-placeholder {
  color: transparent;
}
.landing-example-block:focus:-ms-input-placeholder {
  color: transparent;
}
.landing-example-block * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.landing-example-block *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.landing-example-block *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.landing-example-block .big_container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1260px;
}
.landing-example-block .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1060px;
}
.landing-example-block header {
  padding: 20px 0;
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.landing-example-block header .logo {
  line-height: 0;
}
.landing-example-block header .big_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.landing-example-block .small_btn {
  display: inline-block;
  background: #3772FF;
  border-radius: 8px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 9px 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-example-block .small_btn:hover {
  background-color: #2F62DB;
}
.landing-example-block .big_btn {
  display: inline-block;
  background: #3772FF;
  border-radius: 8px;
  font-weight: 500;
  color: #FFFFFF;
  padding: 18px 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  font-size: 16px;
  line-height: 16px;
}
.landing-example-block .big_btn:hover {
  background-color: #2F62DB;
}
.landing-example-block .main_banner {
  margin-top: 30px;
}
.landing-example-block .main_banner .banner {
  padding: 30px;
  background: #F8F8F8;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-example-block .main_banner .banner .img_block {
  line-height: 0;
  margin-right: 50px;
}
.landing-example-block .main_banner .banner .img_block img {
  width: 146px;
}
.landing-example-block .main_banner .banner .text_block .caption {
  font-weight: bold;
  font-size: 36px;
  line-height: 43px;
  color: #27323D;
}
.landing-example-block .main_banner .banner .text_block .text {
  font-size: 24px;
  line-height: 31px;
  color: #27323D;
  margin-top: 15px;
}
.landing-example-block .tab_container {
  margin-top: 50px;
}
.landing-example-block .no_user {
  display: flex;
  align-items: center;
}
.landing-example-block .no_user .link_btn {
  margin-right: 20px;
}
.landing-example-block .button_xxs {
  font-size: 14px;
  line-height: 14px;
  font-family: 'Roboto';
  font-weight: 500;
  border-radius: 8px;
  padding: 9px 16px;
  display: inline-block;
  transition: all 0.3s;
}
.landing-example-block .blue_btn {
  background: var(--accent);
  color: var(--white);
}
.landing-example-block .blue_btn:hover {
  background-color: var(--on-primary);
}
.landing-example-block .blue_btn[disabled] {
  background-color: var(--gray-10);
  color: var(--gray-40);
  cursor: default;
}
.landing-example-block .link_btn {
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  color: var(--on-primary);
  font-family: 'Roboto', serif;
  font-weight: 500;
  transition: all 0.3s;
}
.landing-example-block .link_btn:hover {
  color: var(--accent);
}
.landing-example-block .input--danger {
  border: 2px solid #E31E25;
}
.landing-example-block .err {
  font-size: 14px;
  line-height: 18px;
  color: #E31E25;
  margin-top: 4px;
  text-align: left;
}
.landing-example-block .tab_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 76px;
  background-color: #fff;
  z-index: 99;
}
.landing-example-block .tab_head .tab_head_item {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #808185;
  margin-right: 30px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding-bottom: 10px;
  position: relative;
  white-space: nowrap;
}
.landing-example-block .tab_head .tab_head_item:last-of-type {
  margin-right: 0;
}
.landing-example-block .tab_head .tab_head_item:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #3772FF;
  border-radius: 4px;
  height: 4px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-example-block .tab_head .tab_head_item:hover {
  color: #2B2D33;
}
.landing-example-block .tab_head .tab_head_item.active {
  color: #2B2D33;
}
.landing-example-block .tab_head .tab_head_item.active:before {
  opacity: 1;
}
.landing-example-block .tab_content {
  margin-top: 25px;
}
.landing-example-block .specifications_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.landing-example-block .specifications_block .specifications_sidebar {
  width: 200px;
  min-width: 200px;
  margin-right: 40px;
  position: static;
  top: 135px;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.landing-example-block .specifications_block .specifications_sidebar .sidebar_wrapper {
  max-height: calc(100vh - 137px);
  overflow-x: hidden;
}
.landing-example-block .specifications_block .specifications_sidebar li {
  margin-top: 20px;
  padding-left: 18px;
}
.landing-example-block .specifications_block .specifications_sidebar li:first-of-type {
  margin-top: 0;
}
.landing-example-block .specifications_block .specifications_sidebar li a {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #808185;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.landing-example-block .specifications_block .specifications_sidebar li a:hover {
  color: #2B2D33;
}
.landing-example-block .specifications_block .specifications_sidebar li a.active {
  color: #3772FF;
}
.landing-example-block .specifications_block .specifications_sidebar li a.active:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #3772FF;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -16px;
}
.landing-example-block .specifications_block .specifications_content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.landing-example-block .specifications_block .specifications_content .specifications_item {
  padding-top: 50px;
}
.landing-example-block .specifications_block .specifications_content .specifications_item:first-of-type {
  padding-top: 0;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .caption {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: all 0.3s;
  padding: 19px 15px;
  border-radius: 20px;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row:first-of-type {
  margin-top: 15px;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row:hover {
  background: #F8F8F8;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row .name {
  width: 202px;
  min-width: 202px;
  margin-right: 210px;
}
.landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row .info {
  font-weight: 500;
}
.landing-example-block .check_car_container {
  margin-top: 200px;
  text-align: center;
}
.landing-example-block .check_car_container .container {
  max-width: 780px;
}
.landing-example-block .check_car_container .caption {
  font-weight: bold;
  font-size: 50px;
  line-height: 59px;
}
.landing-example-block .check_car_container .caption:after {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url(img/landing/fire.svg);
  vertical-align: text-top;
}
.landing-example-block .check_car_container .text {
  margin-top: 20px;
  font-size: 24px;
  line-height: 28px;
}
.landing-example-block .check_car_container form {
  width: 346px;
  margin: 40px auto 0 auto;
}
.landing-example-block .check_car_container form button {
  margin-top: 20px;
  width: 100%;
}
.landing-example-block::-webkit-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #AAABAD;
}
.landing-example-block::-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #AAABAD;
}
.landing-example-block:-moz-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #AAABAD;
}
.landing-example-block:-ms-input-placeholder {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #AAABAD;
}
.landing-example-block footer {
  margin-top: 200px;
  border-top: 1px solid #D5D5D6;
  padding: 60px 0;
}
.landing-example-block footer .big_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.landing-example-block footer .item .caption {
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  color: #333333;
  margin-bottom: 28px;
}
.landing-example-block footer .item ul li {
  margin-bottom: 16px;
}
.landing-example-block footer .item ul li:last-of-type {
  margin-bottom: 0;
}
.landing-example-block footer .item ul li a {
  font-size: 18px;
  line-height: 22px;
  color: #333333;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-example-block footer .item ul li a:hover {
  color: #3772FF;
  text-decoration: underline;
}
.landing-example-block .message_block {
  width: 380px;
  background: #2B2D33;
  border-radius: 20px;
  padding: 18px 20px;
  font-size: 15px;
  line-height: 130%;
  color: #FFFFFF;
}
.landing-example-block .message_block a {
  color: #FFFFFF;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-example-block .message_block a:hover {
  color: #3772FF;
}
.landing-example-block .big_caption {
  margin-top: 30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  padding-left: 28px;
}
.landing-example-block .table_block {
  margin-top: 15px;
}
.landing-example-block .table_block .item_date {
  width: 140px;
  min-width: 140px;
  margin-right: 10px;
}
.landing-example-block .table_block .item_event {
  width: 195px;
  min-width: 195px;
  margin-right: 10px;
}
.landing-example-block .table_block .item_mileage {
  width: 100px;
  min-width: 100px;
  margin-right: 10px;
}
.landing-example-block .table_block .item_executor {
  width: 220px;
  min-width: 220px;
  margin-right: 10px;
}
.landing-example-block .table_block .item_consumer {
  width: 170px;
  min-width: 170px;
  margin-right: 10px;
}
.landing-example-block .table_block .item_work {
  width: 65px;
  min-width: 65px;
}
.landing-example-block .table_block .table_head {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #AAABAD;
  padding: 0 28px;
}
.landing-example-block .table_block .table_content {
  border-top: 1px solid #F8F8F8;
}
.landing-example-block .table_block .table_content .row {
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
  padding: 5px 28px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 20px;
}
.landing-example-block .table_block .table_content .row:hover {
  background: #F8F8F8;
}
.landing-example-block .table_block .table_content .row a {
  color: #3772FF;
}
.landing-example-block .download_document {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2B2D33;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.landing-example-block .download_document:hover {
  color: #3772FF;
}
.landing-example-block .download_document:before {
  content: "";
  display: inline-block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  background-image: url(img/landing/download.svg);
  margin-right: 10px;
}
.landing-example-block .menu_btn {
  width: 50px;
  height: 50px;
  background-image: url(img/landing/menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-color: #2B2D33;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  position: fixed;
  left: 15px;
  bottom: 25px;
  z-index: 1000;
  cursor: pointer;
  display: none;
}
.landing-example-block .blackout_block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #55575C;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000;
}
.landing-example-block .blackout_block.active {
  opacity: 0.6;
  visibility: visible;
}
.landing-example-block .mCSB_scrollTools {
  width: 4px;
  opacity: 1;
}
.landing-example-block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #D5D5D6;
  border-radius: 9px;
  opacity: 1;
}
.landing-example-block .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #D5D5D6;
}
.landing-example-block .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #D5D5D6;
}
.landing-example-block .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0);
}
.landing-example-block .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #D5D5D6;
}
.landing-example-block .mCSB_inside > .mCSB_container {
  margin-right: 10px;
}
@media screen and (max-width: 1200px) {
  .landing-example-block .big_container {
    max-width: 930px;
  }
  .landing-example-block .container {
    max-width: 930px;
  }
}
@media (max-width: 1200px) {
  .landing-example-block .specifications_block .specifications_sidebar {
    width: 170px;
    min-width: 170px;
    margin-right: 30px;
  }
  .landing-example-block .specifications_block .specifications_sidebar li a.active:before {
    top: 5px;
  }
  .landing-example-block .specifications_block .specifications_sidebar li a {
    font-size: 14px;
  }
  .landing-example-block .table_block {
    overflow-y: hidden;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 992px) {
  .landing-example-block .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 940px) {
  .landing-example-block .tab_head {
    overflow-x: scroll;
    padding: 0 10px 10px 10px;
  }
  .landing-example-block .container.tab_container_mobile {
    padding: 0;
    max-width: none;
  }
}
@media screen and (max-width: 768px) {
  .landing-example-block .container {
    max-width: 720px;
  }
}
@media (max-width: 768px) {
  .landing-example-block .specifications_block .specifications_sidebar li {
    margin-top: 15px;
  }
  .landing-example-block .specifications_block .specifications_sidebar li a {
    font-size: 13px;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row .name {
    width: 140px;
    min-width: 140px;
    margin-right: 100px;
  }
  .landing-example-block footer .big_container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .landing-example-block footer .item {
    width: 47%;
  }
  .landing-example-block footer .item:nth-of-type(3) {
    margin-top: 50px;
  }
}
@media (max-width: 650px) {
  .landing-example-block .specifications_block .specifications_sidebar {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    top: 0;
    left: -100%;
    width: 200px;
    background-color: #fff;
    z-index: 1001;
    height: 100vh;
    margin: 0;
  }
  .landing-example-block .specifications_block .specifications_sidebar li a.active:before {
    top: 4px;
  }
  .landing-example-block .specifications_block .specifications_sidebar .sidebar_wrapper {
    padding: 20px 15px 20px 15px;
    max-height: 95vh;
  }
  .landing-example-block .specifications_block .specifications_sidebar.active {
    left: 0;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item {
    padding-top: 30px;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .caption {
    font-size: 18px;
    line-height: 23px;
    position: relative;
    cursor: pointer;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .caption:after {
    content: "";
    width: 11px;
    height: 7px;
    background-image: url(img/landing/arrow.svg);
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row .name {
    width: 47%;
    min-width: auto;
    margin: 0;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item .specifications_row .info {
    width: 47%;
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item.open .caption:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  .landing-example-block .specifications_block .specifications_content .specifications_item.open .specifications_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .landing-example-block .table_block .table_content .row {
    padding: 5px 20px;
  }
  .landing-example-block .table_block .table_content .row:hover {
    background: none;
  }
  .landing-example-block .table_block .table_head {
    padding: 0 20px;
  }
  .landing-example-block .tab_head {
    padding: 0 10px 10px 10px;
  }
  .landing-example-block .tab_head::-webkit-scrollbar {
    width: 0;
  }
  .landing-example-block .tab_head .tab_head_item {
    font-size: 14px;
    line-height: 26px;
    margin-right: 24px;
    padding-bottom: 8px;
  }
  .landing-example-block .tab_head .tab_head_item:before {
    height: 2px;
  }
  .landing-example-block .container.tab_container_mobile {
    padding: 0;
  }
  .landing-example-block .main_banner {
    margin: 0;
  }
  .landing-example-block .main_banner .banner {
    display: block;
    padding: 20px;
  }
  .landing-example-block .main_banner .banner .img_block img {
    width: 124px;
  }
  .landing-example-block .main_banner .banner .text_block .caption {
    margin-top: 20px;
    font-size: 26px;
    line-height: 30px;
  }
  .landing-example-block .main_banner .banner .text_block .text {
    margin-top: 15px;
    font-size: 18px;
    line-height: 22px;
  }
  .landing-example-block .tab_container {
    margin-top: 20px;
  }
  .landing-example-block .menu_btn {
    display: inline-block;
  }
  .landing-example-block .tab_content {
    margin-top: 20px;
  }
  .landing-example-block .check_car_container {
    margin-top: 100px;
  }
  .landing-example-block .check_car_container .caption {
    font-size: 26px;
    line-height: 30px;
  }
  .landing-example-block .check_car_container .caption:after {
    width: 28px;
    height: 28px;
    background-size: cover;
  }
  .landing-example-block .check_car_container .text {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
  }
  .landing-example-block .check_car_container form {
    margin-top: 28px;
    width: 100%;
  }
  .landing-example-block footer {
    margin-top: 100px;
    padding: 0 0 45px 0;
  }
  .landing-example-block footer .big_container {
    display: block;
  }
  .landing-example-block footer .item {
    width: 100%;
    margin-top: 45px;
  }
  .landing-example-block footer .item ul li {
    margin-bottom: 12px;
  }
  .landing-example-block .message_block {
    width: 100%;
  }
  .landing-example-block .big_caption {
    padding-left: 20px;
  }
  .landing-example-block .download_document {
    margin-top: 24px;
    font-size: 15px;
    line-height: 18px;
  }
}
@media screen and (max-width: 576px) {
  .landing-example-block .container {
    max-width: none;
  }
}
.organizations .crd-table-row {
  border: 1px solid var(--wild-sand);
  margin-top: 4px;
}
@media (min-width: 1024px) {
  .organizations .crd-table-row {
    border: none;
    border-bottom: 1px solid var(--wild-sand);
    margin-top: 0;
  }
}
.organizations .org-item {
  width: 100%;
}
.organizations .org-item--name {
  width: auto;
  flex-grow: 0;
}
@media (min-width: 768px) {
  .organizations .org-item {
    flex-grow: 1;
  }
  .organizations .org-item--name {
    flex-grow: 0;
  }
  .organizations .org-item--inn {
    width: 140px;
    flex-shrink: 0;
  }
  .organizations .org-item--phone {
    width: 156px;
    flex-shrink: 0;
  }
  .organizations .org-item--org-p {
    width: 206px;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .organizations .org-item--name {
    width: 25%;
  }
}
@media (min-width: 1280px) {
  .organizations .org-item--name {
    width: 30%;
  }
}
.org-table .icon-btn {
  opacity: 0;
  transition: 0.15s all;
}
.org-table .table_row:hover .icon-btn {
  opacity: 1;
}
.purpose-vehicle-modal .card {
  margin-bottom: 8px;
}
.purpose-vehicle-modal .modal-footer > button:not(:last-child) {
  margin-right: 10px;
}
.purpose-vehicle-modal .vehicle-list .badge {
  margin-top: 8px;
  font-size: 12px;
}
.purpose-vehicle-modal .route .date {
  margin-left: 0.4em;
}
.purpose-vehicle-modal .economics {
  padding: 24px 2.35vw;
  border-bottom: 1px solid var(--gray-10);
}
.purpose-vehicle-modal .label {
  font-size: 14px;
  line-height: 1.28;
  margin-bottom: 4px;
}
.purpose-vehicle-modal .scroll-wrapper {
  width: auto;
  position: relative;
  right: -17px;
  left: 0;
}
.request-view {
  /*Вынести в компоненты*/
}
.request-view .main_caption {
  display: inline-block;
}
.request-view p {
  font-size: 15px;
  line-height: 1.2;
  padding: 5px 0;
}
.request-view table {
  margin: 23px 0;
  font-size: 15px;
  line-height: 1.2;
  width: 100%;
}
.request-view table tr td {
  padding: 7px 0;
  vertical-align: top;
}
.request-view table tr td:first-child {
  color: var(--gray-60);
  width: 40%;
  margin-right: 20px;
}
.request-view .card .roadmap-point {
  position: relative;
  margin-left: 33px;
  padding-bottom: 35px;
}
.request-view .card .roadmap-point span {
  position: absolute;
  z-index: 4000;
  font-size: 12px;
  line-height: 1.75;
  text-align: center;
  color: var(--white);
  background-color: var(--accent);
  border-radius: 100%;
  width: 21px;
  left: -33px;
  top: 1px;
}
.request-view .card .roadmap-point:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 2px dashed var(--accent);
  left: -23px;
  top: 1px;
}
.request-view .card .roadmap-point:last-child:before {
  border: none;
}
.request-view .card .roadmap-point table {
  margin: 0;
}
.request-view .vehicle-datetime-start {
  margin-bottom: 20px;
}
.request-view button.dropdown_item {
  display: block;
  border-radius: 0;
  width: 100%;
}
.request-view .modal_scroll_wrapper table {
  margin: 0 0 30px;
}
.request-view .modal_scroll_wrapper h3 {
  margin: 0 0 20px 0;
}
.requests-list-table td:nth-child(1) {
  width: 160px;
}
.requests-list-table td:nth-child(2),
.requests-list-table td:nth-child(3) {
  width: max(18vw, 220px);
}
.requests-list-table td:nth-child(4) {
  width: 150px;
}
.requests-list-table td:nth-child(6) {
  width: 136px;
}
.requests-list-table .request-id-wrapper {
  color: var(--primary);
  margin-top: 7px;
}
.requests-list-table .request-id-wrapper .id {
  color: var(--gray-100);
  margin-right: 8px;
}
.requests-list-table td.td-multiroute {
  vertical-align: center;
}
.requests-list-table .date-time-wrapper {
  color: var(--gray-60);
  margin-top: 6px;
}
.requests-list-table .date-time-wrapper .date {
  margin-right: 3px;
}
.requests-list-table .city {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
}
.requests-list-table .company-name {
  margin-top: 11px;
}
.requests-list-table .driver-name {
  font-size: 14px;
  line-height: 1.285;
  font-weight: 600;
}
.requests-list-table .vehicle-number {
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid var(--gray-120);
  display: inline-block;
}
.requests-list-table .cargo {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.requests-list-table .price {
  font-size: 15px;
  line-height: 1.285;
  white-space: nowrap;
  font-weight: 600;
}
.requests-list-table .taxes-info {
  color: var(--gray-60);
  margin-top: 6px;
}
.orders-list-layout .autocomplete-list {
  position: absolute !important;
  top: auto !important;
}
.roles-table .table_row button {
  opacity: 0;
  transition: 0.15s opacity;
}
.roles-table .table_row:hover button {
  opacity: 1;
}
.profile_user_block {
  display: flex;
  align-items: center;
}
.profile_user_block .img_block {
  position: relative;
  margin-right: 12px;
}
.profile_user_block .img_block:hover .user_dropdown_wrapper {
  opacity: 1;
  visibility: visible;
}
.profile_user_block .img_block:hover .user_img_block:before {
  opacity: 1;
}
.profile_user_block .img_block .user_img_block {
  line-height: 0;
  position: relative;
}
.profile_user_block .img_block .user_img_block .user_img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.profile_user_block .img_block .user_dropdown_wrapper {
  position: absolute;
  z-index: 10;
  top: 56px;
  left: 50%;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  padding-top: 8px;
}
.profile_user_block .img_block .user_dropdown {
  background-color: var(--white);
  transform: translateX(-50%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 8px 0;
  white-space: nowrap;
}
.profile_user_block .img_block .user_dropdown .item {
  display: flex;
  align-items: center;
  color: var(--on-primary);
  padding: 7px 14px;
  transition: all 0.3s;
}
.profile_user_block .img_block .user_dropdown .item:hover {
  background-color: var(--wild-sand);
}
.profile_user_block .img_block .user_dropdown .item .icon-xs {
  margin-right: 8px;
}
.profile_user_block .info .user_name {
  font-size: 16px;
  line-height: 26px;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.profile_user_block .info .user_position {
  font-size: 14px;
  line-height: 18px;
}
.profile_form_block {
  margin-top: 40px;
}
.settings_view_block {
  margin-top: 50px;
}
.settings_view_block .view_block {
  display: flex;
  margin-top: 15px;
}
.settings_view_block .view_block .item {
  width: 270px;
}
.settings_view_block .view_block .label {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-100);
}
.settings_view_block .view_block .text {
  margin-top: 4px;
  font-size: 16px;
  line-height: 24px;
}
.round_black_button {
  font-size: 14px;
  font-family: 'Roboto-Medium', sans-serif;
  line-height: 14px;
  background-color: var(--gray-05);
  border-radius: 24px;
  padding: 11px 20px;
  display: inline-block;
  color: var(--on-primary);
  transition: all 0.3s;
}
.round_black_button:hover {
  background-color: var(--gray-10);
}
.round_black_button.active {
  background-color: var(--on-primary);
  color: var(--white);
}
.two_btn_block {
  display: flex;
  align-items: center;
}
.two_btn_block a {
  display: inline-block;
  margin-right: 8px;
}
.two_btn_block button {
  display: inline-block;
  margin-right: 8px;
}
.main_btn_block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 50px;
}
.main_btn_block .text {
  font-size: 12px;
  line-height: 18px;
  margin-right: 20px;
  color: var(--gray-60);
}
.back_btn {
  color: var(--gray-100);
  font-size: 12px;
  line-height: 14px;
  position: relative;
  padding-left: 25px;
  transition: all 0.3s;
}
.back_btn:hover {
  color: var(--on-primary);
}
.back_btn:hover:before {
  filter: invert(14%) sepia(11%) saturate(546%) hue-rotate(187deg) brightness(98%) contrast(91%);
}
.back_btn:before {
  content: "";
  transition: all 0.3s;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-image: url(img/uikit/arrow-back.svg);
  position: absolute;
  top: -2px;
  left: 0;
  filter: invert(55%) sepia(6%) saturate(205%) hue-rotate(191deg) brightness(90%) contrast(84%);
}
.download_link {
  align-items: center;
  color: var(--on-primary);
  font-family: 'Roboto-Medium', sans-serif;
  transition: all 0.3s;
  display: inline-flex;
}
.download_link:hover {
  color: var(--accent);
}
.download_link:hover .download_icon {
  filter: invert(47%) sepia(75%) saturate(5013%) hue-rotate(212deg) brightness(101%) contrast(101%);
}
.download_link .download_icon {
  margin-right: 8px;
  transition: all 0.3s;
}
.users-page .roles-cards {
  gap: 16px;
}
.users-page .roles-cards .card {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  gap: 8px;
}
.users-page .roles-cards .role-name-wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
}
.users-page .roles-cards .card-add-role {
  color: var(--gray-100);
  justify-content: flex-start;
  gap: 12px;
  cursor: pointer;
}
.users-page .roles-cards .card-add-role .icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background-color: var(--gray-05);
  background-size: 18px 18px;
}
.users-page .users-filters-set {
  height: 402px;
  max-height: 38vh;
  width: 298px;
}
.users-page .users-filters-set.users-filters-orgs {
  height: 516px;
  width: 340px;
}
.users-page .filter-subsidiary {
  max-width: 334px;
}
.users-page .modal_overlay:not(.add-user-modal-visible) {
  display: none;
}
.users-page .add-user-modal-visible {
  display: grid;
}
.modal_overlay .invite-user-modal {
  width: 450px;
}
/*TODO `drop this after checking`*/
.vehicle_information_container {
  margin-top: 40px;
}
.vehicle_information_container .row_block {
  display: flex;
}
.vehicle_information_container .engine_speed_block .tooltip_block {
  display: block;
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.black_line {
  background-color: var(--gray-100);
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.grey_line {
  background-color: var(--gray-60);
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.green_line {
  background-color: var(--success-120);
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.yellow_line {
  background-color: var(--warning-120);
}
.vehicle_information_container .engine_speed_block .tooltip_block:hover .line .segment.red_line {
  background-color: var(--danger-120);
}
.vehicle_information_container .engine_speed_block .tooltip_block.to_left .tooltip_content_wrapper {
  top: 90%;
}
.vehicle_information_container .engine_speed_block .engine_speed_item {
  margin-bottom: 13px;
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block .description {
  font-size: 12px;
  line-height: 18px;
  color: var(--gray-100);
}
.vehicle_information_container .engine_speed_block .engine_speed_item .info_block .info {
  font-size: 16px;
  line-height: 18px;
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line {
  margin-top: 4px;
  border-radius: 4px;
  background-color: var(--gray-10);
  height: 4px;
  position: relative;
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 4px;
  display: inline-block;
  transition: all 0.3s;
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.black_line {
  background-color: var(--gray-60);
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.grey_line {
  background-color: var(--gray-40);
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.green_line {
  background-color: var(--success-60);
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.yellow_line {
  background-color: var(--warning-60);
}
.vehicle_information_container .engine_speed_block .engine_speed_item .line .segment.red_line {
  background-color: var(--danger-60);
}
.vehicle_information_container .track_data {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.vehicle_information_container .track_data .track_data_item {
  width: 30%;
}
.vehicle_information_container .track_data .track_data_item .caption {
  font-size: 16px;
  line-height: 26px;
  font-family: 'Roboto-Medium', sans-serif;
  margin-bottom: 10px;
}
.vehicle_information_container .track_data .track_data_item .item {
  margin-bottom: 18px;
}
.vehicle_information_container .track_data .track_data_item .item .description {
  font-size: 13px;
  line-height: 15px;
  color: var(--gray-100);
  display: flex;
  align-items: center;
}
.vehicle_information_container .track_data .track_data_item .item .description .badge_xs {
  margin-left: 6px;
}
.vehicle_information_container .track_data .track_data_item .item .info {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.vehicle_information_container .track_data .track_data_item .item .info .tooltip_block {
  margin-right: 6px;
}
.vehicle_information_container .datepicker_block {
  cursor: pointer;
  position: relative;
}
.vehicle_information_container .datepicker_block .air_datepicker {
  height: 18px;
  color: var(--on-primary);
  font-weight: normal;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  text-align: right;
  padding-right: 20px;
  position: relative;
  z-index: 10;
  background-color: transparent;
}
.vehicle_information_container .datepicker_block .hidden_none {
  display: none;
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover {
  color: var(--accent);
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover button {
  color: var(--accent);
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover button span {
  color: var(--accent);
}
.vehicle_information_container .dropdown_block .dropdown_caption .text_icon:hover i {
  filter: invert(34%) sepia(80%) saturate(2012%) hue-rotate(212deg) brightness(100%) contrast(103%);
}
.vehicle_information_container .no_vehicle_info {
  padding: 50px 0 100px 0;
  text-align: center;
}
.vehicle_information_container .no_vehicle_info .img_block {
  line-height: 0;
}
.vehicle_information_container .no_vehicle_info .caption {
  margin-top: 18px;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Roboto-Medium', sans-serif;
}
.vehicle_information_container .no_vehicle_info .text {
  margin-top: 8px;
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-60);
}
.vehicle_information_container .no_vehicle_info .link_btn {
  margin-top: 40px;
}
.vehicle_information_container .no_user_block {
  margin-top: 22px;
}
.vehicle_information_container .no_user_block .black_btn {
  margin-top: 42px;
}
.vehicle_information_container .big_block {
  width: 68%;
  min-width: 68%;
  margin-right: 26px;
  margin-bottom: 26px;
}
.vehicle_information_container .small_block {
  flex-grow: 1;
  margin-bottom: 26px;
}
.vehicle_information_container .main_vehicle_info {
  display: flex;
}
.vehicle_information_container .main_vehicle_info .info_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item {
  width: 30%;
  margin-top: 30px;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status {
  margin-top: 8px;
  transition: all 0.3s;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status .car_status_link {
  position: relative;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .car_status i {
  margin-right: 5px;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .description {
  color: var(--gray-100);
  font-size: 13px;
  line-height: 15px;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text {
  color: var(--on-primary);
  font-size: 15px;
  line-height: 18px;
  margin-top: 8px;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .no_wrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 99%;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex .tooltip_block:hover a {
  color: var(--accent);
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex i {
  margin-right: 6px;
}
.vehicle_information_container .main_vehicle_info .info_block .info_block_item .text_flex a {
  color: var(--on-primary);
  font-size: 15px;
  line-height: 24px;
  transition: all 0.3s;
  position: relative;
  z-index: 11;
}
.vehicle_information_container .main_vehicle_info .img_block {
  width: 140px;
  min-width: 140px;
  height: 150px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 26px;
  border: 2px solid var(--wild-sand);
}
.vehicle_information_container .main_vehicle_info .img_block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.vehicle_information_container .main_vehicle_info .text_block {
  flex-grow: 1;
}
.vehicle_information_container .main_vehicle_info .text_block .name_car {
  display: flex;
  align-items: center;
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .trailer_icon {
  filter: invert(64%) sepia(54%) saturate(9%) hue-rotate(182deg) brightness(93%) contrast(101%);
  cursor: pointer;
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 8px;
  border-radius: 4px;
  color: var(--on-primary);
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text.red {
  background-color: var(--danger-30);
}
.vehicle_information_container .main_vehicle_info .text_block .name_car .label_text.yellow {
  background-color: var(--warning-30);
}
.important_message_block {
  max-height: 350px;
  overflow-x: hidden;
  padding-right: 16px;
}
.important_message_block .important_message {
  border-radius: 8px;
  background-color: var(--gray-05);
  padding: 16px;
  margin-bottom: 10px;
}
.important_message_block .important_message .close_btn {
  cursor: pointer;
}
.important_message_block .important_message .caption_block {
  margin-top: 14px;
  font-family: 'Roboto-Medium', sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.important_message_block .important_message .caption_block .label_text {
  font-size: 12px;
  line-height: 18px;
  padding: 0 5px;
  background-color: var(--danger-10);
  border-radius: 4px;
  margin-left: 2px;
}
.important_message_block .important_message .white_btn {
  margin-top: 20px;
}
.important_message_block .important_message .text_block {
  margin-top: 6px;
  font-size: 14px;
  line-height: 18px;
}
.important_message_block .important_message .text_block ul li {
  padding-left: 12px;
  position: relative;
}
.important_message_block .important_message .text_block ul li:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: var(--on-primary);
  position: absolute;
  top: 8px;
  left: 0;
}
.user_cards_wrapper {
  margin-top: 30px;
}
.user_cards_wrapper .user_one_card {
  border-radius: 20px;
  background-color: var(--gray-05);
  padding: 20px;
  margin-bottom: 10px;
}
.user_cards_wrapper .user_one_card .user_block_card {
  margin-top: 0;
}
.user_cards_wrapper .user_one_card .route_info .item {
  margin-top: 6px;
}
.user_one_card .user_block_card {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
.user_one_card .user_block_card .img_user {
  line-height: 0;
  width: 56px;
  height: 56px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 12px;
}
.user_one_card .user_block_card .img_user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.user_one_card .user_block_card .info_user .name {
  font-family: 'Roboto-Medium', sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.user_one_card .user_block_card .info_user .rating_block {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 15px;
  transition: all 0.3s;
  color: var(--on-primary);
}
.user_one_card .user_block_card .info_user .rating_block:hover {
  color: var(--accent);
}
.user_one_card .user_block_card .info_user .rating_block .star_icon {
  margin-right: 3px;
}
.user_one_card .route_info {
  margin-top: 20px;
}
.user_one_card .route_info .item {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.user_one_card .route_info .item .name {
  color: var(--gray-100);
  font-size: 13px;
  line-height: 15px;
}
.user_one_card .route_info .item .info {
  font-size: 15px;
  line-height: 18px;
  color: var(--on-primary);
}
.user_one_card .route_info .item a {
  transition: all 0.3s;
}
.user_one_card .route_info .item a:hover {
  color: var(--accent);
}
.specifications_block {
  display: flex;
  margin-top: 40px;
}
.specifications_block .specifications_sidebar {
  width: 222px;
  min-width: 222px;
  margin-right: 40px;
  position: sticky;
  top: 30px;
  align-self: flex-start;
  border-radius: 20px;
  border: 1px solid var(--gray-10);
  padding: 24px 8px 24px 16px;
}
.specifications_block .specifications_sidebar .specifications_sidebar_wrapper {
  padding-left: 18px;
  max-height: 77vh;
  overflow-x: hidden;
}
.specifications_block .specifications_sidebar li {
  margin-top: 20px;
}
.specifications_block .specifications_sidebar li:first-of-type {
  margin-top: 0;
}
.specifications_block .specifications_sidebar li a {
  font-family: 'Roboto-Medium', sans-serif;
  font-size: 15px;
  line-height: 18px;
  color: #808185;
  transition: all 0.3s;
  position: relative;
}
.specifications_block .specifications_sidebar li a:hover {
  color: var(--on-primary);
}
.specifications_block .specifications_sidebar li a.active {
  color: var(--accent);
}
.specifications_block .specifications_sidebar li a.active:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: -16px;
}
.specifications_block .specifications_content {
  flex-grow: 1;
}
.specifications_block .specifications_content .specifications_item {
  padding-top: 40px;
}
.specifications_block .specifications_content .specifications_item:first-of-type {
  padding-top: 0;
}
.specifications_block .specifications_content .specifications_item .caption {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
.specifications_block .specifications_content .specifications_item .specifications_list {
  margin-top: 10px;
}
.specifications_block .specifications_content .specifications_item .specifications_row {
  padding: 5px 10px;
  display: flex;
  align-items: center;
  min-height: 64px;
  transition: all 0.3s;
  cursor: pointer;
}
.specifications_block .specifications_content .specifications_item .specifications_row:hover {
  background-color: var(--gray-05);
  cursor: default;
}
.specifications_block .specifications_content .specifications_item .specifications_row .name {
  width: 202px;
  min-width: 202px;
  margin-right: 210px;
  font-size: 14px;
  line-height: 18px;
}
.specifications_block .specifications_content .specifications_item .specifications_row .info {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  font-family: 'Roboto-Medium', sans-serif;
}
.timetable-wrapper {
  margin-top: 5px;
  display: flex;
  overflow-x: auto;
  max-height: 431px;
}
.timetable-wrapper .separator-timetable {
  margin-top: 72px;
  border-top: 1px solid #CDCDCD;
}
.timetable-wrapper .separator-timetable .item {
  height: 51px;
  width: 20px;
  border-right: 1px solid #CDCDCD;
  border-bottom: 1px solid #CDCDCD;
}
.timetable-wrapper .order-assignment-block {
  margin-top: 40px;
  width: 240px;
  min-width: 240px;
}
.timetable-wrapper .order-assignment-block .order-assignment-filter {
  display: inline-flex;
}
.timetable-wrapper .order-assignment-block .order-assignment-list {
  max-height: none;
  border-bottom: 1px solid #CDCDCD;
}
.timetable-wrapper .order-assignment-block .order-assignment-list .order-assignment-item {
  height: 51px;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
.timetable-container .month-block {
  display: flex;
  justify-content: center;
  align-items: center;
}
.timetable-container .month-block .month {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  margin: 0 15px;
}
.timetable_block {
  margin-top: 20px;
  display: inline-block;
}
.timetable_block .timetable-arrow-end {
  position: absolute;
  top: 3px;
  right: 6px;
}
.timetable_block .timetable-arrow-end:before {
  color: #000;
  font-size: 15px;
}
.timetable_block .timetable-arrow-start {
  position: absolute;
  top: 17px;
  left: 7px;
}
.timetable_block .timetable-arrow-start:before {
  color: #000;
  font-size: 15px;
}
.timetable_block .timetable-row {
  display: flex;
  border-bottom: 1px solid #CDCDCD;
}
.timetable_block .timetable-row .cell {
  position: relative;
  height: 50px;
  width: 48px;
  border-right: 1px solid #CDCDCD;
}
.timetable_block .timetable-row .cell:last-of-type {
  border-right: none;
}
.timetable_block .timetable-row .cell .event {
  position: absolute;
  top: 7px;
  left: 0;
  z-index: 10;
  height: 36px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
.timetable_block .timetable-row .cell .event.blue-bg {
  background: #0092C7;
  color: #fff;
}
.timetable_block .timetable-row .cell .event.green-bg {
  background: #288B0D;
  color: #fff;
}
.timetable_block .timetable-row .cell .event.beige-bg {
  background: #FFC97B;
  color: #000000;
}
.timetable_block .timetable-row .cell .event.light-green-bg {
  background: #C2E7B8;
}
.timetable_block .timetable-row .cell .event .city-1 {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timetable_block .timetable-row .cell .event .city-2 {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 92%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.timetable_block .days .timetable-row {
  padding-bottom: 5px;
}
.timetable_block .days .timetable-row .cell {
  border-right: none;
  color: #607D8B;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
  text-align: center;
  border-radius: 10px;
  position: relative;
  left: -24px;
}
.timetable_block .days .timetable-row .cell.active {
  background: #607D8B;
  color: #fff;
}
.timetable-bottom-block {
  margin-top: 20px;
  max-width: 1460px;
  padding-left: 240px;
}
@media (max-width: 1500px) {
  .timetable-bottom-block {
    padding-left: 0;
  }
}
.timetable-bottom-block .right-block {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
}
.timetable-bottom-block .left-block {
  width: 80%;
  border-right: 1px solid #F2F2F2;
  padding-right: 20px;
  margin-right: auto;
}
.timetable-bottom-block .left-block .order-view-info {
  flex-grow: 1;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list {
  padding-bottom: 0;
  border: none;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item {
  padding-left: 16px;
  width: 12%;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item:first-of-type {
  width: 7%;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item:first-of-type .planning {
  font-size: 12px;
  margin-top: 22px;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item .title {
  font-size: 11px;
}
.timetable-bottom-block .left-block .order-view-info .order-view-list .item .planning {
  font-size: 16px;
  line-height: 21px;
  margin-top: 4px;
}
.timetable-bottom-block .left-block .sub-info {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  align-items: center;
}
.timetable-bottom-block .left-block .sub-info .name {
  font-size: 13px;
  margin-right: 20px;
}
.timetable-bottom-block .left-block .sub-info .info {
  font-family: 'Roboto-Medium';
  font-size: 14px;
  line-height: 21px;
  margin-right: 70px;
}
.timetable-bottom-block .left-block .sub-info .full-info {
  font-size: 14px;
  line-height: 20px;
  width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.color-markers div {
  font-size: 12px;
}
.color-markers .color-marker {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 2px;
}
.color-markers .blue-bg {
  background: #0092C7;
  color: #fff;
}
.color-markers .green-bg {
  background: #288B0D;
  color: #fff;
}
.color-markers .beige-bg {
  background: #FFC97B;
  color: #000000;
}
.color-markers .light-green-bg {
  background: #C2E7B8;
}
.order-assignment-block {
  margin-top: 25px;
}
.order-assignment-block .order-assignment-table-head {
  display: flex;
}
.order-assignment-block .order-assignment-table-head .order-assignment-filter {
  width: min-content;
}
.order-assignment-block .order-assignment-table-content .order-assignment-list {
  max-height: none;
  overflow: visible;
  border-bottom: 1px solid #CDCDCD;
}
.order-assignment-block .order-assignment-table-content .order-assignment-list .order-assignment-item {
  display: flex;
  align-items: center;
  padding: 5px 15px;
}
.order-assignment-block .order-assignment-table-content .order-assignment-list .order-assignment-item .caption {
  width: 315px;
  min-width: 315px;
}
.order-assignment-block .table-column-left {
  width: 330px;
}
.order-assignment-block .grey-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 4px solid #CDCDCD;
  border-left: 4px solid #CDCDCD;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.order-assignment-block .green-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 4px solid var(--success-120);
  border-left: 4px solid var(--success-120);
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.order-assignment-block .orange-label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-top: 4px solid var(--warning-120);
  border-left: 4px solid var(--warning-120);
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.order-assignment-block .order-assignment-filter {
  display: flex;
  padding-bottom: 6px;
  border-bottom: 1px solid #CDCDCD;
}
.order-assignment-block .order-assignment-filter .filter-item {
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  margin-right: 15px;
  position: relative;
  padding-left: 10px;
}
.order-assignment-block .order-assignment-filter .filter-item:first-of-type {
  padding-left: 0;
}
.order-assignment-block .order-assignment-filter .filter-item.active {
  color: #0092C7;
  font-weight: 500;
}
.order-assignment-block .order-assignment-filter .filter-item.active:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #0092C7;
}
.order-assignment-block .order-assignment-filter .filter-item.grey-label:before {
  top: 2px;
}
.order-assignment-block .order-assignment-filter .filter-item.green-label:before {
  top: 2px;
}
.order-assignment-block .order-assignment-filter .filter-item.orange-label:before {
  top: 2px;
}
.order-assignment-block .order-assignment-list {
  margin-top: 8px;
  border-right: 1px solid #CDCDCD;
  border-left: 1px solid #CDCDCD;
  max-height: 440px;
  overflow: auto;
}
.order-assignment-block .order-assignment-list .green-label:before {
  border-top: 8px solid var(--success-120);
  border-left: 8px solid var(--success-120);
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.order-assignment-block .order-assignment-list .green-label .info {
  color: var(--success-120);
}
.order-assignment-block .order-assignment-list .grey-label:before {
  border-top: 8px solid #CDCDCD;
  border-left: 8px solid #CDCDCD;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.order-assignment-block .order-assignment-list .grey-label .info {
  color: #CDCDCD;
}
.order-assignment-block .order-assignment-list .orange-label:before {
  border-top: 8px solid var(--warning-120);
  border-left: 8px solid var(--warning-120);
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.order-assignment-block .order-assignment-list .orange-label .info {
  color: var(--warning-120);
}
.order-assignment-block .order-assignment-list .order-assignment-item {
  position: relative;
  padding: 15px;
  border-top: 1px solid #CDCDCD;
  cursor: pointer;
}
.order-assignment-block .order-assignment-list .order-assignment-item.active {
  background: #FFFCDE;
  font-weight: bold;
}
.order-assignment-block .order-assignment-list .order-assignment-item .caption {
  text-transform: uppercase;
}
.order-assignment-block .order-assignment-list .order-assignment-item .info {
  font-size: 14px;
  line-height: 18px;
  margin-top: 7px;
}
.order-assignment-block .order-assignment-list .order-assignment-item .name {
  margin-top: 8px;
  font-size: 12px;
  line-height: 15px;
}
.order-assignment-bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-assignment-bottom .order-assignment-card {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.order-assignment-bottom .order-assignment-card .text-block .text {
  font-weight: bold;
  font-size: 12px;
}
.table-cargo .cargo-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-cargo .cargo-route {
  margin-top: 4px;
}
/*TODO `избавиться от класса cars-layout и переименовать файл`*/
.cars-layout,
.autopark {
  /*`TODO: убрать после замены на новый компонент`*/
  /*Конец TODO*/
}
.cars-layout .input-search-container:not(.popup-searchbar),
.autopark .input-search-container:not(.popup-searchbar) {
  width: 332px;
}
.cars-layout .input-search-container:not(.popup-searchbar) input,
.autopark .input-search-container:not(.popup-searchbar) input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cars-layout .input-search-container:not(.popup-searchbar) input:focus::-webkit-input-placeholder,
.autopark .input-search-container:not(.popup-searchbar) input:focus::-webkit-input-placeholder {
  color: transparent;
}
.cars-layout .input-search-container:not(.popup-searchbar) input:focus::-moz-placeholder,
.autopark .input-search-container:not(.popup-searchbar) input:focus::-moz-placeholder {
  color: transparent;
}
.cars-layout .input-container-select,
.autopark .input-container-select {
  max-width: 199px;
}
.cars-layout .autopark-filter .popup-content-wrapper,
.autopark .autopark-filter .popup-content-wrapper {
  height: 402px;
  width: 298px;
}
.cars-layout .autopark-filter-affiliation .popup-content-wrapper,
.autopark .autopark-filter-affiliation .popup-content-wrapper,
.cars-layout .autopark-filter-status .popup-content-wrapper,
.autopark .autopark-filter-status .popup-content-wrapper {
  height: auto;
  max-height: 38vh;
}
.cars-layout .autopark-filter-affiliation .popup-footer,
.autopark .autopark-filter-affiliation .popup-footer,
.cars-layout .autopark-filter-status .popup-footer,
.autopark .autopark-filter-status .popup-footer {
  padding-top: 24px;
}
.cars-layout .organizations-filter .popup-content,
.autopark .organizations-filter .popup-content {
  width: 298px;
  min-height: 276px;
}
.cars-layout .status-seb-filter .popup-content,
.autopark .status-seb-filter .popup-content {
  width: 219px;
}
.cars-layout .empty-cell,
.autopark .empty-cell {
  color: var(--gray-60);
}
.cars-layout .auto-table .input-container-select-trailer,
.autopark .auto-table .input-container-select-trailer {
  width: 224px;
  max-width: 100%;
}
.cars-layout .auto-table .autocomplete,
.autopark .auto-table .autocomplete {
  margin-left: -13px;
}
.cars-layout .auto-table .input-container-select-driver,
.autopark .auto-table .input-container-select-driver {
  width: 300px;
  max-width: 100%;
}
.cars-layout .auto-table .col-auto,
.autopark .auto-table .col-auto {
  min-width: 216px;
}
.cars-layout .auto-table .col-affiliation,
.autopark .auto-table .col-affiliation {
  min-width: 146px;
}
.cars-layout .auto-table .col-trailer,
.autopark .auto-table .col-trailer {
  min-width: 206px;
}
.cars-layout .auto-table .col-status,
.autopark .auto-table .col-status {
  min-width: 148px;
}
.cars-layout .form-section-subheader,
.autopark .form-section-subheader {
  font-size: 12px;
  line-height: 1.5;
  color: var(--gray-100);
  margin-top: 12px;
  margin-bottom: 20px;
  font-weight: 400;
}
.cars-layout .footer-sticky,
.autopark .footer-sticky {
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 27.78%);
}
.cars-layout .card-auto-add-driver-modal,
.autopark .card-auto-add-driver-modal,
.cars-layout .card-auto-add-trailer-modal,
.autopark .card-auto-add-trailer-modal {
  width: 478px;
  height: 450px;
}
.cars-layout .driver-info,
.autopark .driver-info {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.cars-layout .driver-info .row,
.autopark .driver-info .row {
  justify-content: space-between;
}
.cars-layout .driver-info .row p,
.autopark .driver-info .row p {
  flex-grow: 0;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cars-layout .driver-info .row p:not(.card-subheader),
.autopark .driver-info .row p:not(.card-subheader) {
  text-align: right;
}
.cars-layout .driver-info .card-subheader,
.autopark .driver-info .card-subheader {
  margin-bottom: 0;
}
.cars-layout .trailer-info,
.autopark .trailer-info {
  width: 100%;
}
.cars-layout .cars-layout-auto-card-image,
.autopark .cars-layout-auto-card-image {
  width: 110px;
  height: 110px;
  padding: 23px 19px;
  margin-right: 24px;
  background: var(--gray-05);
  align-self: flex-start;
}
.modal.card-auto-trailer-view-modal {
  width: 628px;
  max-height: 567px;
}
.modal.card-auto-trailer-view-modal .form-section-header-wrapper {
  margin-bottom: 6px;
}
.active-filter {
  --formgroup-element-width: 253px;
}
.calc-new-layout .segment {
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.calc-new-layout .segment .segment-wrapper {
  padding: 14px;
  border: 1px solid var(--white);
  border-radius: 8px;
}
.calc-new-layout .segment:hover .segment-wrapper {
  background-color: var(--gray-05);
}
.calc-new-layout .segment .segment-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
}
.calc-new-layout .segment .segment-header > div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.calc-new-layout .segment .segment-content {
  margin-top: 12px;
}
.calc-new-layout .segment .segment-route {
  display: flex;
  flex-wrap: wrap;
}
.calc-new-layout .segment .segment-route > *:first-child {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.calc-new-layout .segment .segment-route > *:first-child:after {
  background-image: url(img/uikit/right-arrow-icon.svg);
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: 0 12px;
  content: "";
  position: relative;
}
.calc-new-layout .segment .segment-mark {
  width: 12px;
  height: 12px;
  border-radius: 100%;
}
.calc-new-layout .segment .segment-mark.segment-mark-blue {
  background-color: var(--accent);
}
.calc-new-layout .segment .segment-mark.segment-mark-darkgreen {
  background-color: var(--green-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-lightgreen {
  background-color: var(--success-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-orange {
  background-color: var(--warning-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-darkblue {
  background-color: #5550E3;
}
.calc-new-layout .segment .segment-mark.segment-mark-violet {
  background-color: var(--purple-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-darkorange {
  background-color: var(--ochra-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-red {
  background-color: var(--red-120);
}
.calc-new-layout .segment .segment-mark.segment-mark-grey {
  background-color: var(--gray-60);
}
.calc-new-layout .segment .segment-summary {
  display: flex;
  justify-content: space-between;
}
.calc-new-layout .segment .segment-summary .segment-summary-item {
  display: flex;
  gap: 10px;
  align-items: center;
}
.calc-new-layout .segment .dropdown-list-wrapper .dropdown-list-item.active:after {
  content: none;
}
.calc-new-layout .segment .spoiler-content {
  padding: 0 14px;
}
.calc-new-layout .segment .segment-economy {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 11px 0;
  width: 100%;
  cursor: default;
}
.calc-new-layout .segment .segment-economy .segment-economy-item {
  display: flex;
  justify-content: space-between;
}
.calc-new-layout .segment .segment-economy .segment-economy-item > span:first-child {
  color: var(--gray-60);
}
.calc-new-layout .segment.segment-active .segment-wrapper {
  background-color: var(--background);
  border-color: var(--accent);
}
.calc-new-layout .segment .tooltip-modal-wrapper {
  min-width: 318px;
}
.calc-new-layout .segment .tooltip-modal-wrapper .form-section-header {
  font-size: 14px;
}
.calc-new-layout .popup-calculator {
  padding: 24px;
  background-color: var(--white);
  border-radius: 8px;
  min-width: 318px;
}
.calc-new-layout .leaflet-container a.leaflet-popup-close-button {
  top: 3px;
  left: 293px;
}
.leaflet-popup .leaflet-popup-content .popup-header {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.leaflet-popup .leaflet-popup-content button {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
}
.calc-tooltip {
  width: 318px;
}
.dashboards .input-container-select-period {
  max-width: 130px;
  min-width: 130px;
}
.dashboards .input-container-select-period .chosen-single {
  color: var(--gray-60);
}
.dashboards .donut-64 {
  width: 64px;
  height: 64px;
}
.dashboards .donut-46 {
  width: 46px;
  height: 46px;
}
@media (min-width: 1415px) {
  .dashboards .donut-46 {
    margin-top: -10px;
  }
}
.dashboards .card {
  height: 100%;
}
.dashboards .card-header h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.dashboards .card-content-title,
.dashboards .card-description {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-100);
}
.dashboards .card-content-title strong,
.dashboards .card-description strong {
  color: #121212;
}
.dashboards .card-horizontal .card-content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
}
.dashboards .card-horizontal .card-content {
  font-size: 20px;
  line-height: 24px;
  color: #121212;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.dashboards .card-horizontal .card-content .plan {
  font-size: 17px;
  line-height: 21px;
}
.dashboards .dashboards-admin-grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: repeat(2, auto);
}
.dashboards .dashboards-tables-grid {
  display: grid;
  grid-area: auto / auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1%;
}
.dashboards .dashboards-logist-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: repeat(3, 1fr);
}
.dashboards .dashboards-logist-grid .autopark-table-wrapper {
  grid-area: 1 / 1 / 4 / 2;
}
.dashboards .logisticians-table-wrapper tr > *:not(:first-child) {
  text-align: right;
}
.dashboards .autopark-table tr > *:nth-child(n+3) {
  text-align: right;
}
.dashboards .autopark-table-wrapper tr th:nth-child(2) {
  width: 124px;
}
.dashboards .autopark-table-wrapper .scroll-wrapper {
  max-height: 380px;
}
.dashboards .logisticians-table-wrapper .scrollable-table {
  height: 380px;
  margin-right: 0;
}
.dashboards .summary-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.dashboards .summary-wrapper .summary-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.dashboards .summary-wrapper .summary-row > * {
  display: flex;
  align-items: center;
}
.dashboards .summary-wrapper .summary-row .icon {
  margin-right: 20px;
}
.dashboards .summary-wrapper .summary-row .badge {
  margin-right: 8px;
}
.dashboards .summary-wrapper .summary-row .badge .icon {
  margin-right: 0;
  margin-left: 4px;
}
.dashboards .summary-wrapper .summary-row .summary-row-text {
  color: var(--gray-100);
}
.dashboards .badge-colors {
  font-weight: 700;
}
.dashboards .card-graph-plan .graph-legend {
  display: flex;
  gap: 24px;
}
.dashboards .card-graph-plan .graph-legend .graph-legend-item {
  color: var(--gray-100);
}
.dashboards .card-graph-plan .graph-legend .graph-legend-item:before {
  content: '';
  display: inline-block;
  margin-right: 8px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.dashboards .card-graph-plan .graph-legend .graph-legend-item.graph-legend-item-blue:before {
  background-color: var(--accent);
}
.dashboards .card-graph-plan .graph-legend .graph-legend-item.graph-legend-item-green:before {
  background-color: var(--success-60);
}
.dashboards .card-graph-plan .graph-legend .graph-legend-item.graph-legend-item-grey:before {
  background-color: var(--add-on);
}
.dashboards .bar-chart-wrapper {
  min-width: 315px;
  min-height: 380px;
  align-self: stretch;
}
.dashboards .bar-chart-wrapper .card-content-wrapper {
  flex-grow: 1;
}
.dashboards .row {
  align-items: stretch;
}
.dashboards .row > * {
  height: auto;
}
.dashboards .panel-widgets-admin > .widget {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboards .panel-widgets-admin > .widget:not(:last-child) {
  border-right: none;
}
.dashboards .panel-widgets-admin .widget-description {
  color: var(--gray-100);
}
.dashboards .column-widgets {
  min-width: 334px;
}
.dashboards .scrollable-table .scroll-wrapper {
  position: relative;
}
.dashboard-admin .autopark-table-wrapper .scroll-wrapper {
  max-height: 438px;
}
.dashboard-lead-logist {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dashboard-lead-logist main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.dashboard-lead-logist .autopark-table-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dashboard-lead-logist .autopark-table-wrapper .scrollable-table {
  position: relative;
  flex-grow: 1;
}
.dashboard-lead-logist .autopark-table-wrapper .scrollable-table .scroll-wrapper {
  position: absolute;
  max-height: unset;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
}
.schedule-layout {
  margin-bottom: -65px;
}
.schedule-layout .btn.btn-outlined {
  border-color: #e9eaea;
}
.schedule-layout .input-search-container {
  max-width: 242px;
}
.schedule-layout .select-filters-group .select-schedule {
  width: 221px !important;
}
.schedule-layout .select-filters-group .my-ts {
  width: 221px !important;
}
.schedule-layout .select-filters-group .convoy {
  width: 221px !important;
}
.schedule-layout .select-filters-group .input-calendar-container {
  width: 140px !important;
}
.schedule-layout .schedule-table-wrapper .btn-add-wrapper {
  position: absolute;
  background: linear-gradient(270deg, #f8f8f8 59.76%, rgba(248, 248, 248, 0) 100%);
  inset: 0 1px 1px auto;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}
.schedule-layout .schedule-table-wrapper tr:hover td {
  background: var(--gray-05);
  transition: background 0.2s;
}
.schedule-layout .schedule-table-wrapper tr:hover .btn-add-wrapper {
  opacity: 1;
}
.schedule-layout .tooltip {
  width: 100%;
}
.schedule-tooltip .tippy-box {
  max-width: 350px !important;
}
.schedule-tooltip-sm .tippy-box {
  max-width: 130px !important;
}
.schedule-task-layout .route-letter {
  margin-left: 2px;
}
.schedule-task-layout .sidebar .vehicle {
  font-size: 16px;
  line-height: 24px;
}
.schedule-task-layout .additional-info-person {
  font-size: 14px;
}
.schedule-task-layout .additional-info-person .row-header {
  color: var(--gray-100);
}
.schedule-task-layout .additional-info-person .row-content {
  font-size: 16px;
  line-height: 24px;
}
.lp-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
.lp-container .lp-container__logo {
  height: 76px;
  width: 51px;
}
.lp-container .input--lg {
  padding: 16px;
}
.planning-layout {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: -50px;
}
.planning-layout .input-container-select {
  width: Min(290px, 20vw);
}
.planning-layout main {
  flex-grow: 1;
}
.planning-layout .auto-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 48px;
  gap: 12px;
}
.planning-layout .auto-wrapper .auto {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  display: flex;
  gap: 19px;
  align-items: center;
  border: 1px solid var(--gray-10);
  border-radius: 8px;
  padding: 14px 17px 14px 14px;
}
.planning-layout .auto-wrapper .auto span {
  white-space: nowrap;
}
.planning-layout .auto-wrapper .auto:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--accent);
}
.planning-layout .auto-wrapper .auto.auto-transit:after {
  content: '';
}
.planning-layout .auto-wrapper .auto.active {
  background-color: var(--background);
  border-color: var(--accent);
}
.planning-layout .map-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 391px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.planning-layout .map-wrapper #map {
  flex-grow: 1;
}
.planning-layout .map-wrapper .search-zone {
  background: rgba(55, 114, 255, 0.06);
  border-radius: 100%;
  width: 348px;
  height: 348px;
  position: absolute;
  top: 35px;
  left: 50%;
  z-index: 3999;
}
.planning-layout .map-wrapper .search-zone .order-point {
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--accent);
  cursor: pointer;
}
.planning-layout .map-wrapper .tippy-box {
  min-width: 220px;
}
.planning-layout .sidebar-left {
  width: 373px;
  max-width: 373px;
  display: flex;
  flex-direction: column;
}
.planning-layout .orders-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.planning-layout .orders-wrapper .order {
  border: 1px solid var(--gray-10);
  border-radius: 12px;
  padding: 24px;
  width: 100%;
  min-width: 100%;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.planning-layout .orders-wrapper .order.active {
  background-color: var(--background);
  border-color: var(--accent);
}
.planning-layout .orders-wrapper .order:not(.active):hover {
  border-color: var(--primary);
}
.planning-layout .orders-wrapper .order .btn {
  visibility: hidden;
  opacity: 0;
}
.planning-layout .orders-wrapper .order.active .btn,
.planning-layout .orders-wrapper .order:hover .btn {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}
.planning-layout .orders-wrapper .order-header-wrapper {
  display: flex;
  justify-content: space-between;
}
.planning-layout .orders-wrapper .order-header-wrapper .order-header {
  max-width: 87%;
}
.planning-layout .orders-wrapper .order-header-wrapper .dropdown {
  transform: translate(12px, -10px);
}
.planning-layout .orders-wrapper .order-header-wrapper .order-header-route {
  margin-top: 4px;
}
.planning-layout .orders-wrapper .order-header-wrapper .order-header-route span:not(:last-child):after {
  content: '>';
  display: inline;
  margin: 0 17px;
}
.planning-layout .orders-wrapper .order-header-wrapper .order-header-text {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.planning-layout .orders-wrapper .order-economics {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 0.5;
}
.planning-layout .orders-wrapper .order-economics .platon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.planning-layout .orders-wrapper .cargo {
  margin-top: 16px;
}
.planning-layout .orders-wrapper .cargo-description {
  font-size: 13px;
  line-height: 15px;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 45px;
}
.planning-layout .orders-wrapper .cargo-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.planning-layout .orders-wrapper .cargo-price {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
}
.planning-layout .modal {
  width: 484px;
  min-width: 484px;
}
.planning-layout .modal .form-section-header-wrapper {
  margin-bottom: 12px;
}
.planning-layout .modal .form-section-header {
  font-size: 16px;
  line-height: 18px;
}
.planning-layout .tooltip-caption {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.planning-layout .tooltip-content {
  margin-top: 8px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.planning-layout .leaflet-container a.leaflet-popup-close-button {
  right: 5px;
  top: 9px;
  height: 14px;
  display: flex;
  width: 14px;
  align-items: center;
}
.planning-modal-daterangepicker-1 {
  top: 402px!important;
  left: 900px!important;
}
.planning-modal-daterangepicker-2 {
  top: 521px!important;
  left: 900px!important;
}
.faq-layout .card {
  padding: 32px;
  min-height: 257px;
}
.faq-layout .card-header {
  display: flex;
  justify-content: space-between;
}
.faq-layout .card-header h3 {
  font-size: 20px;
  line-height: 32px;
  margin-right: 20px;
  font-weight: 500;
}
.faq-layout .card-content {
  margin-top: 24px;
  color: var(--gray-120);
}
.faq-layout .card-footer {
  gap: 24px;
  margin-top: 25px;
}
@media screen and (max-width: 1280px) {
  .full-page-template .faq-layout .grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 768px) {
  .full-page-template .faq-layout .grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.columns-layout header .input-search-container {
  max-width: 245px;
  flex-grow: 1;
}
.autocolumns-table td:nth-last-child(2),
.autocolumns-table th:nth-last-child(2) {
  text-align: right;
  color: var(--gray-60);
}
.autocolumns-table .container-hover {
  justify-content: flex-end;
}
.autocolumns-table tr:hover td:nth-last-child(2) {
  color: var(--primary);
}
.modal.column-modal {
  --modal-width: 478px;
  --modal-padding: 48px 54px 0;
}
.modal.column-modal .modal-header {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal.column-modal form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}
.modal.column-modal .modal-content {
  display: grid!important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-row-gap: 18px!important;
  width: calc(100% + 26px);
  overflow-y: auto;
}
.modal.column-modal .modal-content > .column {
  overflow-y: auto;
  padding-right: 10px;
  width: calc(100% - 8px);
}
.modal.column-modal .modal-footer {
  padding-right: 0;
}
.modal.column-modal .notice {
  padding: 12px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.modal.column-modal .notice p {
  font-size: 16px;
  line-height: 24px;
  flex-grow: 1;
}
.modal.column-modal .notice .close {
  cursor: pointer;
}
.modal.column-modal .notice.notice-grey {
  background: var(--gray-05);
  color: var(--primary);
}
.market-layout:not(.market-layout-new) .block-orders-list {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  --padding-right: 0;
  width: 440px;
  min-width: 440px;
  overflow: hidden;
}
.market-layout:not(.market-layout-new) .block-orders-list .pagination_wrapper {
  gap: 30px;
  margin: 0;
  justify-content: space-between;
}
.market-layout:not(.market-layout-new) .block-orders-list .autocomplete {
  margin: 0;
  width: 96px;
}
.market-layout:not(.market-layout-new) .block-orders-list .pagination {
  margin: 0;
  gap: 4px;
}
.market-layout:not(.market-layout-new) .block-orders-list .pagination > li {
  margin: 0;
}
.market-layout:not(.market-layout-new) .orders-list {
  flex-grow: 1;
  position: relative;
}
.market-layout:not(.market-layout-new) .orders-list .order {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 2px solid transparent;
  padding: 24px 32px;
}
.market-layout:not(.market-layout-new) .orders-list .order:hover {
  border-color: var(--primary);
  cursor: pointer;
}
.market-layout:not(.market-layout-new) .orders-list .order.active {
  background-color: #FBFCFF;
  border-color: var(--accent);
}
.market-layout:not(.market-layout-new) .orders-list .order.active:before {
  content: "";
  position: absolute;
  left: -2px;
  top: 24px;
  bottom: 24px;
  background-color: var(--accent);
  width: 6px;
  border-radius: 3px;
}
.market-layout:not(.market-layout-new) .orders-list .order.active:after {
  content: none;
}
.market-layout:not(.market-layout-new) .orders-list .order .badge {
  align-self: flex-start;
}
.market-layout:not(.market-layout-new) .orders-list .order .order-info {
  display: flex;
  gap: 16px;
  align-items: center;
}
.market-layout:not(.market-layout-new) .orders-list .order .order-info a,
.market-layout:not(.market-layout-new) .orders-list .order .order-info span.order-id {
  max-width: 153px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.market-layout:not(.market-layout-new) .orders-list .order .economics-info .total {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.market-layout:not(.market-layout-new) .orders-list .order .economics-info .margin-per-km {
  color: var(--gray-100);
}
.market-layout:not(.market-layout-new) .block-order-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.market-layout:not(.market-layout-new) .block-order-description .order-header-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.market-layout:not(.market-layout-new) .block-order-description .order-header-wrapper .order-header {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.market-layout:not(.market-layout-new) .block-order-description .order-header-wrapper .order-id {
  color: var(--gray-100);
}
.market-layout:not(.market-layout-new) .block-order-description .economics {
  justify-content: space-between;
}
.market-layout:not(.market-layout-new) .block-order-description .order-description-wrapper {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.market-layout:not(.market-layout-new) .block-order-description .order-description-section {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.market-layout:not(.market-layout-new) .block-order-description .order-description-section-header {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: var(--primary);
}
.market-layout:not(.market-layout-new) .block-order-description .order-description {
  gap: 4px;
  display: flex;
  flex-wrap: wrap;
}
.market-layout:not(.market-layout-new) .block-order-description .order-comment {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.market-layout:not(.market-layout-new) .block-order-description .order-comment p {
  overflow: hidden;
  display: -webkit-box;
  font-size: 17px;
  line-height: 21px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.market-layout:not(.market-layout-new) .block-order-description .order-comment .btn-more {
  color: var(--accent);
  cursor: pointer;
}
.market-layout:not(.market-layout-new) .block-order-description .order-comment .btn-more:hover {
  color: var(--primary);
}
.market-layout:not(.market-layout-new) .block-order-description .order-comment.order-comment-open p {
  -webkit-line-clamp: unset;
}
.market-layout:not(.market-layout-new) main {
  flex-direction: row;
}
.market-layout:not(.market-layout-new) .right-side-wrapper {
  position: relative;
  flex-grow: 1;
  z-index: 3999;
}
.market-layout:not(.market-layout-new) .block-map {
  --padding-left: 8px;
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-right: 32px;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.market-layout:not(.market-layout-new) .block-map .multiroute-wrapper {
  overflow: hidden;
  flex-grow: 1;
}
.market-layout:not(.market-layout-new) .block-map .multiroute-wrapper-arrow {
  height: 100%;
  min-width: 32px;
  width: 32px;
  cursor: pointer;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}
.market-layout:not(.market-layout-new) .block-map .multiroute-wrapper-arrow:hover span {
  filter: none;
}
.market-layout:not(.market-layout-new) .block-map .map-wrapper {
  position: fixed;
  width: 100vw;
  background: #00000026;
  top: 64px;
  left: 0;
  bottom: 0;
  transform: translateY(100%);
}
.market-layout:not(.market-layout-new) .block-map #map {
  width: 100%;
  height: 91%;
  position: absolute !important;
  bottom: 0;
  border-radius: 24px;
  transform: translateY(100%);
}
.market-layout:not(.market-layout-new) .block-map.block-spoiler-open {
  overflow: hidden;
  position: static;
  z-index: 1;
}
.market-layout:not(.market-layout-new) .block-map.block-spoiler-open:hover {
  border-color: transparent;
}
.market-layout:not(.market-layout-new) .block-map.block-spoiler-open .block-spoiler-toggler {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3999;
}
.market-layout:not(.market-layout-new) .block-map.block-spoiler-open .map-wrapper {
  transform: translateY(0);
}
.market-layout:not(.market-layout-new) .block-map.block-spoiler-open #map {
  transform: translateY(0);
  transition: transform 0.3s;
}
.market-layout:not(.market-layout-new) .block-cargo-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
}
.market-layout:not(.market-layout-new) .block-cargo-list .cargo {
  display: flex;
  gap: 16px;
  align-items: center;
}
.market-layout:not(.market-layout-new) .block-cargo-list .route-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 18px;
  line-height: 22px;
}
.market-layout:not(.market-layout-new) .block-cargo-list .route-time {
  font-size: 28px;
  line-height: 30px;
  font-weight: 700;
}
.market-layout:not(.market-layout-new) .block-cargo-list .route-address {
  font-weight: 500;
}
.market-layout:not(.market-layout-new) .block.block-empty {
  --padding-top: 68px;
}
.market-layout:not(.market-layout-new) .market-container-search {
  max-width: 500px;
  width: 500px;
}
.market-modal .modal {
  max-width: 484px;
}
/*TODO `delete duplication above`*/
.market-layout.market-layout-new main {
  flex-direction: row;
}
.market-layout.market-layout-new .economics .item:after {
  background-color: transparent;
}
.market-layout.market-layout-new .sidebar {
  padding: 24px 0 0;
  width: 619px;
  min-width: 619px;
  overflow: hidden;
  border-right: 1px solid var(--gray-30);
  box-shadow: none;
}
.market-layout.market-layout-new .sidebar .pagination_wrapper {
  gap: 30px;
  margin: 0;
  justify-content: space-between;
  max-height: 48px;
}
.market-layout.market-layout-new .sidebar .pagination_wrapper .autocomplete,
.market-layout.market-layout-new .sidebar .pagination_wrapper .input_block {
  margin: 0;
  width: 96px;
}
.market-layout.market-layout-new .sidebar .pagination {
  margin: 0;
  gap: 4px;
}
.market-layout.market-layout-new .sidebar .pagination > li {
  margin: 0;
}
.market-layout.market-layout-new .sidebar header {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.market-layout.market-layout-new .chips-group {
  --gap: 8px;
}
.market-layout.market-layout-new .orders-list {
  flex-grow: 1;
  position: relative;
  padding: 8px 0;
}
.market-layout.market-layout-new .orders-list .scroll-wrapper {
  padding: 0 16px;
}
.market-layout.market-layout-new .orders-list .order {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border: 1px solid transparent;
  padding: 20px 16px;
}
.market-layout.market-layout-new .orders-list .order:not(:first-child) {
  border-top-color: var(--gray-10);
}
.market-layout.market-layout-new .orders-list .order:hover {
  cursor: pointer;
  background-color: var(--gray-05);
  border-top-color: transparent;
  border-radius: 12px;
}
.market-layout.market-layout-new .orders-list .order.active {
  background-color: #FBFCFF;
  border-color: var(--accent);
  border-radius: 12px;
}
.market-layout.market-layout-new .orders-list .order:hover + .order:not(.active),
.market-layout.market-layout-new .orders-list .order.active + .order {
  border-top-color: transparent;
}
.market-layout.market-layout-new .orders-list .order .order-params {
  display: flex;
}
.market-layout.market-layout-new .orders-list .order .order-params .tooltip {
  padding: 0 8px;
  border-right: 1px solid var(--gray-10);
}
.market-layout.market-layout-new .orders-list .order .order-params .tooltip:first-child {
  padding-left: 0;
}
.market-layout.market-layout-new .orders-list .order .order-params .tooltip:last-child {
  padding-right: 0;
  border: none;
}
.market-layout.market-layout-new .orders-list .order .order-params .tooltip .param {
  color: var(--gray-100);
  font-size: 16px;
  line-height: 24px;
}
.market-layout.market-layout-new .orders-list .order .order-params .tooltip .param.price,
.market-layout.market-layout-new .orders-list .order .order-params .tooltip:first-child .param {
  color: var(--primary);
  line-height: 26px;
  font-weight: 500;
}
.market-layout.market-layout-new .right-side-wrapper {
  position: relative;
  flex-grow: 1;
  z-index: 3999;
}
.market-layout.market-layout-new .right-side-wrapper header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
.market-layout.market-layout-new .right-side-wrapper header .order-header-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.market-layout.market-layout-new .right-side-wrapper header .order-header-wrapper .order-header {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
}
.market-layout.market-layout-new .right-side-wrapper header .order-header-wrapper .order-id {
  color: var(--gray-100);
  font-size: 16px;
  line-height: 24px;
}
.market-layout.market-layout-new .right-side-wrapper .scroll-wrapper {
  padding: 24px 16px;
}
.market-layout.market-layout-new .right-side-wrapper .scroll-wrapper:after {
  content: none;
}
.market-layout.market-layout-new .right-side-wrapper .scroll-wrapper > .block {
  padding-left: 8px;
  padding-right: 8px;
}
.market-layout.market-layout-new .right-side-wrapper .scroll-wrapper > .block:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.market-layout.market-layout-new .right-side-wrapper .economics {
  justify-content: space-between;
}
.market-layout.market-layout-new .right-side-wrapper .order-description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.market-layout.market-layout-new .right-side-wrapper .order-description .order-comment {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.market-layout.market-layout-new .right-side-wrapper .order-description .order-comment p {
  overflow: hidden;
  display: -webkit-box;
  font-size: 17px;
  line-height: 21px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.market-layout.market-layout-new .right-side-wrapper .order-description .order-comment .btn-more {
  color: var(--accent);
  cursor: pointer;
}
.market-layout.market-layout-new .right-side-wrapper .order-description .order-comment .btn-more:hover {
  color: var(--primary);
}
.market-layout.market-layout-new .right-side-wrapper .order-description .order-comment.order-comment-open p {
  -webkit-line-clamp: unset;
}
.market-layout.market-layout-new .cargo-list {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.market-layout.market-layout-new .cargo-list .cargo:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.market-layout.market-layout-new .cargo-list .cargo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
}
.market-layout.market-layout-new .block.block-empty {
  --padding-top: 68px;
}
.market-layout.market-layout-new .market-container-search {
  max-width: 500px;
  width: 500px;
}
.market-layout.market-layout-new .statistics-cards {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.market-layout.market-layout-new .statistics-cards .statistics-row {
  display: flex;
  gap: 16px;
}
.market-layout.market-layout-new .statistics-cards .card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 24px;
  border: 1px solid var(--gray-30);
  border-radius: 16px;
}
.market-layout.market-layout-new .statistics-cards .card-header {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
}
.market-layout.market-layout-new .statistics-cards .card-description {
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-100);
  white-space: nowrap;
}
.market-layout.market-layout-new .statistics-cards .donut {
  width: 36px;
  min-width: 36px;
  height: 36px;
}
.market-modal .modal {
  max-width: 488px;
}
.modal-add-service {
  --modal-width: 450px;
  --modal-overflow: visible;
}
.order-status-tip {
  width: 100%;
  text-align: center;
  display: flex;
}
.order-view .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.order-view header {
  display: flex;
  justify-content: space-between;
}
.order-view main {
  width: 700px;
  max-width: 700px;
}
.order-view section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order-view .block-header {
  gap: 16px;
}
.order-view .block-content {
  transition: height 0.2s;
  height: auto;
}
.order-view .order-section-hide .block-content {
  height: 0;
  overflow: hidden;
  transition: height 0.2s;
}
.order-view .info-list-row {
  display: flex;
  gap: 16px;
}
.order-view .info-list-row .row-header {
  min-width: 250px;
  width: 250px;
  color: var(--gray-100);
}
.order-view .info-list-row-small {
  width: 126px;
}
.order-view .info-list-column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.order-view .info-list-column .column-header {
  color: var(--gray-100);
}
.order-view .sub-block .info-list-row .row-header {
  min-width: 226px;
  max-width: 226px;
}
.order-view .block-right {
  width: 380px;
  min-width: 380px;
  top: 26px;
  align-self: flex-start;
}
.order-view-top-dropdown-menu .btn {
  --border-width: 2px;
}
.order-view-top-dropdown-menu .dropdown-list-wrapper {
  max-width: 268px;
}
.order-view-lkp .block-navigation {
  width: 248px;
  min-width: 248px;
}
.order-view-lkp .block-right {
  width: 380px;
  min-width: 380px;
  top: 26px;
  align-self: flex-start;
}
.order-route-details {
  background: var(--gray-01);
  padding: 14px;
  border-radius: 8px;
}
.order-route-details summary {
  align-items: flex-start;
}
.order-route-details .icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-route-details .icon-wrapper .icon {
  flex-shrink: 0;
}
.order-route-details .icon-wrapper::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 0;
  min-width: 1px;
  height: 100%;
  border-left: 1px dashed var(--gray-30);
}
.order-route-details summary + div,
.order-route-details .order-route-details-header + div,
.order-route-details .order-route-details-header + span {
  padding-left: 32px;
  position: relative;
}
.order-route-details summary + div::before,
.order-route-details .order-route-details-header + div::before,
.order-route-details .order-route-details-header + span::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0;
  min-width: 1px;
  top: 0;
  bottom: -4px;
  left: 12px;
  border-left: 1px dashed var(--gray-30);
}
.assign-resources-modal {
  --modal-width: 484px;
}
.assign-resources-modal .select-resources .autocomplete .disabled {
  color: var(--gray-60);
  cursor: auto;
}
.carrier-order-view-modal {
  --modal-width: 800px;
}
.carrier-order-view-modal .info-list-row {
  display: flex;
  gap: 16px;
}
.carrier-order-view-modal .info-list-row .row-header {
  min-width: 205px;
  max-width: 205px;
}
.carrier-view-user-modal {
  --modal-width: 800px;
  --modal-padding: 20px 32px;
}
.carrier-view-user-modal .tabs-filters {
  border-bottom: 1px solid var(--gray-05);
}
.carrier-view-user-modal .info-user-row {
  display: flex;
  gap: 16px;
}
.carrier-view-user-modal .info-user-row .user-header {
  min-width: 250px;
  width: 250px;
  color: var(--gray-100);
}
.order-view-to-lkp-modal {
  --modal-width: 450px;
  --modal-overflow: visible;
}
.order-view-to-lkp-modal .modal-content {
  overflow: visible!important;
}
.order-view-change-carrier-rate-modal {
  --modal-width: 450px;
}
.modal-overlay .modal.modal-padding-24.order-yandex-modal {
  --modal-width: 630px;
  --modal-gap: 0;
}
.contract-conditions-modal {
  --modal-width: 620px;
}
.contract-conditions-modal .text-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contract-conditions-modal .text-group-header {
  font-weight: 500;
}
.contract-conditions-modal .text-group-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contract-conditions-modal .text-group-item {
  display: flex;
  gap: 4px;
}
.contract-conditions-modal .text-group-item .text-group-item-name {
  color: var(--gray-100);
}
.contract-conditions-modal .text-group-item.text-group-item-vertical {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}
/*`TODO: переделать на человеческий подход для облегчения скролла`*/
.order-attorney-modal {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  --modal-width: Min(792px, 90vw);
}
.order-attorney-modal .modal-content {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  grid-row-gap: 18px !important;
  overflow-y: auto;
  width: calc(100% + 18px);
}
.order-attorney-modal .modal-content > .column {
  overflow-y: auto;
  padding-right: 10px;
  width: calc(100% - 8px);
}
.order-attorney-modal .order-num-input {
  width: 199px;
}
.order-attorney-modal .order-num-input label {
  --label-font-size: 14px;
  --label-line-height: 18px;
  font-weight: 500 !important;
  color: var(--primary) !important;
}
.order-attorney-modal .attorney-modal-cargos-table .num {
  width: 50px;
}
.order-attorney-modal .attorney-modal-cargos-table .units {
  width: 126px;
}
.order-attorney-modal .attorney-modal-cargos-table .quantity {
  width: 144px;
}
.order-attorney-modal .attorney-modal-cargos-table .controls {
  width: 70px;
}
.del-btn .icon:hover {
  filter: var(--filter-red-120);
}
.add-comment-about-docs-modal {
  --modal-width: 632px;
}
.order-fact-modal {
  --modal-width: 451px;
}
.order-update-status-modal {
  --modal-width: 382px;
  --modal-gap: 22px !important;
}
.modal-order-cancellation {
  --modal-width: 450px;
  --modal-gap: 16px;
  --modal-overflow: visible;
}
.modal-declaration {
  --modal-width: Min(450px, 90vw);
  --modal-overflow: visible;
}
.modal-declaration-warning,
.modal-declaration-update {
  --modal-width: Min(430px, 90vw);
  padding-left: 54px;
  padding-right: 54px;
}
.offer-existing-modal {
  --modal-width: 450px;
}
.order-calc-modal {
  --modal-width: 450px;
}
.order-list-filters-group .input-icon-container .multiicon-container {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
}
.order-list-filters-group > div:not(:last-child) .popup-wrapper .popup-caption {
  min-width: Min(136px, 7vw);
}
.order-list-filters-group > div:not(:last-child) .popup-wrapper .popup-caption span {
  white-space: nowrap;
}
.order-list-filters-group .popup-content-wrapper {
  width: 298px;
}
.order-list-filters-group .order-filter-status .popup-content-wrapper {
  width: 219px;
  min-height: 320px;
}
.order-list-filters-group .order-filter-docs-status .popup-content-wrapper {
  width: 300px;
}
.order-list-filters-group .order-filter-docs-status .popup-content-wrapper .label,
.order-list-filters-group .order-filter-docs-status .popup-content-wrapper label:not(.checkbox_container),
.order-list-filters-group .order-filter-docs-status .popup-content-wrapper .form-section-header {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.order-list-filters-group .order-filter-docs-status .popup-content-wrapper .checkbox-wrapper > label > span {
  font-weight: 400 !important;
  white-space: normal !important;
}
.order-list-filters-group .order-filter-documents .popup-content-wrapper {
  width: 520px;
}
.order-list-filters-group .order-filter-clients .popup-content-wrapper,
.order-list-filters-group .order-filter-km .popup-content-wrapper {
  height: Min(60vh, 402px);
}
.order-list-filters-group .order-filter-settings {
  /*TODO: `Сделать нормально`*/
}
.order-list-filters-group .order-filter-settings .tippy-box {
  max-width: 496px !important;
}
.order-list-filters-group .order-filter-settings .popup-content-wrapper {
  width: 448px;
  min-height: 57vh;
}
.order-list-filters-group .order-filter-settings .popup-content-wrapper .label,
.order-list-filters-group .order-filter-settings .popup-content-wrapper label:not(.checkbox_container),
.order-list-filters-group .order-filter-settings .popup-content-wrapper .form-section-header {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.order-list-filters-group .input-calendar-container.filter {
  padding: 0;
}
.order-list-filters-group .input-calendar-container.filter .input-calendar {
  padding-left: 12px;
  height: 100%;
}
.order-list-filters-group .input-calendar-container.filter .input-calendar:placeholder-shown {
  width: 151px;
}
.order-list-filters-group .input-calendar-container.filter .calendar_icon {
  width: 20px;
  height: 20px;
}
.order-list-filters-group .orders-filters-carriers,
.order-list-filters-group .orders-filters-clients {
  --autocomplete-list-width: 212% !important;
}
.fact-panel-contacts-block span:first-child {
  min-width: 154px;
}
.fact-panel-contacts-block span:first-child {
  min-width: 154px;
}
.orders-drafts-import-modal {
  --modal-width: 484px;
  --modal-gap: 22px;
}
.modal-overlay .modal.modal-padding-24.orders-drafts-import-info-modal {
  --modal-width: 402px;
  --modal-gap: 22px;
}
.modal-overlay .modal.modal-padding-24.orders-drafts-import-info-modal .modal-content {
  padding-bottom: 0;
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal {
  min-height: calc(100% - 32px);
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .modal-sidebar {
  width: 484px;
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .badge-coordinates {
  --badge-background: var(--white);
  border: 1px solid var(--gray-10);
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .badge-coordinates:hover {
  --badge-background: var(--gray-10);
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .location-mini-card {
  cursor: pointer;
  background-color: var(--gray-01);
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .location-mini-card:hover {
  border-color: var(--accent);
  background-color: #3772FF08;
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .location-mini-card .location-point-name {
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.modal-overlay .modal-bottom .modal.order-form-add-location-modal .block-point {
  border: 1px solid var(--gray-10);
}
.orders-list-layout .orders-list .more-wrapper {
  position: absolute;
  display: none;
  right: 0;
  top: 0;
  height: 100%;
  padding: 16px 8px;
  width: 100px;
  justify-content: flex-end;
  align-items: center;
  background: linear-gradient(270deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
}
.orders-list-layout .orders-list .more-wrapper .dropdown-list-wrapper {
  width: 238px;
}
.orders-list-layout .orders-list .more-wrapper .break-word-normal {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.orders-list-layout .orders-list td {
  position: relative;
}
.orders-list-layout .orders-list td span {
  white-space: nowrap;
}
.orders-list-layout .orders-list tr:hover .more-wrapper {
  display: flex;
}
.block-gif {
  width: 377px;
  height: 330px;
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 24px;
  top: 74px;
  z-index: 9999;
}
.block-gif .content-gif {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 22px;
}
.block-gif .gif-image {
  height: 122px;
  align-self: stretch;
  border-radius: 16px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/reverse.gif);
}
.block-gif .close_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.block-gif .close_btn .close_icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.order-name-wrapper {
  display: grid;
  grid-template-columns: max-content 1ch auto;
  gap: 3px;
  justify-content: start;
}
.order-name-wrapper > * {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.order-name-wrapper .tooltip > span {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-name-wrapper .tooltip > button {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* TODO `Избавиться от классов с приставкой order
    и вынести в отдельный файл стилей рекоммендаций`*/
.order-recommendations,
.recommendations {
  overflow: hidden;
  max-height: calc(100dvh - var(--container-indent-top));
  margin-bottom: 32px;
}
.order-recommendations section,
.recommendations section {
  min-height: 0;
}
.order-recommendations .input-search-container,
.recommendations .input-search-container {
  min-width: 352px;
}
.order-recommendations .grid-table-recommendations,
.recommendations .grid-table-recommendations {
  --header-p: 13px 8px;
  --grid-row-p: 12px 8px;
}
.order-recommendations .grid-table-recommendations .grid-row,
.recommendations .grid-table-recommendations .grid-row {
  grid-template-columns: 32px minmax(0, 1fr) 11% 11% 12% 10% 210px 170px 48px;
  grid-gap: 8px 16px;
  border-radius: 0;
}
.order-recommendations .grid-table-recommendations .grid-row:not(:last-child),
.recommendations .grid-table-recommendations .grid-row:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.order-recommendations .grid-table-recommendations .grid-row .wrapper-recommendation,
.recommendations .grid-table-recommendations .grid-row .wrapper-recommendation {
  visibility: hidden;
  background: linear-gradient(270deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
}
.order-recommendations .grid-table-recommendations .grid-row .wrapper-recommendation .dropdown-list-wrapper,
.recommendations .grid-table-recommendations .grid-row .wrapper-recommendation .dropdown-list-wrapper {
  width: 294px;
}
.order-recommendations .grid-table-recommendations .grid-row:hover .wrapper-recommendation,
.recommendations .grid-table-recommendations .grid-row:hover .wrapper-recommendation {
  visibility: visible;
}
.order-recommendations .grid-table-recommendations .chips,
.recommendations .grid-table-recommendations .chips {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 16px;
  padding: 4px 12px 4px 12px;
  background-color: var(--white);
}
.order-recommendations .grid-table-recommendations .chips-no-link,
.recommendations .grid-table-recommendations .chips-no-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 16px;
  padding: 4px 12px 4px 12px;
  background-color: var(--gray-05);
}
.order-recommendations .order-info-block,
.recommendations .order-info-block,
.order-recommendations .info-block,
.recommendations .info-block {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 0;
}
.order-recommendations .order-info-block .divider-blue-line,
.recommendations .order-info-block .divider-blue-line,
.order-recommendations .info-block .divider-blue-line,
.recommendations .info-block .divider-blue-line {
  height: 36px;
  width: 0;
  border-left: 1px var(--natcar-cian) dashed;
}
.order-recommendations .order-info-block .divider-gray-30-line,
.recommendations .order-info-block .divider-gray-30-line,
.order-recommendations .info-block .divider-gray-30-line,
.recommendations .info-block .divider-gray-30-line {
  height: 36px;
  width: 0;
  border-left: 1px var(--gray-30) dashed;
}
.order-recommendations .order-info-block .new-order-info-block-top,
.recommendations .order-info-block .new-order-info-block-top,
.order-recommendations .info-block .new-order-info-block-top,
.recommendations .info-block .new-order-info-block-top {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}
.order-recommendations .order-info-block .order-info-block-top,
.recommendations .order-info-block .order-info-block-top,
.order-recommendations .info-block .order-info-block-top,
.recommendations .info-block .order-info-block-top,
.order-recommendations .order-info-block .info-block-top,
.recommendations .order-info-block .info-block-top,
.order-recommendations .info-block .info-block-top,
.recommendations .info-block .info-block-top {
  display: flex;
  flex-grow: 1;
  border-bottom: 1px solid var(--gray-10);
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
}
.order-recommendations .order-info-block .order-info-block-bottom,
.recommendations .order-info-block .order-info-block-bottom,
.order-recommendations .info-block .order-info-block-bottom,
.recommendations .info-block .order-info-block-bottom,
.order-recommendations .order-info-block .info-block-bottom,
.recommendations .order-info-block .info-block-bottom,
.order-recommendations .info-block .info-block-bottom,
.recommendations .info-block .info-block-bottom {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 15% 1fr 23% 23% 15%;
  flex-grow: 1;
}
.order-recommendations .order-info-block .order-info-block-bottom > div,
.recommendations .order-info-block .order-info-block-bottom > div,
.order-recommendations .info-block .order-info-block-bottom > div,
.recommendations .info-block .order-info-block-bottom > div,
.order-recommendations .order-info-block .info-block-bottom > div,
.recommendations .order-info-block .info-block-bottom > div,
.order-recommendations .info-block .info-block-bottom > div,
.recommendations .info-block .info-block-bottom > div {
  padding: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: hidden;
}
.order-recommendations .order-info-block .order-info-block-bottom > div .column,
.recommendations .order-info-block .order-info-block-bottom > div .column,
.order-recommendations .info-block .order-info-block-bottom > div .column,
.recommendations .info-block .order-info-block-bottom > div .column,
.order-recommendations .order-info-block .info-block-bottom > div .column,
.recommendations .order-info-block .info-block-bottom > div .column,
.order-recommendations .info-block .info-block-bottom > div .column,
.recommendations .info-block .info-block-bottom > div .column {
  overflow: hidden;
}
.order-recommendations .order-info-block .order-info-block-bottom > div:not(:last-child),
.recommendations .order-info-block .order-info-block-bottom > div:not(:last-child),
.order-recommendations .info-block .order-info-block-bottom > div:not(:last-child),
.recommendations .info-block .order-info-block-bottom > div:not(:last-child),
.order-recommendations .order-info-block .info-block-bottom > div:not(:last-child),
.recommendations .order-info-block .info-block-bottom > div:not(:last-child),
.order-recommendations .info-block .info-block-bottom > div:not(:last-child),
.recommendations .info-block .info-block-bottom > div:not(:last-child) {
  border-right: 1px solid var(--gray-10);
}
.order-recommendations .recommendations-table thead,
.recommendations .recommendations-table thead {
  z-index: 2;
}
.order-recommendations .recommendations-table .tbody-last,
.recommendations .recommendations-table .tbody-last {
  border-bottom: 1px solid var(--gray-10);
}
.order-recommendations .recommendations-table .underline,
.recommendations .recommendations-table .underline {
  border-bottom: 2px solid var(--gray-10);
}
.order-recommendations .recommendations-table tbody:hover td,
.recommendations .recommendations-table tbody:hover td {
  --table-bg: var(--gray-05);
}
.order-recommendations .recommendations-table tr.colspan,
.recommendations .recommendations-table tr.colspan {
  --padding-top: 3px;
}
.order-recommendations .recommendations-table .line_connection_start_icon,
.recommendations .recommendations-table .line_connection_start_icon {
  position: absolute;
  bottom: 0;
  left: 16px;
}
.order-recommendations .recommendations-table .line_connection_middle_icon,
.recommendations .recommendations-table .line_connection_middle_icon {
  position: absolute;
  top: -2px;
  left: 16px;
  z-index: 1;
}
.order-recommendations .recommendations-table .line_connection_end_icon,
.recommendations .recommendations-table .line_connection_end_icon {
  position: absolute;
  top: -2px;
  left: 16px;
}
.order-recommendations .loading-badge,
.recommendations .loading-badge {
  position: relative;
}
.order-recommendations .loading-badge .badge-new,
.recommendations .loading-badge .badge-new {
  position: absolute;
  top: 2px;
  left: 6px;
}
.order-recommendations .recommendations-table-row,
.recommendations .recommendations-table-row {
  padding: 12px 16px 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--gray-05);
}
.inventory-table tbody {
  border-bottom: 1px solid var(--gray-10);
}
.inventory-table tbody tr:hover td {
  background-color: var(--white);
}
.order-route-details {
  background: var(--gray-01);
  padding: 14px;
  border-radius: 8px;
  width: 100%;
}
.order-route-details summary {
  align-items: flex-start;
}
.order-route-details.control-point summary {
  align-items: center;
}
.order-route-details .icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.order-route-details .icon-wrapper .icon {
  flex-shrink: 0;
}
.order-route-details .icon-wrapper::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 0;
  min-width: 1px;
  height: 100%;
  border-left: 1px dashed var(--gray-30);
}
.order-route-details summary + div {
  padding-left: 32px;
  position: relative;
}
.order-route-details summary + div::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0;
  min-width: 1px;
  top: 0;
  bottom: -4px;
  left: 12px;
  border-left: 1px dashed var(--gray-30);
}
.order-route-calculator .points-divider-wrapper {
  /*TODO: `разобраться с шириной кнопки не в целых пикселях и убрать абсолютные значения`*/
}
.order-route-calculator .points-divider-wrapper .btn-dashed-group .btn {
  width: 92px;
}
.order-route-calculator .points-divider-wrapper:first-child::before {
  --arrow-height: 39px;
  top: 12px;
}
.order-route-calculator .points-divider-wrapper::before {
  --arrow-height: 53px;
  --arrow-width: 9px;
  background-image: url("img/uikit/long-vertical-arrow-53-9-icon.svg");
  background-size: 97% 100%;
  filter: var(--filter-natcar-cold-gray);
}
.order-route-calculator .order-route-details {
  padding: 0;
}
.order-route-calculator .route-calc-add-transportation-sidebar-panel .order-route-details {
  background: none;
}
.order-route-calculator .route-calc-add-transportation-sidebar-panel .order-route-details:last-child .icon-wrapper::after {
  content: none;
}
.order-route-calculator .route-calc-add-transportation-sidebar-panel .order-route-details:last-child .order-route-details-header + span::before {
  content: none;
}
.order-route-calculator .route-calc-add-transportation-sidebar-panel .order-route-details .order-route-details-header + span {
  padding-left: 24px;
  padding-bottom: 16px;
  /*TODO: `распространить bg вместо бордера это на все варианты order-route-details`*/
}
.order-route-calculator .route-calc-add-transportation-sidebar-panel .order-route-details .order-route-details-header + span::before {
  width: 20px;
  border: none;
  background: repeating-linear-gradient(to bottom, transparent 0 1px, var(--gray-30) 0px 4px) 50%/1px 100% no-repeat;
  left: 0;
}
.order-route-calculator .btn {
  --border-width: 1px;
}
.order-fact-comments-panel .sidebar-panel-content {
  padding: 24px 0 0;
  border-top: 1px solid var(--gray-10);
  border-bottom: 1px solid var(--gray-10);
}
.order-fact-comments-panel .comments-panel-points-types {
  --formgroup-element-width: 180px;
}
.order-fact-manager-notification-modal {
  --modal-width: 450px;
}
.search-tip {
  max-width: 343px;
}
.search-tip.tooltip-tip .tippy-content {
  padding: 12px;
}
.order-view-doc-statuses-modal {
  --modal-width: 800px;
}
/*TODO `Удалить, когда заменим на новую форму`*/
.modal_overlay .modal.cargo-modal {
  height: Min(616px, 90vh);
  width: 420px;
}
/* ADD ROUTE */
.order-layout .nothing-found-wrapper {
  padding: 14px 25px 0;
  cursor: pointer;
  margin: 0 auto;
}
.order-layout .table-cargo .cargo-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-layout .table-cargo .cargo-route {
  color: var(--gray-60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* END ADD ROUTE */
/* PURPOSE VEHICLE */
.order-layout .block-sidebar {
  width: 484px;
  min-width: 484px;
}
.order-layout .card-radio {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  line-height: 18px;
}
.order-layout .card-radio .card-vehicle-main-info {
  --border-color: transparent;
  --background-color: var(--white);
  padding: 15px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  border: 1px solid var(--border-color);
  background-color: var(--background-color);
  border-radius: 12px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.order-layout .card-radio .card-vehicle-main-info:hover {
  --background-color: var(--gray-05);
  transition: background-color 0.2s;
}
.order-layout .card-radio .card-header {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}
.order-layout .card-radio .card-header .badge {
  font-weight: 400;
}
.order-layout .card-radio .card-vehicle-route .route-header {
  font-size: 15px;
  max-width: 188px;
}
.order-layout .card-radio .card-vehicle-route .routes > *:not(:last-child):after {
  margin: 5px 8px;
}
.order-layout .card-radio .card-additional-info {
  padding: 0 14px;
}
.order-layout .card-radio.card-active .card-vehicle-main-info {
  --border-color: var(--accent);
  --background-color: var(--background);
}
.order-layout .card-radio.spoiler-open .card-additional-info {
  padding: 9px 14px 15px;
}
.order-layout .scroll-wrapper:after {
  content: "";
  min-height: 20px;
}
.order-layout footer {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
}
/* END PURPOSE VEHICLE */
/* ORDER VIEW*/
.order-layout h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 40px);
}
.order-layout .route-wrapper .card-additional-info {
  padding: 0 0 0 36px;
}
.order-layout .route-wrapper .spoiler-open .card-additional-info {
  padding: 12px 0 0 36px;
}
.order-layout .comment {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.order-layout .comment-full {
  overflow: unset;
  display: flex;
  -webkit-line-clamp: unset;
}
.order-layout .purpose-driver-cards .card-radio .driver-email {
  color: var(--gray-100);
  font-size: 14px;
  line-height: 16px;
}
.order-layout .purpose-driver-cards .card-radio.active .driver-email {
  color: var(--primary);
}
.order-layout .order-statuses-dropdown .tippy-box {
  max-height: unset;
}
/* END ORDER VIEW*/
/* COMMON STYLES */
.order-layout h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 700;
}
.order-layout p.subheader {
  color: var(--gray-100);
  margin-top: 2px;
  font-size: 14px;
}
.order-layout .card-additional-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 14px;
  overflow: hidden;
}
.order-layout .additional-info {
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  gap: 11px;
}
.order-layout .block-map {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-left: 0;
  --padding-right: 0;
  flex-grow: 1;
  position: relative;
}
.order-layout .block-map .leaflet-top {
  display: none;
}
.order-layout .block-map .controls-panel {
  bottom: 12px;
}
/* END COMMON STYLES */
/* CONTROLS BOTTOM PANEL*/
.controls-panel {
  --background: var(--white);
  --item-background: var(--white);
  --item-active-background: var(--gray-10);
  --item-text-color: var(--primary);
  --item-icon-color: invert(100%) sepia(0) saturate(0) hue-rotate(63deg) brightness(200%) contrast(100%);
  --item-icon-background: var(--accent);
  --item-active-icon-background: var(--accent);
  --item-border: transparent;
  --item-active-border: transparent;
  --item-icon-border: transparent;
  --item-active-icon-border: transparent;
  display: flex;
  align-items: flex-start;
  gap: 4px;
  border-radius: 16px;
  list-style: none;
  padding: 5px;
  background-color: var(--background);
  position: relative;
}
.controls-panel .controls-panel-item .item-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 12px 5px;
  width: 104px;
  border-radius: 12px;
  background-color: var(--item-background);
  border: 1px solid var(--item-border);
  cursor: pointer;
}
.controls-panel .controls-panel-item .item-wrapper .text {
  color: var(--item-text-color);
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.controls-panel .controls-panel-item .item-wrapper .text span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.controls-panel .controls-panel-item .item-wrapper .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--item-icon-background);
  border-radius: 100%;
  border: 1px solid var(--item-icon-border);
  overflow: hidden;
  width: 48px;
  height: 48px;
}
.controls-panel .controls-panel-item .item-wrapper .icon-wrapper .icon {
  filter: var(--item-icon-color);
}
.controls-panel .controls-panel-item .item-wrapper .icon-wrapper .avatar {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  border: none;
  border-radius: 100%;
  overflow: hidden;
}
.controls-panel .controls-panel-item:hover,
.controls-panel .controls-panel-item.active {
  --item-background: var(--item-active-background);
  --item-border: var(--item-active-border);
  --item-icon-background: var(--item-active-icon-background);
  --item-icon-border: var(--item-active-icon-border);
}
.controls-panel.controls-panel-dark {
  --background: rgba(9, 14, 27, 0.7);
  --item-background: transparent;
  --item-active-background: rgba(9, 14, 27, 0.15);
  --item-text-color: var(--gray-40);
  --item-icon-color: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
  --item-icon-background: rgba(0, 0, 0, 0.4);
  --item-active-icon-background: rgba(0, 0, 0, 0.4);
  --item-border: transparent;
  --item-active-border: transparent;
  --item-icon-border: var(--gray-120);
  --item-active-icon-border: var(--gray-120);
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border-radius: 16px !important;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .close {
  position: absolute;
  right: -12px;
  top: -12px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-header {
  padding: 0;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-subheader {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-vehicle .popup-subheader,
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-trailer .popup-subheader {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-content .form-section-header {
  margin-bottom: 0 !important;
  line-height: 18px;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-footer {
  padding-top: 0;
}
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-organization,
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-driver,
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-vehicle,
.controls-panel .tippy-box[data-theme~="filter-dropdown"] .popup-trailer {
  width: 386px;
  max-width: 386px;
}
/* END CONTROLS BOTTOM PANEL*/
/* ORDERS LIST*/
.order-layout .orders-search {
  max-width: 296px;
}
.order-layout .filters-set {
  height: 600px;
  max-height: 60vh;
}
.order-layout .filters-set .scroll-wrapper {
  width: calc(100% + 17px);
}
.order-layout .scrollable-table .scroll-wrapper::-webkit-scrollbar-track {
  margin-top: 0;
  margin-bottom: 0;
}
.grid-table-orders .grid-row {
  grid-template-columns: 180px 1fr 62px 1fr 172px 0.5fr auto;
  border-top: 1px solid var(--gray-10);
}
.grid-table-orders .grid-row:hover + .grid-row {
  border-color: transparent;
}
.grid-table-orders .grid-row:first-child {
  border: none;
}
.grid-table-orders .grid-row .order-header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
.grid-table-orders .grid-row .order-header-wrapper .row-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.grid-table-orders .grid-row .date-time-wrapper {
  color: var(--gray-60);
  display: flex;
  gap: 3px;
}
.grid-table-orders .grid-row .info-wrapper {
  font-size: 15px;
  line-height: 18px;
  min-width: 0;
}
.grid-table-orders .grid-row .info-wrapper .city {
  line-height: 26px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-table-orders .grid-row .info-wrapper .company-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-table-orders .grid-row .info-wrapper .date-time-wrapper {
  color: var(--gray-100);
}
.grid-table-orders .grid-row .driver-name {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.007em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-table-orders .grid-row .price {
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap;
  font-weight: 500;
}
.grid-table-orders .grid-row .taxes-info {
  color: var(--gray-60);
  margin-top: 6px;
}
.info-list-row-modal {
  display: flex;
  align-items: center;
  gap: 6px;
}
.info-list-row-modal .row-header {
  width: 120px;
  color: var(--gray-100);
}
/* END ORDERS LIST*/
/* COUNTERPARTY MODALS*/
.order-modal .modal-table-dropdown {
  max-width: 150px !important;
}
/* END COUNTERPARTY MODALS*/
/* end of legacy*/
.order-point {
  --point-bg: var(--gray-05);
  --header-color: var(--green-120);
  --header-border-color: var(--green-30);
}
.order-point .order-point-header {
  border-radius: 8px 8px 0 0;
  background: var(--point-bg);
  display: inline-flex;
  padding: 4px 8px 4px 12px;
  align-items: center;
}
.order-point .order-point-header span {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.order-point .order-point-header span:first-child {
  color: var(--gray-100);
  padding-right: 12px;
  border-right: 1px solid var(--header-border-color);
}
.order-point .order-point-header span:nth-child(2) {
  color: var(--header-color);
  padding-left: 12px;
  padding-right: 12px;
}
.order-point .order-point-header span:nth-child(2):before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-image: url(img/uikit/download-alt-icon.svg);
}
.order-point .order-point-header span:nth-child(3) {
  color: var(--king-blue-120);
  padding-left: 12px;
  border-left: 1px solid var(--header-border-color);
}
.order-point .order-point-header span:nth-child(3):before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url(img/uikit/update-icon.svg);
}
.order-point.order-point-download {
  --header-color: var(--green-120);
  --header-border-color: var(--green-30);
}
.order-point.order-point-download span:nth-child(2):before {
  background-image: url(img/uikit/download-alt-icon.svg);
}
.order-point.order-point-upload {
  --header-color: var(--king-blue-120);
  --header-border-color: var(--king-blue-30);
}
.order-point.order-point-upload span:nth-child(2):before {
  background-image: url(img/uikit/upload-alt-icon.svg);
}
.order-point .order-point-content {
  background: var(--point-bg);
  color: #2B2D33;
  display: flex;
  padding: 12px;
  flex-direction: column;
  gap: 14px;
  border-radius: 0 12px 12px 12px;
}
.order-point .order-point-content-header {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.visible-non {
  visibility: hidden;
}
.api-token {
  flex-grow: 1;
}
.api-token .icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
  cursor: pointer;
}
.api-token .icon:hover {
  filter: none;
}
.api-token input:disabled {
  --input-border-color: var(--gray-30);
  color: var(--gray-60);
  background-color: var(--white);
}
.subsidiary-page .input-search-container {
  max-width: 290px;
  width: 290px;
}
.info-screen {
  background-position: right -10px;
  background-repeat: no-repeat;
  background-size: auto 100vh;
  width: 100vw;
  height: 100vh;
  color: var(--primary);
}
.info-screen h1 {
  font-size: 50px;
  line-height: 59px;
  font-weight: bold;
}
.info-screen p {
  font-size: 20px;
  line-height: 28px;
  max-width: 267px;
}
.info-screen a {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.access-denied {
  background-image: url(img/uikit/access-denied-bg.svg);
  padding-top: 212px;
  padding-left: 8vw;
}
.trade-layout .donut {
  width: 36px;
  min-width: 36px;
  height: 36px;
}
.trade-layout .source-link {
  color: var(--white);
}
.trade-layout .grid-trade-table {
  --grid-row-p: 12px 32px;
  --header-p: 13px 32px;
}
.trade-layout .grid-trade-table .grid-row {
  grid-template-columns: 48px 1fr 140px 150px 64px 124px 0.3fr;
  align-items: center;
  min-height: 0;
  min-width: 0;
}
.trade-layout .grid-trade-table .grid-row:hover .prices .prices-wrapper:not(:only-child) {
  display: none;
}
.trade-layout .grid-trade-table .grid-row:hover .prices .btn {
  display: flex;
}
.trade-layout .grid-trade-table .info-wrapper {
  overflow: hidden;
  min-width: 0;
}
.trade-layout .grid-trade-table .prices {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.trade-layout .grid-trade-table .prices .prices-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.trade-layout .grid-trade-table .prices .btn {
  display: none;
}
.counterparty-list .col-type {
  width: 261px;
}
.counterparty-list .col-inn {
  width: 175px;
}
.counterparty-list .col-legal {
  width: 205px;
}
.add-counterparty-modal {
  --modal-width: 380px;
  /*--modals-gap: 22px;*/
}
.add-counterparty-modal .select-organizations {
  --item-padding: 12px 16px;
}
.add-counterparty-modal .contacts-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-counterparty-modal .contacts-list-item {
  border-radius: 8px;
  background-color: var(--gray-05);
  padding: 10px 12px;
  transition: background-color 0.2s;
  cursor: pointer;
}
.add-counterparty-modal .contacts-list-item .contacts-list-item-header {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-counterparty-modal .contacts-list-item .contacts-list-item-info {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin-top: 8px;
}
.add-counterparty-modal .contacts-list-item .contacts-list-item-info .phone {
  min-width: 119px;
}
.add-counterparty-modal .contacts-list-item .contacts-list-item-info .email {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.counterparty-add-contact-modal {
  --modal-width: 382px;
  --modal-gap: 16px;
}
.counterparty-card .form-section-header {
  font-size: 18px;
  line-height: 22px;
}
.counterparty-card .counterparty-info-wrapper .counterparty-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 15px;
  line-height: 18px;
  min-width: 25%;
}
.counterparty-card .counterparty-info-wrapper .counterparty-info .counterparty-info-header {
  color: var(--gray-100);
  font-size: 13px;
  line-height: 15px;
}
.counterparty-card footer {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  background: #fff;
  z-index: 100;
  border-top: 1px solid var(--gray-10);
  padding: 12px 0 0;
}
.counterparty-list-filters .autocomplete:first-child {
  --autocomplete-max-width: 203px;
}
.counterparty-list-filters .autocomplete:nth-child(2) {
  --autocomplete-max-width: 173px;
}
.counterparty-list-filters .autocomplete:nth-child(3) {
  --autocomplete-max-width: 163px;
}
.counterparty-list-filters .autocomplete:nth-child(4) {
  --autocomplete-max-width: 159px;
}
.counterparty-list-filters .autocomplete:nth-child(5) {
  --autocomplete-max-width: 128px;
}
.counterparty-list-filters .autocomplete:nth-child(6) {
  --autocomplete-max-width: 135px;
}
.btn-no-data {
  border-radius: 12px;
  border: 1px solid transparent;
}
.btn-no-data .error-text {
  color: var(--danger-120);
}
.btn-no-data.btn-no-data-error {
  border-color: var(--danger-120);
  padding: 12px;
}
.counterparty-searchbar {
  width: Min(17vw, 286px);
}
.offer-car-modal {
  --modal-width: 484px;
}
.offer-car-modal .form-section-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: start;
}
.clients-list .col-status {
  width: 175px;
}
.clients-settings-add-user-modal {
  --modal-width: 382px;
  --modal-gap: 22px;
  --modal-overflow: visible;
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.clients-settings-add-user-modal .modal-content {
  width: calc(100% + 18px);
  padding-right: 18px;
}
.client-form .group-client-form-info-block {
  --gap: 4px;
  --max-h: 52px;
}
.client-form .client-form-main-info .block-content {
  gap: 20px;
}
.client-form .client-fines-search {
  width: 350px;
}
.client-add-warehouse-modal .warehouse-time {
  max-width: 100px;
}
.client-view .fines-search,
.client-form .fines-search {
  width: 360px;
}
.client-view .fines-filter,
.client-form .fines-filter {
  height: 36px;
}
.client-view .km-check-dropdown .dropdown-list-item,
.client-form .km-check-dropdown .dropdown-list-item {
  min-width: 206px;
}
.clients-sent-check-modal .chips-group {
  --chips-gap: 8px;
  --font-size: 12px;
}
.clients-sent-check-modal .chips-group .chips {
  height: 32px;
  background-color: var(--natcar-blue);
  color: var(--white);
}
.clients-sent-check-modal .chips-group .chips .close_icon {
  filter: var(--filter-gray-60);
}
.seb-filters-set {
  height: 402px;
  max-height: 38vh;
  width: 298px;
}
.seb-filters-set.seb-filters-types {
  height: 280px;
}
.seb-check-list .col-country,
.seb-check-list .col-inspector,
.seb-check-list .col-initiator {
  width: Min(300px, 15%);
}
.seb-check-list .col-driver {
  width: 250px;
}
.seb-check-list .col-status {
  width: 320px;
}
.seb-check-list .col-status-210 {
  width: 210px;
}
.seb-check-list .col-status-240 {
  width: 240px;
}
.seb-check-list .col-status-300 {
  width: 300px;
}
.seb-linked-checks td:first-child {
  width: 116px;
}
.seb-linked-checks td:nth-child(3) {
  width: 190px;
}
.seb-linked-checks td:last-child {
  width: 188px;
  text-align: right;
}
.seb-check-history th:first-child {
  width: 120px;
}
.seb-check-history th:nth-child(2) {
  width: 126px;
}
.seb-check-history .comment {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.seb-rdz-info-table td:nth-child(2) {
  width: 146px;
}
.seb-rdz-info-table td:nth-child(3) {
  width: 185px;
}
.seb-rdz-info-table td:last-child {
  width: 174px;
}
.seb-rdz-card-fields-subheader {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
}
.seb-rdz-card-field {
  display: flex;
  gap: 16px;
  font-size: 16px;
  line-height: 24px;
}
.seb-rdz-card-field .seb-rdz-card-field-header {
  width: 166px;
  min-width: 166px;
}
.modal-seb-suspense {
  --modal-padding: 24px;
  --modal-width: 450px;
  --modal-footer-p: 20px 0 0;
}
.modal-seb-suspense .modal-footer {
  gap: 24px;
}
.seb-statuses-dropdown .tippy-arrow {
  display: none!important;
}
.verification-reject-modal {
  --modal-width: 542px;
}
.carriers-list .col-type {
  width: 115px;
}
.carriers-list .col-veh-number {
  width: 82px;
}
.carriers-list .col-category {
  width: 151px;
}
.carriers-list .col-status {
  width: 175px;
}
.carriers-list td {
  vertical-align: middle;
}
.carriers-form .form-section-header-wrapper {
  margin-bottom: 0;
}
.resources-list tr td {
  vertical-align: middle;
}
.resources-list tr:hover {
  cursor: pointer;
}
.carrier-card-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  column-gap: 16px;
}
.carrier-card-routes .carrier-card-route {
  padding: 8px 12px;
  background-color: var(--gray-05);
  display: flex;
  gap: 6px;
  border: 1px solid var(--gray-10);
  border-radius: 10px;
  align-items: center;
}
.carrier-card-routes .carrier-card-route > *:first-child {
  display: flex;
  gap: 6px;
  align-items: center;
}
.carrier-card-routes .carrier-card-route > *:first-child::after {
  content: "";
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/uikit/forward-ring-icon.svg);
}
.docs-uploading-rules-modal {
  --modal-width: 632px;
}
.carrier-invite-user-modal {
  --modal-width: min(382px, 90vw);
  --modal-gap: 22px;
  display: grid!important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-row-gap: 22px!important;
}
.carrier-invite-user-modal .modal-content {
  overflow-y: auto;
  width: calc(100% + 10px);
  padding-right: 10px;
}
.carrier-view .dropdown-action .dropdown-list-item {
  min-width: 238px;
}
.carriers-users-list-table.table-default tr.blocked td .badge {
  opacity: 1;
}
.carriers-user-card-modal .carriers-user-status-dropdown .dropdown-list-item {
  min-width: 177px;
}
.carriers-user-reject-modal {
  --modal-width: 450px;
}
.okved-list {
  display: flex;
  align-items: flex-start;
  min-width: 80px;
}
.vertical-line {
  width: 1px;
  background-color: var(--gray-10);
  margin: 0 20px;
}
.carrier-block {
  width: 130px;
}
.carrier-block-bottom {
  width: 196px;
}
.carrier-history-header-link {
  display: flex;
  align-items: center;
  padding-top: 18px;
  border-bottom: 1px solid var(--gray-10);
}
.round-check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.subscription-radio-filter .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 346px;
}
.subscription-radio-filter .popup-header {
  font-size: 14px;
  padding-bottom: 24px;
}
.subscription-filter > .tooltip:not(:last-child) {
  min-width: 148px;
}
.subscription-filter > .tooltip:not(:last-child) .popup-wrapper {
  width: 154px;
}
.subscription-filter > .tooltip:not(:last-child) .popup-caption {
  width: 100%;
}
.carrier-card-user-list-search {
  width: 488px;
}
.facting-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}
.facting-filter .filters-group > .tooltip {
  width: 204px;
}
.facting-filter .filters-group > .tooltip .popup-wrapper {
  width: 100%;
}
.facting-filter .filters-group > .tooltip .popup-caption {
  width: 100%;
}
.facting-radio-filter .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 346px;
}
.facting-radio-filter .popup-header {
  font-size: 14px;
}
.fact-route-point {
  position: relative;
  width: 48px;
  height: 18px;
}
.fact-route-point .tooltip {
  position: absolute;
  left: 20%;
}
.fact-route-point .icon {
  height: 18px;
  position: absolute;
  left: 0;
}
.carriers-users-list-table.table-default tr.blocked td .badge {
  opacity: 1;
}
.carriers-user-card-modal .carriers-user-status-dropdown .dropdown-list-item {
  min-width: 177px;
}
.carriers-user-reject-modal {
  --modal-width: 450px;
}
.carriers-list-filters .route-filter {
  width: 346px;
}
.carriers-list-filters .route-filter .subtext {
  margin-top: 5px;
}
.carriers-list-filters .route-filter .subtext span:not(:last-child):after {
  content: ",";
  margin-right: 2px;
}
.modal-warning-changes-will-not-save {
  --modal-width: 450px;
  --modal-gap: 16px;
}
.banners-list .col-name,
.banners-list .col-part {
  width: 11%;
}
.banners-list .col-changing {
  width: 12%;
}
.banners-list .col-color {
  width: 52px;
}
.banners-list .col-activity {
  width: 9%;
}
.banner {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--warning-60);
  padding: 10px;
  max-height: 66px;
}
.banner .banner-content {
  display: flex;
  gap: 10px;
  max-width: 90vw;
}
.order-history-list {
  --td-min-height: 64px;
}
.order-history-list .col-time {
  width: 9%;
}
.order-history-list .col-name {
  width: 15%;
}
.order-history-list .col-field {
  width: 16%;
}
.order-history-list tr:not(:last-child) td,
.order-history-list tbody:not(:last-child) {
  border-bottom: 1px solid var(--gray-10);
}
.notifications-settings {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.notifications-settings .settings-section {
  display: flex;
}
.notifications-settings .settings-section > div:first-child {
  color: var(--gray-100);
  min-width: 226px;
}
.notifications-settings .settings-section > div:last-child {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}
.notification-nav-block {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
}
.notification-nav-block .notification-popup-block {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: opacity 0.2s, height 0.2s;
  position: fixed;
  top: var(--container-indent-top, 0);
  right: 24px;
  width: 348px;
  padding: 0;
  background: var(--white);
  border-radius: 0 0 16px 16px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
}
.notification-nav-block .notification-popup-block .notification-popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--primary);
  padding: 12px 16px;
  margin-bottom: 0;
  background: var(--background);
}
.notification-nav-block .notification-popup-block .notification-popup-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow-y: auto;
  min-height: 400px;
  max-height: calc(100vh - 160px);
}
.notification-nav-block .notification-popup-block .notification-filter-block {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--gray-10);
}
.notification-nav-block .notification-popup-block .notification-filter-block .notification-searchbar {
  width: 220px;
}
.notification-nav-block .notification-popup-block .notification-filter-block .popup-header {
  font-size: 14px;
}
.notification-nav-block .notification-popup-block .notification-turned-of {
  padding: 28px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-top: 120px;
}
.notification-nav-block .notification-popup-block .no-new-notification {
  padding: 40px;
  text-align: center;
  margin-top: 120px;
}
.notification-nav-block .notification-popup-block .notification-block {
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 8px;
  color: var(--primary);
  border-bottom: 1px solid var(--gray-10);
}
.notification-nav-block .notification-popup-block .notification-block:hover {
  background: var(--gray-05);
  cursor: pointer;
}
.notification-nav-block .notification-popup-block .popup-content:last-child:hover {
  border-radius: 16px;
}
.notification-nav-block:hover {
  background-color: var(--on-natcar-blue);
}
.notification-nav-block:hover .notification-popup-block {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.tech-support-contacting-modal-overlay {
  z-index: 4001;
}
.tech-support-contacting-modal {
  z-index: 4999;
  --modal-width: Min(632px, 90vw);
  --modal-gap: 22px;
  display: grid!important;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.tech-support-contacting-modal .modal-content {
  overflow-y: auto;
  width: calc(100% + 18px);
  padding-right: 18px;
  mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
  -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 17px, black 17px);
  mask-size: 100% 20000px;
  mask-position: left bottom;
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.3s, -webkit-mask-position 0.3s;
}
.tech-support-contacting-modal .modal-content:hover {
  -webkit-mask-position: left top;
  mask-position: left top;
}
.history-list {
  --td-min-height: 64px;
}
.history-list .col-time {
  width: 9%;
}
.history-list .col-name {
  width: 15%;
}
.history-list .col-field {
  width: 16%;
}
.lkp-order-list-filters > .formgroup {
  flex-grow: 1;
  max-width: 356px;
}
.lkp-order-list-filters-group > div:not(:last-child) .popup-wrapper .popup-caption {
  min-width: 198px;
}
.lkp-order-list-filters-group > div:not(:last-child) {
  flex-grow: 1;
  flex-basis: 1%;
}
.lkp-order-list-filters-group > div:not(:last-child) .popup-wrapper {
  width: 100%;
}
.lkp-order-list-filters-group > div:not(:last-child) .popup-caption {
  width: 100%;
}
.lkp-order-list-filters-group .input-calendar-container.filter .input-calendar {
  padding-left: 12px;
  width: 100%;
  height: 100%;
}
.lkp-order-list-filters-group .input-calendar-container.filter .input-calendar:placeholder-shown {
  width: 100%;
}
.lkp-order-list-filters-group .input-calendar-container.filter .calendar_icon {
  width: 20px;
  height: 20px;
  filter: none;
  margin-right: 10px;
}
.lkp-auction-filters-group > div:not(:last-child) .popup-wrapper .popup-caption {
  min-width: 198px;
}
.lkp-auction-filters-group > div:not(:last-child) .popup-wrapper .popup-caption span {
  white-space: nowrap;
}
.lkp-order-new-list-filters-group .order-filter-settings .popup-content-wrapper {
  min-height: 24vh;
}
.order-mobile-card-content {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.order-mobile-card-content .order-mobile-card-location {
  flex-basis: 48%;
}
@media screen and (max-width: 768px) {
  .order-mobile-card-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 8px;
  }
  .order-mobile-card-content .order-mobile-card-location {
    flex-basis: 100%;
  }
}
.client-view .dropdown-action .dropdown-list-item {
  min-width: 238px;
}
.client-view .group-client-form-info-block {
  --gap: 4px;
  --max-h: 52px;
}
.client-view .client-blocked-point {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid var(--gray-10);
  background: var(--gray-05);
  max-width: 100%;
}
.client-view .client-blocked-point span {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.client-view .client-warehouse-filters-group {
  width: 352px;
}
.client-form-add-contract-modal .input-number {
  max-width: 80px;
}
.client-form-add-contract-modal .input-number .label {
  white-space: nowrap;
}
.client-add-contract .contract-number {
  width: 354px;
}
.client-analytics-header {
  font-size: 50px;
  font-weight: 700;
  line-height: 59px;
}
/*TODO `Перенести стили клиентов сюда`*/
.user-profile-page {
  background: #F7F9FF;
  flex-direction: row;
}
.user-profile-page .user-profile-carriers-searchbar {
  width: 320px;
}
.user-profile-page .user-profile-carriers-filter-statuses {
  width: 152px;
}
.user-profile-page .user-profile-carriers-filter-statuses .popup-content {
  height: 177px;
}
.user-profile-page .carrier-name {
  color: var(--primary);
}
.user-profile-page .carrier-name:hover {
  color: var(--accent);
}
.user-profile-page .ellipse {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* TODO `Убрать нижний отступ в контейнере 762 и избавиться от этого`*/
.user-profile-carrier-joining-page {
  margin-bottom: -20px;
}
.start-page .start-page-content-wrapper {
  width: Min(1240px, 100%);
  display: flex;
  margin: 0 auto;
  align-self: center;
}
.start-page .start-page-content {
  width: Min(764px, 100%);
}
.start-page .start-page-card {
  width: 244px;
  color: var(--primary);
}
.start-page .start-page-card .start-page-card-header {
  font-size: 18px;
  line-height: 22px;
}
.start-page .start-page-card:hover {
  border: 1px solid var(--accent);
  background: linear-gradient(0deg, rgba(55, 114, 255, 0.03) 0%, rgba(55, 114, 255, 0.03) 100%), #FFF;
}
.start-page .start-page-card:hover .start-page-card-header {
  color: var(--accent);
}
.start-page .start-page-card:hover .start-page-card-header .icon {
  filter: var(--filter-accent);
}
.start-page .start-page-content-block {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.start-page main {
  flex-grow: 0;
}
.start-page aside {
  width: 366px;
  flex-shrink: 0;
  transform: translateY(-317px);
}
.start-page .image-block {
  padding: 0;
  flex-direction: row;
  gap: 8px;
  border: 1px solid var(--gray-10);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.start-page .image-block .block-image {
  width: 242px;
  height: 100%;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
}
.start-page .image-block .block-content {
  padding: 16px 24px;
  flex-direction: column;
}
.start-page .slider {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 400px;
  width: 100%;
  padding: 14px;
  border-radius: 16px;
  overflow: clip;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
}
.start-page .slider .slide {
  position: absolute;
  inset: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  left: 100%;
}
.start-page .slider .slide.slide-active {
  opacity: 1;
  left: 0;
}
.start-page .slider .controls {
  display: flex;
  gap: 8px;
  z-index: 2;
}
.start-page .slider .controls .step {
  display: flex;
  height: 36px;
  padding: 10px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--gray-30);
  background: var(--white);
  color: var(--gray-100);
  font-size: 16px;
  line-height: 24px;
  user-select: none;
}
.fuel-economy-partner {
  display: flex;
  flex-direction: column;
  gap: 27px;
  width: 365px;
  height: 162px;
  border-radius: 8px;
  padding-inline: 20px;
  padding-top: 18px;
  background-image: url('img/uikit/illustrations/servicesCard-illustration.png');
  background-size: contain;
  overflow: hidden;
}
.fuel-economy-partner .fuel-economy-partner-header {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.8px;
}
.lkp-start-page-check-scans-modal {
  --modal-width: 460px;
}
.lkp-start-page-check-scans-modal .close_btn .close_icon {
  filter: var(--filter-primary);
}
.lkp-start-page-check-scans-modal .modal-background {
  background-image: url('img/uikit/illustrations/check-scans-illustration.png');
}
.facting-add-event-modal {
  --modal-width: 484px;
}
.facting-add-event-modal .facting-routes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.facting-add-event-modal .facting-routes > *:not(:last-child ) {
  display: flex;
  gap: 6px;
  align-items: center;
}
.facting-add-event-modal .facting-routes > *:not(:last-child )::after {
  content: "";
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(img/uikit/forward-ring-icon.svg);
}
.facting-add-event-modal .chips-group {
  --chips-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.facting-notify-event-modal {
  --modal-width: 450px;
  --modal-overflow: visible;
  min-height: 384px;
  padding-bottom: 0;
}
.facting-notify-event-modal .modal-content {
  padding-bottom: 88px!important;
  overflow: visible!important;
}
.facting-notify-event-modal .modal-footer {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  padding: 24px;
  background: var(--white);
}
.facting-notify-event-modal .chips-group {
  --chips-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.block-facting-instruction {
  position: relative;
  height: 154px;
  display: flex;
  padding: 16px 24px 16px 274px;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--gray-10);
  background: var(--white);
}
.block-facting-instruction.close-block-facting-instruction {
  display: none;
}
.block-facting-instruction .close_btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
.block-facting-instruction .left-block-facting-instruction {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 242px;
  height: 100%;
  background: var(--brand-150);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.block-facting-instruction .left-block-facting-instruction .upper-left-block {
  position: absolute;
  padding: 12px;
  inset: 0 137px 112px 0;
  background: var(--white);
  border-radius: 16px;
  z-index: 1;
}
.block-facting-instruction .left-block-facting-instruction .upper-right-block {
  position: absolute;
  padding: 12px;
  inset: 0 0 112px 132px;
  background: var(--white);
  border-radius: 8px 0 0 8px;
  z-index: 1;
}
.block-facting-instruction .left-block-facting-instruction .lower-block {
  position: absolute;
  padding: 12px;
  inset: 88px 0 0 0;
  background: var(--white);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 16px;
  z-index: 1;
}
.block-facting-instruction .left-block-facting-instruction .instruction_arrow_401_icon {
  position: absolute;
  inset: 37px 8px 20px 32px;
  z-index: 2;
}
.block-facting-instruction .left-block-facting-instruction .instruction_arrow_402_icon {
  position: absolute;
  inset: 37px 79px 60px 49px;
  z-index: 2;
}
.popup-block .popup-content .popup-facting-illustration {
  position: relative;
  width: 100%;
  height: 140px;
  background: var(--brand-150);
  border-radius: 16px;
  border: 1px solid var(--gray-10);
}
.popup-block .popup-content .popup-facting-illustration .lower-block {
  position: absolute;
  padding: 12px;
  inset: 74px 0 0 0;
  background: var(--white);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  border-radius: 8px 8px 16px 16px;
  z-index: 1;
}
.popup-block .popup-content .popup-facting-illustration .upper-left-block {
  position: absolute;
  padding: 12px;
  inset: 0 228px 98px 0;
  background: var(--white);
  border-radius: 16px 8px 8px 8px;
  z-index: 1;
}
.popup-block .popup-content .popup-facting-illustration .upper-right-block {
  position: absolute;
  padding: 12px;
  inset: 0 0 98px 223px;
  background: var(--white);
  border-radius: 8px 16px 8px 8px;
  z-index: 1;
}
.popup-block .popup-content .popup-facting-illustration .instruction_arrow_403_icon {
  position: absolute;
  inset: 22px 62px 61px 52px;
  z-index: 2;
}
.popup-block .popup-content .popup-facting-illustration .instruction_arrow_404_icon {
  position: absolute;
  inset: 22px 165px 61px 65px;
  z-index: 2;
}
.purchase-orders-list-search {
  width: 299px;
}
.purchase-orders-list-layout .filters-group .input-calendar-container.filter-range-date {
  padding: 0;
}
.purchase-orders-list-layout .filters-group .input-calendar-container.filter-range-date .input-calendar {
  padding-left: 12px;
  width: 285px;
  height: 100%;
}
.purchase-orders-list-layout .filters-group .input-calendar-container.filter-range-date .input-calendar:placeholder-shown {
  width: 251px;
}
.purchase-orders-list-layout .filters-group .input-calendar-container.filter-range-date .calendar_icon {
  width: 20px;
  height: 20px;
  filter: none;
}
.purchase-orders-list-layout .filters-group .popup-content-wrapper {
  width: 298px;
}
.purchase-orders-list-layout .filters-group .popup-content {
  max-height: 270px;
}
.purchase-orders-list-layout .filters-group .popup-content > * {
  scrollbar-width: thin;
  overflow-y: auto;
  min-height: 10px;
  height: 100%;
}
@supports (scrollbar-gutter: stable) {
  .purchase-orders-list-layout .filters-group .popup-content > * {
    scrollbar-gutter: stable;
    margin-right: -18px;
    padding-right: 8px;
  }
}
.purchase-orders-list-layout .filters-group .popup-footer {
  margin-top: 24px;
}
.purchase-orders-list-layout .purchase-orders-list-filter-settings .popup-content-wrapper {
  width: 448px;
}
.purchase-orders-list-layout .purchase-orders-list-filter-processing .popup-content-wrapper {
  width: 448px;
}
.purchase-orders-list-layout .purchase-orders-list td {
  vertical-align: top;
}
.purchase-orders-list-layout .more-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 26px 8px;
  width: 100px;
  justify-content: flex-end;
  align-items: center;
  background: linear-gradient(270deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%);
}
.purchase-orders-list-layout .more-wrapper .dropdown-list-wrapper {
  width: 238px;
}
.purchase-orders-list-layout .purchase-orders-list td:nth-last-child(-n+2) {
  vertical-align: middle;
}
.add-purchase-order-modal {
  --modal-width: 484px;
}
.add-purchase-order-modal .datetime-period {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  grid-gap: 16px;
  align-items: center;
}
.purchase-order-card-modal {
  --modal-width: 800px;
  --modal-gap: 0;
}
.purchase-order-card-modal .modal-header {
  padding: 20px 0;
}
.purchase-order-card-modal .modal-content {
  padding: 20px 32px;
}
.trading-list .trading-grid-all-filter {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.trading-list .trading-grid-all-filter .trading-grid-searchbar {
  width: 278px;
}
.trading-list .trading-grid-all-filter .filters-group > .tooltip .popup-wrapper,
.trading-list .trading-grid-all-filter .filters-group > .tooltip .popup-caption {
  width: 100%;
}
.trading-list .trading-grid-all-filter .filters-group > .tooltip:not(:last-child) {
  width: 152px;
}
.trading-list .trading-filter-grid-win,
.trading-list .trading-filter {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.trading-list .trading-filter-grid-win .trading-grid-searchbar,
.trading-list .trading-filter .trading-grid-searchbar {
  width: 278px;
}
.trading-list .trading-filter-grid-win .filters-group > .tooltip .popup-wrapper,
.trading-list .trading-filter .filters-group > .tooltip .popup-wrapper,
.trading-list .trading-filter-grid-win .filters-group > .tooltip .popup-caption,
.trading-list .trading-filter .filters-group > .tooltip .popup-caption {
  width: 100%;
}
.trading-list .trading-filter-grid-win .filters-group > .tooltip:not(:last-child),
.trading-list .trading-filter .filters-group > .tooltip:not(:last-child) {
  width: 210px;
}
.trading-list .trading-filter-grid-win .filters-group > .tooltip:nth-last-child(2),
.trading-list .trading-filter .filters-group > .tooltip:nth-last-child(2) {
  width: 161px;
}
.trading-list .trading-filter .filters-group > .tooltip:not(:last-child) {
  width: 204px;
}
.trading-list .trading-filter .filters-group > .tooltip:nth-last-child(2) {
  width: 228px;
}
.trading-list .trading-filter-settings .tippy-box[data-theme~="filter-dropdown"] {
  min-width: 496px;
}
.trading-list .trading-filter-settings .popup-content-wrapper .label,
.trading-list .trading-filter-settings .popup-content-wrapper label:not(.checkbox_container),
.trading-list .trading-filter-settings .popup-content-wrapper .form-section-header {
  font-weight: bold;
  font-size: 14px;
  color: var(--primary);
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}
.trading-list .trading-list td:first-child,
.trading-list .trading-list th:first-child {
  max-width: 32px;
  width: 32px;
}
.trading-list .trading-list td:first-child .checkbox-wrapper,
.trading-list .trading-list th:first-child .checkbox-wrapper {
  max-width: 16px;
}
.trading-list .block-bid {
  --padding-top: 4px;
  --padding-bottom: 4px;
  --padding-left: 6px;
  --padding-right: 6px;
  --border-radius: 8px;
  width: 100%;
  min-height: 44px;
}
.trading-view .info-card {
  --info-card-header-w: 250px;
}
.trading-view .order-point {
  --point-bg: var(--gray-05);
  --header-color: var(--green-120);
  --header-border-color: var(--green-30);
}
.trading-view .order-point .order-point-header {
  border-radius: 8px 8px 0 0;
  background: var(--point-bg);
  display: inline-flex;
  padding: 4px 8px 4px 12px;
  align-items: center;
}
.trading-view .order-point .order-point-header span {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.trading-view .order-point .order-point-header span:first-child {
  color: var(--gray-100);
  padding-right: 12px;
  border-right: 1px solid var(--header-border-color);
}
.trading-view .order-point .order-point-header span:nth-child(2) {
  color: var(--header-color);
  padding-left: 12px;
  padding-right: 12px;
}
.trading-view .order-point .order-point-header span:nth-child(2):before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  min-width: 20px;
  height: 20px;
  background-image: url(img/uikit/download-alt-icon.svg);
}
.trading-view .order-point .order-point-header span:nth-child(3) {
  color: var(--king-blue-120);
  padding-left: 12px;
  border-left: 1px solid var(--header-border-color);
}
.trading-view .order-point .order-point-header span:nth-child(3):before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  min-width: 16px;
  height: 16px;
  background-image: url(img/uikit/update-icon.svg);
}
.trading-view .order-point.order-point-download {
  --header-color: var(--green-120);
  --header-border-color: var(--green-30);
}
.trading-view .order-point.order-point-download span:nth-child(2):before {
  background-image: url(img/uikit/download-alt-icon.svg);
}
.trading-view .order-point.order-point-upload {
  --header-color: var(--king-blue-120);
  --header-border-color: var(--king-blue-30);
}
.trading-view .order-point.order-point-upload span:nth-child(2):before {
  background-image: url(img/uikit/upload-alt-icon.svg);
}
.trading-view .order-point.order-point-undefined {
  --header-color: var(--gray-100);
  --header-border-color: var(--gray-30);
}
.trading-view .order-point.order-point-undefined span:nth-child(2):before {
  content: none;
}
.trading-view .order-point .order-point-content {
  background: var(--point-bg);
  color: #2B2D33;
  display: flex;
  padding: 12px;
  flex-direction: column;
  gap: 14px;
  border-radius: 0 12px 12px 12px;
}
.trading-view .order-point .order-point-content-header {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}
.trading-view .block-right {
  width: 420px;
  max-width: 420px;
}
.trading-view .block-navigation {
  width: 248px;
  min-width: 248px;
  top: calc(26px + 60px + var(--container-indent-top, 0));
}
.block-trading-instruction {
  position: relative;
  display: flex;
  padding: 16px 24px 16px 274px;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--gray-10);
  background: var(--white);
}
.block-trading-instruction.close-block-trading-instruction {
  display: none;
}
.block-trading-instruction .close_btn {
  position: absolute;
  top: 16px;
  right: 16px;
}
.block-trading-instruction .left-block-trading-instruction {
  position: absolute;
  top: 0;
  left: 0;
  width: 248px;
  height: 100%;
  background: var(--brand-150);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}
.block-trading-instruction .left-block-trading-instruction .upper-block {
  position: absolute;
  top: 18px;
  left: 15px;
}
.block-trading-instruction .left-block-trading-instruction .lower-block {
  position: absolute;
  bottom: 18px;
  right: 15px;
}
.block-trading-instruction .left-block-trading-instruction .icon {
  position: absolute;
  top: 41px;
  bottom: 41px;
  left: 50px;
  right: 38px;
}
.modal-overlay .modal.modal-padding-24.trading-modal {
  --modal-width: 474px;
  --modal-gap: 22px;
}
.trading-place-bet-modal .best-bet,
.trading-place-bet-modal .last-bet {
  width: 150px;
  max-width: 150px;
}
.instruction-block {
  padding: 0;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  overflow: hidden;
}
.instruction-block .block-content {
  display: flex;
  flex-direction: column;
}
.instruction-block .block-content .instruction-paragraph {
  display: inline-block;
  height: 36px;
}
.popup-block {
  width: 377px;
  height: auto;
  border-radius: 20px;
  background: var(--white);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  right: 24px;
  top: 74px;
  z-index: 199;
}
.popup-block.popup-block-close {
  display: none;
}
.popup-block .popup-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 22px;
}
.popup-block .popup-content .popup-illustration {
  position: relative;
  width: 100%;
  height: 140px;
  background: var(--brand-150);
  border-radius: 16px;
}
.popup-block .popup-content .popup-illustration .upper-block {
  position: absolute;
  top: 20px;
  left: 16px;
}
.popup-block .popup-content .popup-illustration .lower-block {
  position: absolute;
  bottom: 20px;
  right: 16px;
}
.popup-block .popup-content .popup-illustration .icon {
  position: absolute;
  top: 42px;
  left: 141px;
}
.popup-block .close_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.popup-block .close_btn .close_icon {
  filter: invert(82%) sepia(6%) saturate(85%) hue-rotate(182deg) brightness(85%) contrast(81%);
}
.trading-recommendations.recommendations .info-block .info-block-bottom {
  grid-template-columns: 1fr 17% 17% 17% 23%;
}
.send-offer-modal-table tr .delete-btn-hover-table {
  visibility: hidden;
}
.send-offer-modal-table tr:hover .delete-btn-hover-table {
  visibility: visible;
}
.trading-recommendations-offer-modal {
  --modal-width: 800px;
  --modal-padding: 20px 32px;
}
.trading-recommendations-offer-modal .autocomplete-name .autocomplete-list {
  --autocomplete-list-width: 402px;
  right: 0;
}
.trading-recommendations-offer-modal .autocomplete-channel .autocomplete-list {
  --autocomplete-list-width: 220px;
  right: 0;
}
.trading-edit-message-modal {
  --modal-width: 450px;
  --modal-gap: 22px;
}
.text-link-subheader {
  color: var(--primary);
}
.text-link-subheader:hover {
  color: var(--accent);
  text-decoration: underline;
}
.communicator-top-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  height: 100%;
}
.communicator-top-button:hover {
  background-color: var(--on-natcar-blue);
}
.trading-filter-group-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid var(--gray-05);
  border-radius: 8px;
}
.trading-filter-group-block:hover {
  background-color: var(--gray-05);
}
.history-table-loading-line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  min-width: 100%;
  min-height: 99%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
}
.place-bet-modal-loading-block {
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 474px;
  min-height: 750px;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
}
.trading-grid-win-loading-block {
  position: absolute;
  top: 0;
  left: calc(5% + 11%);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(9% + 10% + 10% + 8% + 11% + 10% + 13% + 13%);
  min-height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
}
.trading-grid-all-loading-block {
  position: absolute;
  top: 0;
  left: calc(4% + 10%);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(9% + 10% + 10% + 9% + 10% + 14% + 14% + 10%);
  min-height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
}
.trading-grid-archive-loading-block {
  position: absolute;
  top: 0;
  left: calc(6% + 12%);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(10% + 10% + 10% + 9% + 10% + 14% + 19%);
  min-height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(5px);
}
.audio-modal-overlay {
  z-index: 99999;
}
.chat-modal {
  --modal-width: 484px;
}
.trucking-table .trucking_line_start_icon {
  position: absolute;
  top: 16px;
}
.trucking-table .trucking_line_middle_icon {
  position: absolute;
  top: 0;
}
.trucking-table .trucking_line_end_icon {
  position: absolute;
  top: 0;
}