.nice-select {
  float: none;
  clear: none;
  display: flex;
  align-items: center;
}
.nice-select::after {
  width: 8px;
  height: 8px;
}
.nice-select .list {
  width: 100%;
}
@font-face {
  font-family: "MuseoSansCyrl-300";
  src: url(/fonts/MuseoSans/MuseoSansCyrl-300.eot);
  src: url(/fonts/MuseoSans/MuseoSansCyrl-300.eot) format("embedded-opentype"), url(/fonts/MuseoSans/MuseoSansCyrl-300.woff) format("woff"), url(/fonts/MuseoSans/MuseoSansCyrl-300.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansCyrl-500";
  src: url(/fonts/MuseoSans/MuseoSansCyrl-500.eot);
  src: url(/fonts/MuseoSans/MuseoSansCyrl-500.eot) format("embedded-opentype"), url(/fonts/MuseoSans/MuseoSansCyrl-500.woff) format("woff"), url(/fonts/MuseoSans/MuseoSansCyrl-500.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansCyrl-700";
  src: url(/fonts/MuseoSans/MuseoSansCyrl-700.eot);
  src: url(/fonts/MuseoSans/MuseoSansCyrl-700.eot) format("embedded-opentype"), url(/fonts/MuseoSans/MuseoSansCyrl-700.woff) format("woff"), url(/fonts/MuseoSans/MuseoSansCyrl-700.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansCyrl-900";
  src: url(/fonts/MuseoSans/MuseoSansCyrl-900.eot);
  src: url(/fonts/MuseoSans/MuseoSansCyrl-900.eot) format("embedded-opentype"), url(/fonts/MuseoSans/MuseoSansCyrl-900.woff) format("woff"), url(/fonts/MuseoSans/MuseoSansCyrl-900.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --black-text: #263a5b;
  --blue-text: #1a7ee2;
  --blue-filter: invert(0.7) sepia(1) saturate(14) hue-rotate(195deg);
  --red-text: #dd4545;
  --red-filter: invert(39%) sepia(43%) saturate(1142%) hue-rotate(317deg) brightness(95%) contrast(103%);
  --orange-text: #ff8900;
  --orange-filter: invert(53%) sepia(98%) saturate(1821%) hue-rotate(0deg) brightness(102%) contrast(106%);
  --grey-text: #d4d8de;
  --grey-filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg);
  --green-filter: invert(50%) sepia(95%) saturate(435%) hue-rotate(43deg) brightness(102%) contrast(78%);
}
body {
  font-family: "MuseoSansCyrl-500";
  color: var(--black-text);
}
.leftbar {
  transition: none;
  width: 276px;
  background: white;
}
.rightbar {
  margin-left: 276px;
}
.content-container {
  max-width: 1356px;
}
body.toggle-menu .sidebar .logobar {
  padding: 25px 24px 25px;
}
body.toggle-menu .sidebar .logo .logo-top .logo-mobile {
  display: block;
}
body.toggle-menu .sidebar .logo .logo-top .logo-pc {
  display: none;
}
body.toggle-menu .sidebar .logo .logo-bottom {
  display: none;
}
body.toggle-menu .sidebar .tab-menu > li > a {
  padding: 9px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
body.toggle-menu .sidebar .tab-menu > li > a > img {
  margin-right: 0;
}
body.toggle-menu .sidebar .tab-menu > li > a > span {
  display: none;
}
body.toggle-menu .sidebar .counter-block {
  padding: 18px 0;
}
body.toggle-menu .sidebar .counter-block .counter-row {
  flex-wrap: wrap;
}
body.toggle-menu .sidebar .counter-block .counter-row .counter-col {
  width: 100%;
}
body.toggle-menu .sidebar .counter-block .counter-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0;
}
body.toggle-menu .sidebar .counter-block .counter-item span {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  font-size: 13px;
  line-height: 1;
  width: 30px;
  height: 21px;
}
body.toggle-menu .sidebar .counter2-block {
  display: none;
}
body.toggle-menu .sidebar .main-menu > li > a {
  padding: 9px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.toggle-menu .sidebar .main-menu > li > a > img {
  margin-right: 0;
}
body.toggle-menu .sidebar .main-menu > li > a > span {
  display: none;
}
body.toggle-menu .sidebar .bottomnavbar {
  display: none;
}
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 276px;
  padding: 17px 12px;
}
.topbar .togglebar {
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.topbar .togglebar .menu-hamburger {
  padding: 13px;
  /* padding: 0; */
  /* margin-right: 15px; */
}
.topbar .togglebar .searchbar {
  width: 630px;
  margin-right: 24px;
}
.topbar .togglebar .btn-deal {
  font-size: 15px;
  line-height: 1;
  padding: 14px 24px;
  text-transform: uppercase;
  border: none;
}
.topbar .infobar {
  display: flex;
  align-items: center;
}
.topbar .infobar .notify {
  margin-right: 24px;
}
.topbar .infobar .notify .infobar-icon {
  align-items: center;
  width: initial;
  padding: 0px;
}
.topbar .infobar .notify .infobar-icon img {
  margin-right: 8px;
  width: 18px;
}
.topbar .infobar .notify .infobar-icon .live-count {
  color: var(--black-text);
}
.topbar .infobar .notify .infobar-icon .live-icon {
  background: #dd4545;
  top: 6px;
  width: 12px;
  height: 12px;
}
.topbar .infobar .exchange-rates {
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  color: #263a5b;
  padding: 0px;
  margin-right: 62px;
}
.topbar .infobar .exchange-rates img {
  margin-right: 8px;
}
.topbar .infobar .profile {
  margin-right: 12px;
}
.topbar .infobar .profile a {
  display: flex;
  align-items: center;
  padding: 0px;
}
.topbar .infobar .profile img {
  margin-right: 8px;
  width: 18px;
  margin-top: 0;
  -webkit-filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg);
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg);
}
.topbar .infobar .profile .live-icon {
  display: none;
}
.topbar .infobar .profile .live-text {
  color: var(--black-text);
  font-size: 15px;
  line-height: 1;
}
.topbar .searchbar input[type=search] {
  height: 100%;
  font-family: "MuseoSansCyrl-300";
  font-size: 15px;
  line-height: 1;
  padding: 13px 18px;
}
.footer-mobile {
  display: none;
}
.sidebar {
  height: 100%;
  overflow: auto;
}
.sidebar .exchange-rates {
  display: none;
}
.sidebar .logobar {
  text-align: left;
  padding: 18px 24px 14px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f2f5fa;
}
.sidebar .logobar .logo .logo-top {
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.21;
  color: #263a5b;
}
.sidebar .logobar .logo .logo-top .logo-pc {
  display: block;
}
.sidebar .logobar .logo .logo-top .logo-mobile {
  display: none;
}
.sidebar .logobar .logo .logo-bottom {
  text-transform: uppercase;
  font-family: "MuseoSansCyrl-700";
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #1a7ee2;
}
.sidebar .tab-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f2f5fa;
}
.sidebar .tab-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar .tab-menu > li > a {
  padding: 9px 21px;
  transition: 0.3s all ease;
  display: block;
  color: #d4d8de;
  margin-bottom: 6px;
  border-left: 3px solid transparent;
}
.sidebar .tab-menu > li > a:hover {
  background: #f2f5fa;
}
.sidebar .tab-menu > li > a.active {
  background: #f2f5fa;
  border-left: 3px solid var(--blue-text);
}
.sidebar .tab-menu > li > a > img {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  margin-right: 18px;
}
.sidebar .tab-menu > li > a > span {
  vertical-align: middle;
}
.sidebar .tab-menu > li > a.tab-red > img {
  filter: var(--red-filter);
  -webkit-filter: var(--red-filter);
}
.sidebar .tab-menu > li > a.tab-red > span {
  color: var(--red-text);
}
.sidebar .tab-menu > li > a.tab-grey > img {
  filter: var(--grey-filter);
  -webkit-filter: var(--grey-filter);
}
.sidebar .tab-menu > li > a.tab-grey > span {
  color: var(--black-text);
}
.sidebar .tab-menu > li > a.tab-orange > img {
  filter: var(--orange-filter);
  -webkit-filter: var(--orange-filter);
}
.sidebar .tab-menu > li > a.tab-orange > span {
  color: var(--orange-text);
}
.sidebar .tab-menu > li > a.tab-blue > img {
  filter: var(--blue-filter);
  -webkit-filter: var(--blue-filter);
}
.sidebar .tab-menu > li > a.tab-blue > span {
  color: var(--blue-text);
}
.sidebar .main-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f2f5fa;
}
.sidebar .main-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar .main-menu > li > a {
  padding: 9px 21px;
  transition: 0.3s all ease;
  display: block;
  color: #d4d8de;
  border-left: 3px solid transparent;
}
.sidebar .main-menu > li > a:hover {
  background: #f2f5fa;
}
.sidebar .main-menu > li > a.active {
  background: #f2f5fa;
  border-left: 3px solid var(--blue-text);
}
.sidebar .main-menu li > a > img {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  margin-right: 18px;
  filter: var(--grey-filter);
  -webkit-filter: var(--grey-filter);
}
.sidebar .main-menu > li > a > span {
  vertical-align: middle;
  color: var(--black-text);
}
.sidebar .bottom-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar .bottom-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.sidebar .bottom-menu > li > a {
  padding: 9px 21px;
  transition: 0.3s all ease;
  display: block;
  color: #d4d8de;
  border-left: 3px solid transparent;
}
.sidebar .bottom-menu > li > a:hover {
  background: #f2f5fa;
}
.sidebar .bottom-menu > li > a.active {
  background: #f2f5fa;
  border-left: 3px solid var(--blue-text);
}
.sidebar .bottom-menu > li > a > span {
  color: var(--black-text);
}
.sidebar .counter-block {
  padding: 18px 24px;
  border-bottom: 1px solid #f2f5fa;
}
.sidebar .counter-block .counter-row {
  display: flex;
}
.sidebar .counter-block .counter-row .counter-col {
  width: 33.33333333%;
}
.sidebar .counter-block .counter-item {
  display: inline-block;
  cursor: pointer;
}
.sidebar .counter-block .counter-item:hover > img {
  animation: rock 1s infinite linear;
}
@keyframes rock {
  from {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.sidebar .counter-block .counter-item:hover > span {
  color: var(--blue-text);
}
.sidebar .counter-block .counter-item > img {
  display: inline-block;
  width: 18px;
  vertical-align: middle;
  margin-right: 8px;
  -webkit-filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg);
  filter: invert(0.6) sepia(1) saturate(1) hue-rotate(185deg);
}
.sidebar .counter-block .counter-item > span {
  transition: 0.3s all ease;
  vertical-align: middle;
  color: var(--black-text);
}
.sidebar .counter-block .counter-item.color-ship > img {
  filter: invert(43%) sepia(32%) saturate(5426%) hue-rotate(196deg) brightness(90%) contrast(96%);
}
.sidebar .counter-block .counter-item.color-auto > img {
  filter: invert(23%) sepia(52%) saturate(7076%) hue-rotate(278deg) brightness(87%) contrast(105%);
}
.sidebar .counter-block .counter-item.color-container > img {
  filter: invert(55%) sepia(97%) saturate(380%) hue-rotate(44deg) brightness(91%) contrast(88%);
}
.sidebar .counter2-block {
  padding: 18px 24px;
  border-bottom: 1px solid #f2f5fa;
}
.sidebar .counter2-block .counter-row {
  display: flex;
}
.sidebar .counter2-block .counter-row .counter-col {
  width: 33.33333333%;
}
.sidebar .counter2-block .counter-item > div {
  color: var(--black-text);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 3px;
}
.sidebar .counter2-block .counter-item > span {
  color: var(--black-text);
  font-size: 18px;
  line-height: 1;
}
.contentbar {
  padding: 104px 24px 28px;
  margin-bottom: 0;
}
.attention-block {
  width: 100%;
  position: relative;
  margin-bottom: 18px;
}
.attention-block .attention-close {
  z-index: 1;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: pointer;
}
.attention-block .attention-close img {
  display: block;
  filter: var(--grey-filter);
}
.attention-block .attention-slider {
  border-radius: 6px;
  background-color: #e1e7f2;
  margin-bottom: 0;
}
.attention-block .attention-slider .attention-item {
  padding: 24px 36px;
}
.attention-block .attention-slider .attention-item__title {
  font-family: "MuseoSansCyrl-700";
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 8px;
}
.attention-block .attention-slider .attention-item__desc {
  font-size: 15px;
  line-height: 1.2;
  font-family: "MuseoSansCyrl-300";
}
.attention-block .attention-slider .attention-item a {
  color: #0580fa;
  transition: 0.3s all ease;
}
.attention-block .attention-slider .attention-item a:hover {
  opacity: 0.7;
}
.attention-block .attention-slider .slick-dots {
  bottom: 12px;
  width: initial;
  right: 10px;
}
.attention-block .attention-slider .slick-dots li {
  margin: 0;
  display: block;
  width: 12px;
  height: 12px;
}
.attention-block .attention-slider .slick-dots li button {
  position: relative;
  width: 12px;
  height: 12px;
}
.attention-block .attention-slider .slick-dots li button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: '';
  opacity: 0.3;
  border: solid 2px #717d99;
}
.attention-block .attention-slider .slick-dots li.slick-active button::before {
  background-color: #717d99;
  opacity: 1;
}
.forwarder-page {
  border-radius: 6px;
  background-color: #ffffff;
}
.forwarder-page .top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f2f5fa;
  padding: 12px 36px;
  height: 78px;
}
.forwarder-page .top-row .top-info {
  display: flex;
  height: 100%;
  align-items: center;
}
.forwarder-page .top-row .top-info .top-title {
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  line-height: 1.21;
  margin-right: 8px;
}
.forwarder-page .top-row .top-info .top-active {
  align-self: flex-start;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1;
  background-color: #f2f5fa;
  padding: 8px 12px;
}
.forwarder-page .top-row .top-buttons {
  display: flex;
  align-items: center;
}
.forwarder-page .top-row .top-buttons .filter-box {
  position: relative;
  margin-right: 12px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn {
  position: relative;
  cursor: pointer;
  padding: 0px 18px;
  height: 42px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn:hover {
  background: #1a7ee2;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn:hover > span {
  color: white;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn:hover > img {
  filter: none;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn > img {
  filter: var(--blue-filter);
  min-width: 18px;
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn > img.img-filter {
  display: block;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn > img.img-close {
  display: none;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-btn > span {
  font-family: "MuseoSansCyrl-300";
  transition: 0.3s all ease;
  font-size: 15px;
  line-height: 1;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn {
  background: #717d99;
  border-color: #717d99;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn:hover {
  background: #717d99;
  border-color: #717d99;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn > img {
  filter: none;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn > img.img-filter {
  display: none;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn > img.img-close {
  display: block;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-btn > span {
  color: white;
}
.forwarder-page .top-row .top-buttons .filter-box.active .filter-popup {
  opacity: 1;
  visibility: visible;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  max-width: 420px;
  width: 420px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .filter-title {
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 18px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-row {
  display: flex;
  margin: 0 -6px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-row .form-col {
  width: 50%;
  padding: 0 6px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item {
  position: relative;
  margin-bottom: 12px;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="text"],
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 13.5px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="reset"] {
  background: transparent;
  color: #dd4545;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12.5px 18px;
  font-family: 'MuseoSansCyrl-300';
  border: solid 1px transparent;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="reset"]:hover {
  border-color: #dd4545;
}
.forwarder-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item .form-img {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  pointer-events: none;
  filter: var(--grey-filter);
}
.forwarder-page .top-row .top-buttons .reconciliation-box {
  position: relative;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn {
  position: relative;
  cursor: pointer;
  padding: 0px 18px;
  height: 42px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  margin-right: 12px;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn:hover {
  background: #1a7ee2;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn:hover > span {
  color: white;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn:hover > img {
  filter: none;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn > img {
  filter: var(--blue-filter);
  min-width: 18px;
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn > img.img-reconciliation {
  display: block;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn > img.img-close {
  display: none;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-btn > span {
  font-family: "MuseoSansCyrl-300";
  transition: 0.3s all ease;
  font-size: 15px;
  line-height: 1;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn {
  background: #717d99;
  border-color: #717d99;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn:hover {
  background: #717d99;
  border-color: #717d99;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn > img {
  filter: none;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn > img.img-reconciliation {
  display: none;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn > img.img-close {
  display: block;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-btn > span {
  color: white;
}
.forwarder-page .top-row .top-buttons .reconciliation-box.active .reconciliation-popup {
  opacity: 1;
  visibility: visible;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  max-width: 420px;
  width: 420px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .reconciliation-title {
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 18px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-row {
  display: flex;
  margin: 0 -6px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-row .form-col {
  width: 50%;
  padding: 0 6px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item {
  position: relative;
  margin-bottom: 12px;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item input[type="text"],
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 13.5px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item input[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item input[type="reset"] {
  background: transparent;
  color: #dd4545;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12.5px 18px;
  font-family: 'MuseoSansCyrl-300';
  border: solid 1px transparent;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item input[type="reset"]:hover {
  border-color: #dd4545;
}
.forwarder-page .top-row .top-buttons .reconciliation-box .reconciliation-popup .form-block .form-item .form-img {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  pointer-events: none;
  filter: var(--grey-filter);
}
.forwarder-page .deals-container .deals-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f2f5fa;
  padding: 12px 36px;
}
.forwarder-page .deals-container .deals-row .deals-check {
  width: 4%;
  height: 20px;
}
.forwarder-page .deals-container .deals-row .deals-check label .checkbox {
  cursor: pointer;
  width: 36px;
  height: 20px;
  border-radius: 36.5px;
  background-color: #dde0e6;
  position: relative;
}
.forwarder-page .deals-container .deals-row .deals-check label .checkbox::after {
  transition: 0.3s all ease;
  position: absolute;
  left: 2px;
  top: 2px;
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.03);
  background-color: #ffffff;
}
.forwarder-page .deals-container .deals-row .deals-check label input:checked + .checkbox {
  background-color: #70af1c;
}
.forwarder-page .deals-container .deals-row .deals-check label input:checked + .checkbox::after {
  position: absolute;
  left: 18px;
  top: 2px;
  background-color: #ffffff;
}

.forwarder-page .deals-container .deals-row a{
  display:contents;
  color: black;
}

.forwarder-page .deals-container .deals-row a .isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.forwarder-page .deals-container .deals-row .deals-edit {
  width: 4%;
}
.forwarder-page .deals-container .deals-row .deals-edit a {
  display: block;
}
.forwarder-page .deals-container .deals-row .deals-edit a img {
  display: block;
}
.forwarder-page .deals-container .deals-row .deals-number {
  width: 5%;
  font-size: 15px;
  line-height: 1;
  font-family: "MuseoSansCyrl-300";
}
.forwarder-page .deals-container .deals-row .deals-logo {
  width: 26%;
}
.forwarder-page .deals-container .deals-row .deals-logo img {
  display: block;
}
.forwarder-page .deals-container .deals-row .deals-date {
  width: 22%;
  font-size: 15px;
  line-height: 1;
  font-family: "MuseoSansCyrl-300";
}
.forwarder-page .deals-container .deals-row .deals-city {
  width: 17%;
  font-size: 15px;
  line-height: 1;
  font-family: "MuseoSansCyrl-300";
}
.forwarder-page .deals-container .deals-row .deals-variations {
  width: 20%;
  display: flex;
  align-items: center;
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-auto {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-auto img {
  display: block;
  margin-right: 8px;
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-auto span {
  font-size: 15px;
  line-height: 1;
  font-family: "MuseoSansCyrl-300";
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-colors {
  display: flex;
  align-items: center;
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-colors .deals-color {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin: 0 1px;
  background-color: white;
}
.forwarder-page .deals-container .deals-row .deals-variations .deals-colors .deals-color.green {
  background-color: #70af1c;
}

.forwarder-page .deals-container .deals-row .deals-variations .deals-colors .deals-color.white {
  background-color: #d4d8de;
}

.forwarder-page .deals-container .deals-row .deals-variations .deals-colors .deals-color.purple {
  background-color: #f46caf;
}

.forwarder-page .deals-container .deals-row .deals-variations .deals-colors .deals-color.blue {
  background-color: #1a7ee2;
}
.forwarder-page .deals-container .deals-row .deals-link {
  display: flex;
  justify-content: flex-end;
  width: 2%;
}
.forwarder-page .deals-container .deals-row .deals-link a {
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}
.forwarder-page .deals-container .deals-row .deals-link a::after {
  position: absolute;
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #bcc1cd;
  border-right: 2px solid #bcc1cd;
  top: 50%;
  left: 50%;
  transform: translate(-75%, -50%) rotate(45deg);
}
.forwarder-page .pagination {
  padding: 24px 24px 36px;
  display: flex;
  align-items: center;
}
.forwarder-page .pagination .nav-block {
  display: flex;
  align-items: center;
}
.forwarder-page .pagination .nav-block .current {
  width: 60px;
  height: 44px;
  border-radius: 6px;
  background-color: #f2f5fa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #263a5b;
}
.forwarder-page .pagination .nav-block .left-arrow {
  cursor: pointer;
  width: 42px;
  height: 44px;
  position: relative;
}
.forwarder-page .pagination .nav-block .left-arrow:hover::after {
  border-left: 2px solid var(--blue-text);
  border-bottom: 2px solid var(--blue-text);
}
.forwarder-page .pagination .nav-block .left-arrow::after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-left: 2px solid #bcc1cd;
  border-bottom: 2px solid #bcc1cd;
  transform: translate(-25%, -50%) rotate(45deg);
}
.forwarder-page .pagination .nav-block .right-arrow {
  cursor: pointer;
  width: 42px;
  height: 44px;
  position: relative;
}
.forwarder-page .pagination .nav-block .right-arrow:hover::after {
  border-top: 2px solid var(--blue-text);
  border-right: 2px solid var(--blue-text);
}
.forwarder-page .pagination .nav-block .right-arrow::after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-top: 2px solid #bcc1cd;
  border-right: 2px solid #bcc1cd;
  transform: translate(-75%, -50%) rotate(45deg);
}
.forwarder-page .pagination .nav-total {
  margin-left: 12px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.deal-page {
  border-radius: 6px;
  background-color: #ffffff;
}
.deal-page .top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f2f5fa;
  padding: 12px 36px;
  height: 78px;
}
.deal-page .top-row .top-info {
  flex-wrap: wrap;
  display: flex;
  height: 100%;
  align-items: center;
}
.deal-page .top-row .top-info .top-back {
  margin-right: 6px;
  margin-left: -12px;
}
.deal-page .top-row .top-info .top-back img {
  display: block;
  width: 18px;
}
.deal-page .top-row .top-info .top-title {
  margin-right: 24px;
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  line-height: 1;
}
.deal-page .top-row .top-info .top-date {
  margin-right: 24px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.deal-page .top-row .top-info .top-city {
  margin-right: 24px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.deal-page .top-row .top-info .top-logo {
  margin-right: 24px;
}
.deal-page .top-row .top-info .top-logo img {
  display: block;
}
.deal-page .top-row .top-info .top-auto {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.deal-page .top-row .top-info .top-auto img {
  display: block;
  margin-right: 8px;
}
.deal-page .top-row .top-info .top-auto span {
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.deal-page .top-row .top-buttons {
  display: flex;
  align-items: center;
}
.deal-page .top-row .top-buttons .edit-btn {
  cursor: pointer;
  white-space: nowrap;
  padding: 0px 18px;
  height: 42px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  margin-right: 12px;
  transition: 0.3s all ease;
}
.deal-page .top-row .top-buttons .edit-btn.editing > img.img-edit {
  display: none;
}
.deal-page .top-row .top-buttons .edit-btn.editing > img.img-save {
  display: block;
}
.deal-page .top-row .top-buttons .edit-btn > img {
  min-width: 18px;
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
  filter: var(--blue-filter);
}
.deal-page .top-row .top-buttons .edit-btn > img.img-edit {
  display: block;
}
.deal-page .top-row .top-buttons .edit-btn > img.img-save {
  display: none;
}
.deal-page .top-row .top-buttons .edit-btn > span {
  font-family: "MuseoSansCyrl-300";
  transition: 0.3s all ease;
  font-size: 15px;
  line-height: 1;
}
.deal-page .top-row .top-buttons .edit-btn:hover {
  background: #1a7ee2;
}
.deal-page .top-row .top-buttons .edit-btn:hover > span {
  color: white;
}
.deal-page .top-row .top-buttons .edit-btn:hover > img {
  filter: none;
}
.deal-page .top-row .top-buttons .archive-btn {
  white-space: nowrap;
  cursor: pointer;
  padding: 0px 18px;
  height: 42px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
}
.deal-page .top-row .top-buttons .archive-btn > img {
  min-width: 18px;
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
  filter: var(--blue-filter);
}
.deal-page .top-row .top-buttons .archive-btn > span {
  transition: 0.3s all ease;
  font-size: 15px;
  line-height: 1;
  font-family: "MuseoSansCyrl-300";
}
.deal-page .top-row .top-buttons .archive-btn:hover {
  background: #1a7ee2;
}
.deal-page .top-row .top-buttons .archive-btn:hover > span {
  color: white;
}
.deal-page .top-row .top-buttons .archive-btn:hover > img {
  filter: none;
}
.deal-page .deal-container .deal-row {
  display: flex;
  padding: 12px 36px 0px 8px;
}
.deal-page .deal-container .deal-row .deal-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0 16px;
}
.deal-page .deal-container .deal-row .deal-buttons .message-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-buttons .message-btn:hover > img {
  opacity: 1;
  filter: var(--blue-filter);
}
.deal-page .deal-container .deal-row .deal-buttons .message-btn > img {
  display: block;
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  opacity: 0.6;
}
.deal-page .deal-container .deal-row .deal-buttons .message-btn > img.img-message {
  display: block;
}
.deal-page .deal-container .deal-row .deal-buttons .message-btn > img.img-save {
  display: none;
}
.deal-page .deal-container .deal-row .deal-buttons .delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-buttons .delete-btn > img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  opacity: 0.6;
}
.deal-page .deal-container .deal-row .deal-buttons .delete-btn > img:hover {
  opacity: 1;
  filter: var(--red-filter);
}
.deal-page .deal-container .deal-row .deal-block {
  width: 100%;
  margin: 0 -6px;
  display: flex;
  flex-wrap: wrap;
}
.deal-page .deal-container .deal-row .deal-block .deal-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border: solid 2px #70af1c;
  background-color: rgba(112, 175, 28, 0.05);
  height: 100%;
  width: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first {
  padding: 0 6px;
  width: 15%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .left {
  width: 37%;
  display: flex;
  flex-wrap: wrap;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .right {
  width: 63%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  height: 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background: none;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-btn:hover {
  background: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-btn:hover > img {
  filter: none;
  opacity: 1;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-btn > img {
  display: block;
  width: 18px;
  filter: var(--grey-filter);
  opacity: 0.6;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box.active {
  background: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box.active .currency-btn > img {
  opacity: 1;
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box.active .currency-popup {
  opacity: 1;
  visibility: visible;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 180px;
  width: 180px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup .currency-row {
  display: flex;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup .currency-row .name {
  font-family: 'MuseoSansCyrl-300';
  width: 57%;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  padding: 12px 18px;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup .currency-row .value {
  white-space: nowrap;
  font-family: 'MuseoSansCyrl-300';
  width: 43%;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  padding: 12px 18px;
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup .currency-save {
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .currency-box .currency-popup .currency-save:hover {
  background: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .notify-box {
  cursor: pointer;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  height: 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .notify-box:hover {
  background: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .notify-box:hover > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .notify-box > img {
  display: block;
  width: 18px;
  filter: var(--blue-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .notify-box .live-icon {
  position: absolute;
  left: 50%;
  top: 10px;
  font-size: 10px;
  line-height: 1;
  border-radius: 50%;
  background: #dd4545;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 14px;
  height: 14px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box {
  height: 50%;
  width: 100%;
  position: relative;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  background: #70af1c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn {
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background: none;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn:hover {
  background: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn > img {
  display: block;
  width: 18px;
  margin-right: 8px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn .gtd-text {
  text-align-last: left;
  color: white;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn .gtd-text .title {
  white-space: nowrap;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 6px;
  position: relative;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-btn .gtd-text .date {
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  font-family: 'MuseoSansCyrl-300';
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box.active {
  background: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box.active .gtd-btn > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box.active .gtd-btn .title {
  color: white;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box.active .gtd-popup {
  opacity: 1;
  visibility: visible;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 294px;
  width: 294px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row {
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 12px 18px;
  align-items: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row input:checked ~ .name {
  color: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row input:checked ~ .name::after {
  position: absolute;
  content: '';
  right: 18px;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  height: 10px;
  width: 6px;
  border-right: 2px solid #1a7ee2;
  border-bottom: 2px solid #1a7ee2;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.brown .circle {
  border-color: #896027;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.blue .circle {
  border-color: #1a7ee2;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.green .circle {
  border-color: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.orange .circle {
  border-color: #e1cdb4;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.black .circle {
  border-color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.purple .circle {
  border-color: #f46caf;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.cloud .cloud {
  width: 18px;
  margin-right: 12px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row.cloud .cloud img {
  display: block;
  width: 18px;
  filter: var(--grey-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row .circle {
  border-radius: 50%;
  border: 4px solid var(--grey-text);
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-row .name {
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-save {
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .gtd-box .gtd-popup .gtd-save:hover {
  background: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .transport-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  height: 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .transport-box img {
  display: block;
  width: 24px;
  margin-right: -3px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .used-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  height: 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .used-box img {
  display: block;
  width: 18px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box {
  cursor: pointer;
  position: relative;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background: none;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-btn:hover {
  background: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-btn:hover > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-btn > img {
  filter: var(--blue-filter);
  display: block;
  width: 18px;
  margin-right: 8px;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-btn .title {
  color: #717d99;
  font-size: 11px;
  line-height: 1;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box.active {
  background: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box.active .control-btn > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box.active .control-btn .title {
  color: white;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box.active .control-popup {
  opacity: 1;
  visibility: visible;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 294px;
  width: 294px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row {
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 12px 18px;
  align-items: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row input:checked ~ .name {
  color: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row input:checked ~ .name::after {
  position: absolute;
  content: '';
  right: 18px;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  height: 10px;
  width: 6px;
  border-right: 2px solid #1a7ee2;
  border-bottom: 2px solid #1a7ee2;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row.brown .circle {
  border-color: #896027;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row.blue .circle {
  border-color: #1a7ee2;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row.green .circle {
  border-color: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row.orange .circle {
  border-color: #e1cdb4;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row.black .circle {
  border-color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row .circle {
  border-radius: 50%;
  border: 4px solid #dde0e6;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-row .name {
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-save {
  display: block;
  border: none;
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-first .control-box .control-popup .control-save:hover {
  background: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-second {
  width: 49%;
  padding: 0 6px;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .third-toggle {
  display: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .left {
  width: 62%;
  display: flex;
  flex-wrap: wrap;
  padding: 8px 10px;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .right {
  width: 38%;
  display: flex;
  flex-wrap: wrap;
  padding: 8px 10px;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box {
  padding: 4px 10px;
  width: 50%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .title {
  margin-bottom: 5px;
  color: #717d99;
  font-size: 13px;
  line-height: 1;
  font-family: 'MuseoSansCyrl-300';
  position: relative;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .title .info {
  cursor: pointer;
  width: 18px;
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .title .info:hover .info-popup {
  opacity: 1;
  visibility: visible;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .title .info img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .title .info .info-popup {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  top: 100%;
  left: 50%;
  max-width: 294px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  transform: translateX(-50%);
  padding: 12px 18px;
  color: var(--black-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .value > span {
  display: block;
  font-size: 14px;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1.14;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .value > input,
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .value > select,
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .value > .nice-select,
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box .value > textarea {
  resize: none;
  padding: 8px;
  width: 100%;
  display: none;
  font-size: 14px;
  height: initial;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.vin-text {
  width: 60%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.dealer-text {
  width: 40%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.mark-text {
  width: 60%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.receiver-text {
  width: 40%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.mode-text {
  width: 30%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.comment-text {
  width: 70%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.comment-text .value {
  height: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-second .text-box.comment-text .value textarea {
  height: 80%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third {
  width: 36%;
  padding: 0 6px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left {
  width: 43%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top {
  display: flex;
  height: 50%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box {
  padding: 8px 10px;
  width: 50%;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item {
  margin-right: 8px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item img {
  display: block;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item.cloud img {
  filter: var(--blue-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item.check {
  padding-right: 12px;
  position: relative;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item.check > img {
  filter: var(--green-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .image-row .image-item.check::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 10px;
  border-bottom: 2px solid #70af1c;
  border-right: 2px solid #70af1c;
  transform: translateY(-50%) rotate(45deg);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .top-box .date-row {
  white-space: nowrap;
  font-family: 'MuseoSansCyrl-300';
  font-size: 12px;
  line-height: 1;
  color: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box {
  padding: 8px 10px;
  width: 50%;
  height: 100%;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  position: relative;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-btn {
  border: none;
  background: none;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-btn:hover {
  background: var(--blue-text);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-btn:hover > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-btn > img {
  width: 18px;
  display: block;
  filter: var(--blue-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box.active {
  background: #717d99;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box.active .images-btn > img {
  filter: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box.active .images-popup {
  opacity: 1;
  visibility: visible;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 265px;
  width: 265px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .popup-close {
  padding: 0;
  position: absolute;
  width: 18px;
  right: 8px;
  top: 8px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .popup-close:hover img {
  filter: var(--orange-filter);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .popup-close img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  display: block;
  width: 18px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .popup-title {
  padding: 24px 24px 18px;
  font-size: 18px;
  line-height: 1;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row {
  border-top: 1px solid #dde0e6;
  padding: 12px 24px;
  display: flex;
  align-items: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .title {
  margin-right: 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
  white-space: nowrap;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .value {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .value .line {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: rgba(26, 126, 226, 0.2);
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .value .line .width {
  height: 4px;
  border-radius: 4px;
  background-color: #1a7ee2;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .value .success {
  font-size: 15px;
  line-height: 1;
  color: #70af1c;
  padding-left: 18px;
  position: relative;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-row .value .success::before {
  content: '';
  position: absolute;
  display: block;
  width: 7px;
  height: 10px;
  border-right: 2px solid #70af1c;
  border-bottom: 2px solid #70af1c;
  transform: translateY(-75%) rotate(45deg);
  left: 0;
  top: 50%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-save {
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-top .images-box .images-popup .images-save:hover {
  background: #70af1c;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-bottom {
  height: 50%;
  padding: 8px 10px;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-bottom > span {
  display: block;
  font-family: 'MuseoSansCyrl-300';
  font-size: 14px;
  line-height: 1.14;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .left .left-bottom > textarea {
  padding: 8px;
  width: 100%;
  display: none;
  font-size: 14px;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1.14;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  resize: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center {
  width: 20%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .top-price {
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  height: 50%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .top-price > span {
  font-family: 'MuseoSansCyrl-300';
  font-size: 17px;
  line-height: 1;
  color: white;
  background: #70af1c;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .top-price > input {
  border: none;
  font-family: 'MuseoSansCyrl-300';
  font-size: 17px;
  line-height: 1;
  color: var(--black-text);
  background: white;
  height: 100%;
  width: 100%;
  text-align: center;
  display: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .bottom-price {
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  height: 50%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .bottom-price > span {
  font-family: 'MuseoSansCyrl-300';
  font-size: 17px;
  line-height: 1;
  color: white;
  background: #e8b200;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .center .bottom-price > input {
  border: none;
  font-family: 'MuseoSansCyrl-300';
  font-size: 17px;
  line-height: 1;
  color: var(--black-text);
  background: white;
  height: 100%;
  width: 100%;
  text-align: center;
  display: none;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .right {
  width: 37%;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .right .comment-block {
  padding: 9px 20px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .right .comment-block .title {
  font-family: 'MuseoSansCyrl-300';
  font-size: 13px;
  color: #717d99;
  line-height: 1;
  margin-bottom: 7px;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .right .comment-block .value > span {
  font-family: 'MuseoSansCyrl-300';
  font-size: 14px;
  line-height: 1.14;
  display: block;
}
.deal-page .deal-container .deal-row .deal-block .deal-third .right .comment-block .value > textarea {
  padding: 8px;
  width: 100%;
  display: none;
  font-size: 14px;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1.14;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  resize: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-buttons .message-btn > img.img-message {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-buttons .message-btn > img.img-save {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box {
  padding: 4px;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box .value > span {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box .value > input,
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box .value > select,
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box .value > .nice-select,
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box .value > textarea {
  display: block;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.vin-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.dealer-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.mark-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.receiver-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.mode-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-second .text-box.comment-text {
  width: 50%;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .left .left-bottom > span {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .left .left-bottom > textarea {
  display: block;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .center .top-price > span {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .center .top-price > input {
  display: block;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .center .bottom-price > span {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .center .bottom-price > input {
  display: block;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .right .comment-block .value > span {
  display: none;
}
.deal-page .deal-container .deal-row.edit-deal .deal-block .deal-third .right .comment-block .value > textarea {
  display: block;
}
.deal-page .counter {
  padding: 24px 24px 36px 56px;
  display: flex;
  align-items: center;
}
.deal-page .counter .counter-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 4px;
  border: dashed 1px #1a7ee2;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.deal-page .counter .counter-button:hover {
  background: #1a7ee2;
  border: solid 1px #1a7ee2;
  color: white;
}
.deal-page .counter .counter-total {
  margin-left: 12px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.broker-page {
  border-radius: 6px;
  background-color: #ffffff;
}
.broker-page .top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f2f5fa;
  padding: 12px 36px;
  height: 78px;
}
.broker-page .top-row .top-info {
  display: flex;
  height: 100%;
  align-items: center;
}
.broker-page .top-row .top-info .top-title {
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  line-height: 1.21;
  margin-right: 8px;
}
.broker-page .top-row .top-info .top-active {
  align-self: flex-start;
  border-radius: 6px;
  font-size: 15px;
  line-height: 1;
  background-color: #f2f5fa;
  padding: 8px 12px;
}
.broker-page .top-row .top-buttons {
  display: flex;
  align-items: center;
}
.broker-page .top-row .top-buttons .filter-box {
  position: relative;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn {
  position: relative;
  cursor: pointer;
  padding: 0px 18px;
  height: 42px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn:hover {
  background: #1a7ee2;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn:hover > span {
  color: white;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn:hover > img {
  filter: none;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn > img {
  filter: var(--blue-filter);
  min-width: 18px;
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn > img.img-filter {
  display: block;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn > img.img-close {
  display: none;
}
.broker-page .top-row .top-buttons .filter-box .filter-btn > span {
  font-family: "MuseoSansCyrl-300";
  transition: 0.3s all ease;
  font-size: 15px;
  line-height: 1;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn {
  background: #717d99;
  border-color: #717d99;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn:hover {
  background: #717d99;
  border-color: #717d99;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn > img {
  filter: none;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn > img.img-filter {
  display: none;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn > img.img-close {
  display: block;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-btn > span {
  color: white;
}
.broker-page .top-row .top-buttons .filter-box.active .filter-popup {
  opacity: 1;
  visibility: visible;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  max-width: 420px;
  width: 420px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .filter-title {
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 18px;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-row {
  display: flex;
  margin: 0 -6px;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-row .form-col {
  width: 50%;
  padding: 0 6px;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item {
  position: relative;
  margin-bottom: 12px;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="text"],
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 13.5px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="reset"] {
  background: transparent;
  color: #dd4545;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12.5px 18px;
  font-family: 'MuseoSansCyrl-300';
  border: solid 1px transparent;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item input[type="reset"]:hover {
  border-color: #dd4545;
}
.broker-page .top-row .top-buttons .filter-box .filter-popup .form-block .form-item .form-img {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  pointer-events: none;
  filter: var(--grey-filter);
}
.broker-page .broker-container .broker-row {
  display: flex;
  position: relative;
  padding: 20px 72px 0px 8px;
}
.broker-page .broker-container .broker-row .broker-buttons {
  padding: 19px 16px;
}
.broker-page .broker-container .broker-row .broker-buttons .edit-btn {
  display: flex;
}
.broker-page .broker-container .broker-row .broker-buttons .edit-btn:hover > img {
  opacity: 1;
}
.broker-page .broker-container .broker-row .broker-buttons .edit-btn:hover > img.img-edit {
  filter: var(--blue-filter);
}
.broker-page .broker-container .broker-row .broker-buttons .edit-btn > img.img-edit {
  display: block;
  filter: var(--grey-filter);
}
.broker-page .broker-container .broker-row .broker-buttons .edit-btn > img.img-save {
  display: none;
  filter: var(--blue-filter);
}
.broker-page .broker-container .broker-row .broker-block {
  margin: 0 -6px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.broker-page .broker-container .broker-row .broker-block .broker-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border: solid 2px #70af1c;
  background-color: rgba(112, 175, 28, 0.05);
  height: 100%;
  width: 100%;
}
.broker-page .broker-container .broker-row .broker-block .broker-first {
  padding: 0 6px;
  width: 65.5%;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .broker-wrap {
  padding: 8px 0;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box {
  order: 1;
  padding: 4px 10px;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .title {
  margin-bottom: 5px;
  color: #717d99;
  font-size: 13px;
  line-height: 1;
  font-family: 'MuseoSansCyrl-300';
  position: relative;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .title .info {
  cursor: pointer;
  width: 18px;
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .title .info:hover .info-popup {
  opacity: 1;
  visibility: visible;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .title .info img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .title .info .info-popup {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  top: 100%;
  left: 50%;
  max-width: 294px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  transform: translateX(-50%);
  padding: 12px 18px;
  color: var(--black-text);
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .value > span {
  display: block;
  font-size: 14px;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1.14;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .value > input,
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .value > select,
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .value > .nice-select,
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box .value > textarea {
  padding: 8px;
  width: 100%;
  display: none;
  font-size: 14px;
  height: initial;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box.receiver-text {
  order: 0;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box.mark-vin-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box.comment-text {
  display: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box.mark-text,
.broker-page .broker-container .broker-row .broker-block .broker-first .text-box.vin-text {
  display: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-second {
  width: 34.5%;
  padding: 0 6px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box {
  position: relative;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  background: #70af1c;
  width: 26%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn {
  height: 100%;
  width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background: none;
  transition: 0.3s all ease;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn:hover {
  background: var(--blue-text);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn > img {
  display: block;
  width: 18px;
  margin-right: 8px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn .gtd-text {
  text-align-last: left;
  color: white;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn .gtd-text .title {
  white-space: nowrap;
  font-size: 15px;
  line-height: 1;
  margin-bottom: 6px;
  position: relative;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn .gtd-text .title::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: translateY(-75%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 18px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-btn .gtd-text .date {
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  font-family: 'MuseoSansCyrl-300';
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box.active {
  background: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box.active .gtd-btn > img {
  filter: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box.active .gtd-btn .title {
  color: white;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box.active .gtd-popup {
  opacity: 1;
  visibility: visible;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 294px;
  width: 294px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row {
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 12px 18px;
  align-items: center;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row input:checked ~ .name {
  color: var(--blue-text);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row input:checked ~ .name::after {
  position: absolute;
  content: '';
  right: 18px;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  height: 10px;
  width: 6px;
  border-right: 2px solid #1a7ee2;
  border-bottom: 2px solid #1a7ee2;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.brown .circle {
  border-color: #896027;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.blue .circle {
  border-color: #1a7ee2;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.green .circle {
  border-color: #70af1c;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.orange .circle {
  border-color: #e1cdb4;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.black .circle {
  border-color: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.purple .circle {
  border-color: #f46caf;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.cloud .cloud {
  width: 18px;
  margin-right: 12px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row.cloud .cloud img {
  display: block;
  width: 18px;
  filter: var(--grey-filter);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row .circle {
  border-radius: 50%;
  border: 4px solid var(--grey-text);
  width: 18px;
  height: 18px;
  margin-right: 12px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-row .name {
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-save {
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .gtd-box .gtd-popup .gtd-save:hover {
  background: #70af1c;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 11%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-btn {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  background: none;
  transition: 0.3s all ease;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-btn:hover {
  background: var(--blue-text);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-btn:hover > img {
  filter: none;
  opacity: 1;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-btn > img {
  transition: 0.3s all ease;
  display: block;
  width: 18px;
  filter: var(--grey-filter);
  opacity: 0.6;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box.active {
  background: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box.active .currency-btn > img {
  filter: none;
  opacity: 1;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box.active .currency-popup {
  opacity: 1;
  visibility: visible;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all ease;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  max-width: 180px;
  width: 180px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  border-top-left-radius: 0;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup .currency-row {
  display: flex;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup .currency-row .name {
  font-family: 'MuseoSansCyrl-300';
  width: 57%;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  padding: 12px 18px;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  color: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup .currency-row .value {
  white-space: nowrap;
  font-family: 'MuseoSansCyrl-300';
  width: 43%;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  padding: 12px 18px;
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup .currency-save {
  padding: 14px 0;
  background-color: #1a7ee2;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  width: 100%;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .currency-box .currency-popup .currency-save:hover {
  background: #70af1c;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .notify-box {
  cursor: pointer;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 11%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.3s all ease;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .notify-box:hover {
  background: var(--blue-text);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .notify-box:hover > img {
  filter: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .notify-box > img {
  display: block;
  width: 18px;
  filter: var(--blue-filter);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .notify-box .live-icon {
  position: absolute;
  left: 50%;
  top: 10px;
  font-size: 10px;
  line-height: 1;
  border-radius: 50%;
  background: #dd4545;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 14px;
  height: 14px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .status-box {
  white-space: nowrap;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 12%;
  font-family: 'MuseoSansCyrl-700';
  font-size: 12px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .im-box {
  background: #dde0e6;
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 11%;
  font-family: 'MuseoSansCyrl-700';
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .count-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 18%;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.broker-page .broker-container .broker-row .broker-block .broker-second .count-box .check {
  width: 7px;
  height: 10px;
  display: block;
  margin-left: 10px;
  border-bottom: 2px solid #70af1c;
  border-right: 2px solid #70af1c;
  transform: translateY(-25%) rotate(45deg);
}
.broker-page .broker-container .broker-row .broker-block .broker-second .e-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 11%;
  font-family: 'MuseoSansCyrl-700';
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.broker-page .broker-container .broker-row .broker-block .broker-third {
  display: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-fourth {
  display: none;
}
.broker-page .broker-container .broker-row .broker-block .broker-toggle {
  position: absolute;
  display: block;
  top: 38px;
  right: 32px;
  width: 18px;
  height: 18px;
}
.broker-page .broker-container .broker-row .broker-block .broker-toggle::after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -75%) rotate(45deg);
  border-bottom: 2px solid #bcc1cd;
  border-right: 2px solid #bcc1cd;
}
.broker-page .broker-container .broker-row.active .broker-block {
  border: solid 2px #70af1c;
  margin: 0;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-wrap {
  border: none;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-first {
  width: 80%;
  padding: 0;
  order: 1;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-first .text-box.mark-vin-text {
  display: none;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-first .text-box.mark-text,
.broker-page .broker-container .broker-row.active .broker-block .broker-first .text-box.vin-text {
  display: block;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-first .text-box.comment-text {
  display: block;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second {
  width: 20%;
  display: block;
  padding: 0;
  order: 0;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .gtd-box {
  width: 49%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .currency-box {
  width: 17%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .status-box {
  width: 17%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .im-box {
  width: 17%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .notify-box {
  display: none;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .count-box {
  display: none;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-second .e-box {
  display: none;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third {
  display: block;
  padding: 0;
  order: 1;
  width: 56.5%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-title {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  padding: 14px 12px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 14px;
  line-height: 1.21;
  width: 17.5%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box {
  outline: solid 1px rgba(0, 0, 0, 0.05) !important;
  width: 7.5%;
  padding: 9px 2px;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .title {
  margin-bottom: 3px;
  color: #717d99;
  font-family: 'MuseoSansCyrl-300';
  font-size: 13px;
  line-height: 1;
  text-align: center;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check {
  position: relative;
  width: 20px;
  height: 20px;
  margin: auto;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check.active::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border-right: 2px solid #70af1c;
  border-bottom: 2px solid #70af1c;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check-label {
  width: 20px;
  height: 20px;
  display: none;
  margin: auto;
  margin-top: 8px;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check-label .check-input {
  width: 20px;
  height: 20px;
  border: 2px solid #898e9c;
  border-radius: 3px;
  position: relative;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check-label input[type="checkbox"]:checked + .check-input {
  background: #898e9c;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-third .document-box .check-label input[type="checkbox"]:checked + .check-input::after {
  position: absolute;
  content: '';
  width: 7px;
  height: 10px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  transform: translate(-50%, -65%) rotate(45deg);
  top: 50%;
  left: 50%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth {
  display: block;
  padding: 0;
  order: 1;
  width: 43.5%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 13px 18px;
  width: 22%;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row {
  display: flex;
  align-items: center;
  margin-bottom: 1px;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item {
  margin-right: 8px;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item img {
  display: block;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item.cloud img {
  filter: var(--blue-filter);
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item.check {
  padding-right: 12px;
  position: relative;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item.check > img {
  filter: var(--green-filter);
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .image-row .image-item.check::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 10px;
  border-bottom: 2px solid #70af1c;
  border-right: 2px solid #70af1c;
  transform: translateY(-50%) rotate(45deg);
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .top-box .date-row {
  white-space: nowrap;
  font-family: 'MuseoSansCyrl-300';
  font-size: 12px;
  line-height: 1;
  color: #717d99;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .date-box {
  width: 22%;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .date-box img {
  display: block;
  margin-right: 8px;
  filter: var(--grey-filter);
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .date-box span {
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box {
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding: 10px 13px;
  width: 47%;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .title {
  margin-bottom: 5px;
  color: #717d99;
  font-size: 13px;
  line-height: 1;
  font-family: 'MuseoSansCyrl-300';
  position: relative;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .title a {
  display: inline;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .title a img {
  display: inline-block;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .value > span {
  display: block;
  font-size: 14px;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1.14;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .value > input,
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .value > select,
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .value > .nice-select,
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .accreditation-box .value > textarea {
  padding: 8px;
  width: 100%;
  display: none;
  font-size: 14px;
  height: initial;
  font-family: 'MuseoSansCyrl-300';
  line-height: 1;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-fourth .e-box {
  width: 9%;
  outline: 1px solid rgba(0, 0, 0, 0.05) !important;
  font-family: 'MuseoSansCyrl-700';
  font-size: 15px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.broker-page .broker-container .broker-row.active .broker-block .broker-toggle::after {
  width: 10px;
  height: 10px;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -25%) rotate(225deg);
  border-bottom: 2px solid #bcc1cd;
  border-right: 2px solid #bcc1cd;
}
.broker-page .broker-container .broker-row.edit-broker .broker-buttons .edit-btn > img.img-edit {
  display: none;
}
.broker-page .broker-container .broker-row.edit-broker .broker-buttons .edit-btn > img.img-save {
  display: block;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .broker-wrap {
  padding: 8px 6px;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box {
  width: 16.66666667%;
  padding: 4px;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box .value > span {
  display: none;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box .value > input,
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box .value > select,
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box .value > .nice-select,
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-first .text-box .value > textarea {
  display: block;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-third .document-box .check {
  display: none;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-third .document-box .check-label {
  display: block;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-fourth .accreditation-box .value > span {
  display: none;
}
.broker-page .broker-container .broker-row.edit-broker .broker-block .broker-fourth .accreditation-box .value > input {
  display: block;
}
.broker-page .pagination {
  padding: 24px 24px 36px;
  display: flex;
  align-items: center;
}
.broker-page .pagination .nav-block {
  display: flex;
  align-items: center;
}
.broker-page .pagination .nav-block .current {
  width: 60px;
  height: 44px;
  border-radius: 6px;
  background-color: #f2f5fa;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #263a5b;
}
.broker-page .pagination .nav-block .left-arrow {
  cursor: pointer;
  width: 42px;
  height: 44px;
  position: relative;
}
.broker-page .pagination .nav-block .left-arrow:hover::after {
  border-left: 2px solid var(--blue-text);
  border-bottom: 2px solid var(--blue-text);
}
.broker-page .pagination .nav-block .left-arrow::after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-left: 2px solid #bcc1cd;
  border-bottom: 2px solid #bcc1cd;
  transform: translate(-25%, -50%) rotate(45deg);
}
.broker-page .pagination .nav-block .right-arrow {
  cursor: pointer;
  width: 42px;
  height: 44px;
  position: relative;
}
.broker-page .pagination .nav-block .right-arrow:hover::after {
  border-top: 2px solid var(--blue-text);
  border-right: 2px solid var(--blue-text);
}
.broker-page .pagination .nav-block .right-arrow::after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-top: 2px solid #bcc1cd;
  border-right: 2px solid #bcc1cd;
  transform: translate(-75%, -50%) rotate(45deg);
}
.broker-page .pagination .nav-total {
  margin-left: 12px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
}
.login-page {
  position: relative;
  background-color: var(--grey-text);
  min-height: 100vh;
}
.login-page::after {
  content: "";
  background-image: url('/assets/images/login-bg.jpg');
  background-size: cover;
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.login-page .login-container {
  z-index: 1;
  max-width: 464px;
  width: 100%;
  margin: auto;
  min-height: 100vh;
  position: relative;
  padding: 36px 10px 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-page .login-container .logo {
  margin-bottom: 36px;
}
.login-page .login-container .logo .logo-top {
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.21;
  color: white;
}
.login-page .login-container .logo .logo-bottom {
  text-transform: uppercase;
  font-family: "MuseoSansCyrl-700";
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #1a7ee2;
}
.login-page .login-container .login-block {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
}
.login-page .login-container .login-block .login-title {
  text-align: center;
  font-family: 'MuseoSansCyrl-900';
  font-size: 24px;
  line-height: 1;
  color: #263a5b;
  padding: 36px 72px 24px;
  border-bottom: 1px solid #f2f5fa;
}
.login-page .login-container .login-block .login-form {
  padding: 36px 72px;
}
.login-page .login-container .login-block .login-form .form-item {
  margin-bottom: 18px;
}
.login-page .login-container .login-block .login-form .form-item input[type='email'],
.login-page .login-container .login-block .login-form .form-item input[type='phone'],
.login-page .login-container .login-block .login-form .form-item input[type='password'] {
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  width: 100%;
  display: block;
  padding: 12px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.login-page .login-container .login-block .login-form .form-item input[type='submit'] {
  border-radius: 4px;
  padding: 13px 0;
  background-color: #1a7ee2;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: #ffffff;
}
.login-page .login-container .login-block .login-form .form-item .form-link {
  display: block;
  text-align: center;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.login-page .login-container .login-block .login-form .form-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 -14px;
}
.login-page .login-container .login-block .login-form .form-row .form-left {
  width: 45%;
  padding: 0 14px;
}
.login-page .login-container .login-block .login-form .form-row .form-right {
  width: 55%;
  padding: 0 14px;
}
.login-page .login-container .login-footer {
  bottom: 48px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 10px;
  right: 10px;
}
.login-page .login-container .login-footer .footer-link {
  font-family: 'MuseoSansCyrl-500';
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
  color: #ffffff;
}
.login-page .login-container .login-footer .footer-link:hover {
  color: var(--blue-text);
}
.restore-page {
  position: relative;
  background-color: var(--grey-text);
  min-height: 100vh;
}
.restore-page::after {
  content: "";
  background-image: url('/assets/images/login-bg.jpg');
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}
.restore-page .restore-container {
  z-index: 1;
  max-width: 464px;
  width: 100%;
  margin: auto;
  min-height: 100vh;
  position: relative;
  padding: 36px 10px 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.restore-page .restore-container .logo {
  margin-bottom: 36px;
}
.restore-page .restore-container .logo .logo-top {
  font-family: "MuseoSansCyrl-900";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.21;
  color: white;
}
.restore-page .restore-container .logo .logo-bottom {
  text-transform: uppercase;
  font-family: "MuseoSansCyrl-700";
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
  color: #1a7ee2;
}
.restore-page .restore-container .restore-block {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
}
.restore-page .restore-container .restore-block .restore-title {
  text-align: center;
  font-family: 'MuseoSansCyrl-900';
  font-size: 24px;
  line-height: 1;
  color: #263a5b;
  padding: 36px 72px 24px;
  border-bottom: 1px solid #f2f5fa;
}
.restore-page .restore-container .restore-block .restore-title span {
  position: relative;
}
.restore-page .restore-container .restore-block .restore-title span .back-link {
  position: absolute;
  width: 18px;
  display: block;
  top: 50%;
  left: -53px;
  transform: translateY(-50%);
}
.restore-page .restore-container .restore-block .restore-title span .back-link img {
  display: block;
  width: 100%;
}
.restore-page .restore-container .restore-block .restore-form {
  padding: 36px 72px;
}
.restore-page .restore-container .restore-block .restore-form .form-item {
  margin-bottom: 18px;
}
.restore-page .restore-container .restore-block .restore-form .form-item input[type='email'],
.restore-page .restore-container .restore-block .restore-form .form-item input[type='phone'],
.restore-page .restore-container .restore-block .restore-form .form-item input[type='password'] {
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  width: 100%;
  display: block;
  padding: 12px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.restore-page .restore-container .restore-block .restore-form .form-item input[type='submit'] {
  border-radius: 4px;
  padding: 13px 0;
  background-color: #1a7ee2;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.52px;
  color: #ffffff;
  max-width: 246px;
}
.restore-page .restore-container .restore-block .restore-form .form-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 -14px;
}
.restore-page .restore-container .restore-block .restore-form .form-row .form-left {
  width: 45%;
  padding: 0 14px;
}
.restore-page .restore-container .restore-block .restore-form .form-row .form-right {
  width: 55%;
  padding: 0 14px;
}
.restore-page .restore-container .restore-footer {
  bottom: 48px;
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 10px;
  right: 10px;
}
.restore-page .restore-container .restore-footer .footer-link {
  font-family: 'MuseoSansCyrl-500';
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
  color: #ffffff;
}
.restore-page .restore-container .restore-footer .footer-link:hover {
  color: var(--blue-text);
}
.popup-wrap {
  opacity: 0;
  visibility: hidden;
  background: rgba(38, 58, 91, 0.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  transition: 0.3s all ease;
}
.popup-wrap.active {
  opacity: 1;
  visibility: visible;
}
.popup-wrap .data-popup {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 420px;
  width: 420px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
  transition: 0.3s all ease;
}
.popup-wrap .data-popup.active {
  opacity: 1;
  visibility: visible;
}
.popup-wrap .data-popup .popup-close {
  padding: 0;
  display: block;
  right: 8px;
  top: 8px;
  position: absolute;
  border: none;
  background: transparent;
}
.popup-wrap .data-popup .popup-close:hover img {
  filter: var(--orange-filter);
}
.popup-wrap .data-popup .popup-close img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  display: block;
  width: 18px;
}
.popup-wrap .data-popup .popup-title {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 18px;
}
.popup-wrap .data-popup .form-block .form-row {
  display: flex;
  margin: 0 -6px;
}
.popup-wrap .data-popup .form-block .form-row .form-col {
  width: 50%;
  padding: 0 6px;
}
.popup-wrap .data-popup .form-block .form-item {
  margin: auto;
  position: relative;
  margin-bottom: 12px;
}
.popup-wrap .data-popup .form-block .form-item input[type="text"],
.popup-wrap .data-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.popup-wrap .data-popup .form-block .form-item input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 13.5px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.popup-wrap .data-popup .form-block .form-item input[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.popup-wrap .data-popup .form-block .form-item input[type="reset"] {
  background: transparent;
  color: #dd4545;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12.5px 18px;
  font-family: 'MuseoSansCyrl-300';
  border: solid 1px transparent;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.popup-wrap .data-popup .form-block .form-item input[type="reset"]:hover {
  border-color: #dd4545;
}
.popup-wrap .sms-popup {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 420px;
  width: 420px;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
  transition: 0.3s all ease;
}
.popup-wrap .sms-popup.active {
  opacity: 1;
  visibility: visible;
}
.popup-wrap .sms-popup .popup-close {
  padding: 0;
  display: block;
  right: 8px;
  top: 8px;
  position: absolute;
  border: none;
  background: transparent;
}
.popup-wrap .sms-popup .popup-close:hover img {
  filter: var(--orange-filter);
}
.popup-wrap .sms-popup .popup-close img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  display: block;
  width: 18px;
}
.popup-wrap .sms-popup .popup-title {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 18px;
}
.popup-wrap .sms-popup .form-block .form-row {
  display: flex;
  margin: 0 -6px;
}
.popup-wrap .sms-popup .form-block .form-row .form-col {
  width: 50%;
  padding: 0 6px;
}
.popup-wrap .sms-popup .form-block .form-item {
  margin: auto;
  position: relative;
  margin-bottom: 12px;
}
.popup-wrap .sms-popup .form-block .form-item input[type="text"],
.popup-wrap .sms-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.popup-wrap .sms-popup .form-block .form-item input[type="submit"] {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 13.5px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.popup-wrap .sms-popup .form-block .form-item input[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.popup-wrap .sms-popup .form-block .form-item input[type="reset"] {
  background: transparent;
  color: #dd4545;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12.5px 18px;
  font-family: 'MuseoSansCyrl-300';
  border: solid 1px transparent;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.popup-wrap .sms-popup .form-block .form-item input[type="reset"]:hover {
  border-color: #dd4545;
}
.popup-wrap .new-deal-popup {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1260px;
  width: 100%;
  box-shadow: 0 12px 36px 0 rgba(38, 58, 91, 0.24);
  background-color: #ffffff;
  border-radius: 20px;
  transition: 0.3s all ease;
}
.popup-wrap .new-deal-popup.active {
  opacity: 1;
  visibility: visible;
}
.popup-wrap .new-deal-popup .popup-close {
  padding: 0;
  display: block;
  right: 8px;
  top: 8px;
  position: absolute;
  border: none;
  background: transparent;
}
.popup-wrap .new-deal-popup .popup-close:hover img {
  filter: var(--orange-filter);
}
.popup-wrap .new-deal-popup .popup-close img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  display: block;
  width: 18px;
}
.popup-wrap .new-deal-popup .form-block {
  padding: 24px 36px 18px;
}
.popup-wrap .new-deal-popup .form-block .form-title {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #263a5b;
  margin-bottom: 24px;
}
.popup-wrap .new-deal-popup .form-block .form-row {
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  margin: 0 -6px;
}
.popup-wrap .new-deal-popup .form-block .form-row .form-col {
  padding: 0 6px;
  width: 16%;
}
.popup-wrap .new-deal-popup .form-block .form-row .form-col:nth-child(5) {
  width: 23.5%;
}
.popup-wrap .new-deal-popup .form-block .form-row .form-col:nth-child(6) {
  width: 12.5%;
}
.popup-wrap .new-deal-popup .form-block .form-item {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
}
.popup-wrap .new-deal-popup .form-block .form-item input[type="text"],
.popup-wrap .new-deal-popup .form-block .form-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.popup-wrap .new-deal-popup .form-block .form-item button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 10px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.popup-wrap .new-deal-popup .form-block .form-item button[type="submit"] > img {
  display: block;
  transition: 0.3s all ease;
  margin-right: 8px;
  filter: none;
}
.popup-wrap .new-deal-popup .form-block .form-item button[type="submit"] > span {
  display: block;
}
.popup-wrap .new-deal-popup .form-block .form-item button[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.popup-wrap .new-deal-popup .form-block .form-item button[type="submit"]:hover > img {
  filter: var(--blue-filter);
}
.popup-wrap .new-deal-popup .form-block .form-item .form-img {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  pointer-events: none;
  filter: var(--grey-filter);
}
.popup-wrap .new-deal-popup .form-block .add-auto {
  padding: 12px 24px;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
}
.popup-wrap .new-deal-popup .form-block .add-auto > img {
  transition: 0.3s all ease;
  display: block;
  margin-right: 8px;
  filter: var(--blue-filter);
}
.popup-wrap .new-deal-popup .form-block .add-auto > span {
  transition: 0.3s all ease;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #1a7ee2;
}
.popup-wrap .new-deal-popup .form-block .add-auto:hover {
  background: #1a7ee2;
}
.popup-wrap .new-deal-popup .form-block .add-auto:hover > img {
  filter: none;
}
.popup-wrap .new-deal-popup .form-block .add-auto:hover > span {
  color: white;
}
.popup-wrap .new-deal-popup .auto-block {
  padding: 24px 36px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #f2f5fa;
  position: relative;
}
.popup-wrap .new-deal-popup .auto-block .auto-close {
  padding: 0;
  display: block;
  right: 8px;
  top: 8px;
  position: absolute;
  border: none;
  background: transparent;
}
.popup-wrap .new-deal-popup .auto-block .auto-close:hover img {
  filter: var(--orange-filter);
}
.popup-wrap .new-deal-popup .auto-block .auto-close img {
  transition: 0.3s all ease;
  filter: var(--grey-filter);
  display: block;
  width: 18px;
}
.popup-wrap .new-deal-popup .auto-block .auto-title {
  font-family: 'MuseoSansCyrl-500';
  font-size: 18px;
  line-height: 1;
  margin-bottom: 12px;
  color: #263a5b;
}
.popup-wrap .new-deal-popup .auto-block .auto-row {
  display: flex;
  align-items: center;
  margin: 0 -6px;
}
.popup-wrap .new-deal-popup .auto-block .auto-row .auto-col {
  padding: 0 6px;
  width: 16%;
}
.popup-wrap .new-deal-popup .auto-block .auto-row .auto-col:nth-child(5) {
  width: 11%;
}
.popup-wrap .new-deal-popup .auto-block .auto-row .auto-col:nth-child(6) {
  width: 20%;
}
.popup-wrap .new-deal-popup .auto-block .auto-row .auto-col:nth-child(7) {
  width: 5%;
}
.popup-wrap .new-deal-popup .auto-block .auto-item {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.popup-wrap .new-deal-popup .auto-block .auto-item input[type="text"],
.popup-wrap .new-deal-popup .auto-block .auto-item .nice-select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #dde0e6;
  background-color: #ffffff;
  padding: 11px 18px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.popup-wrap .new-deal-popup .auto-block .auto-item button[type="submit"] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #1a7ee2;
  background-color: #1a7ee2;
  padding: 10px 18px;
  font-family: 'MuseoSansCyrl-700';
  font-size: 13px;
  line-height: 1;
  color: white;
  text-transform: uppercase;
  transition: 0.3s all ease;
}
.popup-wrap .new-deal-popup .auto-block .auto-item button[type="submit"] > img {
  display: block;
  transition: 0.3s all ease;
  filter: none;
}
.popup-wrap .new-deal-popup .auto-block .auto-item button[type="submit"]:hover {
  background: white;
  color: #1a7ee2;
}
.popup-wrap .new-deal-popup .auto-block .auto-item button[type="submit"]:hover > img {
  filter: var(--blue-filter);
}
.popup-wrap .new-deal-popup .auto-block .auto-item .auto-img {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 18px;
  pointer-events: none;
  filter: var(--grey-filter);
}
.popup-wrap .new-deal-popup .auto-block .counter {
  display: flex;
  align-items: center;
}
.popup-wrap .new-deal-popup .auto-block .counter .counter-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 4px;
  border: dashed 1px #1a7ee2;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  transition: 0.3s all ease;
}
.popup-wrap .new-deal-popup .auto-block .counter .counter-button:hover {
  background: #1a7ee2;
  border: solid 1px #1a7ee2;
  color: white;
}
.popup-wrap .new-deal-popup .auto-block .counter .counter-total {
  margin-left: 12px;
  font-family: 'MuseoSansCyrl-300';
  font-size: 15px;
  line-height: 1;
  color: #717d99;
}
.popup-wrap .gallery-popup {
  padding: 48px 54px;
  max-width: 828px;
  margin: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
}
.popup-wrap .gallery-popup.active {
  opacity: 1;
  visibility: visible;
}
.popup-wrap .gallery-popup .gallery-block {
  position: relative;
}
.popup-wrap .gallery-popup .gallery-block .gallery-close {
  border: none;
  background: none;
  padding: 0;
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  margin-bottom: 12px;
  cursor: pointer;
}
.popup-wrap .gallery-popup .gallery-block .gallery-close:hover > img {
  filter: var(--orange-filter);
}
.popup-wrap .gallery-popup .gallery-block .gallery-close > img {
  transition: 0.3s all ease;
  width: 24px;
  height: 24px;
  display: block;
}
.popup-wrap .gallery-popup .gallery-block .gallery-slider {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.popup-wrap .gallery-popup .gallery-block .gallery-slider .gallery-item img {
  display: block;
  width: 100%;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .gallery-remove {
  border: none;
  background: none;
  padding: 0;
  width: 24px;
  height: 24px;
  display: block;
  margin: auto;
  cursor: pointer;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .gallery-remove:hover > img {
  filter: var(--orange-filter);
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .gallery-remove > img {
  transition: 0.3s all ease;
  width: 24px;
  height: 24px;
  display: block;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .left-arrow {
  left: -45px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: none;
  border: none;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .left-arrow:hover::after {
  border-bottom: 2px solid var(--orange-text);
  border-left: 2px solid var(--orange-text);
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .left-arrow::after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  transform: translate(-25%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .right-arrow {
  cursor: pointer;
  right: -45px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: none;
  border: none;
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .right-arrow:hover::after {
  border-top: 2px solid var(--orange-text);
  border-right: 2px solid var(--orange-text);
}
.popup-wrap .gallery-popup .gallery-block .gallery-bottom .right-arrow:after {
  transition: 0.3s all ease;
  content: '';
  position: absolute;
  transform: translate(-75%, -50%) rotate(45deg);
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  border-top: 2px solid white;
  border-right: 2px solid white;
}