@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
}

html, body {
  font-size: 10px;
  min-height: 100%;
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.ymaps3--map-copyrights {
  display: none !important;
}

:root {
  --blue: #3498db;
  --green: #60d472;
  --green-night: #388E3C;
  --color-page: #FFF;
  --color-text: #212529;
  --color-text-link: #212529;
  --color-text-icon: #212529;
  --color-order-border: #B0BEC5;
  --color-order-border-avatar: #CFD8DC;
  --color-order-block: #ECEFF1;
  --color-order-block-border: #CFD8DC;
  --color-background-warning: #E64A19;
  --color-background-normal: #F1F8E9;
  --filter-order-image: none;
}
:root[data-color-scheme=dark] {
  --blue: #4986f4;
  --green: #61bf6a;
  --green-night: #4c7856;
  --color-page: #16212c;
  --color-text: #8292a1;
  --color-text-link: #fefefe;
  --color-text-icon: #374b56;
  --color-order-border: #223142;
  --color-order-border-avatar: #374b56;
  --color-order-block: #1a2633;
  --color-order-block-border: #223142;
  --filter-order-image: brightness(70%);
  --color-background-warning: #ed805e;
  --color-background-normal: #1B5E20;
}

body {
  z-index: 0;
  width: 100%;
  height: auto;
  overflow-y: scroll;
  min-height: 100vh;
  background: var(--color-page);
  color: var(--color-text);
}

.__color-grey {
  color: #939393;
}
.__color-grey-light {
  color: #e9ecef;
}
.__color-blue {
  color: var(--blue);
}
.__color-blue-light {
  color: #CFD8DC;
}
.__color-blue-night {
  color: #B0BEC5;
}
.__color-green {
  color: var(--green);
}
.__color-green-night {
  color: var(--green-night);
}
.__color-red {
  color: #d47260;
}
.__color-yellow {
  color: #ffd07c;
}
.__color-pink {
  color: #F06292;
}
.__color-orange {
  color: #F57C00;
}

._ny {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/image/christmas.png");
  height: 36px;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
._ny_nums_1 {
  padding: 100px;
}
._ny_garland_1 {
  background-position: 0 0;
}
._ny_garland_2 {
  background-position: 0 -36px;
}
._ny_garland_3 {
  background-position: 0 -72px;
}
._ny_garland_4 {
  background-position: 0 -108px;
}

.__content-title {
  font-size: 2.1rem;
  font-weight: 600;
  cursor: default;
}
.__content-subtitle {
  font-size: 1.4rem;
  cursor: default;
}
.__content-input-title {
  color: #939393;
  font-size: 1.4rem;
}
.__content-input-subtitle {
  display: inline-block;
  padding-top: 0.5rem;
  color: #3498db;
  font-size: 1.2rem;
}

.__menu {
  font-family: Rubik, sans-serif;
  font-size: 1.6rem;
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--color-order-block);
  border-bottom: 1px solid var(--color-order-border-avatar);
}
.__menu-title {
  color: #607D8B;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__menu-title:active, .__menu-title:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__menu-title::-moz-focus-inner {
  border: 0;
}
.__menu-hidden {
  font-family: Rubik, sans-serif;
  font-size: 1.6rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 53px;
  z-index: 1;
  background: var(--color-order-block);
  overflow-y: scroll;
}
.__menu-link {
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-text-link);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__menu-link:active, .__menu-link:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__menu-link::-moz-focus-inner {
  border: 0;
}
.__menu-link-desktop {
  padding: 0.2rem 1rem !important;
}
.__menu-link:hover {
  color: rgba(0, 0, 0, 0.3) !important;
}
.__menu-link.active {
  color: #F57C00 !important;
}
.__menu-icon {
  font-size: 2.5rem;
  cursor: pointer;
  color: var(--color-text-icon);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__menu-icon:active, .__menu-icon:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__menu-icon::-moz-focus-inner {
  border: 0;
}
.__menu-b-title {
  color: #757575;
  padding: 1rem 0 0.5rem 0 !important;
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.4rem;
  border-bottom: 1px solid #757575;
  box-sizing: border-box;
}

@keyframes huerotate {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}
.__order {
  font-family: Rubik, sans-serif;
  font-size: 1.6rem;
}
.__order-options-box {
  width: 65px;
  height: 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.4rem;
  padding: 0.3rem 1rem 0.5rem 1rem !important;
  background: var(--color-order-block-border);
  margin-right: 1rem;
  color: #223142;
}
.__order-options-box:active, .__order-options-box:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__order-options-box::-moz-focus-inner {
  border: 0;
}
.__order-options-box-icon {
  width: 45px;
  margin-top: 2px;
}
.__order-options-box-text {
  font-size: 1.4rem;
}
.__order-tips {
  background: #A5D6A7;
}
.__order-tips .__order-options-box-icon {
  width: 25px;
}
.__order-children {
  background: #A5D6A7;
}
.__order-dist {
  font-size: 1.6rem;
}
.__order-dist > b {
  font-size: 1.8rem;
}
.__order-dist-distance {
  font-size: 1.2rem;
}
.__order-blacklist {
  -webkit-filter: blur(2px) grayscale(1) brightness(0.9);
  filter: blur(2px) grayscale(1) brightness(0.9);
}
.__order-blacklist-icon {
  opacity: 0;
  display: inline-block;
  visibility: hidden;
  cursor: pointer;
  color: var(--color-background-warning);
  margin-left: 1.5rem;
  -webkit-transition: visibility 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s, opacity 0.3s linear;
  -o-transition: visibility 0s, opacity 0.3s linear;
  transition: visibility 0s, opacity 0.3s linear;
}
.__order-control {
  border-top: 1px solid var(--color-order-border);
}
.__order-can {
  font-size: 1.4rem;
  padding-bottom: 1rem;
}
.__order-address-original {
  font-size: 1.2rem;
  margin-top: 0.2rem;
}
.__order-address-ballon {
  margin-right: 1rem;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  background: #B0BEC5;
}
.__order-address-link {
  overflow-wrap: anywhere;
  color: var(--color-text-link);
  text-decoration: none;
}
.__order-address-link-border {
  border-bottom: 1px #F57C00 dotted;
}
.__order-driver-step {
  background: #EFEBE9;
}
.__order-block {
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  background: var(--color-order-block);
  border: 1px solid var(--color-order-block-border);
}
.__order-datetime, .__order-driver-datetime {
  font-size: 1.2rem;
  padding: 0.5rem 0 1rem 0;
  color: #90A4AE;
}
.__order-driver-name, .__order-driver-datetime {
  color: var(--color-text-link);
}
.__order-people, .__order-add, .__order-distantion {
  font-size: 1.2rem;
  color: #939393;
  margin-top: 0.5rem;
}
.__order-add {
  font-size: 1.4rem;
  margin-top: 1rem;
  color: #3498db;
}
.__order-add > span {
  margin-right: 1rem;
}
.__order-type {
  margin-bottom: 1rem;
}
.__order-children, .__order-clock {
  color: var(--color-text-link);
}
.__order-children > i, .__order-clock > i {
  margin-right: 1.1rem;
}
.__order-history {
  font-size: 1.4rem;
  padding-top: 1rem;
  color: #90A4AE;
  white-space: normal;
}
.__order-from, .__order-to {
  white-space: normal;
}
.__order-from > i, .__order-to > i {
  font-size: 1.4rem;
  margin-right: 0.8rem;
}
.__order-to-do {
  padding-bottom: 1rem;
}
.__order-vline {
  margin: 1rem 0;
}
.__order-vline-none {
  margin: 1rem 0;
  background: none;
}
.__order-hline {
  width: 100%;
  height: 1px;
  background: var(--color-order-border);
}
.__order-driver {
  padding-bottom: 1rem;
  background: var(--color-order-block);
}
.__order-finish {
  background: #E8F5E9;
}
.__order-avatar, .__order-driver-avatar {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  border: 3px solid var(--color-order-border-avatar);
  background: var(--color-order-border-avatar);
}
.__order-avatar > img, .__order-driver-avatar > img {
  width: 60px;
  height: 60px;
  filter: var(--filter-order-image);
}
@media only screen and (max-width: 640px) {
  .__order-avatar, .__order-driver-avatar {
    width: 40px;
    height: 40px;
  }
  .__order-avatar > img, .__order-driver-avatar > img {
    width: 40px;
    height: 40px;
  }
}
.__order-none, .__order-loading {
  text-align: center;
  color: #90A4AE;
  padding: 1rem 0;
}
.__order-none > p, .__order-loading > p {
  text-align: center;
  width: 100%;
}
.__order-phone {
  box-sizing: border-box;
  font-size: 1.8rem;
  color: #43A047;
  overflow: hidden;
  background: var(--color-order-border-avatar);
  border-radius: 0.5rem;
  margin: 1rem 0.5rem;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.__order-phone-tg {
  color: #27a7e7;
}
.__order-phone-wa {
  color: #28D146;
}
.__order-phone-vb {
  color: #7360f2;
}
.__order-menu {
  position: relative;
}
.__order-menu-title {
  cursor: pointer;
  font-size: 2rem;
  color: #B0BEC5;
  width: 24px;
  border-radius: 0.1rem;
}
.__order-menu-title > i {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.__order-menu-line {
  background: var(--color-order-block-border);
  height: 1px;
  padding: 0 !important;
}
.__order-menu-line:hover {
  background: none;
}
.__order-menu-list {
  z-index: 2;
  overflow: hidden;
  font-size: 1.4rem;
  list-style: none;
  position: absolute;
  top: 100%;
  background: #FFF;
  border-radius: 1rem;
  min-width: 180px;
  max-width: 250px;
  width: 100%;
  right: 0;
  border: 1px solid var(--color-order-block-border);
}
.__order-menu-list > li:not(.__order-menu-line) {
  cursor: pointer;
}
.__order-menu-list > li:not(.__order-menu-line):hover {
  background: var(--color-order-block-border);
}
.__order-menu-list > li:not(.__order-menu-line) i {
  color: #B0BEC5;
  width: 18px;
  margin-right: 0.5rem;
}
.__order-menu-list > li:not(.__order-menu-line) a {
  color: var(--color-text);
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.__order-menu-list > li.__order-menu-line {
  width: 100%;
  height: 1px;
  background: var(--color-order-block-border);
}

._button- * {
  font-family: Rubik, Tahoma, sans-serif;
  cursor: pointer;
  font-size: 1.6rem;
  min-width: 60px;
  border-radius: 0.3rem;
  padding: 0.5rem 1rem;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
._button-primary {
  color: #FFF;
  background: #3FA653;
}
@media (prefers-color-scheme: dark) {
  ._button-primary {
    background: #2F8F5B;
    color: #FFF;
  }
}
._button-primary:hover {
  background: #349448;
}
._button-positive {
  color: #FFF;
  background: #2A7BE4;
}
._button-positive:hover {
  background: #1F6FD3;
}
._button-negative {
  color: #FFF;
  background: #E05555;
}
._button-negative:hover {
  background: #C94545;
}

.__button {
  font-family: Rubik, Tahoma, sans-serif;
  cursor: pointer;
  font-size: 1.6rem;
  padding: 0.5rem 1rem;
  background: #3498db;
  color: #FFF;
  border: 1px solid #1a86cf;
  border-radius: 0.3rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (prefers-color-scheme: dark) {
  .__button {
    background: #486eeb;
    border: 1px solid #365bff;
  }
}
.__button:hover {
  background: rgba(52, 152, 219, 0.3);
}
.__button-cancel {
  background: #d47260;
  border: 1px solid #d47260;
}
.__button-cancel:hover {
  background: rgba(212, 114, 96, 0.3);
}
@media only screen and (max-width: 640px) {
  .__button {
    padding: 0.8rem 1rem;
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .__button-cancel {
    margin-top: 2rem;
  }
}
.__button:disabled {
  color: #000;
  background: #BDC3C7;
}
.__button-style-line {
  clear: none;
  display: inline-block;
}
.__button-style-line-main {
  min-width: 60px;
  width: 35% !important;
}
.__button-style-line-other {
  min-width: 60px !important;
  width: 30%;
  border: 1px solid #60d472;
  background: #3FA653;
  color: #FFF;
}
@media (prefers-color-scheme: dark) {
  .__button-style-line-other {
    border: 1px solid #60d472;
    background: #3FA653;
    color: #FFF;
  }
}
.__button-style-line-other:hover {
  background: #349448;
}
.__button-style-phone {
  background: #60d472;
  color: #535353;
  text-align: center;
  text-decoration: none;
}
.__button-style-simple {
  cursor: pointer;
  font-size: 1.4rem;
  padding: 0.3rem 1rem;
  border-radius: 0.1rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.__button-style-simple-green {
  background: #60d472;
  color: #535353;
}
.__button-style-simple-red {
  background: #d47260;
  color: #FFF;
}
.__button-style-simple-blue {
  background: #60c2d4;
  color: #333;
  border: 1px solid #33333373;
}
.__button-style-simple-pink {
  background: #F06292;
  color: #FFF;
}
.__button-style-simple-yellow {
  background: #ffd07c;
  color: #333;
  border: 1px solid #33333373;
}
.__button-style-simple:hover {
  opacity: 0.5;
}

.__about-box {
  color: var(--color-text-link);
  background: var(--color-order-block);
  border: 1px solid var(--color-order-block-border);
  border-radius: 1rem;
}
.__about-box-icon {
  font-size: 3rem;
  color: var(--color-text-icon);
}
.__about-box-photo {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
  overflow: hidden;
  background: var(--color-order-border-avatar);
  border: 3px solid var(--color-order-border-avatar);
}
.__about-box-photo > img {
  width: 100%;
  object-fit: cover;
}
.__about-box-vline {
  width: 2px;
  height: 40px;
}
.__about-box-hline {
  height: 2px;
  width: 100%;
}
.__about-box-hline, .__about-box-vline {
  background: #78909C;
  margin: 0 1rem;
  padding: 0 !important;
}

.popup {
  font-family: Rubik, Tahoma, sans-serif;
  color: var(--color-text);
  font-size: 1.6rem;
  display: none;
  position: fixed;
  inset: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  flex-direction: column;
  place-content: space-between center;
  align-items: center;
}
.popup-block {
  background: var(--color-order-block);
  border-radius: 0.5rem;
  max-width: 80vw;
  cursor: default;
  user-select: none;
  float: left;
  box-sizing: border-box;
  padding: 10px;
  flex-grow: 0;
}
@media only screen and (max-width: 640px) {
  .popup-block {
    width: 95vw;
    max-width: 95vw;
  }
}
.popup-text {
  font-size: 1.4rem;
  border-bottom: 0.1rem solid var(--color-order-border);
  border-top: 0.1rem solid var(--color-order-border);
  padding: 1rem 0;
  clear: both;
  max-height: 50vh;
  overflow-y: scroll;
}
.popup-text-new {
  overflow-y: auto;
  padding: 2rem 1rem;
}
.popup-button-close {
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 1.4rem;
  cursor: pointer;
  min-width: 130px;
  padding: 0.8rem 1rem;
  background: #486eeb;
  border: 1px solid #365bff;
  color: #FFF;
  border-radius: 0.5rem;
}
.popup-button-apply, .popup-button-apply-interchange {
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 1.4rem;
  cursor: pointer;
  min-width: 130px;
  padding: 0.8rem 1rem;
  color: #000;
  border-radius: 0.5rem;
  border: 1px solid #61bf6b;
  background: #61bf6b;
}
.popup-button-apply:disabled, .popup-button-apply-interchange:disabled {
  border: 1px solid #8292a1;
  background: #8292a1;
  cursor: default;
}
.popup-button-yes, .popup-button-no {
  width: 100%;
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 1.4rem;
  cursor: pointer;
  min-width: 130px;
  padding: 0.8rem 1rem;
  border-radius: 0.5rem;
}
.popup-button-yes {
  color: #000;
  border: 1px solid #61bf6b;
  background: #61bf6b;
}
.popup-button-no {
  background: #486eeb;
  border: 1px solid #365bff;
  color: #FFF;
}

.zm-table a,
.zm-table div {
  color: var(--color-text) !important;
}

.__image_avatar {
  position: relative;
  overflow: hidden;
  padding-top: 95.35%;
  border-radius: 100%;
  border: 3px solid var(--color-order-border-avatar);
  background: var(--color-order-border-avatar);
}
.__image_avatar > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  box-sizing: border-box;
  filter: var(--filter-order-image);
}
.__image_avatar.selected {
  border-color: #000;
  filter: blur(2px) grayscale(1) brightness(0.9);
}

.__interchange.selected {
  background: var(--color-order-border-avatar);
  border-radius: 1rem;
}
.__interchange.selected img {
  border-color: #000;
  filter: blur(2px) grayscale(1) brightness(0.9);
}

._form-toggle-list {
  display: inline-flex;
  white-space: nowrap;
}
._form-toggle-list input[type=radio]:checked + label,
._form-toggle-list input[type=radio]:disabled:checked + label,
._form-toggle-list input[type=checkbox]:checked + label,
._form-toggle-list input[type=checkbox]:disabled:checked + label {
  color: #FFF;
  background: #0F78AA;
  border-color: #0F78AA;
}
._form-toggle-list label:hover {
  background: #D5D5D5;
}
._form-toggle-list input[type=radio]:disabled + label,
._form-toggle-list input[type=checkbox]:disabled + label {
  background: #757575;
  color: #D5D5D5;
}
._form-toggle-item {
  float: left;
  color: #141414;
  overflow: hidden;
  font-family: Rubik, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
}
._form-toggle-item input[type=radio],
._form-toggle-item input[type=checkbox] {
  display: none;
}
._form-toggle-item label {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  cursor: pointer;
  user-select: none;
  background: rgba(196, 195, 195, 0.2);
  border: 1px solid #ced4da;
  border-right: none;
}
._form-toggle-item:first-child label {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
._form-toggle-item:last-child label {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-right: 1px solid #ced4da;
}

._form-switch {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-family: Rubik, Roboto, Arial, sans-serif;
  font-size: 1.4rem;
  color: #141414;
}
._form-switch-title {
  cursor: pointer;
  flex-grow: 1;
  user-select: none;
}
._form-switch-title-left {
  margin-left: 1rem;
}
._form-switch-toggle {
  flex-grow: 0;
  flex-wrap: nowrap;
  white-space: nowrap;
  user-select: none;
}
._form-switch-toggle span {
  cursor: pointer;
  font-size: 1.2rem;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  display: inline-block;
  padding: 0.8rem 1.6rem;
  background: rgba(196, 195, 195, 0.2);
}
._form-switch-toggle span:first-child {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-right: 1px solid #ced4da;
}
._form-switch-toggle span:last-child {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-left: none;
  border-right: 1px solid #ced4da;
}
._form-switch input {
  display: none;
}
._form-switch input:checked + ._form-switch-toggle > ._form-switch-toggle-enable,
._form-switch input:not(:checked):not(:disabled) + ._form-switch-toggle > ._form-switch-toggle-disable {
  color: #FFF;
  background: #0F78AA;
  border-color: #0F78AA;
}
._form-switch input:disabled + ._form-switch-toggle > span,
._form-switch input:disabled + ._form-switch-toggle > span {
  cursor: not-allowed;
  background: #757575;
  color: #D5D5D5;
}

.__online-client {
  padding: 0.5rem 1rem 0 0 !important;
}
.__online-client-image {
  border-radius: 1rem;
  border: 2px solid var(--color-order-border-avatar);
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}
.__online-client-image > img {
  width: 100%;
  height: 100%;
}
.__online-client-title {
  font-size: 1.2rem;
  margin-left: 0.5rem;
}
.__online-client-title-viber {
  color: #7360f2;
}
.__online-client-title-telegram {
  color: #2AABEE;
}
.__online-client-title-android {
  color: #9CCC65;
}
.__online-client-title-vk {
  color: #0077FF;
}
.__online-client-title-max {
  color: #00BFFF;
}
.__online-driver {
  padding: 0.5rem 0.5rem 0 0 !important;
}
.__online-driver-none {
  opacity: 0.5;
  filter: grayscale(100%);
}
.__online-driver-work {
  order: -1;
}
.__online-driver-background {
  border-radius: 0.3rem;
  padding: 0.2rem 0.5rem;
}
.__online-driver-background-work {
  background: var(--color-order-block-border);
}
.__online-driver-image {
  border-radius: 1rem;
  border: 2px solid var(--color-order-border-avatar);
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}
.__online-driver-image > img {
  width: 100%;
  height: 100%;
}
.__online-driver-title {
  margin-left: 0.5rem;
  font-size: 1.2rem;
}

.__tender-title {
  font-weight: bold;
}
.__tender-name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.__tender-from:before, .__tender-to > p:before {
  content: "🔹";
  padding-right: 0.5rem;
}
.__tender-from, .__tender-to, .__tender-text {
  font-size: 1.6rem;
}
.__tender-from {
  margin-top: 1rem;
}
.__tender-to {
  margin-bottom: 1rem;
}
.__tender-close {
  font-size: 1.2rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
  font-family: monospace;
}
.__tender-photo {
  width: 100%;
  height: 100%;
}
.__tender-photo-block {
  text-align: center;
  margin: 0 auto 1rem;
  border-radius: 8rem;
  border: 2px solid var(--color-order-border-avatar);
  width: 8rem;
  height: 8rem;
  overflow: hidden;
}

.ws {
  display: inline-flex;
  width: 15px;
  height: 15px;
  background: var(--green);
  overflow: hidden;
  border-radius: 100%;
  margin-right: 0.5rem;
}
.ws-disconnect {
  background: var(--color-background-warning);
}

.fire-siren {
  animation: color-change 0.7s infinite;
}
@keyframes color-change {
  0% {
    color: var(--blue);
  }
  100% {
    color: #d47260;
  }
}

.__nav-text {
  padding: 1rem;
  font-size: 1.6rem;
  text-align: center;
}
.__nav-title {
  color: var(--color-text);
  font-weight: bold;
  padding-bottom: 1rem;
}
.__nav-description {
  color: var(--color-text);
}

.__statistics-graph {
  width: 45px;
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  color: var(--color-text);
  font-size: 1.6rem;
  padding: 0.5rem !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__statistics-graph:active, .__statistics-graph:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__statistics-graph::-moz-focus-inner {
  border: 0;
}
.__statistics-graph-list, .__statistics-graph-item, .__statistics-graph-gitem {
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  justify-content: flex-end !important;
}
.__statistics-graph-list-legend, .__statistics-graph-item-legend, .__statistics-graph-gitem-legend {
  font-size: 1.6rem;
  display: flex;
  align-items: start;
  justify-content: center;
  background: #DCDCDCB0;
  padding: 1rem 0;
  text-align: center;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.__statistics-graph-list-legend-bold, .__statistics-graph-item-legend-bold, .__statistics-graph-gitem-legend-bold {
  font-weight: bold;
  background: #cfcfcf;
}
.__statistics-graph-list-label, .__statistics-graph-item-label, .__statistics-graph-gitem-label {
  color: #939393;
  font-size: 1.4rem;
  display: flex;
  align-items: start;
  justify-content: center;
  padding: 1rem 0;
  text-align: center;
}
.__statistics-graph-list-green, .__statistics-graph-list-blue, .__statistics-graph-list-red, .__statistics-graph-item-green, .__statistics-graph-item-blue, .__statistics-graph-item-red, .__statistics-graph-gitem-green, .__statistics-graph-gitem-blue, .__statistics-graph-gitem-red {
  display: flex;
  align-items: start;
  justify-content: center;
  background: #3CB371;
  text-align: center;
  min-height: 30px;
}
.__statistics-graph-list-blue, .__statistics-graph-item-blue, .__statistics-graph-gitem-blue {
  background: #1E90FF;
}
.__statistics-graph-list-red, .__statistics-graph-item-red, .__statistics-graph-gitem-red {
  background: #FF6347;
}
.__statistics-graph-list > span + div,
.__statistics-graph-list > div:first-child, .__statistics-graph-item > span + div,
.__statistics-graph-item > div:first-child, .__statistics-graph-gitem > span + div,
.__statistics-graph-gitem > div:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.__statistics-graph-gitem-legend {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0;
}
.__statistics-graph-gitem > span + div,
.__statistics-graph-gitem > div:first-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0;
}
.__statistics-graph-legend {
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.4rem;
}
.__statistics-graph-legend > div:not(:first-child) {
  padding-left: 1.5rem !important;
}
.__statistics-graph-legend-green, .__statistics-graph-legend-blue, .__statistics-graph-legend-red {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: #3CB371;
  border-radius: 0.2rem;
}
.__statistics-graph-legend-blue {
  background: #1E90FF;
}
.__statistics-graph-legend-red {
  background: #FF6347;
}

.__chart {
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.__chart:active, .__chart:focus {
  outline: none !important;
  box-shadow: none !important;
}
.__chart::-moz-focus-inner {
  border: 0;
}
.__chart-v {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.__chart-v-box {
  display: flex;
  width: 100%;
  min-height: 250px;
}
.__chart-v .__chart-box {
  height: 100%;
  display: flex;
  min-width: 35px;
  width: 35px;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: stretch;
  margin-right: 0.5rem;
}
.__chart-v .__chart-box:last-child {
  margin-right: 0;
}
.__chart-v .__chart-bar {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: end;
}
.__chart-v .__chart-bar > div:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.__chart-v .__chart-label-start {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.__chart-v .__chart-label-start, .__chart-v .__chart-label-end {
  align-items: center;
  height: 45px;
}
.__chart-v .__chart-legend {
  width: auto;
}
.__chart-h > div {
  height: 28px;
}
.__chart-h .__chart-box {
  display: flex;
  min-width: 100%;
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: stretch;
  margin-bottom: 0.5rem;
}
.__chart-h .__chart-box:last-child {
  margin-bottom: 0;
}
.__chart-h .__chart-bar {
  width: 100%;
}
.__chart-h .__chart-bar > div {
  align-items: flex-end;
  justify-content: flex-end;
}
.__chart-h .__chart-bar > div:last-of-type {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.__chart-h .__chart-label-start, .__chart-h .__chart-label-end {
  width: 45px;
}
.__chart-h .__chart-label-start {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.__chart-bar {
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  display: flex;
  flex-wrap: nowrap;
}
.__chart-bar > .__chart-label-end {
  height: auto;
}
.__chart-bar-green, .__chart-bar-blue, .__chart-bar-red {
  font-size: 1.4rem;
  box-sizing: border-box;
  display: flex;
  align-items: start;
  justify-content: center;
  background: #3CB371;
  text-align: center;
  min-height: 25px;
  min-width: 25px;
  padding: 0.5rem;
}
.__chart-bar-blue {
  background: #1E90FF;
}
.__chart-bar-red {
  background: #FF6347;
}
.__chart-label-bold {
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif !important;
  font-weight: bold;
  background: #cfcfcf !important;
}
.__chart-label-start, .__chart-label-end {
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  box-sizing: border-box;
  font-size: 1.4rem;
  display: flex;
  align-items: start;
  justify-content: center;
  background: #DCDCDCB0;
  padding: 0.5rem;
}
.__chart-label-end {
  color: #939393;
  background: none;
}
.__chart-legend {
  font-family: Rubik, Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size: 1.4rem;
}
.__chart-legend-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
.__chart-legend-box:first-child {
  padding-left: 0;
}
.__chart-legend-box:last-child {
  padding-right: 0;
}
.__chart-legend-green, .__chart-legend-blue, .__chart-legend-red {
  box-sizing: border-box;
  display: block;
  background: #3CB371;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.2rem;
  margin: 1rem;
}
.__chart-legend-blue {
  background: #1E90FF;
}
.__chart-legend-red {
  background: #FF6347;
}

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