:root {
  --font: 'Golos Text', sans-serif;
  --primary-color: #2E8C85;
  --primary-color-hover: #15736C;
  --primary-color-active: #08665F;
  --primary-color-50: #B2D7D7;
  --secondary-color: #FF6D48;
}

@font-face {
  font-family: "ProbaPro";
  font-weight: normal;
  font-display: auto;
  font-style: normal;
  src: url("../fonts/ProbaPro-Regular/ProbaPro-Regular.eot");
  src: url("../fonts/ProbaPro-Regular/ProbaPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProbaPro-Regular/ProbaPro-Regular.woff") format("woff"), url("../fonts/ProbaPro-Regular/ProbaPro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "ProbaPro";
  font-weight: bold;
  font-display: auto;
  font-style: normal;
  src: url("../fonts/ProbaPro-Bold/ProbaPro-Bold.eot");
  src: url("../fonts/ProbaPro-Bold/ProbaPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProbaPro-Bold/ProbaPro-Bold.woff") format("woff"), url("../fonts/ProbaPro-Bold/ProbaPro-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "ProbaPro";
  font-weight: 600;
  font-display: auto;
  font-style: normal;
  src: url("../fonts/ProbaPro-Medium/ProbaPro-Medium.eot");
  src: url("../fonts/ProbaPro-Medium/ProbaPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/ProbaPro-Medium/ProbaPro-Medium.woff") format("woff"), url("../fonts/ProbaPro-Medium/ProbaPro-Medium.ttf") format("truetype"); }

@font-face {
    font-family: "ptsansrub";
    font-display: swap;
    src: url("/bitrix/templates/empty/css/../fonts/ptsansrub-regular-webfont.ttf");
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot');
  src: local('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot');
  src: local('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueCyr';
  src: url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot');
  src: local('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'),
    url('/bitrix/templates/empty/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosText-Medium.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text VF';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosTextVF-Regular.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosTextVF-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosText-Bold.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosText-Black.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosText-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosText-DemiBold.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosText-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('/local/templates/new_opt/fonts/GolosText/GolosText-Regular.woff2') format('woff2'),
            url('/local/templates/new_opt/fonts/GolosText/GolosText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0;
  height: 100%; }

body {
  min-width: 320px;
  overflow-x: hidden;
  background-color: #F1F2F7;
  padding: 0;
  margin: 0;
  position: relative;
  color: #000;
  font-family: var(--font);
  font-size: 14px; }

b {
  font-weight: bold; }

article, aside, footer, header, nav, section {
  display: block; }

h1, h2 {
  margin: 0;
  line-height: 1.2em; }

h2 {
  font-weight: bold;
  font-size: 24px; }

h3 {
  font-size: 18px;
  font-weight: bold; }


input, textarea {
  font-family: var(--font);
}

button {
	font-family: var(--font);
}

.no-viewport {
  min-width: 1024px; }

.hidden {
  display: none; }

.loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(108, 109, 121, 0.2);
  top: 0;
  left: 0;
  background-image: url(../images/spinner2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 127px;
  display: none;
  z-index: 999; }

.container {
  max-width: 100%;
  margin: 0 auto;
  width: 100%; }

div.popup{
  z-index: 1000;
}


.lkp__header {
  background-color: #fff;
  padding: 8px 30px 13px;
  position: relative;
  z-index: 200;
}

.lkp__header-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: 16px;
  padding-top: 4px;
}

.lkp__header-info {
  margin-right: 25px;
}

.lkp__menu {
  display: flex;
  align-items: center;
}

.lkp__menu-item {
  padding: 3px 10px;
  color: #6c6d79;
  margin-right: 10px;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  z-index: 2;
}

@media (max-width: 1380px) {
  .lkp__menu-item {
    font-size: 13px;
    margin-right: 5px;
    padding: 3px 8px;
  }
}

@media (max-width: 1180px) {
  .lkp__menu-item {
    font-size: 11px;
    margin-right: 1px;
    padding: 3px 8px;
  }
}

.lkp__menu-item.active,
.lkp__menu-item:hover,
.lkp__menu-item.nuxt-link-active {
  background-color: var(--primary-color);
  color: #fff;
}

.lkp__menu-item-wrap {
  position: relative;
}

@media (max-width: 1480px) {
  .lkp__menu-item-wrap:last-child .lkp__submenu {
    left: auto;
    right: 0;
  }
}

@media (max-width: 1410px) {
  .lkp__menu-item-wrap:nth-last-child(2) .lkp__submenu {
    left: auto;
    right: 0;
  }
}

.lkp__menu-item-wrap.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.lkp__menu-item-wrap.dropdown:before {
  content: "";
  width: 105%;
  height: 30px;
  bottom: -15px;
  position: absolute;
  left: 0;
  pointer-events: none;

}

.lkp__menu-item-wrap:hover .lkp__submenu {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}

.lkp__menu-item-wrap.dropdown:hover:before {
  pointer-events: auto;
}

.lkp__submenu {
  list-style-type: none;
  background-color: #fff;
  border-radius: 10px;
  min-width: 235px;
  padding: 20px 10px 10px;
  display: flex;
  position: absolute;
  left: 0;
  pointer-events: none;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  box-sizing: border-box;
  margin-top: 13px;
  opacity: 0;
  overflow: hidden;
  padding: 10px;
  top: 100%;
  transform-origin: 50% 0;
  transform: scale(.75) translateY(-21px);
  transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out, left 0s .2s;
  z-index: 9;
  border-radius: 10px;
}

.lkp__submenu-item {
  margin-bottom: 1px;
  min-width: 235px;
}

.lkp__submenu-link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 10px;
  color: #141517;
  border-radius: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.lkp__submenu-link .num{
  height: 19px;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 5px;
  border-radius: 10px;
  line-height: 19px;
  display: inline-flex;
  align-items: center;
}

.lkp__submenu-link.active,
.lkp__submenu-link:hover {
  background: #f8f9fb;
}

.lkp__submenu-title {
  padding: 3px 11px;
  font-weight: bold;
  font-size: 16px;
  min-height: 30px;
}

.lkp__submenu-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lkp__submenu-block:not(:last-child) {
  margin-right: 20px;
}

.lkp__logo {
  display: flex;
  align-items: center;
}

.lkp__logo img {
  width: auto;
  height: 30px;
  margin-right: 15px;
  margin-bottom: -6px;
}

@media (max-width: 1180px) {
  .lkp__logo img {
    height: 20px;
  }
}

@media (max-width: 1180px) {
  .lkp__logo-description{
    font-size: 11px;
  }
}

.lkp__logo-description {
  padding-left: 9px;
  position: relative;
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-top: 2px;
}

@media (max-width: 1180px) {
  .lkp__logo-description{
    font-size: 11px;
  }
}

.lkp__logo-description:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}

.lkp__settings {
  display: flex;
  align-items: center;
}

.lkp__settings .lkp__table2-status {
  margin-right: 16px;
}

.lkp__settings .lkp__table2-status.hide{
  display: none;
}

.lkp__settings-company {
  position: relative;
  z-index: 10;
  color: #141517;
  font-size: 18px;
  text-transform: uppercase;
  margin-right: 22px;
}

a.lkp__settings-company {
  text-decoration: none;
  transition: all .2s ease;
}

a.lkp__settings-company:hover{
  color: var(--primary-color);
}


.lkp__settings-company-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.lkp__settings-company-toggle .t-icon {
  margin-left: 0px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4wNTQ0NSA1Ljg4MDU4TDAuMTg0NzE2IDIuMDEwNzFDLTAuMDYxNTczMSAxLjc2NDU0IC0wLjA2MTU3MyAxLjM2NTQyIDAuMTg0NzE2IDEuMTE5MzdDMC40MzA3ODYgMC44NzMyOTYgMC44Mjk4ODggMC44NzMyOTYgMS4wNzU5NCAxLjExOTM3TDQuNTAwMDYgNC41NDM2TDcuOTI0MDcgMS4xMTk0N0M4LjE3MDI0IDAuODczMzk2IDguNTY5MyAwLjg3MzM5NiA4LjgxNTM3IDEuMTE5NDdDOS4wNjE1NCAxLjM2NTU0IDkuMDYxNTQgMS43NjQ2NCA4LjgxNTM3IDIuMDEwODFMNC45NDU1OCA1Ljg4MDY4QzQuODIyNDggNi4wMDM3MSA0LjY2MTMyIDYuMDY1MTYgNC41MDAwOCA2LjA2NTE2QzQuMzM4NzcgNi4wNjUxNiA0LjE3NzQ5IDYuMDAzNTkgNC4wNTQ0NSA1Ljg4MDU4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
  width: 9px;
  height: 9px;
  background-repeat: no-repeat;
  background-position: center;
}

.lkp__settings-company:hover .lkp__settings-company-toggle .t-icon {
  transform: rotate(180deg);
}

.lkp__settings-company:hover .lkp__settings-dropdown {
  opacity: 1;
  pointer-events: all;
  transform: none;
}

.lkp__settings-dropdown {
  position: absolute;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 10px 10px;
  top: 100%;
  margin-top: 10px;
  left: -28px;
  width: 266px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10%);
  transition: all 0.2s ease;
}

.lkp__settings-dropdown.small{
  left: -15px;
  width: 140px;
}

.lkp__settings-dropdown:before {
  content: '';
  position: absolute;
  top: -20px;
  height: 20px;
  width: 100%;
}

.lkp__settings-dropdown-item {
  transition: all 0.2s ease;
  font-size: 14px;
  line-height: 1.5;
  text-transform: none;
  padding: 11.5px 10px;
  cursor: pointer;
  color: #141517;
  text-decoration: none;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 10px;
  font-family: var(--font);
}

.lkp__settings-dropdown-item.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.lkp__settings-dropdown-item:hover {
  background: #f1f2f7;
}

.lkp__settings-dropdown-item span {
  background: rgba(152, 153, 170, .2);
  border-radius: 10px;
  padding: 3px 10px;
}

.lkp__settings-menu {
  border: 1px solid #f2f3f5;
  background-color: #fff;
  box-shadow: 0px 4px 10px rgba(217, 213, 209, 0.78);
  border-radius: 10px;
  padding: 16px 0;
  font-size: 14px;
  white-space: nowrap;
  z-index: 2;
}

.lkp__settings-item {
  padding: 5px 20px;
  text-decoration: none;
  color: #6c6d79;
  cursor: pointer;
  margin-bottom: 5px;
}

.lkp__settings-item:last-child {
  margin-right: 0;
}

.lkp__settings-item:hover {
  background-color: #f2f3f5;
}

.lkp__notifications {
  position: relative;
  z-index: 10;
}

.lkp__notifications-icon {
  position: relative;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE2LjVDMTIgMTguMTU2OSAxMC42NTY5IDE5LjUgOSAxOS41QzcuMzQzMTUgMTkuNSA2IDE4LjE1NjkgNiAxNi41IiBzdHJva2U9IiM2QzZENzkiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxwYXRoIGQ9Ik0yLjAwOTM1IDExLjA1MDVMMi4yMDQ4IDEwLjg2OTdMMi4yNDI0NiAxMC42MDYxQzIuMjcxMjQgMTAuNDA0NiAyLjI5OTc4IDEwLjE5NjMgMi4zMjkwNiA5Ljk4MjU4QzIuNTYyMzQgOC4yNzk4MSAyLjg0MzE0IDYuMjMwMTMgMy42NzQ4NiA0LjUxNDcxQzQuMTM0MjEgMy41NjczIDQuNzQ2MDMgMi43NjA4IDUuNTgwMyAyLjE4ODkzQzYuNDA4ODUgMS42MjA5NyA3LjUwNjYzIDEuMjUgOSAxLjI1QzEwLjQ5MzQgMS4yNSAxMS41OTExIDEuNjIwOTcgMTIuNDE5NyAyLjE4ODkzQzEzLjI1NCAyLjc2MDggMTMuODY1OCAzLjU2NzMgMTQuMzI1MSA0LjUxNDcxQzE1LjE1NjkgNi4yMzAxMyAxNS40Mzc3IDguMjc5ODIgMTUuNjcwOSA5Ljk4MjU4QzE1LjcwMDIgMTAuMTk2MyAxNS43Mjg4IDEwLjQwNDYgMTUuNzU3NSAxMC42MDYxTDE1Ljc5NTIgMTAuODY5N0wxNS45OTA3IDExLjA1MDVDMTYuMzk1OSAxMS40MjU0IDE2LjczNzYgMTEuODgwNiAxNi45ODAzIDEyLjI0OTlDMTcuMTU5NiAxMi41MjI5IDE3LjI1IDEyLjg3MjcgMTcuMjUgMTMuMjcwNUMxNy4yNSAxNC42Mzk5IDE2LjEzOTkgMTUuNzUgMTQuNzcwNSAxNS43NUgzLjIyOTU0QzEuODYwMTMgMTUuNzUgMC43NSAxNC42Mzk5IDAuNzUgMTMuMjcwNUMwLjc1IDEyLjg3MjcgMC44NDAzNTEgMTIuNTIyOSAxLjAxOTcxIDEyLjI0OTlDMS4yNjI0IDExLjg4MDYgMS42MDQxMyAxMS40MjU0IDIuMDA5MzUgMTEuMDUwNVoiIHN0cm9rZT0iIzZDNkQ3OSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
  width: 19px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.lkp__notifications-count {
  position: absolute;
  right: -7px;
  top: -2px;
  height: 14px;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 0 4px;
  border-radius: 10px;
  line-height: 14px;
  cursor: pointer;
}

.lkp__notifications-tooltip {
  display: none;
}

.lkp__table2-status {
  background: gray;
  border-radius: 100px;
  padding: 5px 12px;
  padding-left: 21px;
  position: relative;
  display: inline-flex;
  font-weight: 500;
  font-size: 12px;
  align-self: flex-start;
}

.lkp__table2-status:before {
  content: "";
  position: absolute;
  background: white;
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  border-radius: 50%;
}

.lkp__table2-status_style2{
  border-radius: 8px;
  padding: 3px 8px;
  align-self: center;
}

.lkp__table2-status_style2:before{
  display: none;
}

.lkp__table2-status_aqua {
  background: #d7f9f7;
}

.lkp__table2-status_aqua:before {
  background: #45c0a3;
}

.lkp__table2-status_yellow {
  background: #fff9c8;
}

.lkp__table2-status_yellow:before {
  background: #ffc700;
}

.lkp__table2-status_orange {
  background: #fff2db;
}

.lkp__table2-status_orange:before {
  background: #f89e00;
}

.lkp__table2-status_red {
  background: #ffe7da;
}

.lkp__table2-status_red:before {
  background: #f87700;
}

.lkp__table2-status_pink {
  background: #fae7ff;
}

.lkp__table2-status_pink:before {
  background: #bd30ff;
}

.lkp__table2-status_purple {
  background: #eaeaff;
}

.lkp__table2-status_purple:before {
  background: #7849fc;
}

.lkp__table2-status_purple-dark {
  background: #e9e3ff;
}

.lkp__table2-status_purple-dark:before {
  background: #8525e6;
}

.lkp__table2-status_blue {
  background: #e3f0ff;
}

.lkp__table2-status_blue:before {
  background: #257ee6;
}

.lkp__table2-status_green {
  background: var(--primary-color-50);
}

.lkp__table2-status_green:before {
  background: var(--primary-color);
}

.lkp__table2-status_style2.lkp__table2-status_green {
  background: var(--primary-color);
  color: #fff;
}

.lkp__table2-status_gray {
  background: #f1f2f7;
}

.lkp__table2-status_gray:before {
  background: #908f9d;
}


.lkp__settings-phone-icon {
  width: 24px;
  height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjQ5NzEgNi41MjUzOUg3LjUwMzQ3QzYuMjY0MDYgNi41MjUzOSA1LjI1IDcuNTM5NDUgNS4yNSA4Ljc3ODg2VjE0LjY4NzhDNS4yNSAxNS45MjcyIDYuMjY0MDYgMTYuOTQxMiA3LjUwMzQ3IDE2Ljk0MTJIOS41ODcwOVYxOS45NzVMMTMuMzQyOCAxNi45NDEySDE2LjQ5NjJDMTcuNzM1NCAxNi45NDEyIDE4Ljc0OTcgMTUuOTI3MiAxOC43NDk3IDE0LjY4NzhWOC43Nzg4NkMxOC43NTA2IDcuNTM5NDUgMTcuNzM2NSA2LjUyNTM5IDE2LjQ5NzEgNi41MjUzOVpNMTcuMzQyMSAxNC42ODc1QzE3LjM0MjEgMTUuMTQ1OCAxNi45NTUxIDE1LjUzMjUgMTYuNDk3MSAxNS41MzI1SDEzLjM0MjhIMTIuODQ0OEwxMi40NTc1IDE1Ljg0NTJMMTAuOTk1MiAxNy4wMjYzVjE2Ljk0MDRWMTUuNTMySDkuNTg2ODFINy41MDM0N0M3LjA0NTQ2IDE1LjUzMiA2LjY1ODQyIDE1LjE0NTIgNi42NTg0MiAxNC42ODY5VjguNzc4ODZDNi42NTg0MiA4LjMyMDg1IDcuMDQ1NDYgNy45MzM4MSA3LjUwMzQ3IDcuOTMzODFIMTYuNDk3MUMxNi45NTUxIDcuOTMzODEgMTcuMzQyMSA4LjMyMDg1IDE3LjM0MjEgOC43Nzg4NlYxNC42ODc1WiIgZmlsbD0iIzJFOEM4NSIvPgo8cGF0aCBkPSJNOS4xMTEwNyAxMi41NTQzQzkuNTY0MjUgMTIuNTU0MyA5LjkzMTYyIDEyLjE4NjkgOS45MzE2MiAxMS43MzM4QzkuOTMxNjIgMTEuMjgwNiA5LjU2NDI1IDEwLjkxMzIgOS4xMTEwNyAxMC45MTMyQzguNjU3OSAxMC45MTMyIDguMjkwNTMgMTEuMjgwNiA4LjI5MDUzIDExLjczMzhDOC4yOTA1MyAxMi4xODY5IDguNjU3OSAxMi41NTQzIDkuMTExMDcgMTIuNTU0M1oiIGZpbGw9IiMyRThDODUiLz4KPHBhdGggZD0iTTEyLjAwMDIgMTIuNTU0M0MxMi40NTM0IDEyLjU1NDMgMTIuODIwOCAxMi4xODY5IDEyLjgyMDggMTEuNzMzOEMxMi44MjA4IDExLjI4MDYgMTIuNDUzNCAxMC45MTMyIDEyLjAwMDIgMTAuOTEzMkMxMS41NDcxIDEwLjkxMzIgMTEuMTc5NyAxMS4yODA2IDExLjE3OTcgMTEuNzMzOEMxMS4xNzk3IDEyLjE4NjkgMTEuNTQ3MSAxMi41NTQzIDEyLjAwMDIgMTIuNTU0M1oiIGZpbGw9IiMyRThDODUiLz4KPHBhdGggZD0iTTE0Ljg4OTIgMTIuNTU0M0MxNS4zNDIzIDEyLjU1NDMgMTUuNzA5NyAxMi4xODY5IDE1LjcwOTcgMTEuNzMzOEMxNS43MDk3IDExLjI4MDYgMTUuMzQyMyAxMC45MTMyIDE0Ljg4OTIgMTAuOTEzMkMxNC40MzYgMTAuOTEzMiAxNC4wNjg2IDExLjI4MDYgMTQuMDY4NiAxMS43MzM4QzE0LjA2ODYgMTIuMTg2OSAxNC40MzYgMTIuNTU0MyAxNC44ODkyIDEyLjU1NDNaIiBmaWxsPSIjMkU4Qzg1Ii8+CjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIuNSIgcj0iMTEuMjUiIHN0cm9rZT0iIzJFOEM4NSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.lkp__settings-phone {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.lkp__settings-phone-link span {
  color: #9899AA;
}

.lkp__settings-phone-link {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: #141517;
}

.lkp__side {
  margin-right: 8px;
  position: relative;
  flex-shrink: 0;
  transition: all .2s ease;
  width: 278px;
  display: flex;
}

.lkp__side.hide{
  display: none;
}

.lkp__side:before {
  content: "";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEuNTE2NjciIHJ4PSIwLjc1ODMzMyIgZmlsbD0iIzE0MTUxNyIvPgo8cmVjdCB5PSI1LjMwODExIiB3aWR0aD0iMTIiIGhlaWdodD0iMS41MTY2NyIgcng9IjAuNzU4MzMzIiBmaWxsPSIjMTQxNTE3Ii8+CjxyZWN0IHk9IjEwLjYxNjciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxLjUxNjY3IiByeD0iMC43NTgzMzMiIGZpbGw9IiMxNDE1MTciLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  top: 30px;
  left: 11px;
  opacity: 0;
  z-index: 1;
}

.lkp__side_minimized {
  width: 72px;
  margin-right: -20px;
}

.lkp__side_minimized:before {
  opacity: 1;
}

.lkp__side-inner {
  background: #fff;
  border-radius: 20px;
  width: 278px;
  flex-shrink: 0;
  padding: 24px 10px;
  position: relative;
  display: flex;
}

.lkp__side_minimized .lkp__side-inner {
  overflow: hidden;
  background: #f9fafc;
}

.lkp__side-inner>div {
  transition: all .2s ease;
}

.lkp__side_minimized .lkp__side-inner>div {
  opacity: 0;
  pointer-events: none;
}

.lkp__side-wrap {
  width: 100%;
  z-index: 110;
}

.lkp__dir-item {
  display: flex;
  align-items: baseline;
  transition: all .2s ease;
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  color: #000;
  position: relative;
  text-decoration: none;
  margin-bottom: 2px;
}

.lkp__dir-item:hover:not(.active){
  background: #f7f8fc;
}

.lkp__dir-item.active {
  background: #f1f2f7;
}

.lkp__dir-item.active {
  cursor: default;
}

.lkp__dir-name {
  color: #141517;
  transition: all .2s ease;
}

.lkp__dir-item.active .lkp__dir-name {
  font-weight: 700;
}

.lkp__dir-num {
  margin-left: auto;
  flex-shrink: 0;
  transition: all .2s ease;
  height: 19px;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 0 5px;
  border-radius: 10px;
  line-height: 19px;
  display: inline-flex;
  align-items: center;
}

.lkp__side-toggle {
  background: #fff;
  box-shadow: -3px 2px 2px hsla(0,0%,60.8%,.1);
  border-radius: 20px;
  position: absolute;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 24px;
  right: -22px;
  z-index: 10;
  cursor: pointer;
}

.lkp__side_minimized .lkp__side-toggle {
  transform: translateX(-28px) rotate(180deg);
}

.lkp__side-toggle, .lkp__side-toggle .t-icon {
  transition: all .2s ease;
}

.t-icon--arrow-left-gray {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjgyNTU3MyA2LjU5NDA2TDUuOTg1MzkgMTEuNzUzN0M2LjMxMzYyIDEyLjA4MjEgNi44NDU3OCAxMi4wODIxIDcuMTczODUgMTEuNzUzN0M3LjUwMTk0IDExLjQyNTYgNy41MDE5NCAxMC44OTM1IDcuMTczODUgMTAuNTY1NEwyLjYwODIxIDUuOTk5OTFMNy4xNzM3MiAxLjQzNDU3QzcuNTAxODEgMS4xMDYzNSA3LjUwMTgxIDAuNTc0MjYzIDcuMTczNzIgMC4yNDYxN0M2Ljg0NTYyIC0wLjA4MjA1NjYgNi4zMTM0OSAtMC4wODIwNTY2IDUuOTg1MjYgMC4yNDYxN0wwLjgyNTQ0MSA1LjQwNTlDMC42NjEzOTQgNS41NzAwMiAwLjU3OTQ2MyA1Ljc4NDkgMC41Nzk0NjMgNS45OTk4OUMwLjU3OTQ2MyA2LjIxNDk4IDAuNjYxNTUzIDYuNDMwMDEgMC44MjU1NzMgNi41OTQwNloiIGZpbGw9IiM5ODk5QUEiLz4KPC9zdmc+Cg==);
}

.t-icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  text-indent: 0;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
}

.t-icon.t-size--default {
  width: 24px;
  height: 24px;
}

.t-icon:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  left: -25%;
  top: -25%;
}

.header {
  height: 78px;
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 2px 2px rgba(173, 173, 174, 0.2);
  box-shadow: 0px 2px 2px rgba(173, 173, 174, 0.2);
  /* position: fixed;
  top: 0;
  left: 0; */
  position: relative;
  width: 100%;
  z-index: 99; }

.header .container {
  height: 100%; }

.header-simple {
  overflow: hidden;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 68px; }

.header__inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 30px;
}

.header__partners-link {
  font-weight: bold;
  color: #FF4E00;
  padding-left: 25px;
  text-decoration: none;
  font-family: var(--font);
}

.header__support {
  margin-left: auto;
  margin-right: 32px;
}

.header__support-wrapper {
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.header__support-wrapper img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  filter: hue-rotate(263deg);
  width: 24px; }

.header__support-block {
  padding-left: 8px;
  color: #8F91A3; }

.header__support-top {
  font-size: 12px;
  margin-bottom: 4px; }

.header__support-phone {
  text-decoration: none;
  color: #8F91A3;
  font-weight: 500;
  font-size: 16px; }

.header__support-phone span {
  color: #141517; }

.header__menu {
  height: 100%;
  cursor: pointer;
  position: relative; }

.header__menu-dropdown {
  height: 100%;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: #141517;
  min-width: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.header__menu-dropdown:after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background-image: url(../images/arrow-black-dropdown.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 36px;
  -webkit-transition: all .2 ease;
  -o-transition: all .2 ease;
  transition: all .2 ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.header__menu-dropdown span {
  display: inline-block;
  padding: 0 60px 0 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.header__menu-dropdown.open {
  -webkit-box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.38); }

.header__menu-dropdown.open:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.header__menu-dropdown.open .header__menu-dropdown-list {
  display: block;
  -webkit-box-shadow: 3px 10px 11px rgba(60, 57, 57, 0.37);
  box-shadow: 3px 10px 11px rgba(60, 57, 57, 0.37); }

.header__menu-dropdown-list {
  list-style-type: none;
  padding: 25px 35px 15px;
  margin: 0;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  top: 60px;
  font-size: 18px;
  border: 1px solid #D9D5D1;
  border-top: none;
  display: none; }

.header__menu-dropdown-list li {
  display: block;
  margin-bottom: 10px; }

.header__menu-dropdown-list li:hover a {
  color: var(--primary-color); }

.header__menu-dropdown-list li a {
  text-decoration: none;
  color: #141517; }

.header__notify {
  height: 100%;
  position: relative; }

.header__notify:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #E7E7E7; }

.header__notify-link {
  text-decoration: none;
  display: block;
  padding: 0 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.header__nav {
  margin-left: auto;
  height: 100%; }

.header__nav-list {
  list-style-type: none;
  padding: 0;
  margin: 0 -45px;
  font-weight: bold;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%; }

.header__nav-item {
  margin: 0 45px; }

.header__nav-link {
  color: #141517;
  text-decoration: none; }

.header__nav-link_knowledge {
  position: relative;
  padding-left: 35px;
}
.header__nav-link_knowledge:before {
  content: "";
  position: absolute;
  width: 23px;
  height: 23px;
  top: 50%;
  margin-top: -12.5px;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDhIMjIuNUMyMy4wNTIzIDggMjMuNSA4LjQ0NzcyIDIzLjUgOVYyMC41QzIzLjUgMjEuMDUyMyAyMy4wNTIzIDIxLjUgMjIuNSAyMS41SDE2LjQxNDJDMTYuMTQ5IDIxLjUgMTUuODk0NiAyMS42MDU0IDE1LjcwNzEgMjEuNzkyOUwxNC4yOTI5IDIzLjIwNzFDMTQuMTA1NCAyMy4zOTQ2IDEzLjg1MSAyMy41IDEzLjU4NTggMjMuNUgxMS40MTQyQzExLjE0OSAyMy41IDEwLjg5NDYgMjMuMzk0NiAxMC43MDcxIDIzLjIwNzFMOS4yOTI4OSAyMS43OTI5QzkuMTA1MzYgMjEuNjA1NCA4Ljg1MSAyMS41IDguNTg1NzkgMjEuNUgyQzEuNDQ3NzIgMjEuNSAxIDIxLjA1MjMgMSAyMC41VjlDMSA4LjQ0NzcyIDEuNDQ3NzIgOCAyIDhINCIgc3Ryb2tlPSIjMTE3OEJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjUgNi41QzE0LjUgNCAyMSA1IDIxIDVWMTlDMjEgMTkgMTQgMTggMTIuNSAyMC41QzEwLjUgMTggNCAxOSA0IDE5VjRINi41IiBzdHJva2U9IiMxMTc4QkIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuNSA2LjVWMjFDMTIuNSAyMSAxMi41IDE1IDYuNSAxNUw2LjUgMTQuNTU3M0M2LjUwMDA1IDEwLjQ2ODggNi41MDAxMiAzLjM5MjYxIDYuNSAwLjVDMTIuOTk5OSAxLjYyMDY3IDEyLjUgNi41IDEyLjUgNi41WiIgZmlsbD0iIzExNzhCQiIgc3Ryb2tlPSIjMTE3OEJCIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center;
}

.header__naming {
  height: 100%;
  position: relative;
  padding: 0 28px 0 34px; }


.header__naming>span {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #141517;
  font-weight: 500;
  font-size: 18px;
}

.header__naming.has-dropdown{
  cursor: pointer;
}

.header__naming.has-dropdown>span:after{
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4wNTQ0NSAxLjExOTQyTDAuMTg0NzE2IDQuOTg5MjlDLTAuMDYxNTczMSA1LjIzNTQ2IC0wLjA2MTU3MyA1LjYzNDU4IDAuMTg0NzE2IDUuODgwNjNDMC40MzA3ODYgNi4xMjY3IDAuODI5ODg4IDYuMTI2NyAxLjA3NTk0IDUuODgwNjNMNC41MDAwNiAyLjQ1NjRMNy45MjQwNyA1Ljg4MDUzQzguMTcwMjQgNi4xMjY2IDguNTY5MyA2LjEyNjYgOC44MTUzNyA1Ljg4MDUzQzkuMDYxNTQgNS42MzQ0NiA5LjA2MTU0IDUuMjM1MzYgOC44MTUzNyA0Ljk4OTE5TDQuOTQ1NTggMS4xMTkzMkM0LjgyMjQ4IDAuOTk2MjkgNC42NjEzMiAwLjkzNDg0MiA0LjUwMDA4IDAuOTM0ODQyQzQuMzM4NzcgMC45MzQ4NDIgNC4xNzc0OSAwLjk5NjQwOSA0LjA1NDQ1IDEuMTE5NDJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 9px;
  height: 9px;
  margin-left: 20px;
  position: relative;
  transform: rotate(180deg);
}

.header__naming:hover>span:after {
  transform: none;
}


.header__naming-dropdown{
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  border-radius: 10px;
  padding: 16px 4px;
  top: 100%;
  margin-top: 0px;
  left: 1px;
  width: 246px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10%);
  transition: all .2s ease;
  cursor: default;
}

.header__naming-dropdown:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  height: 20px;
  width: 100%;
}

.header__naming:hover .header__naming-dropdown {
  opacity: 1;
  pointer-events: all;
  transform: none;
}

.header__naming-dropdown-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 10px;
  transition: all .2s ease;
  font-size: 16px;
  line-height: 1.3;
  text-transform: none;
  padding: 7.5px 12px;
  cursor: pointer;
  color: #141517;
  text-decoration: none;
  font-family: var(--font);
}

.header__naming-dropdown-item.disabled{
  opacity: 0.5;
  pointer-events: none;
}

.header__naming-dropdown-item:hover {
  background: #f1f2f7;
}

.header__naming-dropdown-badge {
  background: rgba(152,153,170,.2);
  border-radius: 12px;
  padding: 4px 9px;
  width: auto;
  height: auto;
  font-size: 12px;
  font-weight: 400;
  margin-top: 3px;
  line-height: 1.3;
}

.header__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 28px;
  position: relative; }

.header__status-type {
  display: none;
  position: relative;
  margin-left: 10px;
  height: 20px; }

.header__status-type:hover .header__status-type-tooltip {
  display: block; }

.header__status-type.active {
  display: block; }

.header__status-type img {
  filter: hue-rotate(263deg);
  width: 20px;
  height: 20px; }

.header__status-type-tooltip {
  position: absolute;
  background-color: #F3F0ED;
  border: 1px solid #CBC8C3;
  color: #6C6D79;
  font-size: 12px;
  border-radius: 5px;
  padding: 5px 15px;
  width: 220px;
  top: 25px;
  left: -10px;
  display: none; }

.header__status-type-tooltip:before, .header__status-type-tooltip:after {
  bottom: 100%;
  left: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.header__status-type-tooltip:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #F3F0ED;
  border-width: 4px;
  margin-left: -4px; }

.header__status-type-tooltip:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #CBC8C3;
  border-width: 6px;
  margin-left: -6px; }

.line-before {
  position: relative; }

.line-before:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #E7E7E7; }

.logo {
  width: 124px;
  position: relative;
  margin-right: 23px;
  display: inline-block;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.logo:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 24px;
  right: -24px;
  top: 16px;
  background-color: #E7E7E7; }

.logo img {
  max-width: 100%;
  max-height: 100%;
}

.header:not(.header-simple) .logo {
  width: 91px;
  height: 55px;
}

.logotype {
  width: 124px; }

.beta {
  margin-right: 15px;
  width: 42px; }

.btn {
  min-width: 164px;
  width: 201px;
  padding: 0 15px;
  text-align: center;
  height: 43px;
  border-radius: 100px;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  line-height: 41px;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 11px rgba(24, 24, 25, 0.36);
  box-shadow: 0px 5px 11px rgba(24, 24, 25, 0.36);
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.btn--img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.btn--img img {
  margin-right: 12px; }

.btn--large {
  height: 50px;
  line-height: 48px;
  min-width: 205px; }

.btn--white {
  background-color: #fff;
  color: var(--primary-color); }

.btn--white:hover {
  background-color: var(--primary-color);
  color: #fff; }

.btn--green {
  background-color: var(--primary-color);
  color: #fff; }

.btn--green:hover {
  background-color: var(--primary-color-hover); }

.btn--empty {
  background-color: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color); }

.btn--empty-red {
  color: #FF392C;
  border-color: #FF392C; }

.btn--dark {
  background-color: #6C6D79;
  color: #fff; }

.btn.disabled {
  background-color: #6C6D79;
  color: #fff;
  pointer-events: none;
}

.btn.add-file {
  width: auto;
  min-width: 201px; }

.main {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100% - 153px);
  /* overflow-x: hidden; */
}

.main > .container{
  display: flex;
  flex-direction: column;
}

#panel ~ .main{
  min-height: calc(100% - 144px);
}

.main__title{
  padding: 18px 30px;
  padding-bottom: 9px;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
}

.main__title #progress{
  position: absolute;
  right: 43px !important;
  bottom: -14px !important;
  font-size: 12px !important;
}

.main__title-link{
  text-decoration: none;
  color: #141517;
  font-size: 18px;
  transition: all .2s ease;
}

.main__title-link:hover{
  color: var(--primary-color);
}

.main__content {
  display: flex;
  padding: 8px 30px;
  flex-grow: 1;
}

.main-partners {
  padding: 68px 68px 0;
  background-color: #fff;
  overflow: hidden; }

.main-partners .main__content {
  display: block;
  height: auto;
  width: 100%; }

.main-partners + .footer {
  padding-left: 68px; }

.footer {
  height: auto;
  width: 100%;
  color: #F2F3F5;
  background-color: #9899AA;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  line-height: 1em;
  position: relative;
  z-index: 99;
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 0 30px;
}

.footer-merch-text {
  padding: 10px 0; }

.footer-merch-text__info a {
  color: var(--primary-color); }

.left-menu {
  display: flex;
  width: 320px;
  height: 100%;
  padding: 24px 0;
  padding-top: 20px;
  padding-right: 17px;
  padding-bottom: 13px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  /* position: fixed; */
  /* height: calc(100vh - 130px); */
  z-index: 98;
  /* top: 68px; */
  /* left: calc( (100% - 1380px) / 2); */
  /* overflow-y: auto;  */
}

.left-menu__list {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.left-menu__item {
  display: block;
  position: relative;
  border-bottom: 1px solid #D9D5D1; }

.left-menu__item.active:before {
  content: "";
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: -10px;
  display: block;
  width: calc(100% + 20px);
  height: 100%;
}

.left-menu__item.disabled, .left-menu__submenu-item.disabled {
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.left-menu__item.disabled:hover .left-menu__title,.left-menu__submenu-item.disabled:hover .left-menu__title {
  color: #6C6D79; }

.left-menu__item:hover .left-menu__title {
  color: var(--primary-color); }

/* .left-menu__item.active .left-menu__link {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
} */

.left-menu__item.active .left-menu__link:before{
  content: "";
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: -10px;
  display: block;
  width: calc(100% + 10px);
  height: 100%;
  display: none;
}

.left-menu__item.active .left-menu__title {
  color: var(--primary-color); }

.left-menu__item.open .arrow-menu:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.left-menu__item.open .left-menu__submenu {
  display: block; }

.left-menu__item.open.active .left-menu__submenu {
  /* background-color: #fff;  */
}

.left-menu__link {
  display: block;
  padding: 18px 0 21px 0px;
  height: 65px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 5px; }

.left-menu__link.arrow-menu {
  position: relative; }

.left-menu__link.arrow-menu:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url(../images/arrow-grey-dropdown.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 0px;
  top: 28px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }

.left-menu__img {
  display: none;
  position: relative;
  width: 26px;
  height: 26px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.left-menu__img img {
  max-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.left-menu__title {
  position: relative;
  color: #141517;
  font-size: 18px;
  padding-left: 0;
}

.left-menu__events {
  color: #fff;
  margin-left: 15px;
  background-color: var(--primary-color);
  border-radius: 10px;
  padding: 2px 7px;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  min-width: 27px;
  text-align: center; }

.left-menu__submenu {
  list-style-type: none;
  /* padding: 10px 0 16px; */
  padding: 0;
  padding-bottom: 14px;
  margin: 0;
  margin-top: -7px;
  font-size: 14px;
  border-bottom: 1px solid #D9D5D1;
  display: none;
}

.left-menu__submenu-item {
  padding-left: 0;
  display: flex;
  align-items: center;
  padding-bottom: 11px; }

.left-menu__submenu-item.active {
  /* font-weight: bold;  */
}

.left-menu__submenu-item:hover a, .left-menu__submenu-item.active a {
  color: var(--primary-color); }

.left-menu__submenu-item a {
  text-decoration: none;
  color: #141517;
  padding-left: 0px;
  display: block;
}

.content {
  width: 100%;
  position: relative;
}

.content--full {
  margin-left: 0;
  width: 100%; }

.main-blocks{
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.main-blocks__wrapper {
  display: grid;
  grid-template-columns: auto auto;
  height: 100%;
  gap: 8px;
  flex-grow: 1;
}

.main-blocks__item {
  width: calc(33.333% - 4px);
  height: 341px;
  background-color: #fff;
  border-radius: 20px;
  padding: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 15px; }

.main-blocks__item--large {
  width: auto;
  height: auto;
}

.main-blocks__item--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.main-blocks__item--row .main-blocks__item-half {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 48%;
  flex: 1 1 48%; }

.main-blocks__item--row .main-blocks__item-half:first-child {
  border: none;
  padding-bottom: 0; }

.main-blocks__item--row .main-blocks__item-half:last-child {
  padding-top: 0; }

.main-blocks__item-img {
  width: 100%;
  margin: 0 auto 10px;
  max-width: 230px; }

.main-blocks__item-img img {
  max-width: 100%; }

.main-blocks__item-news {
  color: #6C6D79; }

.main-blocks__item-news b {
  display: block; }

.main-blocks__intro {
  background-color: var(--primary-color);
  color: #fff; }

.main-blocks__intro-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 12px;
  font-family: var(--font);
}

.info-merchant .field-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.info-merchant .field-item div:first-child {
  flex-grow: 1;
  display: flex;
  align-items: baseline;
}
.info-merchant .field-item div:first-child:after{
  content: "";
  border-bottom: 1px dashed #fff;
  flex-grow: 1;
  margin: 0 7px 4px;
  align-self: flex-end;
}
.info-merchant .field-item div:last-child {
  text-align: right;
}

.main-blocks__intro-name{
  text-transform: uppercase;
}

.main-blocks__intro-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-family: var(--font);
}

.main-blocks__intro-list li {
  display: block;
  margin-bottom: 8px; }

.main-blocks__intro-list a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none; }

.main-blocks__intro-list a span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px; }

.main-blocks__intro-icon {
  width: 24px;
  text-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.main-blocks__intro-icon img {
  max-width: 23px;
  vertical-align: middle; }

.main-blocks__title {
  font-size: 20px;
  font-weight: bold;
  color: #6C6D79;
  margin-bottom: 20px; }

.main-blocks__data-block {
  font-size: 15px;
  color: #6C6D79;
  margin-bottom: 15px; }

.main-blocks__data-block span {
  display: block;
  margin-bottom: 2px; }

.main-blocks__data-block b {
  display: block;
  font-size: 20px;
  font-weight: 400; }

.main-blocks__item-more {
  text-align: right;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

.main-blocks__item-more a {
  text-decoration: none;
  display: inline-block;
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color); }

.main-blocks__item-full {
  position: relative;
  height: 100%;
  padding-bottom: 16px; }

.main-blocks__item-half {
  position: relative;
  height: 50%;
  padding-bottom: 16px; }

.main-blocks__item-half:first-child {
  border-bottom: 1px solid #D9D5D1; }

.main-blocks__item-half:first-child .main-blocks__item-more {
  bottom: 10px; }

.main-blocks__item-half:last-child {
  padding-top: 10px; }

.main-blocks__list {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.main-blocks__list--long {
  width: 100%;
  max-width: 160px; }

.main-blocks__list--long li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px; }

.main-blocks__list--short li {
  margin-bottom: 8px; }

.main-blocks__list-item a {
  text-decoration: none;
  color: #6C6D79;
  position: relative; }

.main-blocks__list-item a:hover{
  color: var(--primary-color);
}

.main-blocks__list-item a.new:after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  background-image: url(../images/sticker-new.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -40px; }

.main-blocks__list-btn {
  margin-top: 25px;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 165px; }

.main-blocks__steps-title {
  font-size: 24px;
  color: #141517;
  margin-bottom: 20px; }

.main-blocks__steps-item {
  margin-bottom: 5px;
  font-size: 14px; }

.main-blocks__steps-ttl {
  color: #141517;
  font-weight: bold; }

.main-blocks__steps-text {
  font-size: 16px; }

.main-blocks__steps-text a {
  text-decoration: none;
  border-bottom: 1px dashed var(--primary-color);
  color: var(--primary-color); }


.main-blocks__lk{
  background-image: url("/local/templates/merchant/images/goto-lk-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.main-blocks__lk .main-blocks__item-full{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.main-blocks__item-image{
  width: 268px;
  height: 193px;
  margin-bottom: 30px;
}

.main-blocks__item-btn{
  background: var(--primary-color);
  border-radius: 50px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
  padding: 14px 24px;
  transition: all .2s ease;
}

.main-blocks__item-btn:hover{
  background: var(--primary-color-hover);
}

.main-blocks__item-btn:after{
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjY0NTIgNS40OTUwNUwxLjM0NTM0IDkuNzk0NzZDMS4wNzE4MiAxMC4wNjg0IDAuNjI4MzUxIDEwLjA2ODQgMC4zNTQ5NjEgOS43OTQ3NkMwLjA4MTU0OTQgOS41MjEzNSAwLjA4MTU0OTQgOS4wNzc5IDAuMzU0OTYxIDguODA0NTFMNC4xNTk2NyA0Ljk5OTkzTDAuMzU1MDcyIDEuMTk1NDhDMC4wODE2NiAwLjkyMTk1NSAwLjA4MTY2IDAuNDc4NTUyIDAuMzU1MDcyIDAuMjA1MTQxQzAuNjI4NDg0IC0wLjA2ODM4MDQgMS4wNzE5MyAtMC4wNjgzODA0IDEuMzQ1NDUgMC4yMDUxNDFMNS42NDUzMSA0LjUwNDkxQzUuNzgyMDEgNC42NDE2OSA1Ljg1MDI5IDQuODIwNzUgNS44NTAyOSA0Ljk5OTkxQzUuODUwMjkgNS4xNzkxNSA1Ljc4MTg4IDUuMzU4MzUgNS42NDUyIDUuNDk1MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  margin-left: 17px;
  position: relative;
  top: 1px;
}

.main-banner {
  height: 144px;
  background-image: url(../images/main-banner.jpg);
  background-size: cover;
  border-radius: 5px;
  margin-bottom: 3px; }

.main-banner__content {
  padding-left: 30%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff; }

.main-banner__title {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 5px; }

.main-banner__text {
  font-size: 18px; }

.main-banner__block {
  margin-right: 5%; }

.topline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 0 0;
  position: relative;
  z-index: 2; }


.topline-assortment {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.topline-products {
  padding: 20px 0; }


.main-tabs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 31px;
  margin-bottom: 15px;
  border-bottom: 1px solid #C6C9D0;
}

.main-tabs__item {
  color: #6C6D79;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  line-height: 1.2;
  padding: 14px 0;
  margin-bottom: -1.5px;
  font-size: 16px;
  font-weight: 500;
  color: #6C6D79;
  margin-right: 10px;
  transition: all .2s ease;
}

.main-tabs__item:last-child{
  margin-right: 0;
}

.main-tabs__item.active,
.main-tabs__item:hover:not(.disabled) {
  color: #141517;
  border-bottom-color: var(--primary-color);
}

.main-tabs__item.disabled{
  cursor: default;
  opacity: 0.5;
}

.main-tabs__item .left-menu__events {
  line-height: 1.2em; }

.tabs-content-area {
  background-color: #fff;
  border-radius: 20px;
  min-height: 100%;
}

.tabs-content-area.calendar{
  padding: 28px 37px;
}

.tabs-content-area.calendar .before-topline__calendar{
  padding: 0;
}

.tabs-content-area.pc-container{
  margin-bottom: 0;
  min-height: 0;
}

.tabs-content {
  display: none; }

.tabs-content.active {
  display: block; }

.assortment-info {
  padding: 48px 37px; }

.page-title {
  margin-bottom: 35px;
  color: #6C6D79; }

.page-subtitle {
  margin-bottom: 15px;
  color: #6C6D79; }

.assortment__chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.assortment__chart-diagram {
  max-width: 420px;
  width: 100%; }

.assortment__chart-list {
  list-style-type: none;
  padding: 0;
  padding-left: 35px;
  margin: 0;
  width: 100%; }

.assortment__chart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7px;
  color: #6C6D79; }

.assortment__chart-value {
  font-size: 16px;
  width: 90px;
  padding-right: 10px;
  position: relative;
  cursor: pointer; }

.assortment__chart-value:hover {
  color: var(--primary-color); }

.assortment__chart-tooltip {
  position: absolute;
  background-color: #fff;
  border: 1px solid #CFBDF3;
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 12px;
  color: var(--primary-color);
  top: 18px;
  left: 15px;
  width: 270px;
  display: none;
  z-index: 2; }

.assortment__chart-title {
  font-size: 14px; }

.assortment__logs {
  color: #6C6D79;
  margin-bottom: 30px; }

.assortment__logs-item {
  font-size: 15px;
  margin-bottom: 5px; }

.assortment__logs .more {
  margin-top: 15px; }

.assortment__price .sticky-wrap {
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }

.assortment__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  margin: 0 -2px 30px; }

.assortment__filter.active-0 .assortment__filter-item-0 {
  background-color: #8C69D3;
  border-radius: 5px;
  border: 1px solid #DADADA; }

.assortment__filter.active-0 .assortment__filter-item-1 {
  border-left: 1px solid #DADADA;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.assortment__filter.active-1 .assortment__filter-item-1 {
  background-color: #8C69D3;
  border-radius: 5px;
  border: 1px solid #DADADA; }

.assortment__filter.active-3 .assortment__filter-item-3 {
  background-color: #8C69D3;
  border-radius: 5px;
  border: 1px solid #DADADA; }

.assortment__filter.active-2 .assortment__filter-item-2 {
  background-color: #8C69D3;
  border-radius: 5px;
  border: 1px solid #DADADA; }

.assortment__filter.active-2 .assortment__filter-item-3 {
  border-right: 1px solid #DADADA;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.assortment__filter-item {
  text-decoration: none;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  border-top: 1px solid #DADADA;
  border-bottom: 1px solid #DADADA;
  position: relative;
  background-color: var(--primary-color);
  height: 52px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  cursor: pointer; }

.assortment__filter-item-1, .assortment__filter-item-3 {
  z-index: 2; }

.assortment__filter-item-1:before, .assortment__filter-item-1:after, .assortment__filter-item-3:before, .assortment__filter-item-3:after {
  content: '';
  position: absolute;
  height: 23px;
  width: 2px;
  background-color: #8C69D3;
  top: 15px; }

.assortment__filter-item-1:before, .assortment__filter-item-3:before {
  left: -2px; }

.assortment__filter-item-1:after, .assortment__filter-item-3:after {
  right: -2px; }

.assortment__compare {
  padding: 0 37px 98px; }

.assortment__compare-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px; }

.assortment__compare-title .page-title {
  margin-bottom: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.assortment__compare-count {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px; }

.assortment__compare-logs {
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 60%;
  color: #FF175D;
  padding-left: 30px; }

.compare-table__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D5D1;
  color: #6C6D79;
  z-index: 2;
  background-color: #fff; }

.compare-table__head.sticky-head {
  position: -webkit-sticky;
  position: sticky;
  top: 68px; }

.compare-table__head-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.compare-table__head .compare-table__left {
  padding-right: 15px; }

.compare-table__head .compare-table__right {
  padding-left: 15px; }

.compare-table__head b {
  font-size: 18px; }

.compare-table__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }

.compare-table__checkbox.green .compare-table__checkbox-title {
  color: #34BE3A; }

.compare-table__checkbox.green .compare-table__checkbox-pseudo {
  border-color: #34BE3A; }

.compare-table__checkbox.green .compare-table__checkbox-hidden:checked + .compare-table__checkbox-pseudo {
  background-image: url(https://okolo.market/bitrix/templates/empty/images/check-green.svg); }

.compare-table__checkbox.red .compare-table__checkbox-title {
  color: #FF175D; }

.compare-table__checkbox.red .compare-table__checkbox-pseudo {
  border-color: #FF175D; }

.compare-table__checkbox.red .compare-table__checkbox-hidden:checked + .compare-table__checkbox-pseudo {
  background-image: url(https://okolo.market/local/templates/merchant/images/doc-status-rejected.svg);
  background-size: 10px; }

.compare-table__checkbox-hidden {
  display: none; }

.compare-table__checkbox-pseudo {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #000;
  -webkit-box-shadow: 2px 2px 6px rgba(14, 102, 158, 0.3);
  box-shadow: 2px 2px 6px rgba(14, 102, 158, 0.3);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px; }

.compare-table__checkbox-title {
  font-size: 12px;
  padding-left: 8px; }

.compare-table__left {
  width: 50%;
  border-right: 1px solid #D9D5D1;
  padding-right: 3px;
  padding-top: 15px;
  padding-bottom: 15px; }

.compare-table__right {
  width: 50%;
  padding-left: 3px;
  padding-top: 15px;
  padding-bottom: 15px; }

.compare-table__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative; }

.compare-table__body:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
  top: 0;
  background-color: #D9D5D1; }

.compare-table__double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  position: relative; }

.compare-table__double:first-child {
  padding-top: 15px; }

.compare-table__item {
  border-radius: 5px;
  background-color: #fff;
  width: calc(100% - 3px);
  min-height: 125px;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid transparent; }

.compare-table__item--double {
  width: calc(50% - 3px);
  position: relative;
  margin-bottom: 6px; }

.compare-table__item.valid {
  border-color: #34BE3A; }

.compare-table__product {
  height: 100%;
  border-right: 1px solid #D9D5D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 17px;
  width: 69%;
  position: relative; }

.compare-table__product--full {
  width: 100%;
  border: none; }

.compare-table__product-img {
  -ms-flex-preferred-size: 65px;
  flex-basis: 65px;
  margin-right: 15px;
  max-width: 65px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: center;
  align-self: center; }

.compare-table__product-img img {
  max-height: 75px;
  max-width: 65px;
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.compare-table__product-info {
  padding-bottom: 25px; }

.compare-table__product-name {
  font-size: 13px;
  color: #141517;
  text-decoration: none;
  line-height: 1.1em;
  display: block;
  margin-bottom: 15px;
  max-width: 170px; }

.compare-table__product-number {
  font-weight: bold;
  position: absolute;
  color: #6C6D79;
  font-size: 13px;
  top: 16px;
  right: 16px; }

.compare-table__product-more {
  position: absolute;
  right: 16px;
  bottom: 17px;
  font-size: 13px; }

.compare-table__product-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  max-width: 150px; }

.compare-table__product-list li {
  line-height: 14px; }

.compare-table__product-label {
  color: #6C6D79; }

.compare-table__product-data {
  color: #141517; }

.compare-table__load-img {
  position: absolute;
  bottom: 17px;
  left: 100px;
  cursor: pointer; }

.compare-table__load-img label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }

.compare-table__load-img label img {
  margin-right: 3px; }

.compare-table__load-img label span {
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  font-size: 13px;
  padding-bottom: 2px; }

.compare-table__load-img-input {
  display: none; }

.compare-table__validation {
  background-color: #FDFCFB;
  width: 31%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5px 0 13px; }

.compare-table__validation-group .compare-table__checkbox {
  margin-bottom: 16px; }

.compare-table__note-wrapper {
  display: none; }

.compare-table__note {
  position: fixed;
  left: calc( (100% - 1380px) / 2 + 347px);
  top: calc(100vh - 70px);
  width: 1027px;
  padding: 10px 25px;
  background-color: #fff;
  z-index: 2;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 70px; }

.compare-table__note-text {
  max-width: 330px;
  margin-right: 20px; }

.compare-table__notfound {
  position: absolute;
  font-size: 18px;
  color: #6C6D79;
  width: 50%;
  left: 50%;
  text-align: center;
  top: 50px; }

.more {
  color: var(--primary-color);
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 2px;
  border-bottom: 1px dashed var(--primary-color); }

.asrt {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-right: 20px;
  font-size: 15px;
  color: #6C6D79; }

.asrt thead tr th {
  font-size: 13px;
  font-weight: normal;
  height: 40px;
  padding-bottom: 10px; }

.asrt tbody tr {
  border-bottom: 1px solid #D9D5D1; }

.asrt tbody tr:nth-child(odd) {
  background-color: rgba(231, 223, 216, 0.2); }

.asrt tbody tr td {
  padding: 10px 17px; }

.doc {
  padding: 48px 37px;
  width: auto; }

.doc__table {
  color: #6C6D79;
  font-size: 15px;
  display: table;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.doc__table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -ms-flex-item-align: stretch;
  align-self: stretch; }

.doc__table-head {
  padding-bottom: 0;
  height: 56px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  border-bottom: 1px solid #D9D5D1; }

.doc__table-head .doc__table-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 38px; }

.doc__table-head .doc__table-cell.long {
  padding-left: 13px;
  border-right: 0;
  border-right: 1px solid #D9D5D1; }

.doc__table-head .doc__table-cell img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 19px;
  margin-right: 13px; }

.doc__table-body {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 56px;
  flex: 1 0 56px; }

.doc__table-body .doc__table-item {
  border-bottom: 1px solid #D9D5D1; }

.doc__table-body > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.doc__table-cell {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.doc__table-cell-item{
  flex-grow: 1;
}

.doc-btm-links .doc__table-cell{
  flex-grow: 1;
}

.doc__table-cell--border {
  border-right: 1px solid #D9D5D1; }

.doc__table-cell.long {
  border-right: 1px solid #D9D5D1;
  padding-left: 0;
  -webkit-box-flex: 3;
  -ms-flex: 3 1 auto;
  flex: 3 1 auto; }

.doc__table-cell.full {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
  height: 100%; }

.file-upload-input {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  display: none; }

.documents__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 10px);
  margin-left: 5px;
  height: calc(100% - 2px);
  border-radius: 5px;
  background-color: #fff; }

.documents__body.status-upload {
  background-color: var(--primary-color);
  color: #fff; }

.documents__body.status-upload .documents__main {
  cursor: pointer; }

.documents__body.status-upload .documents__change, .documents__body.status-upload .documents__delete {
  display: none; }

.documents__body.status-upload .documents__upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.documents__body.status-upload .documents__upload img, .documents__body.status-upload .documents__upload span {
  display: block;
  text-align: center; }

.documents__body.status-upload .documents__ext-img.doc-xls {
  background-image: url(../images/doc-xls-w.svg); }

.documents__body.status-upload .documents__ext-img.doc-docx {
  background-image: url(../images/doc-docx-w.svg); }

.documents__body.status-upload .documents__ext-img.doc-zip {
  background-image: url(../images/doc-zip-w.svg); }

.documents__body.status-upload .documents__ext-img.doc-pdf {
  background-image: url(../images/doc-pdf-w.svg); }

.documents__body.status-upload .documents__ext-img.doc-plus {
  background-image: url(../images/plus-w.svg); }

.documents__body.status-normal:hover {
  background-color: var(--primary-color); }

.documents__body.status-normal:hover .documents__main {
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.documents__body.status-normal:hover .documents__change {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.documents__body.status-normal:hover .documents__change span {
  width: 60px; }

.documents__body.status-normal:hover .documents__delete {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.documents__body.status-normal:hover .documents__delete span {
  width: 60px; }

.documents__body.status-normal .documents__upload {
  display: none; }

.documents__body.status-download:hover {
  background-color: var(--primary-color); }

.documents__body.status-download:hover .documents__main {
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.documents__body.status-download:hover .documents__download {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.documents__body.status-download:hover .documents__download span {
  width: 60px; }

.documents__body.status-download:hover .documents__upload, .documents__body.status-download:hover .documents__delete, .documents__body.status-download:hover .documents__change {
  display: none; }

.documents__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  cursor: pointer; }

.documents__info-icon {
  background-color: var(--primary-color);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  padding-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-size: 14px; }

.documents__info-icon a {
  text-decoration: none;
  color: #fff; }

.documents__info-icon form, .documents__info-icon label {
  cursor: pointer; }

.documents__info-icon img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.documents__info-icon span {
  line-height: 1; }

.documents__change {
  border-right: 1px solid #6C6D79;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.documents__change form {
  height: 100%; }

.documents__change img {
  width: 22px; }

.documents__delete form {
  height: 100%; }

.documents__delete img {
  width: 22px; }

.documents__upload img {
  width: 19px;
  margin: auto; }

.documents__download img {
  width: 19px; }

.documents__change, .documents__delete, .documents__download {
  padding-left: 10px; }

.documents__change > span, .documents__change > form > span, .documents__delete > span, .documents__delete > form > span, .documents__download > span, .documents__download > form > span {
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  width: 0; }

.documents__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: width .5s ease;
  -o-transition: width .5s ease;
  transition: width .5s ease;
  padding-left: 7px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  max-width: 90%;
  width: 100%;
  word-break: break-word; }

.documents__title {
  margin-right: auto;
  padding: 3px 0; }

.documents__ext {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 13px; }

.documents__ext-img {
  background-repeat: no-repeat;
  background-position: center;
  width: 22px;
  height: 26px;
  display: block; }

.documents__ext-img.doc-xls {
  background-image: url(../images/doc-xls.svg); }

.documents__ext-img.doc-docx {
  background-image: url(../images/doc-docx.svg); }

.documents__ext-img.doc-zip {
  background-image: url(../images/doc-zip.svg); }

.documents__ext-img.doc-pdf {
  background-image: url(../images/doc-pdf.svg); }

.documents__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px; }

.documents__status .documents__ext-img {
  width: 14px;
  height: 14px; }

.documents__status .documents__ext-img.status-wait {
  background-image: url(../images/doc-status-waiting.svg); }

.documents__status .documents__ext-img.status-moderate {
  background-image: url(../images/doc-status-moderate.svg); }

.documents__status .documents__ext-img.status-rejected {
  background-image: url(../images/doc-status-rejected.svg); }

.documents__status .documents__ext-img.status-approved {
  background-image: url(../images/doc-status-approved.svg); }

.documents__status-img {
  margin-right: 13px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.doc-note {
  color: #FF2C9C;
  font-size: 18px;
  margin-top: 45px; }

.users__outer {
  padding: 48px 37px; }

.control-table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  font-size: 16px;
  color: #141517; }

.control-table__row {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid #D9D5D1;
  height: 58px;
  position: relative; }

.control-table__row:not(.control-table__head):hover {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.control-table__row:not(.control-table__head):hover .control-table__edit {
  opacity: 1; }

.control-table__row:not(.control-table__head):hover .control-table__edit.to-right:after {
  right: -100%;
  left: auto; }

.control-table__row:not(.control-table__head):hover .control-table__edit:after {
  left: -98%; }

.control-table__row:not(.control-table__head):hover .control-table__edit span {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.control-table__cell {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  padding: 18px 0; }
.discount-table__cell {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  padding: 18px 0; }
.popup_discount_add .popup-form__group {
  display: block;
}
.control-table__cell:first-child {
  padding-left: 15px; }

.control-table__cell:last-child {
  width: 90px; }

.control-table__head {
  font-size: 13px;
  color: #6C6D79; }

.control-table__inside {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.control-table__inside .control-table__edit {
  position: relative; }

.control-table__inside .control-table__edit:first-child {
  border-radius: 0; }

.control-table__inside .control-table__edit:last-child {
  border-left: 1px solid #8B6DC9; }

.control-table__inside .control-table__edit:last-child:after {
  display: none; }

.control-table__edit {
  width: 90px;
  opacity: 0;
  position: absolute;
  background-color: var(--primary-color);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  top: 0;
  left: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  min-height: 58px;
  cursor: pointer;
  text-decoration: none; }

.control-table__edit:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: 1px solid #D9D5D1;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.control-table__edit span {
  display: block;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  text-align: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.control-table__edit span img {
  width: 22px; }

.control-table__edit.to-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.control-table__edit.to-right:after {
  left: auto;
  right: -0px;
  border-right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #D9D5D1; }

.control-table__edit.sv {
  opacity: 1; }

.control-table__edit.sv:after {
  left: -98%; }

.control-table__edit.sv span {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.edit-popup {
  background-color: #fff;
  width: 830px;
  overflow: hidden; }

.edit-popup__wrapper {
  padding: 40px; }

.edit-popup__checkbox {
  padding-left: 15px; }

.popup-form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.popup-form__group > div {
  width: calc(50% - 13px); }

.popup-form__group .recapcha {
  -webkit-transform: translateX(-160px);
  -ms-transform: translateX(-160px);
  transform: translateX(-160px); }

.popup-form__input {
  width: 100%;
  border-radius: 70px;
  border: 1px solid #DADADA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 36px;
  height: 50px;
  margin-bottom: 26px;
  position: relative; }

.popup-form__input.err {
  border-color: red; }

.popup-form__input-name {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #6C6D79;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px; }

.popup-form__input-name.focus {
  font-size: 12px;
  top: 1px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.popup-form__input-name .req {
  color: #FF2C9C; }

.popup-form__input-field {
  width: 100%;
  height: 100%; }

.popup-form__input-field input {
  border: none;
  width: 100%;
  height: 100%;
  background-color: transparent; }

.popup-form__input-error {
  position: absolute;
  display: none;
  color: red;
  font-size: 12px;
  top: 49px; }

.popup-form__password input {
  padding-right: 60px; }

.popup-form__password-eye {
  position: absolute;
  background-image: url(../images/eye.svg);
  width: 20px;
  height: 14px;
  background-size: cover;
  right: 26px;
  top: 16px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.popup-form__password-eye.active {
  width: 17px;
  height: 9px;
  top: 21px;
  background-image: url(../images/eye-closed.svg); }

.popup-form__select {
  padding: 0;
  border: none;
  opacity: 0; }

.popup-form__select.s-visible {
  opacity: 1; }

.popup-form__select .popup-form__input-error {
  padding-left: 37px; }

.popup-form__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 38px; }

.popup-form__bottom--right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.popup-form__bottom--small {
  position: absolute;
  right: 0;
  bottom: 50px;
  margin: 0; }

.popup-form__bottom--small .popup-form__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.popup-form__bottom--small .popup-form__buttons .popup-form__button:first-child {
  margin-bottom: 15px; }

.popup-form__button {
  height: 52px;
  font-weight: 500;
  font-size: 15px;
  line-height: 50px;
  width: 200px;
  cursor: pointer; }

.popup-form__button:first-child {
  margin-right: 30px; }

.popup-form__buttons_flex{
  display: flex;
  gap: 30px;
}

.popup-form__buttons_flex .popup-form__button:first-child{
  margin-right: 0;
}

.popup-form__button_file{
  position: relative;
}

.popup-form__button_file input{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.popup-form__button-wrap{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
}

.how-to-info{
  display: inline-flex;
  margin-top: 10px;
  border-bottom: 1px dashed #000;
  cursor: pointer;
  position: relative;
}

.how-to-info .popup-form__tooltip{
  transition: none;
}

.how-to-info .popup-form__tooltip::after{
  content: '';
  position: absolute;
  top: 100%;
  height: 20px;
  width: 100%;
  left: 0;
}

.how-to-info:hover .popup-form__tooltip{
  opacity: 1;
  top: 0;
  width: 290px;
  left: 50%;
  transform: translate(-50%, -100%);
}

.popup-form__tab {
  display: none; }

.popup-form__tab.active {
  display: block; }

.pf-remove {
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  /*display: inline-block;*/
  font-size: 15px;
  cursor: pointer; }

@-webkit-keyframes autofill {
  to {
    background: transparent; } }

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both; }

.fancybox-close {
  background-image: url(../images/close-grey.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 25px;
  right: 25px; }

.pf-checkbox__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }

.pf-checkbox__input {
  display: none; }

.pf-checkbox__input:checked + .pf-checkbox__pseudo {
  background-color: var(--primary-color);
  background-image: url(../images/check-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px; }

.pf-checkbox__pseudo {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1px solid #DADADA;
  margin-right: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 5px;
}

.pf-checkbox__text {
  color: #6C6D79;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.nice-select {
  width: 100%;
  height: 100%;
  border-radius: 70px;
  border-color: #DADADA;
  padding-left: 36px; }

.nice-select:after {
  right: 22px; }

.nice-select .current {
  line-height: 48px;
  color: #6C6D79;
  font-size: 16px; }

.nice-select .list {
  width: 100%;
  position: absolute;
  margin-bottom: 4px;
  overflow-y: auto;
  max-height: 130px; }

.nice-select option {
  min-height: 30px; }

.warehouse__width {
  max-width: 280px; }

.schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.schedule-warehouse {
  max-width: 365px; }

.schedule__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D5D1;
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-size: 13px;
  color: #6C6D79; }

.schedule__head .schedule__w3 {
  text-align: center; }

.schedule__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #141517;
  margin-bottom: 15px; }

.schedule__time.holiday .schedule__time-none {
  display: block; }

.schedule__time.holiday .schedule__time-wrap {
  display: none; }

.schedule__time-none {
  color: var(--primary-color);
  display: none; }

.schedule__time .line {
  padding: 0 15px 0 5px; }

.schedule__time-wrap {
  max-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.schedule__w1 {
  width: 16.5%; }

.schedule__w2 {
  width: 61.5%; }

.schedule__w3 {
  width: 22%; }

.schedule__select .nice-select {
  padding-left: 0px;
  padding-right: 0;
  font-size: 16px;
  border: none;
  width: 80px;
  height: auto;
  line-height: 1.2em; }

.schedule__select .nice-select .current {
  color: #141517;
  line-height: 1.2em; }

.schedule__select .nice-select .option {
  padding-left: 5px;
  padding-right: 5px; }

.schedule__checkbox .pf-checkbox__pseudo {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: auto; }

.popup-info__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  padding-left: 30px; }

.popup-info__item {
  color: #141517;
  font-size: 16px;
  margin-bottom: 10px; }

.popup-info__item:first-child {
  width: 35%; }

.popup-info__item span {
  font-size: 14px;
  color: #6C6D79;
  display: block;
  margin-bottom: 2px; }

.popup-info__time {
  font-size: 16px;
  color: #141517; }

.popup-info__workdays {
  margin-bottom: 5px;
  padding-left: 30px; }

.popup-info__holidays {
  color: var(--primary-color);
  padding-left: 30px; }

.back-link {
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  font-size: 15px;
  position: relative;
  margin-left: 30px;
  text-decoration: none; }

.back-link:before {
  content: '';
  background-image: url(https://okolo.market/bitrix/templates/empty/images/arrow-right-green2.svg);
  width: 14px;
  height: 14px;
  left: -30px;
  position: absolute;
  top: 5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-size: cover; }

.new-products {
  padding: 44px 38px; }

.new-products__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 45px; }

.new-products__top-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.new-products__top .page-title {
  margin-right: auto;
  margin-bottom: 0; }

.new-products__filter {
  width: 300px;
  margin-right: 30px; }

.new-products__table .control-table__edit {
  width: 110px; }

.new-products__table-head {
  font-size: 13px; }

.new-products__table .control-table__cell:first-child {
  width: 343px; }

.new-products__table .control-table__cell:last-child {
  width: 110px; }

.new-products__table-all {
  background-color: #E7E7E7; }

.new-products__table .control-table__head .control-table__cell span, .new-products__table .control-table__head .control-table__cell img {
  vertical-align: middle; }

.new-products__name {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  height: 100%;
  min-height: 58px;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px; }

.new-products__name-title {
  text-decoration: none;
  color: #141517; }

.new-products__name .control-table__edit {
  left: auto;
  right: 0; }

.new-products__row:hover .new-products__name {
  background-color: var(--primary-color); }

.new-products__row:hover .new-products__name-title {
  color: #fff; }

.new-products__row:hover .new-products__name .control-table__edit {
  border-left: 1px solid #8B6DC9; }

.new-products__row .control-table__cell:nth-child(4) {
  color: #FDAD12; }

.new-products__row .control-table__cell:nth-child(5) {
  color: #34BE3A; }

.new-products__row .control-table__cell:nth-child(6) {
  color: #E83B1F; }

.new-products__download-template {
  margin-right: 10px; }

.manage-products__top {
  margin-bottom: 24px; }

.manage-products__top .page-title {
  margin-bottom: 5px; }

.manage-products__subtitle {
  font-size: 18px;
  font-weight: 500;
  color: #6C6D79; }

.manage-products__subtitle span {
  color: var(--primary-color); }

.calendar {
  max-width: 100%;
  margin-bottom: 30px; }

.calendar__wrapper {
  position: relative; }

.calendar__topline {
  position: absolute;
  top: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 300px;
  width: 100%;
  height: 52px;
}
.calendar__topline.list {
  position: relative;
  top: auto;
  padding: 0;
}
.calendar__topline-how {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 1px dashed var(--primary-color); }

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 142px !important; }

.fc-day-grid-container {
  height: auto !important; }

.fc-toolbar.fc-header-toolbar {
  padding: 18px 0;
  margin-bottom: 0; }

.fc-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.fc-left h2 {
  color: #6C6D79; }

.fc-button-primary {
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;}

.merchant-calendar .fc-button-primary:hover {
  background-color: #fff; }

.fc-button-primary:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.fc-button-group .fc-icon:before {
  color: #6C6D79;
}
.fc-button-group .fc-icon:hover:before {
  color: #9899AA;
}
.merchant-calendar .fc-button-group>.fc-button:not(:first-child) {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.fc-prev-button {
  margin-right: 10px; }

.fc-day:not(.fc-other-month) {
  background-color: #fff;
  border-radius: 5px; }

.fc-unthemed td.fc-today {
  background-color: #fff; }

.fc-day-number {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid transparent; }

.fc-today .fc-day-number {
  background-color: var(--primary-color);
  border-color: #DADADA;
  color: #fff; }

.fc-widget-header th {
  padding: 18px 0;
  color: #fff;
  background-color: var(--primary-color);
  font-size: 18px;
  font-weight: normal;
  border: none; }

.fc-widget-header th:last-child span:after {
  display: none; }

.fc-widget-header th span {
  position: relative;
  width: 100%;
  display: inline-block; }

.fc-widget-header th span:after {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #8C69D3;
  border-radius: 10px;
  right: 0;
  top: 0;
  position: absolute; }

.fc-content {
  text-align: center;
  font-size: 14px; }

.faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100%; }

.faq__column {
  width: 33%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: var(--primary-color);
  border: 1px solid #DADADA;
  border-radius: 5px;
  color: #fff;
  padding: 40px 35px; }

.faq__answers {
  width: calc(67% - 6px);
  background-color: #fff;
  position: relative;
  border-left: 1px solid #D9D5D1;
  padding: 150px 37px 0; }

.faq__answers:after {
  content: '';
  position: absolute;
  width: 100vw;
  left: 100%;
  top: 0;
  height: 100%;
  background-color: #fff;
  z-index: -1; }

.faq__answers-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.faq__answers-item {
  display: none; }

.faq__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px; }

.faq__input {
  position: relative;
  width: 100%;
  height: 33px;
  margin-bottom: 30px; }

.faq__input:after {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  background-image: url(../images/loupe.svg);
  background-size: cover;
  right: 31px;
  top: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.faq__input input {
  width: 100%;
  height: 100%;
  border: 1px solid #DADADA;
  border-radius: 20px;
  background-color: #EFE8FF;
  -webkit-box-shadow: inset 0px 4px 10px rgba(160, 125, 230, 0.5);
  box-shadow: inset 0px 4px 10px rgba(160, 125, 230, 0.5);
  padding-left: 23px;
  padding-right: 13px;
  color: #6C6D79;
  font-size: 13px; }

.faq__input-clear {
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url(../images/close-grey.svg);
  background-size: cover;
  right: 13px;
  top: 50%;
  display: none;
  cursor: pointer;
  margin-top: -6px; }

.faq__list {
  list-style-type: none;
  padding: 0 0 0 25px;
  font-size: 15px; }

.faq__list > .faq__list-item {
  margin-bottom: 15px; }

.faq__list-item {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px; }

.faq__list-item.active {
  color: #141517; }

.faq__list-item.toggler {
  font-weight: bold; }

.faq__list-item.toggler:before {
  content: '';
  background-image: url(../images/arrow-white-dropdown.svg);
  background-size: cover;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -25px;
  top: 5px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease; }

.faq__list-item.toggler.open:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.faq__list-item.toggler.open .faq__sublist {
  display: block; }

.faq__sublist {
  list-style-type: none;
  padding: 10px 0 0 0;
  font-weight: normal;
  display: none; }

.faq-article {
  color: #6C6D79;
  font-size: 15px; }

.faq-article__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px; }

.faq-article__footer {
  margin-top: 35px;
  padding-top: 32px;
  border-top: 1px solid #D9D5D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.faq-article__footer b {
  font-size: 14px; }

.faq-article__likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.faq-article__dislike {
  margin-left: 40px; }

.faq-article__dislike img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.faq-article__like, .faq-article__dislike {
  color: #000;
  cursor: pointer; }

.faq-article__like img, .faq-article__dislike img {
  display: inline-block;
  vertical-align: middle;
  width: 15px; }

.faq-article__like-counter, .faq-article__dislike-counter {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px; }

.faq-article p {
  padding: 0;
  margin-bottom: 20px; }

.faq-article ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0; }

.faq-article ul li {
  margin-bottom: 20px; }

.faq-article a {
  color: var(--primary-color); }

.not-found {
  display: none; }

.highlight {
  background-color: #8C69D3; }

.is-hidden {
  display: none; }

.is-visible {
  display: block; }

.partners-top {
  height: 830px;
  background-size: cover;
  position: relative; }

.partners-top:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(4, 4, 4, 0.47); }

.partners-top__center {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 525px;
  margin: auto;
  padding-top: 25vh;
  text-align: center; }

.partners-top__title {
  font-size: 59px;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.partners-top__title b {
  font-size: 49px;
  margin-right: 15px; }

.partners-top__subtitle {
  font-size: 36px;
  margin-bottom: 50px; }

.partners-top__buttons {
  margin-bottom: 100px; }

.partners-top__questions {
  max-width: 335px;
  margin: 0 auto;
  position: relative; }

.partners-top__questions:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white-dropdown.svg);
  background-size: cover;
  bottom: -100px;
  left: 50%;
  margin-left: -8px; }

.partners-top__questions b {
  font-size: 18px;
  display: block; }

.partners-top__questions p {
  display: block;
  margin-bottom: 25px;
  font-size: 15px;
  margin-top: 5px; }

.partners-top__phone {
  font-size: 24px;
  text-decoration: none;
  color: #A5DEED;
  border-bottom: 1px solid #A5DEED; }

.partners__title {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px; }

.partners-reg {
  margin-right: 60px; }

.partners-features {
  padding: 70px 0 85px; }

.partners-features__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1230px;
  margin: 60px auto 0; }

.partners-features__item {
  width: 25%; }

.partners-features__item-outer {
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.partners-features__item-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 14px;
  width: 42px; }

.partners-features__item-icon img {
  max-width: 100%; }

.partners-features__item-title {
  color: #6C6D79;
  font-size: 16px; }

.partners-banner {
  padding: 60px 0 110px;
  color: #fff;
  background-size: cover;
  margin-bottom: 75px;
  position: relative; }

.partners-banner:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(4, 4, 4, 0.47); }

.partners-banner__top {
  font-size: 18px;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
  z-index: 1; }

.partners-banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1230px;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.partners-banner__item {
  text-align: center; }

.partners-banner__item b {
  font-size: 60px;
  display: block;
  font-weight: normal; }

.partners-banner__item span {
  font-size: 24px;
  display: block;
  max-width: 370px; }

.partners-business {
  position: relative; }

.partners-business__top {
  background-size: cover;
  position: relative;
  height: 550px;
  overflow: hidden; }

.partners-business__topleft {
  position: absolute;
  max-width: 480px;
  top: 150px;
  left: 10.5vw; }

.partners-business__topleft p {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 45px; }

.partners-business__title {
  text-align: left; }

.partners-business__img {
  position: absolute;
  left: 40vw;
  top: 50px; }

.partners-business__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  margin-bottom: 25px; }

.partners-business__item {
  max-width: 430px;
  padding: 60px 3.2vw 0;
  background-color: #fff;
  min-height: 287px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
  margin: 0 22.5px; }

.partners-business__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px; }

.partners-business__item-title span {
  font-size: 24px;
  font-weight: bold; }

.partners-business__item-img {
  max-width: 48px;
  margin-right: 25px; }

.partners-business__item-img img {
  max-width: 100%; }

.partners-business__item-text {
  font-size: 18px; }

.partners-business__textblock {
  max-width: 1000px;
  margin: 0 auto 50px;
  text-align: center; }

.partners-business__textblock p {
  font-size: 18px;
  color: #6C6D79; }

.partners-business__textblock p.small-text {
  font-size: 16px; }

.partners-business__textblock p a {
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  text-decoration: none; }

.partners-business__instruction {
  margin-top: 65px;
  margin-bottom: 60px; }

.partners-reviews {
  background-size: cover;
  padding: 50px 10vw;
  position: relative; }

.partners-reviews-outer {
  position: relative;
  z-index: 1; }

.partners-reviews .partners__title {
  position: relative;
  z-index: 1; }

.partners-carousel {
  margin-top: 60px; }

.partners-carousel .slick-arrow {
  position: absolute;
  width: 34px;
  height: 34px;
  background-image: url(../images/arrow-black-dropdown.svg);
  background-size: cover;
  top: 50%;
  margin-top: -17px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0;
  padding: 0;
  text-indent: -9000px;
  background-color: transparent;
  cursor: pointer; }

.partners-carousel .slick-prev {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  left: -50px; }

.partners-carousel .slick-next {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: -20px; }

.partners-carousel__dots {
  text-align: center;
  margin-top: 45px; }

.partners-carousel__dots .slick-dots {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.partners-carousel__dots .slick-dots li {
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  text-indent: -9000px;
  font-size: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: .3;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border-radius: 50%;
  cursor: pointer; }

.partners-carousel__dots .slick-dots li.slick-active {
  opacity: 1; }

.partners-carousel__item {
  background-color: #fff;
  border-radius: 30px;
  margin-right: 30px;
  padding: 60px 80px; }

.partners-carousel__item-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.partners-carousel__item-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 167px;
  height: 167px;
  margin-right: 5.5vw;
  border-radius: 50%; }

.partners-carousel__item-img img {
  max-width: 100%;
  border-radius: 50%; }

.partners-carousel__item-info {
  font-size: 18px; }

.partners-carousel__item-info b {
  display: block; }

.partners-carousel__item-info span {
  display: block; }

.partners-carousel__item-info p {
  color: #6C6D79;
  line-height: 1.5em; }

.partners-register {
  padding: 85px 0 65px; }

.partners-register__wrapper {
  max-width: 768px;
  margin: 0 auto; }

.partners-register__form {
  padding-top: 35px; }

.partners-register__form .popup-form__group {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.partners-register__submit {
  border: none;
  display: block;
  margin: 30px auto 0; }

.partners-register__questions {
  text-align: center;
  margin-top: 34px;
  color: #6C6D79; }

.partners-register__questions .partners-top__phone {
  color: #141517;
  border-color: #141517; }

.partners-register .recapcha {
  text-align: center; }

.main-login {
  height: 100vh;
  width: 100%;
  position: relative;
  background-color: #F3F0ED; }

.login__outer {
  background-color: #F3F0ED;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: auto; }

.login__form {
  width: 490px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 32px 63px;
  min-height: 512px;
  text-align: center; }

.login__form-logo {
  position: relative;
  margin: 10px 0;
}

.login__form-logo img {
  width: auto;
  margin: 10px 0;
  max-height: 50px;
}

.login__form-text {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  left: 0;
  top: 0;
  font-size: 18px;
}

.login__form-title {
  color: #6C6D79;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 18px; }

.login__form-in {
  margin-bottom: 50px; }

.login__form-submit {
  border: none;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 25px;
  height: 56px;
  line-height: 54px; }

.login__form-remember-pass {
  color: var(--primary-color);
  border-bottom: 1px dashed var(--primary-color);
  font-size: 16px;
  /*font-weight: 500;*/
  display: inline-block;
  cursor: pointer; }

.login__remember {
  color: #6C6D79; }

.login__remember-txt {
  font-size: 15px;
  margin-bottom: 28px; }

.login__remember-mail {
  margin-bottom: 10px; }

.capcha-failed {
  background-color: #CCC9C4 !important;
  color: #fff !important; }

.orders-all {
  padding: 48px 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.orders-all__filter {
  margin-bottom: 17px; }

.orders-all__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px; }

.orders-all__title .page-title {
  margin-bottom: 0; }

.orders-all__btn {
  margin-left: auto; }

.orders-all__btn-sap{
  white-space: nowrap;
  justify-content: flex-start;
}
.orders-all__btn-sap img{
  margin-left: 0 !important;
}

.orders-all__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.orders-all__form-filter {
  margin-right: 5px; }

.orders-all__form-filter .popup-form__input {
  padding-left: 13px;
  padding-right: 8px;
  margin-bottom: 0;
  font-size: 13px;
  min-width: 140px; }

.orders-all__form-filter .popup-form__input input {
  font-size: 13px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.orders-all__form-filter .popup-form__input input[type="text"]::-webkit-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__form-filter .popup-form__input input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__form-filter .popup-form__input input[type="text"]::-ms-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__form-filter .popup-form__input input[type="text"]::placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__form-select {
  overflow: hidden; }

.orders-all__form-clear {
  border: none;
  border-bottom: 1px dashed var(--primary-color);
  color: var(--primary-color);
  font-size: 13px;
  background-color: transparent;
  padding: 0;
  cursor: pointer; }

.orders-all__select .nice-select {
  padding: 0 30px 0 14px;
  width: 140px; }

.orders-all__select .nice-select .list {
  width: auto;
  min-width: 100%;
  height: auto; }

.orders-all__select .nice-select .current {
  display: block;
  overflow: hidden;
  font-size: 13px;
  font-family: var(--font);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.orders-all__datepicker {
  position: relative;
  cursor: pointer;
  width: 220px; }

.orders-all__datepicker .popup-form__input {
  padding-left: 15px;
  padding-right: 37px;
  cursor: pointer; }

.orders-all__datepicker input[type="text"]::-webkit-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__datepicker input[type="text"]:-ms-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__datepicker input[type="text"]::-ms-input-placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__datepicker input[type="text"]::placeholder {
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.orders-all__datepicker-icon {
  background-image: url(../images/calendar.svg);
  width: 15px;
  height: 15px;
  background-size: cover;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.orders-all__choice {
  padding: 10px 0;
  background-color: rgba(231, 223, 216, 0.2); }

.orders-all__choice-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 7px; }

.orders-all__choice-checkbox {
  margin-right: 20px; }

.orders-all__choice-checkbox .pf-checkbox__pseudo {
  background-color: #fff; }

.orders-all__choice-btn {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  min-width: 200px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-right: 10px; }

.orders-all__choice-btn:hover {
  -webkit-box-shadow: 0px 4px 11px rgba(24, 24, 25, 0.22);
  box-shadow: 0px 4px 11px rgba(24, 24, 25, 0.22); }

.orders-all__choice-counter {
  margin-left: 3px; }

.orders-all__table {
  padding: 30px 0 30px; }

.orders-all__table-note {
  text-align: center;
  margin: 120px 0 0;
  text-align: center;
  color: #6C6D79;
  font-size: 24px;
  font-weight: bold; }

.orders-all__order {
  border-bottom: 1px solid #D9D5D1;
  background-color: #fff; }

.orders-all__order.open {
  background-color: rgba(231, 223, 216, 0.2); }

.flex-table {
  display: block;
  width: 100%; }

.flex-table tbody {
  width: 100%;
  display: block; }

.flex-table__row {
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 5px 12px 0;
  width: 100%;
  color: #141517;
  font-weight: normal; }

.flex-table__row-header {
  font-size: 13px;
  color: #6C6D79;
  border-bottom: 1px solid #D9D5D1;
  padding: 8px 5px 8px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-table__row th {
  font-weight: normal; }

.flex-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 10px;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-table__item--checkbox {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 20px;
  flex: 0 1 20px;
  max-width: 20px;
  min-width: 20px;
  padding-left: 4px; }

.flex-table__item--count {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 4%;
  flex: 0 1 4%;
  min-width: 44px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

.flex-table__item--id-order-seller {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 8%;
  flex: 0 1 8%;
  min-width: 64px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--name {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 18%;
  flex: 1 0 18%;
  word-break: break-word; }

.flex-table__item--price {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 12%;
  flex: 0 1 12%;
  min-width: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--seller-code {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 7%;
  flex: 0 1 7%;
  min-width: 60px;
  word-break: break-word;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 5%;
  flex: 0 1 5%;
  min-width: 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--id-order-goods {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7%;
  flex: 0 0 7%;
  min-width: 95px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-break: break-word; }

.flex-table__item--status {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 10%;
  flex: 0 1 10%;
  min-width: 110px; }

.flex-table__item--toggle {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 40px;
  flex: 0 1 40px;
  margin-right: 0;
  height: 30px;
  max-width: 40px;
  min-width: 40px; }

.flex-table__item--timer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 6%;
  flex: 0 1 6%;
  min-width: 65px; }

.flex-table__item--position {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 5%;
  flex: 0 1 5%;
  min-width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--barcode {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 10%;
  flex: 0 1 10%;
  min-width: 105px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-table__item--date {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 5%;
  flex: 0 1 5%;
  min-width: 70px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-icon-toggle {
  padding: 0;
  min-width: 0;
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 40px;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  background-image: url(../images/arrow-grey-dropdown.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.flex-icon-toggle:hover {
  background-color: rgba(218, 218, 218, 0.5); }

.flex-icon-toggle.toggle {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.orders-all__order-info {
  padding-left: 15%;
  padding: 20px 0 20px 15%;
  display: none; }

.order-details {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  color: #6C6D79;
  text-align: left;
  margin-bottom: 15px; }

.order-details__item {
  padding: 5px 0;
  vertical-align: top;
  padding-right: 10px; }

.order-details__item--first {
  width: 35%; }

.order-details__item--second {
  width: 20%; }

.order-details__item--third {
  width: 25%; }

.order-details__item--fourth {
  width: 20%; }

.orders-all__checkbox.orders-all__checkbox--abs {
  position: absolute;
  left: 12px;
  top: -17px; }

.orders-all__checkbox .pf-checkbox__pseudo {
  margin: 0; }

.orders-confirm__title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.orders-confirm__title .orders-all__btn {
  margin-left: -0px; }

.orders-confirm__title .popup-form__input {
  padding-left: 15px;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 18%;
  flex: 1 0 18%; }

.orders-confirm__datepicker {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 200px;
  flex: 1 0 200px;
  max-width: 241px; }

.orders-confirm__datepicker .popup-form__input {
  margin-bottom: 0;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.orders-confirm__datepicker .popup-form__input p {
  margin: 0;
  width: 40%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
  pointer-events: none;
  font-size: 13px;
  color: #6C6D79; }

.orders-confirm__datepicker .popup-form__input input {
  border: none;
  background-color: transparent;
  width: 100%;
  padding-left: 50%;
  position: relative;
  height: 100%;
  cursor: pointer; }

.order-seller-input {
  display: block;
  width: 100%;
  height: 27px;
  border-radius: 20px;
  border: 1px solid #DADADA;
  background-color: #fff;
  padding-left: 5px;
  overflow: hidden;
  font-size: 13px;
  color: #6C6D79;
  font-family: var(--font); }

.increment-block {
  width: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px; }

.increment-block__btn {
  color: #6C6D79;
  font-size: 14px;
  border: none;
  background-color: transparent;
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }

.increment-block__btn.ibtn-minus {
  background-image: url(../images/minus.svg);
  margin-left: -2px; }

.increment-block__btn.ibtn-plus {
  background-image: url(../images/plus.svg);
  margin-right: -2px; }

.countdown {
  font-size: 15px; }

.countdown__time {
  margin-bottom: 5px; }

.countdown__progress {
  width: 100%;
  max-width: 56px;
  border-radius: 20px;
  height: 2px;
  background-color: #D9D5D1;
  overflow: hidden; }

.countdown__progress span {
  background-color: #34BE3A;
  height: 100%;
  display: block; }

.reports {
  padding: 48px 37px; }

.reports__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.reports__table {
  font-size: 13px; }

.reports__table-cell {
  padding-top: 24px;
  padding-bottom: 24px; }

.reports__table-name {
  word-break: break-word;
  color: #141517;
  font-size: 15px; }

.reports__table-download a {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 1px dashed var(--primary-color);
  display: inline-block;
  font-size: 15px; }

.reports__btn {
  border: none;
  height: 50px;
  margin: 0 10px; }

.label-new-tab {
  width: 28px;
  height: 28px;
  background-image: url(../images/label-new.svg);
  background-size: cover;
  margin-left: 5px; }

.error-block {
  text-align: center;
  color: #E83B1F; }

.disable-block {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.disable-block:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(229, 229, 229, 0.64); }

::-ms-reveal, ::-ms-clear {
  display: none !important;
  width: 0 !important;
  height: 0 !important; }

/*CALENDAR*/
.rub_ {
  font-family: ptsansrub !important;
  line-height: 1;
}
.calendar-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: rgba(243, 240, 237, .8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.calendar-popup .edit-popup__wrapper {
  max-width: 1147px;
  width: 100%;
  margin: auto;
  background-color: #fff;
  height: 90%;
  padding: 50px 25px 30px 60px;
  position: relative;
  overflow: auto;
}
.calendar-popup .popup-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*height: 100%;*/
}
.calendar-popup__line {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 15px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.calendar-popup .calendar-popup__table {
  /*overflow: hidden;*/
  -webkit-box-flex: 8;
  -ms-flex: 8 1 20vh;
  flex: 8 1 20vh;
  /*max-height: 50vh;*/
  position: relative;
}
.calendar-popup form {
  /*height: calc(100% - 35px);*/
}
.calendar-popup h2 {
  font-size: 18px;
}
.calendar-popup .page-title {
  margin-bottom: 5px;
}
.user-status-select {
  width: 110px !important;
  height: 40px;
  float: none;
  margin-left: 5px;
}
.user-status-select.nice-select .current {
  line-height: 1;
}
.calendar-popup__search-title {
  font-weight: bold;
  color: #6C6D79;
  font-size: 18px;
  margin-bottom: 10px;
}
.calendar-popup__green-text {
  color: var(--primary-color);
  display: inline-block;
}
.calendar-popup__close, .calendar-popup__close-err {
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(/local/templates/merchant/images/close-grey.svg);
  background-repeat: no-repeat;
  background-size: cover;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.calendar-popup__sale {
  margin: 10px 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.calendar-popup__search-line {
  position: relative;
  width: 100%;
  border: 1px solid #DADADA;
  border-radius: 20px;
  height: 40px;
}
.calendar-search-select.nice-select {
  border: none;
  float: none;
  width: 130px;
  margin-left: 20px;
  padding-left: 5px;
  padding-right: 30px;
  height: 38px;
  line-height: 1;
  font-size: 13px;
}
.calendar-search-select.nice-select .current {
  line-height: 38px;
  color: black;
  font-size: 15px;
}
.calendar-preloader {
  display: none;
  position: fixed;
  background-image: url(/local/templates/merchant/images/spinner2.svg);
  width: 30px;
  height: 30px;
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.calendar-popup__search-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 22px;
  color: #6C6D79;
}
.calendar-search-discount {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  padding-left: 15px;
  border-left: 1px solid #CCC9C4;
  height: 100%;
  background-color: transparent;
}
.calendar-popup__sale-line {
  margin-bottom: 25px;
}
.control-table__head .discount-table__cell {
  font-size: 13px;
}
.discount-table__cell--pic img {
  max-width: 45px;
  max-height: 60px;
}
.flex-table__row-header .discount-table__cell--check .pf-checkbox__pseudo {
  border-radius: 50%;
}
.calendar-popup__table .orders-all__table {
  /*height: 100%;*/
  padding: 0;
}
.calendar-popup__table .orders-all__table-body {
  overflow: auto;
  max-height: calc(100% - 75px);
}
.calendar-popup__table .discount-table__cell {
  padding: 0;
}
.flex-table__row-header .discount-table__cell {
  cursor: pointer;
  padding: 12px 0;
  line-height: 18px;
}

.flex-table__row-header .discount-btn-all:hover {
  color: var(--primary-color)
}

.flex-table__row-header .discountall-active {
  color: var(--primary-color)
}

.calendar-popup__table .orders-all__order {
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
}
.calendar-popup__table .control-table__row {
  height: auto;
  border: none;
  min-height: 60px;
  border-bottom: 1px solid #D9D5D1;
}
.discount-table__cell--pic {
  max-width: 77px;
  min-width: 77px;
  max-height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-right: 30px;
  justify-content: center;
}
.discount-table__cell--pic a {
  display: inline-block;
  margin: auto;
}
.discount-table__cell--check {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 45px;
  flex: 0 1 45px;
  max-width: 45px;
  margin-right: 10px;
  justify-content: space-between;
}
.discount-table__cell--name {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  max-width: 300px;
  display: inline-block;
}
.orders-all__table-body .discount-table__cell {
  font-weight: 500;
  font-size: 15px;
}
.discount-table__cell--vendor {
  max-width: 120px;
}
.discount-table__cell--barcode {
  max-width: 130px;
}
.discount-table__cell--cat {
  max-width: 120px;
  min-width: 100px;
}
.discount-table__cell--price {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 15%;
  flex: 1 0 15%;
  max-width: 160px;
}
/*.calendar-popup__table .orders-all__table-body .flex-table {
  border-bottom: 1px solid #D9D5D1;
}*/
.calendar-popup .popup-form__buttons {
  width: 100%;
  text-align: center;
}
.q-tooltip {
  display: inline-block;
  position: relative;
  z-index: 2;
  vertical-align: middle;
  margin-left: 5px;
}
.q-tooltip:hover .q-tooltip-content {
    display: block;
}
.q-tooltip-content {
  position: absolute;
  display: none;
  border: 1px solid #D9D5D1;
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 5px;
  color: #141517;
  width: 180px;
  z-index: 2;
  text-align: center;
  font-size: 14px;
}
.fc-event, .fc-event:hover {
  color: #6C6D79 !important;
  border: none !important;
}
.fc-event .fc-content {
  padding: 2px 5px;
}
.calendar-spacer {
  padding-left: 20px;
}
.discount-table__cell--price .rub_ {
  font-weight: normal;
}
.tooltipevent {
  width: 230px;
  padding: 7px 15px;
  box-shadow: 0px 4px 10px rgba(217, 213, 209, 0.78);
  border-radius: 5px;
  background: #fff;
  color: #6C6D79;
  font-size: 12px;
  position: absolute;
  z-index: 10001;
  -webkit-transform: translate3d(-50%, -100%, 0);
  transform: translate3d(-50%, -100%, 0);
  display: none;}
.calendar-popup .edit-popup__wrapper.complete {
  max-width: 615px;
  height: auto;
  max-height: 50%;
  padding: 65px;
}
.calendar-complete {
  font-size: 15px;
  color: #141517;
  position: relative;
  padding-top: 30px;
}
.calendar-complete:before {
  content: '';
  position: absolute;
  width: 47px;
  height: 47px;
  background-image: url(/local/templates/merchant/images/popup-succes.svg);
  background-repeat: no-repeat;
  background-size: cover;
  top: -20px;
  left: 0;
}
.calendar-complete b {
  display: block;
  font-weight: normal;
  font-size: 24px;
}
.calendar-complete__b-last {
  margin-bottom: 13px;
}
.calendar-complete p {
  margin: 0 0 5px;
}
.calendar-complete__notice {
  margin-top: 40px;
  font-size: 16px;
  color: #9899AA;
}
.orders-all__opt {
  padding: 0;
}
.orders-all__opt ul {
  margin: 0;
}
.orders-all__opt-btn {
  position: relative;
  overflow: hidden;
}
.orders-all__opt-btn input {
  position: absolute;
  left: -100%;
  top: -100%;
  opacity: 0;
}
.orders-all__opt-wrapper {
  margin-left: auto;
  margin-right: 20px;
}
.orders-all__opt-wrapper + .orders-all__btn {
  margin-left: 0px;
}
.topline-reports .label-new-tab {
    height: 100%;
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}

.close-search-discount {
  width: 42px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  font-size: 0;
  cursor: pointer;
  background-image: url(/local/templates/merchant/images/close-grey.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
}

.close-search-discount.js-close-search-action {
  right: 29px;
  width: 32px;
}


.close-search-discount.hidden {
  display: none;
}
.select_sale {
  border-radius: 70px;
  border-color: #DADADA;
  border: 1px solid #DADADA;
  padding: 10px 0px;
  padding-right: 10px;
  padding-left: 10px;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 1;
  margin-bottom: 10px;
  position: relative;
}
.select_sale .nice-select {
    width: auto;
    float: none;
    padding-left: 10px;
    padding-right: 35px;
    line-height: 23px;
    height: 23px;
    border: none;
    position: static;
}
.select_sale .nice-select:after {
  right: 12px;
}
.select_sale .nice-select .current {
  line-height: 23px;
}
.select_sale .nice-select .list {
  top: 27px;
  margin-top: 0;
  border: 1px solid #DADADA;
  border-top: none;
  box-shadow: none;
  padding-top: 6px;
  border-radius: 0 0 20px 20px;
  margin-top: 3px;
}
.select_sale .nice-select .option {
  min-height: 25px;
  height: 25px;
  line-height: 25px;
}
.popup_discount_error {
  display: none;
}
.calendar-popup__sale-ttl {
  margin: 0;
  -ms-flex-preferred-size: 210px;
  flex-basis: 210px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-top: 11px;
}
.calendar-popup__sale-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popup-form__select > input[type="checkbox"] {
  cursor: pointer;
}

@media screen and (max-height: 750px) {
  .calendar-popup .edit-popup__wrapper.complete {
      padding: 50px;
      max-height: 60%;
  }
}

/*add product page*/

.before-topline {
  padding: 20px 30px;
  font-family: var(--font);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.before-topline_style2{
  padding: 0;
  margin-bottom: 20px;
}
.before-topline__title {
  font-size: 24px;
  color: #141517;
  margin-left: 31px;
}
.topline-add {
  font-family: var(--font);
}
.add-product {
  height: calc( 100% - 137px);
  color: #141517;
  font-family: var(--font);
  position: relative;
  overflow: hidden !important;
}
.add-product__title-block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #D9D5D1;
}
.add-product__title {
  font-size: 18px;
  display: block;
  width: 100%;
  padding: 17px 0 12px 31px;
}
.tabs-content:first-child .add-product__title {
  width: 38%;
}
.add-product__subtitlered{
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 84%;
  color: #FF175D;
  padding: 15px 10px;
}
.add-product__subtitlered a{
  color: #FF175D;
}
.add-product__content {
  padding: 26px 31px 85px;
}
.ap-form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 15px;
}
.ap-form__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 148px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 6px;
  min-height: 35px;
}
.ap-form__title > span {
  font-size: 13px;
}
.ap-form__title-price{
    color: #FF175D;
    font-size: 33px;
    width: 40%;
}
.ap-hint {
  width: 12px;
  height: 12px;
  position: relative;
  flex-shrink: 0;
}
.ap-hint:hover .ap-hint-text {
  display: block;
}
.ap-hint:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url(/local/templates/merchant/images/question.svg);
  background-size: cover;
  left: 0;
  top: 0;
}
.ap-hint-text {
  display: none;
  border-radius: 3px;
  padding: 10px;
  font-size: 12px;
  background-color: #fff;
  position: absolute;
  width: 145px;
  top: 15px;
  color: #6C6D79;
  z-index: 2;
  left: -130px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.hint-right {
  right: -200px;
}
.ap-input-fieldset {
  max-width: 553px;
  width: 100%;
}
.ap-input-fieldset--short {
  max-width: 180px;
}
.ap-input-fieldset--long {
  max-width: 733px;
}
.ap-input {
  width: 100%;
  height: 35px;
  position: relative;
  margin-bottom: 10px;
}
.ap-input select {
  display: none;
}
.ap-input input, .ap-input .nice-select, .ap-input__field {
  border: 1px solid #D9D5D1;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  color: #141517;
  font-size: 13px;
  font-family: var(--font);
  padding-left: 15px;
  padding-right: 15px;
}

.epn-products__search .ap-input input {
  padding-right: 58px;
}


.ap-input .nice-select {
  line-height: 33px;
  padding-right: 45px;
}
.ap-input input.input-limit, .ap-cat input.ap-input__field {
  padding-right: 65px;
}
.ap-input .nice-select .list {
  height: auto;
  border-radius: 3px;
}
.ap-input .nice-select:after {
  border-color: #000;
}
.ap-input .nice-select .current {
  line-height: 33px;
  font-size: 13px;
}
.ap-input__limit {
  position: absolute;
  right: 12px;
  line-height: 33px;
  white-space: nowrap;
  font-size: 12px;
  color: #6C6D79;
  top: 0;
}
.ap-cat {
  position: relative;
  width: 100%;
  height: 35px;
}
.ap-cat__btn {
  width: 40px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  border-left: 1px solid #D9D5D1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01LjI4NDU1IDBDMi4zNzA3MyAwIDAgMi4zNzA3MyAwIDUuMjg0NTVDMCA4LjE5ODUzIDIuMzcwNzMgMTAuNTY5MSA1LjI4NDU1IDEwLjU2OTFDOC4xOTg1MyAxMC41NjkxIDEwLjU2OTEgOC4xOTg1MyAxMC41NjkxIDUuMjg0NTVDMTAuNTY5MSAyLjM3MDczIDguMTk4NTMgMCA1LjI4NDU1IDBaTTUuMjg0NTUgOS41OTM1MUMyLjkwODYyIDkuNTkzNTEgMC45NzU2MDkgNy42NjA1IDAuOTc1NjA5IDUuMjg0NTdDMC45NzU2MDkgMi45MDg2NCAyLjkwODYyIDAuOTc1NjA5IDUuMjg0NTUgMC45NzU2MDlDNy42NjA0OCAwLjk3NTYwOSA5LjU5MzQ4IDIuOTA4NjIgOS41OTM0OCA1LjI4NDU1QzkuNTkzNDggNy42NjA0OCA3LjY2MDQ4IDkuNTkzNTEgNS4yODQ1NSA5LjU5MzUxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTExLjg1NzEgMTEuMTY3Mkw5LjA2MDMzIDguMzcwNDdDOC44Njk3NiA4LjE3OTkgOC41NjExMyA4LjE3OTkgOC4zNzA1NiA4LjM3MDQ3QzguMTc5OTkgOC41NjA4NyA4LjE3OTk5IDguODY5ODMgOC4zNzA1NiA5LjA2MDIzTDExLjE2NzMgMTEuODU3QzExLjI2MjYgMTEuOTUyMyAxMS4zODczIDExLjk5OTkgMTEuNTEyMiAxMS45OTk5QzExLjYzNjkgMTEuOTk5OSAxMS43NjE4IDExLjk1MjMgMTEuODU3MSAxMS44NTdDMTIuMDQ3NyAxMS42NjY2IDEyLjA0NzcgMTEuMzU3NiAxMS44NTcxIDExLjE2NzJaIiBmaWxsPSJibGFjayIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.pc-load-link-wrap{
  position: relative;
}
.ap-cat__clear {
  width: 11px;
  height: 11px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNS41IiBjeT0iNS41IiByPSI1LjUiIGZpbGw9IiM4RjkxQTMiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik03LjgzMDg4IDMuOTg1MzFMNi4zMTU5IDUuNTAwNDNMNy44MzA4OCA3LjAxNTQ5QzguMDU2MjIgNy4yNDA5MiA4LjA1NjIyIDcuNjA2MDkgNy44MzA4OCA3LjgzMTUyQzcuNzE4MjggNy45NDQxMSA3LjU3MDY3IDguMDAwNDUgNy40MjMxMiA4LjAwMDQ1QzcuMjc1MzMgOC4wMDA0NSA3LjEyNzcgNy45NDQyIDcuMDE1MTkgNy44MzE1Mkw1LjQ5OTg5IDYuMzE2MjlMMy45ODQ3IDcuODMxNUMzLjg3MjEyIDcuOTQ0MSAzLjcyNDQ5IDguMDAwNDMgMy41NzY4MiA4LjAwMDQzQzMuNDI5MTggOC4wMDA0MyAzLjI4MTY1IDcuOTQ0MTggMy4xNjg5NyA3LjgzMTVDMi45NDM2MyA3LjYwNjE3IDIuOTQzNjMgNy4yNDA5OSAzLjE2ODk3IDcuMDE1NDhMNC42ODM5IDUuNTAwNDJMMy4xNjg4OSAzLjk4NTMxQzIuOTQzNTQgMy43NTk5NiAyLjk0MzU0IDMuMzk0NzEgMy4xNjg4OSAzLjE2OTM3QzMuMzk0MTkgMi45NDQyIDMuNzU5MjMgMi45NDQyIDMuOTg0NjEgMy4xNjkzN0w1LjQ5OTg3IDQuNjg0NDlMNy4wMTUwMiAzLjE2OTM3QzcuMjQwNDUgMi45NDQyIDcuNjA1NTMgMi45NDQyIDcuODMwNzkgMy4xNjkzN0M4LjA1NjIyIDMuMzk0NzEgOC4wNTYyMiAzLjc1OTk2IDcuODMwODggMy45ODUzMVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB4PSIzIiB5PSIzIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 50%;
  margin-top: -5.5px;
  right: 52px;
  cursor: pointer;
    display:none;
}
.ap-cat__clear-yml{
  display:block;
  top: 18px;
  right: 12px;
}
.ap-cat__content {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-color: #fff;
}
.ap-cat__cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D9D5D1;
  margin-bottom: 10px;
}
.ap-cat__col {
  height: 190px;
  padding-top: 5px;
  width: 33.333%;
}
.ap-cat__col:nth-child(1) {
  border-right: 1px solid #D9D5D1;
}
.ap-cat__col:nth-child(2) {
  border-right: 1px solid #D9D5D1;
}
.ap-cat__col-search {
  position: relative;
  height: 28px;
  margin-bottom: 10px;
  padding: 0 5px;
}
.ap-cat__col-search:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik01LjI4NDU1IDBDMi4zNzA3MyAwIDAgMi4zNzA3MyAwIDUuMjg0NTVDMCA4LjE5ODUzIDIuMzcwNzMgMTAuNTY5MSA1LjI4NDU1IDEwLjU2OTFDOC4xOTg1MyAxMC41NjkxIDEwLjU2OTEgOC4xOTg1MyAxMC41NjkxIDUuMjg0NTVDMTAuNTY5MSAyLjM3MDczIDguMTk4NTMgMCA1LjI4NDU1IDBaTTUuMjg0NTUgOS41OTM1MUMyLjkwODYyIDkuNTkzNTEgMC45NzU2MDkgNy42NjA1IDAuOTc1NjA5IDUuMjg0NTdDMC45NzU2MDkgMi45MDg2NCAyLjkwODYyIDAuOTc1NjA5IDUuMjg0NTUgMC45NzU2MDlDNy42NjA0OCAwLjk3NTYwOSA5LjU5MzQ4IDIuOTA4NjIgOS41OTM0OCA1LjI4NDU1QzkuNTkzNDggNy42NjA0OCA3LjY2MDQ4IDkuNTkzNTEgNS4yODQ1NSA5LjU5MzUxWiIgZmlsbD0iIzhGOTFBMyIvPgo8cGF0aCBkPSJNMTEuODU3IDExLjE2NzJMOS4wNjAyNCA4LjM3MDQ3QzguODY5NjcgOC4xNzk5IDguNTYxMDQgOC4xNzk5IDguMzcwNDcgOC4zNzA0N0M4LjE3OTkgOC41NjA4NyA4LjE3OTkgOC44Njk4MyA4LjM3MDQ3IDkuMDYwMjNMMTEuMTY3MiAxMS44NTdDMTEuMjYyNSAxMS45NTIzIDExLjM4NzIgMTEuOTk5OSAxMS41MTIxIDExLjk5OTlDMTEuNjM2OCAxMS45OTk5IDExLjc2MTcgMTEuOTUyMyAxMS44NTcgMTEuODU3QzEyLjA0NzYgMTEuNjY2NiAxMi4wNDc2IDExLjM1NzYgMTEuODU3IDExLjE2NzJaIiBmaWxsPSIjOEY5MUEzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==);
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  right: 12px;
  top: 0;
}
.ap-cat__col-search input {
  border: 1px solid #D9D5D1;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  color: #141517;
  font-size: 13px;
  font-family: var(--font);
  padding-left: 9px;
  padding-right: 20px;
}
.ap-cat__col-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  height: calc(100% - 43px);
}
.ap-cat__col-list li {
  font-size: 12px;
  position: relative;
  cursor: pointer;
}
.ap-cat__col-list li label {
  position: relative;
  display: block;
  cursor: pointer;
}
.ap-cat__col-list li label span {
  padding: 5px 11px;
  display: block;
}
.ap-cat__col-list li label span:hover {
  background-color: #F9F6F4;
}
.ap-cat__col-list input {
  display: none;
}
.ap-cat__col-list input:checked + span {
  background-color: #F9F6F4;
}
.ap-cat__col-list input:checked + span:before {
  display: block;
}
.ap-cat__col-list label span:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: var(--primary-color);
  left: 0;
  top: 0;
  display: none;
}
.ap-cat__result {
  background-color: #F9F6F4;
  color: #6C6D79;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3px 11px;
}
.ap-cat__result-cats {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--primary-color);
}
.ap-cat__result-cats li {
  margin-right: 15px;
  position: relative;
}
.ap-cat__result-cats li:after {
  content: '>';
  position: absolute;
  right: -12px;
  top: -1px;
}
.ap-cat__result-cats li:last-child:after {
  content: none;
}
.ap-cat__footer-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 8px 12px 12px;
}
.ap-cat__button, .ap-form__button, .confirm-popup__button  {
  font-size: 13px;
  color: #141517;
  background-color: #fff;
  border: 1px solid #D9D5D1;
  border-radius: 3px;
  margin-right: 10px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  cursor: pointer;
  text-align: center;
  height: 30px;
  line-height: 28px;
  padding: 0 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  font-family: var(--font);
}
.ap-cat__button:hover {
  background-color: #F9F6F4;
}
.ap-form__button {
  height: 35px;
  width: 192px;
}
.confirm-popup__button {
  width: 86px;
}
.ap-cat__button-confirm, .ap-form__button-send, .confirm-popup__button--no, .ap-form__button-next, .confirm-popup-agree__button--no {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
}
.ap-cat__button-confirm:hover, .ap-form__button-send:hover, .confirm-popup__button--no:hover, .ap-form__button-next:hover, .confirm-popup-agree__button--no:hover {
  background-color: var(--primary-color);
}
.ap-cat__footer-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: #6C6D79;
}
.ap-cat__footer-text a {
  text-decoration: none;
  color: var(--primary-color);
}
.ap-longwrap {
  border: 1px solid #D9D5D1;
  border-radius: 3px;
}
.ap-upload {
  padding: 10px 15px;
}
.ap-upload__title {
  font-size: 13px;
  color: var(--primary-color);
  margin-bottom: 18px;
}
.ap-upload__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 27px;
}
.ap-upload__zone {
  width: 96px;
  height: 95px;
  border-radius: 3px;
  margin-right: 30px;
    margin-bottom: 15px;
}
.ap-upload__zone-top {
  background-color: #D9D5D1;
  color: #6C6D79;
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
  border-radius: 3px 3px 0 0;
}
.ap-upload__zone-center {
  height: calc(100% - 26px);
  position: relative;
  border: 1px dashed #D9D5D1;
  border-top: none;
  border-radius: 0 0 3px 3px;
}
.ap-add-plus {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #6C6D79;
  bottom: 7px;
}
.ap-add-plus:before {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjEiIHkxPSI1IiB4Mj0iOSIgeTI9IjUiIHN0cm9rZT0iIzE0MTUxNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjUiIHkxPSIxIiB4Mj0iNSIgeTI9IjkiIHN0cm9rZT0iIzE0MTUxNyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==);
  width: 10px;
  height: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: -22px;
}
.ap-upload__text {
  font-size: 12px;
  color: #6C6D79;
}
.ap-upload__text p {
  margin-top: 0;
  margin-bottom: 17px;
}
.ap-attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 15px;
}
.ap-attributes .ap-form__group {
  width: calc(50% - 16px);
}
.ap-note-sm {
  font-size: 13px;
  color: #6C6D79;
}
.ap-note-sm a {
  color: var(--primary-color);
  text-decoration: none;
  display: block;
}
.ap-attributes .ap-input input {
  padding-right: 10px;
}
.ap-input > .ap-checkbox {
  height: 100%;
}
.ap-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  cursor: pointer;
}
.ap-checkbox input {
  display: none;
}
.ap-checkbox input:checked + .ap-checkbox__pseudo:after {
  display: block;
}
.ap-checkbox__pseudo {
  width: 20px;
  height: 20px;
  border: 1px solid #D9D5D1;
  border-radius: 3px;
  margin-right: 7px;
  position: relative;
}
.ap-checkbox__pseudo:after {
  content: '';
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--primary-color);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjUyNjYgNy4zODcwMkM0LjA3MzIyIDcuODQwNDEgMy4zMzc1NiA3Ljg0MDQxIDIuODg0NCA3LjM4NzAyTDAuMzQwMDM2IDQuODQyNkMtMC4xMTMzNDUgNC4zODk0MyAtMC4xMTMzNDUgMy42NTM3NiAwLjM0MDAzNiAzLjIwMDU5QzAuNzkzMTk5IDIuNzQ3MiAxLjUyODg1IDIuNzQ3MiAxLjk4MjIzIDMuMjAwNTlMMy40OTgxNyA0LjcxNjM0QzMuNjEyNjEgNC44MzA1NyAzLjc5ODM5IDQuODMwNTcgMy45MTMwNCA0LjcxNjM0TDguMDE3NzcgMC42MTE1MjhDOC40NzA5MyAwLjE1ODEzNiA5LjIwNjU4IDAuMTU4MTM2IDkuNjU5OTYgMC42MTE1MjhDOS44Nzc2OCAwLjgyOTI1MiAxMCAxLjEyNDY2IDEwIDEuNDMyNTNDMTAgMS43NDA0MSA5Ljg3NzY4IDIuMDM1ODIgOS42NTk5NiAyLjI1MzU0TDQuNTI2NiA3LjM4NzAyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.ap-checkbox__text {
  color: #141517;
}
.ap-price {
  padding: 17px 26px;
  /*background-color: #FDFAF8;*/
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
}
.ap-price-hidden {
  display: none;
}
.tab-price-wrapper .ap-price {
  padding-left: 0;
}
.ap-price.open .ap-price__block {
  width: 160px;
  margin-right: 15px;
}
.ap-price.open .ap-price__block--small {
  width: 100px;
}
.ap-price.open .ap-price-hidden {
  display: block;
}
.ap-price__block {
  width: 200px;
  margin-right: 18px;
}
.ap-price__block--small {
  width: 100px;
}
.ap-price__title {
  color: #141517;
  margin-bottom: 13px;
  height: 28px;
}
.ap-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ap-input-fieldset--extrashort {
  max-width: 130px;
}
.ap-size .ap-input-fieldset--extrashort {
  margin-right: 10px;
}
.ap-prefix {
  margin-left: 10px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: -8px;
}
.ap-size__x {
  margin-right: 10px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-top: -8px;
}
.ap-form__group-last {
  margin-top: 100px;
}
.ap-form__links a {
  display: block;
  text-decoration: none;
  color: var(--primary-color);
  font-size: 13px;
}
.ap-form__buttons {
  border-top: 1px solid #D9D5D1;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.ap-form__buttons .ap-form__button {
  margin-right: 20px;
}
.editor {
  width: 733px;
}
.trumbowyg-box {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.confirm-popup {
  width: 245px;
  background-color: #fff;
}
#addComplete {
  width: 500px;
}
#addComplete .confirm-popup__button{
  width: auto;
  background: var(--primary-color);
  color: #fff;
  height: 41px;
  font-size: 17px;
  padding-top: 7px;
  border: 0;
}
#addComplete .link-block{
  text-align: center;
  padding: 10px 0 0;
}
#addComplete .link-block a{
  color: #939393;
}
#addComplete .confirm-popup__title{
  font-size: 24px;
}
.confirm-popup__wrapper {
  padding: 35px 30px;
}
.confirm-popup__title {
  text-align: center;
  color: #141517;
  font-size: 14px;
  margin-bottom: 30px;
}
#info .confirm-popup__title{
  padding-top: 32px;
  font-size: 20px;
}

.confirm-popup__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ap-select .nice-select-search-box {
  display: none;
}
.ap-select.has-multiple .nice-select-search-box {
  display: block;
}
.nice-select.has-multiple .remove {
  position: absolute;
  right: 4px;
  top: 0;
}

/*niceselect multiple*/
.nice-select .list::-webkit-scrollbar {
  width: 10px;
}

.nice-select .list::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 0;
}

.nice-select .list::-webkit-scrollbar-thumb {
  background:#8f91a3;
  border-radius: 16px;
  border: 1px solid #ECECEE;
  transition: background .2s ease;
}
.nice-select .list::-webkit-scrollbar-thumb:hover{
  background:var(--primary-color);
}

.nice-select.has-multiple .list {
    margin-top: 5px;
    top: 100%;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    max-height: 210px;
    overflow-y: scroll;
}

.nice-select.has-multiple .listt::-webkit-scrollbar-track {
  border-radius: 0 5px 5px 0;
}

.nice-select.has-multiple {
    white-space: inherit;
    height: auto;
    min-height: 100%;
    line-height: 22px
}
.nice-select.has-multiple .list {
  margin: 52px 0 0
}
.ap-attributes .ap-input .nice-select.has-multiple .list{
  max-height: 130px;
}
.nice-select.has-multiple span.current {
    border: 1px solid #CCC;
    background: #EEE;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px;
    width: 100%;
    text-align: center;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    min-height: 30px;
}


.nice-select.has-multiple .multiple-options {
    display: block;
    line-height: 22px;
    margin-left: 0;
    padding: 0;
    padding-top: 6px;
    color: #6C6D79;
}
.nice-select .nice-select-search-box {
  display: none;
}
.nice-select.has-multiple .nice-select-search-box {
    box-sizing: border-box;
    position: absolute;
    display: block;
    width: 100%;
    margin-top: 5px;
    top: 100%;
    left: 0;
    z-index: 8;
    padding: 5px;
    background: #FFF;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, .11);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    -ms-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out
}

.nice-select.has-multiple .nice-select-search {
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%!important;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0!important
}

.nice-select.has-multiple.open .nice-select-search-box {
    opacity: 1;
    z-index: 10;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}


.add-item-step-2{display:none;}
.add-product{
  overflow: hidden;
}
.add-product .dz-error-mark,.add-product .dz-success-mark,.add-product .dz-error-message,.add-product .dz-progress,.add-product .dz-details {
  display: none;
}
.dz-remove {
  text-indent: -9000px;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 10px;
  background-image: url(/bitrix/templates/empty/images/menu-close.svg);
  background-size: cover;
}
.ap-add-plus {
  cursor:pointer;
}
.dz-image{
  position: relative;
}

.drop-area__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  margin-top: 22px;
  z-index: 5;
}
.drop-area__thumb-wr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.drop-area__thumb .dz-preview {
  position: relative;
  width: 94px;
  height: 70px;
  margin-right: 32px;
}
.ap-input .error{
  color: red;
  font-size: 12px;
}
.ap-input .error-field, .ap-input-fieldset .error-field, .ap-form__group .error-field{
  border: 1px solid #ff2c2c !important;
}
.add-more-photo{
  margin-bottom: 15px;
  font-size: 12px;
  color: #5e74e7;
  display:none;
}
.ap-upload__zone{
  position: relative;
}
.photoOverlay{
  position:absolute;
  width: 96px;
  height: 95px;
  background: #ffffff;
  opacity: 0.5;
  z-index: 11;
}

.add-product .tabs-content:first-child .add-product__content {
  padding-bottom: 160px;
}
.ap-attributes .ap-input .nice-select .list {
  max-height: 170px;
}

.ap-form__buttons.disabled{
  display:none;
}
.add-product__subtitle{
  font-size: 17px;
  display: block;
  width: 100%;
  margin-bottom: 18px;
}
.ap-select.nice-select .current {
 line-height: 1;
 min-height: 35px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 height: 100%;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 overflow: hidden;
}
.ap-select.nice-select .option {
  line-height: 1;
  min-height: 40px;
  white-space: normal;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
  -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;

}
.editor-length {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 12px;
  color: #6C6D79;
}

.checkbox-control {
  -webkit-transform: translateX(-160px);
  -ms-transform: translateX(-160px);
  transform: translateX(-160px);
  margin-bottom: 20px;
  max-width: 304px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.checkbox-control__text {
  font-size: 15px;
}

.checkbox-control__text a {
  color: var(--primary-color);
}

.checkbox-control input {
  display: none;
}

.checkbox-control__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.checkbox-control__pseudo {
  position: relative;
  border: 1px solid #B6B0AC;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  margin-right: 8px;
}

.checkbox-control__pseudo:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(https://okolo.market/local/components/bitrix/sale.order.ajax/templates/new/images/check-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

.checkbox-control input:checked + .checkbox-control__pseudo:after {
  opacity: 1;
}

.checkbox-control input:checked + .checkbox-control__pseudo {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.partners-register__submit.disabled {
  background-color: #DADADA;
  box-shadow: none;
  cursor: default;
}

.checkbox-control__error-text {
  color: #ff0000;
  font-size: 14px;
  margin-top: 8px;
  text-align: center;
  display: none;
  width: 100%;
}

.checkbox-control__error-text.show {
  display: block;
}

.edit-product .dz-image{
    text-align: center;
    background: #fff;
}
.edit-product .dz-image img{
    max-width: 89px;
    max-height: 65px;
    margin: 0 auto;
}
.assortment__compare-new{
  padding-top: 25px;
}
#resetFilter{
  display:none;
}
#resetFilter.show{
  display: inline-block;
}
.before-topline__title-edit-product{
  width: 60%;
  float: left;
  margin-left: 0;
}
.assortment__compare-logs-top{
  max-width: 48%;
}
/*.fancybox-margin .content{*/
  /*margin-left: 350px;*/
/*}*/
/*MEDIA*/


.confirm-popup{
  overflow-x: hidden;
}
/* #agreePopup{
  width: 350px;
}
#agreePopup .confirm-popup__button{
  width: auto;
}
#agreePopup a, #agreePopupExpress a{
  color: var(--primary-color);
} */

/*promo page*/
.merchant-promo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.promo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.promo, .merchant-promo {
  background-color: #fff;
}
.promo .partners-top {
  height: 635px;
  background-position: center;
  background-size: cover;
}
.promo .partners-top__center {
  position: absolute;
  padding: 0;
  left: 50%;
  bottom: 140px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 100%;
}
.promo .partners-top__title {
  font-size: 72px;
}
.promo .partners-top__title b {
  font-size: 96px;
  margin-right: 60px;
}
.promo-form {
  max-width: 876px;
  margin: 60px auto;
  padding: 0 15px;
}
.promo-form__title {
  font-size: 36px;
  text-align: center;
  margin-bottom: 45px;
}
.promo-form form {
  font-size: 18px;
}
.promo-form__input, .promo-form__textarea {
  padding: 20px 0;
  border: none;
  border-bottom: 1px solid  #9899AA;
  width: 100%;
  background-color: #fff;
  font-size: 18px;
  color: #000;
  font-family: var(--font);
}
.promo-form__textarea::-webkit-input-placeholder, .promo-form__input::-webkit-input-placeholder {
  color: #000;
}
.promo-form__textarea::-moz-placeholder, .promo-form__input::-moz-placeholder {
  color: #000;
}
.promo-form__textarea:-ms-input-placeholder, .promo-form__input:-ms-input-placeholder {
  color: #000;
}
.promo-form__textarea::-ms-input-placeholder, .promo-form__input::-ms-input-placeholder {
  color: #000;
}
.promo-form__textarea::placeholder, .promo-form__input::placeholder {
  color: #000;
}
.promo-form__textarea {
  resize: vertical;
  max-height: 200px;
  height: 60px;
  padding: 0;
  padding-top: 10px;
}
.promo-form__name {
  margin-bottom: 50px;
}
.promo-form b {
  margin-bottom: 15px;
  display: block;
}
.promo-form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}
.promo-form__group .promo-form__block {
  width: calc(50% - 20px);
}
.promo-form__btn {
  text-align: center;
  margin: 45px auto 0;
  display: block;
  border: none;
}
.promo-form__ps {
  font-size: 24px;
  text-align: center;
  margin: 60px auto 80px;
  line-height: 1.6em;
}
.promo-form__ps span {
  display: block;
}
.promo-form__block {
  position: relative;
}
.promo-form__error {
  display: none;
  position: absolute;
  color: #FC6535;
  left: 0;
  font-size: 14px;
  bottom: -22px;
}
.promo-form__input.error {
  border-color: #FC6535;
}
.promo-form__input.error + .promo-form__error {
  display: block;
}
.promo-form__input.error::-webkit-input-placeholder {
  color: #FC6535;
}
.promo-form__input.error::-moz-placeholder {
  color: #FC6535;
}
.promo-form__input.error:-ms-input-placeholder {
  color: #FC6535;
}
.promo-form__input.error::-ms-input-placeholder {
  color: #FC6535;
}
.promo-form__input.error::placeholder {
  color: #FC6535;
}

promo-form__input.error:focus::-webkit-input-placeholder {
  color: #000;
}
.promo-form__input.error:focus::-moz-placeholder {
  color: #000;
}
.promo-form__input.error:focus:-ms-input-placeholder {
  color: #000;
}
.promo-form__input.error:focus::-ms-input-placeholder {
  color: #000;
}
.promo-form__input.error:focus::placeholder {
  color: #000;
}
/* calendar new */
.before-topline__calendar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 0;
}
.before-topline__calendar .before-topline__title {
  margin-left: 0;
}
.view-switcher {
  display: flex;
  align-items: center;
}
.view-switcher__item {
  width: 45px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
.view-switcher__item:hover {
  background-color: #fff;
}
.view-switcher__tooltip {
  position: absolute;
  color: #6C6D79;
  font-size: 12px;
  padding: 7px 10px;
  background-color: #fff;
  left: -120px;
  top: -34px;
  max-width: 300px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  z-index: -10;
  transition: all .2s ease;
  border: 1px solid #F2F3F5;
  box-shadow: 0px 4px 10px rgba(217, 213, 209, 0.78);
  border-radius: 5px;
}

.view-switcher .view-switcher__item:nth-child(1) .view-switcher__tooltip {
  left: -75px;
}


.view-switcher__item:hover .view-switcher__tooltip {
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.view-switcher__tile {
  margin-right: 9px;
  background-image: url(/local/templates/merchant/images/tile-inactive.svg);
}
.view-switcher__list {
  background-image: url(/local/templates/merchant/images/list-inactive.svg);
}
.view-switcher__tile.active {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMkU4Qzg1IiBkPSJNMSwwaDNjMC41NTIsMCwxLDAuNDQ4LDEsMXYzYzAsMC41NTItMC40NDgsMS0xLDFIMUMwLjQ0OCw1LDAsNC41NTIsMCw0VjFDMCwwLjQ0OCwwLjQ0OCwwLDEsMHoiLz4KPHBhdGggZmlsbD0iIzJFOEM4NSIgZD0iTTEsN2gzYzAuNTUyLDAsMSwwLjQ0OCwxLDF2M2MwLDAuNTUzLTAuNDQ4LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0Ny0xLTFWOEMwLDcuNDQ4LDAuNDQ4LDcsMSw3eiIvPgo8cGF0aCBmaWxsPSIjMkU4Qzg1IiBkPSJNMSwxNGgzYzAuNTUyLDAsMSwwLjQ0NywxLDF2M2MwLDAuNTUzLTAuNDQ4LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0Ny0xLTF2LTNDMCwxNC40NDcsMC40NDgsMTQsMSwxNHoiLz4KPHBhdGggZmlsbD0iIzJFOEM4NSIgZD0iTTE1LDBoM2MwLjU1MywwLDEsMC40NDgsMSwxdjNjMCwwLjU1Mi0wLjQ0NywxLTEsMWgtM2MtMC41NTMsMC0xLTAuNDQ4LTEtMVYxQzE0LDAuNDQ4LDE0LjQ0NywwLDE1LDB6Ii8+CjxwYXRoIGZpbGw9IiMyRThDODUiIGQ9Ik0xNSw3aDNjMC41NTMsMCwxLDAuNDQ4LDEsMXYzYzAsMC41NTMtMC40NDcsMS0xLDFoLTNjLTAuNTUzLDAtMS0wLjQ0Ny0xLTFWOEMxNCw3LjQ0OCwxNC40NDcsNywxNSw3eiIvPgo8cGF0aCBmaWxsPSIjMkU4Qzg1IiBkPSJNMTUsMTRoM2MwLjU1MywwLDEsMC40NDcsMSwxdjNjMCwwLjU1My0wLjQ0NywxLTEsMWgtM2MtMC41NTMsMC0xLTAuNDQ3LTEtMXYtM0MxNCwxNC40NDcsMTQuNDQ3LDE0LDE1LDE0egoJIi8+CjxwYXRoIGZpbGw9IiMyRThDODUiIGQ9Ik04LDBoM2MwLjU1MywwLDEsMC40NDgsMSwxdjNjMCwwLjU1Mi0wLjQ0NywxLTEsMUg4QzcuNDQ4LDUsNyw0LjU1Miw3LDRWMUM3LDAuNDQ4LDcuNDQ4LDAsOCwweiIvPgo8cGF0aCBmaWxsPSIjMkU4Qzg1IiBkPSJNOCw3aDNjMC41NTMsMCwxLDAuNDQ4LDEsMXYzYzAsMC41NTMtMC40NDcsMS0xLDFIOGMtMC41NTIsMC0xLTAuNDQ3LTEtMVY4QzcsNy40NDgsNy40NDgsNyw4LDd6Ii8+CjxwYXRoIGZpbGw9IiMyRThDODUiIGQ9Ik04LDE0aDNjMC41NTMsMCwxLDAuNDQ3LDEsMXYzYzAsMC41NTMtMC40NDcsMS0xLDFIOGMtMC41NTIsMC0xLTAuNDQ3LTEtMXYtM0M3LDE0LjQ0Nyw3LjQ0OCwxNCw4LDE0eiIvPgo8L3N2Zz4K);
}
.view-switcher__list.active {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxOXB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkgMTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMkU4Qzg1IiBkPSJNMSwwaDE3YzAuNTUzLDAsMSwwLjQ0OCwxLDF2M2MwLDAuNTUyLTAuNDQ3LDEtMSwxSDFDMC40NDgsNSwwLDQuNTUyLDAsNFYxQzAsMC40NDgsMC40NDgsMCwxLDB6Ii8+CjxwYXRoIGZpbGw9IiMyRThDODUiIGQ9Ik0xLDdoMTdjMC41NTMsMCwxLDAuNDQ4LDEsMXYzYzAsMC41NTMtMC40NDcsMS0xLDFIMWMtMC41NTIsMC0xLTAuNDQ3LTEtMVY4QzAsNy40NDgsMC40NDgsNywxLDd6Ii8+CjxwYXRoIGZpbGw9IiMyRThDODUiIGQ9Ik0xLDE0aDE3YzAuNTUzLDAsMSwwLjQ0NywxLDF2M2MwLDAuNTUzLTAuNDQ3LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0Ny0xLTF2LTNDMCwxNC40NDcsMC40NDgsMTQsMSwxNHoiLz4KPC9zdmc+Cg==);
}
.calendar__topline .pc-download__excel {
  display: none;
}
.calendar__filter {
  margin-left: 7%;
}
.calendar-toggle {
  font-size: 16px;
}
.calendar-toggle__group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.calendar-toggle__item {
  margin: 0 20px;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #6C6D79;
  transition: all .2s ease;
}
.calendar-toggle__item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: var(--primary-color);
  border-radius: 2px;
  bottom: -16px;
  left: 0;
  opacity: 0;
  z-index: 1;
  transition: all .2s ease;
}
.calendar-toggle__item:hover, .calendar-toggle__item.active {
  color: #141517;
}
.calendar-toggle__item:hover:after, .calendar-toggle__item.active:after {
  opacity: 1;
}
.calendar-toggle__line {
  height: 3px;
  width: calc(100% - 40px);
  background-color: #C6C9D0;
  border-radius: 2px;
  position: absolute;
  left: 20px;
  bottom: -16px;
}
.fc-toolbar h2 {
  font-weight: normal;
  color: #141517;
  margin-left: 5px !important;
}
.fc-toolbar h2:first-letter {
  text-transform: uppercase;
}
.fc-dayGrid-view .fc-day-number {
  padding: 0;
}
.fc-day-number {
  margin-top: 3px;
}
.fc-event-container .fc-title > div {
  font-size: 12px;
  text-align: left;
}
.fc-event-container .fc-title > div b {
  margin-right: 12px;
}
.fc-event-container .fc-title > div br {
  display: none;
}
.fc-day-grid-event {
  margin-bottom: 5px;
}
.fc-event-container {
  background-color: #fff !important;
}
.fc-row .fc-content-skeleton {
  padding-bottom: 0;
}
td.fc-other-month.fc-past {
  background-color: #fff;
}
.fc-day-top.fc-other-month {
  opacity: .4;
}
.calendar__topline.list {
  position: relative;
  top: auto;
  padding: 0;
}
.calendar__topline.list .calendar-toggle__item:first-child {
  margin-left: 0;
}
.calendar__topline.list .calendar__filter {
  margin-left: 0;
}

/*event list*/
.event-list {
  display: none;
  margin-top: 15px;
}
.event-item {
  background-color: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 7px 20px;
  min-height: 89px;
  max-height: 100px;
  cursor: pointer;
}
.event-item__wrapper {
  display: flex;
  height: 100%;
}
.event-item__first, .event-item__cats {
  flex: 2;
  max-width: 40%;
}
.event-item__dates, .event-item__action {
  flex: 1;
}
.event-item__first {
  position: relative;
  padding-top: 18px;
}
.event-item__status {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 15px;
  font-size: 12px;
}
.event-item__status:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.status-active .event-item__status {
  color: var(--primary-color);
}
.status-active .event-item__status:before {
  background-color: var(--primary-color);
}
.status-complete .event-item__status {
  color: #9899AA;
}
.status-complete .event-item__status:before {
  background-color: #9899AA;
}
.status-complete .event-item__title {
  opacity: .7;
}
.event-item__dates {
  color: #9899AA;
  padding-left: 25px;
}
.event-item__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2px;
  color: #6C6D79;
  line-height: 1.2em;
  max-height: 48px;
  overflow: hidden;
  padding-right: 10px;
}
.event-item__sale {
  color: #9899AA;
}
.event-item__section-title {
  display: block;
  font-size: 12px;
  color: #9899AA;
  margin-bottom: 7px;
}
.event-item__cats p {
  max-height: 50px;
  overflow: hidden;
  margin: 0;
  line-height: 1.25;
}
.event-item__dates-interval {
  font-size: 16px;
  color: #6C6D79;
  max-width: 120px;
}
.event-item__action {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.event-item__action a {
  text-decoration: none;
  color: var(--primary-color);
}

/*кадендарь попап*/
.epn {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 98;
  background-color: #E5E5E5;
  display: none;
}
.epn__center {
  max-width: 1380px;
  width: 100%;
  margin: auto;
  height: calc(100% - 68px);
  top: 68px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.epn__close {
  flex-shrink: 0;
  position: relative;
  color: var(--primary-color);
  height: 43px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 15px;
  cursor: pointer;
}
.epn__close:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yLjM1NDMyIDUuNDk1MDVMNi42NTQxNyA5Ljc5NDc2QzYuOTI3NjkgMTAuMDY4NCA3LjM3MTE2IDEwLjA2ODQgNy42NDQ1NSA5Ljc5NDc2QzcuOTE3OTYgOS41MjEzNSA3LjkxNzk2IDkuMDc3OSA3LjY0NDU1IDguODA0NTFMMy44Mzk4NSA0Ljk5OTkzTDcuNjQ0NDQgMS4xOTU0OEM3LjkxNzg1IDAuOTIxOTU1IDcuOTE3ODUgMC40Nzg1NTIgNy42NDQ0NCAwLjIwNTE0MUM3LjM3MTAzIC0wLjA2ODM4MDQgNi45Mjc1OCAtMC4wNjgzODA0IDYuNjU0MDYgMC4yMDUxNDFMMi4zNTQyMSA0LjUwNDkxQzIuMjE3NSA0LjY0MTY5IDIuMTQ5MjIgNC44MjA3NSAyLjE0OTIyIDQuOTk5OTFDMi4xNDkyMiA1LjE3OTE1IDIuMjE3NjMgNS4zNTgzNSAyLjM1NDMyIDUuNDk1MDVaIiBmaWxsPSIjNzlBMTUxIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMCAwKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=); */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yLjM1NDMyIDUuNDk1MDVMNi42NTQxNyA5Ljc5NDc2QzYuOTI3NjkgMTAuMDY4NCA3LjM3MTE2IDEwLjA2ODQgNy42NDQ1NSA5Ljc5NDc2QzcuOTE3OTYgOS41MjEzNSA3LjkxNzk2IDkuMDc3OSA3LjY0NDU1IDguODA0NTFMMy44Mzk4NSA0Ljk5OTkzTDcuNjQ0NDQgMS4xOTU0OEM3LjkxNzg1IDAuOTIxOTU1IDcuOTE3ODUgMC40Nzg1NTIgNy42NDQ0NCAwLjIwNTE0MUM3LjM3MTAzIC0wLjA2ODM4MDQgNi45Mjc1OCAtMC4wNjgzODA0IDYuNjU0MDYgMC4yMDUxNDFMMi4zNTQyMSA0LjUwNDkxQzIuMjE3NSA0LjY0MTY5IDIuMTQ5MjIgNC44MjA3NSAyLjE0OTIyIDQuOTk5OTFDMi4xNDkyMiA1LjE3OTE1IDIuMjE3NjMgNS4zNTgzNSAyLjM1NDMyIDUuNDk1MDVaIiBmaWxsPSIjMTE3OEJCIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMCAwKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-position: center;
}
.epn__wrapper {
  background-color: #fff;
  padding: 20px 30px 100px;
  flex: 1;
  color: #141517;
  font-size: 15px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 43px);
}
.epn__top {
  margin-bottom: 5px;
  display: flex;
}
.epn__sales {
  position: relative;
  font-size: 15px;
  padding-left: 18px;
  display: flex;
  align-items: center;
}
.epn__sales:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  background-color: #141517;
  left: 0;
}
.epn__title {
  font-size: 24px;
  margin-right: 10px;
}
.epn__note {
  position: relative;
}
.epn__note-icon {
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSI2LjI1IiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSA3IDcpIiBzdHJva2U9IiM3OUExNTEiIHN0cm9rZS13aWR0aD0iMS41Ii8+CjxjaXJjbGUgY3g9IjciIGN5PSI0IiByPSIwLjUiIGZpbGw9IiM4RjkxQTMiIHN0cm9rZT0iIzc5QTE1MSIvPgo8cmVjdCB4PSI2LjUiIHk9IjYuNSIgd2lkdGg9IjEiIGhlaWdodD0iNCIgcng9IjAuNSIgZmlsbD0iIzhGOTFBMyIgc3Ryb2tlPSIjNzlBMTUxIi8+Cjwvc3ZnPgo=);
  margin-left: 5px;
  display: block;
}
.epn__note-icon:hover + .epn__note-text {
  display: block;
}
.epn__note-text {
  display: none;
  background-color: #fff;
  padding: 5px;
  position: absolute;
  top: -10px;
  right: -140px;
  font-size: 12px;
  border-radius: 5px;
  width: 120px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.epn-block {
  margin-bottom: 10px;
}
.epn-block p {
  margin: 0;
}
.epn-block__title {
  font-size: 15px;
  color: #9899AA;
  margin-bottom: 5px;
}
.epn-label {
  border-radius: 5px;
  padding: 3px 7px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-size: 12px;
  margin-left: 13px;
}
.epn-label__soon {
  background-color: #FC6535;
}
.epn-block__group {
  display: flex;
  align-items: center;
}
.epn-tabs {
  padding-bottom: 8px;
  margin-bottom: 15px;
  font-weight: bold;
  border-bottom: 1px solid #C6C9D0;
}
.epn-tabs .calendar-toggle__group {
  display: inline-flex;
}
.epn-tabs .calendar-toggle__line {
  left: 0;
  width: calc(100% - 20px);
}
.epn-tabs .calendar-toggle__item:first-child {
  margin-left: 0;
}
.epn-tabs-content {
  display: none;
  /* flex: 1; */
  height: calc(100% - 230px);
}
.epn-tabs-content.active {
  display: flex;
  width: 100%;
}
.epn-block-tma {
  width: 274px;
}
.epn-products {
  display: flex;
  /* flex: 1; */
  height: calc(100% - 25px);
}
.epn-products-title {
  margin-bottom: 19px;
  color: #141517;
  font-size: 16px;
}
.epn-products__categories {
  width: 305px;
  border-right: 1px solid #C6C9D0;
  overflow: auto;
  flex-shrink: 0;
}
.epn-products__categories .mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
.epn-category {
  border: 1px solid #C6C9D0;
  border-radius: 5px;
  margin-bottom: 14px;
  padding: 9px;
  position: relative;
  max-width: 284px;
}
.epn-category:last-child {
  margin-bottom: 180px;
}
.epn-category.open .epn-category__toggle {
  transform: rotate(180deg);
}
.epn-category__top {
  display: flex;
  align-items: center;
  font-size: 15px;
}
.epn-category__checkbox {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.epn-category__checkbox input {
  display: none;
}
.epn-category__checkbox span {
  border: 1px solid #D9D5D1;
  border-radius: 5px;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
}
.epn-category__checkbox input:checked + span {
  background-color: var(--primary-color);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC41MyAxLjg1MzI0TDQuODA3MzcgNy41NzU0OEM0LjM4MzYgNy45OTkzMyAzLjY5NjE4IDcuOTk5MzMgMy4yNzIwMSA3LjU3NTQ4TDAuMzE3OTQ2IDQuNjIxMkMtMC4xMDU5ODIgNC4xOTczNSAtMC4xMDU5ODIgMy41MDk4NSAwLjMxNzk0NiAzLjA4NTkyQzAuNzQxOTU1IDIuNjYxOTEgMS40MjkzMiAyLjY2MTkxIDEuODUzMTQgMy4wODU3Nkw0LjAzOTkyIDUuMjcyNTZMOC45OTQ1NyAwLjMxNzg4NkM5LjQxODU3IC0wLjEwNjEyMyAxMC4xMDYgLTAuMTA1ODAyIDEwLjUyOTggMC4zMTc4ODZDMTAuOTUzNyAwLjc0MTgxNSAxMC45NTM3IDEuNDI5MDcgMTAuNTMgMS44NTMyNFoiIGZpbGw9IiNGOUY4RjciLz4KPC9zdmc+Cg==);
}
.epn-category__title {
  color: #141517;
}
.epn-category__value {
  margin-left: auto;
}
.epn-category__value .c-select__head {
  border: none;
  padding-right: 27px;
}
.epn-category__value .c-select__list {
  max-height: 210px;
}
.epn-category__bottom {
  padding-left: 24px;
  transition: all .15s;
  margin-top: 10px;
}
.epn-category__bottom ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #6C6D79;
  font-size: 13px;
}
.epn-category__bottom li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.epn-category__bottom span:last-child {
  color: #141517;
  font-size: 15px;
}
.epn__wrapper-footer {
  background-color: #fff;
  width: 100%;
  position: absolute;
  bottom: 55px;
  height: 82px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
}
.epn-products__table {
  width: 100%;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}
.epn-products__inputs {
  display: flex;
  /*margin-bottom: 22px;*/
  justify-content: space-between;
}
.epn-products__select {
  width: calc(43% - 10px);
}
.epn-products__search {
  width: calc(57% - 10px);
  position: relative;
}
.epn-products__search .ap-input {
  width: 100%;
  position: relative;
}
.epn-products__search-btn {
  position: absolute;
  width: 35px;
  height: 35px;
  border: none;
  cursor: pointer;
  background-image: url(/local/templates/merchant/images/loupe.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px;
  right: 0;
  top: 0;
  background-color: transparent;
}
.epn-select .nice-select {
  border-radius: 5px;
  height: 35px;
  padding-left: 20px;
  border-color: #C6C9D0;
}
.epn-select .nice-select .current {
  font-size: 15px;
  line-height: 33px;
  color: #141517;
  display: block;
}
.epn-excel-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.epn-excel {
  flex: 1;
}
.epn-excel__header {
  font-size: 13px;
  display: flex;
}
.c1 {
  width: 22%;
}
.c2 {
  width: 19%;
  min-width: 105px;
}
.c3 {
  width: 14.5%;
  min-width: 113px;
}
.c4 {
  width: 16.5%;
  min-width: 170px;
}
.c5 {
  width: 7%;
  min-width: 90px;
}
.c6 {
  width: 11%;
  min-width: 108px;
}
.c7 {
  width: 10%;
  min-width: 130px;
}
.epn-excel__item.c2 .epn-select {
  width: 104px;
}
.epn-excel__item {
  height: 55px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C6C9D0;
}
.epn-excel__body .epn-excel__item {
  font-size: 15px;
}
.epn-excel__body .epn-excel__item.c6 {
  font-size: 16px;
  color: var(--primary-color);
}
.epn-excel__body .epn-excel__item.c7 {
  font-size: 16px;
  color: #9899AA;
}
.epn-excel-dwld, .epn-excel-upld {
  cursor: pointer;
  font-weight: bold;
}
.epn-excel-upld{
  border: 0;
  background: 0;
  font-size: 15px;
  color: #9899AA;
}
.epn-excel__row #progress{
  /*line-height: 10px;*/
}
.epn-excel-content .dz-details {
  font-size: 11px;
  color: #141517;
  display: none;
}
.epn-excel-content .dz-success-mark,.epn-excel-content .dz-error-mark,.epn-excel-content .dz-remove,.epn-excel-content .dz-complete,.epn-excel-content .dz-preview{
  display: none;
}
.epn-excel__row #progress a{
  font-size: 11px;
  color: #000;
  display: block;
}
.epn-excel__row {
  display: flex;
  align-items: center;
}
.epn-excel-sale {
  padding-left: 12px;
}
.epn-download-line {
  position: relative;
}
.full-line {
  position: absolute;
  width: 158px;
  height: 3px;
  border-radius: 2px;
  background-color: #C6C9D0;
  top: -10px;
  left: 0;
}
.full-line span {
  position: absolute;
  height: 3px;
  left: 0;
  top: 0;
  background-color: var(--primary-color);
  border-radius: 2px;
  transition: width .2s ease-in-out;
}
.epn-excel-content {
  overflow: auto;
}
.c-select {
  position: relative;
}
.c-select__head {
  width: 100%;
  height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #C6C9D0;
  border-radius: 5px;
  padding-right: 37px;
  padding-left: 20px;
  color: #141517;
  font-size: 15px;
}
.c-select__head:after {
  content: "";
  background-image: url(/local/templates/merchant/images/arrow-grey-dropdown.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background-repeat: no-repeat;
  background-position: center;
  user-select: none;
  pointer-events: none;
  -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
}
.c-select__list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  font-size: 15px;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(.75) translateY(-21px);
  -ms-transform: scale(.75) translateY(-21px);
  transform: scale(.75) translateY(-21px);
  -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  z-index: 9;
  width: 100%;
  overflow: auto;
  max-height: 300px;
}
/*niceselect multiple*/
.c-select__list::-webkit-scrollbar {
  width: 10px;
}

.c-select__list::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 0;
}

.c-select__list::-webkit-scrollbar-thumb {
  background:#8f91a3;
  border-radius: 16px;
  border: 1px solid #ECECEE;
  transition: background .2s ease;
}
.c-select__list::-webkit-scrollbar-thumb:hover{
  background:var(--primary-color);
}
.c-select.open .c-select__list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  max-height: 210px;
}
.c-select.open .c-select__list.no-mcustom{
  overflow: auto;
  scrollbar-color: #8F91A3 #ECECEE;
  scrollbar-width: thin;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar {
  -webkit-appearance: none;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar:vertical {
  width: 3px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar:horizontal {
  height: 3px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 10px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar-thumb {
  background-color: #908F9D;
  border-radius: 10px;
}
.c-select.open .c-select__head:after {
  transform: rotate(180deg);
}
.c-select__item {
  cursor: pointer;
  font-weight: 400;
  height: 40px;
  display: flex;
  align-items: center;
  list-style: none;
  outline: 0;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #141517;
 }
 .c-select__item:hover {
   background-color: #F2F3F5;
 }
 .epn-excel__item .c-select__list {
  overflow: auto;
  max-height: 130px;
 }
 .event-line {
   display: flex;
   align-items: center;
   color: #6c6d79;
   font-size: 12px;
 }
 .event-from {
   margin-right: 20px;
 }
 .event-title {
   font-weight: bold;
   margin-right: 10px;
 }
 .event-to {
   margin-left: auto;
 }
 .event-line .event-item__status {
   position: relative;
   left: auto;
   top: auto;
 }
 .epn-products__list {
   flex: 1;
   overflow: auto;
 }
 .epn-products__list .orders-all__table {
  padding: 0;
 }
 .epn-products__list .control-table__row {
    height: auto;
    max-height: 88px;
 }
 .epn-products__list .flex-table__row-header .discount-btn-all:hover {
  color: var(--primary-color);
 }
 .epn-products__list .pf-checkbox__input:checked + .pf-checkbox__pseudo {
  background-color: var(--primary-color);
 }
 .epn-tabs-content-wrapper {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
 .action-categs {
    max-height: 70px;
    display: flex;
 }
 .epn-products__list .orders-all__order {
   border: none;
 }
 .epn-blocks__group {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .epn-products__table .orders-all__table-header {
  background-color: #fff;
}
.login__form .in_site_auth {
  margin-top: 32px;
}
.login__form .in_site_auth_body a {
  color: var(--primary-color);
  font-size: 16px;
  margin-left: 0;
}
.login__form .in_site_auth_body a:after {
  display: none;
}


 @media only screen and (max-height: 800px) {
  .epn__wrapper {
    height: auto;
    overflow: auto;
  }
  .epn__wrapper-footer {
    position: fixed;
  }
  .epn-tabs-content, .epn-products {
    height: auto;
  }
  .epn-products__categories .mCSB_scrollTools  {
    display: none !important;
  }
  .epn-excel-content {
    overflow: visible;
  }
}

@media only screen and (max-width: 1400px) {
  .no-viewport {
    overflow-x: hidden; }
  .left-menu__link > .left-menu__title {
    display: none; }
  .left-menu {
    width: 58px;
    height: 100%;
    position: relative;
    left: auto;
    overflow: hidden;
    padding-bottom: 0;
    top: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-right: 17px;
    overflow: visible; }
  .left-menu__link {
    padding-left: 16px; }
  .left-menu__img{
    display: block;
  }
  .arrow-menu > .left-menu__events {
    width: 10px;
    height: 10px;
    text-indent: -9000px;
    font-size: 0;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: transparent;
    position: absolute;
    top: 14px;
    left: 36px; }
  .left-menu__submenu {
    position: absolute;
    top: 0;
    left: 76px;
    background-color: #fff;
    color: #141517;
    padding: 10px 20px;
    min-width: 150px; }
  .left-menu__submenu-item a {
    padding-left: 0; }
  .left-menu__submenu-item {
    padding: 8px 0; }
  .left-menu__item:nth-last-child(1) .left-menu__submenu, .left-menu__item:nth-last-child(2) .left-menu__submenu {
    top: auto;
    bottom: 0; }
  .orders-all__form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .orders-all__form-filter {
    margin-bottom: 5px; }
  .partners-banner__wrapper {
    max-width: 1080px; }
  .partners {
    overflow: hidden; }
  .main-banner__block {
    margin-right: 2%; }
  .main-banner__btn {
    margin-right: 10px; }
  .content--full {
    width: 100%; }
  .new-products__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .new-products__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .new-products__top .page-title {
    width: 100%;
    margin-bottom: 30px; }
  .new-products__table .control-table__head {
    font-size: 12px; }
  .compare-table__note {
    width: 941px;
    left: calc( (100% - 1024px) / 2 + 81px); }
  .header__nav-item {
    margin: 0 30px; }
  .flex-table__item--price {
    min-width: 110px; }
  .left-menu__submenu-item .left-menu__events {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .compare-table__product-name {
    padding-right: 15px; }
  .fc-button .fc-icon {
    margin-top: -4px;
  }
  .ap-price {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 520px;
  }
  .beta {
    width: 37px;
  }
  .header__naming {
    padding: 0 16px 0 22px;
    max-width: 240px;
  }
  .header__naming>span {
    font-size: 16px;
    line-height: 1.2em;
  }
  .header__support-wrapper {
    padding-left: 15px;
  }
  .header__support {
    flex-shrink: 0;
    padding-right: 10px;
    min-width: 184px;
  }
  .header__menu-dropdown, .header__menu-dropdown-list {
    font-size: 16px;
  }
  .header__menu-dropdown span {
    padding-left: 25px;
    padding-right: 45px;
  }
  .header__menu-dropdown:after {
    right: 18px;
  }
  .header__menu {
    max-width: 155px;
  }
  .info-merchant .field-item div span {
    max-width: 140px;
  }
}

@media only screen and (max-width: 1279px) {
  .header-simple {
    padding: 0 12px; }
  .main-partners {
    padding-left: 0;
    padding-right: 0; }
  .main-partners .container {
    padding-left: 18px;
    padding-right: 18px; }
  .partners-features, .partners-banner__wrapper {
    padding-left: 18px;
    padding-right: 18px; }
  .partners__title {
    font-size: 28px; }
  .partners-banner__item b {
    font-size: 48px; }
  .partners-banner__item span {
    font-size: 22px; }
  .partners-business__topleft {
    left: 50px; }
  .partners-reviews {
    padding: 50px; }
  .partners-carousel__item-img {
    width: 128px;
    height: 128px;
    margin-right: 37px; }
  .partners-carousel__item-info p {
    font-size: 16px; }
  .partners-carousel__item {
    padding: 44px 35px; }
  .main-partners + .footer {
    padding-left: 12px; }
  .calendar-popup .edit-popup__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    }
  .merchant-promo .footer {
    padding: 0 15px;
  }
  .epn-products__list .control-table__row {
    max-height: 200px;
  }
  .epn-products__list .discount-table__cell--pic {
    margin-right: 10px;
  }
  .discount-table__cell--name {
    flex: 1;
  }
}

@media only screen and (max-width: 1024px) {
  .before-topline__title-edit-product{
    width: 60%;
  }
  .no-viewport {
    width: 1024px; }
  .no-viewport .container {
    /* padding: 0 15px;  */
  }
  .no-viewport .header {
    width: 1024px; }
  .compare-table__note {
    width: 914px;
    left: 94px;
    top: auto;
    bottom: 0; }
  .beta {
    width: 32px;
    margin-right: 8px;
  }
}

@media only screen and (max-width: 1023px) {
  .header__nav {
    padding-right: 28px; }
  .header__nav-list {
    margin: 0 -20px;
    margin: 0 10px; }
  .header__nav-item {
    margin: 0 13px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  .partners-features__item-outer {
    display: block; }
  .partners-features, .partners-banner__wrapper {
    padding-left: 28px;
    padding-right: 28px; }
  .partners-banner__top {
    margin-bottom: 65px; }
  .partners-banner__item:last-child b {
    white-space: nowrap; }
  .partners-banner__item b {
    font-size: 36px; }
  .partners-banner__item span br {
    display: none; }
  .partners-banner__item span {
    font-size: 18px;
    max-width: 160px;
    margin: 0 auto; }
  .partners-business__top {
    height: 460px; }
  .partners-business__topleft {
    max-width: 320px;
    top: 110px; }
  .partners__title {
    font-size: 24px;
    margin-bottom: 15px; }
  .partners-business__img {
    max-width: 600px; }
  .partners-business__img img {
    max-width: 100%; }
  .partners-business__item {
    margin: 0 4px;
    padding: 49px 34px 20px; }
  .partners-business__item-title {
    display: block;
    margin-bottom: 20px; }
  .partners-business__item-title span {
    display: block; }
  .partners-business__item-text {
    font-size: 14px; }
  .partners-business__item-img {
    margin-bottom: 25px; }
  .partners-business__textblock {
    max-width: 600px; }
  .partners-business__textblock p.small-text {
    font-size: 14px; }
  .partners-carousel__item-wr {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .partners-carousel__item-img {
    margin-right: 30px; }
  .partners-carousel__item {
    margin-right: 10px; }
  .partners-carousel .slick-prev {
    left: -40px; }
  .partners-carousel .slick-next {
    right: -30px; }
  .partners-carousel__dots {
    margin-top: 15px; }
  .partners-reviews {
    padding: 30px 40px; }
  .partners-register {
    padding: 58px 44px; }
  .partners-banner__item {
    width: 25%; }
  .orders-all {
    padding-left: 25px;
    padding-right: 25px; }
  .flex-table__item--count {
    min-width: 41px; }
    .calendar-popup .edit-popup__wrapper {
      max-height: 800px;
      } }

@media only screen and (max-width: 767px) {
  .header-simple {
    position: static; }
  .main-partners {
    padding-top: 0; }
  .header__nav {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-color: #fff;
    z-index: 10;
    left: 0;
    top: 0;
    padding-right: 0; }
  .header__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    padding: 15px;
    margin: 0;
    padding-top: 40px; }
  .header__nav-item {
    padding: 15px 0;
    border-bottom: 1px solid #ECECEE;
    display: block;
    width: 100%;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0; }
  .header__burger-m {
    width: 30px;
    height: 24px;
    position: absolute;
    right: 28px;
    cursor: pointer;
    top: 20px; }
  .header__burger-m.open {
    position: fixed;
    z-index: 20; }
  .header__burger-m.open span:nth-child(2) {
    display: none; }
  .header__burger-m.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 8px; }
  .header__burger-m.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 4px; }
  .header__burger-m span {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    background-color: #6C6D79;
    position: relative;
    display: block; }
  .header__burger-m span:nth-child(1) {
    top: 0; }
  .header__burger-m span:nth-child(2) {
    top: 6px; }
  .header__burger-m span:nth-child(3) {
    top: 12px; }
  .partners-top {
    height: auto;
    padding-bottom: 30px; }
  .partners-top__title {
    font-size: 30px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .partners-top__title b {
    font-size: 40px;
    margin-right: 9px; }
  .partners-top__subtitle {
    font-size: 24px; }
  .partners-top__center {
    max-width: 340px;
    padding-top: 60px;
    padding-bottom: 60px; }
  .partners-top__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px; }
  .partners-reg {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0; }
  .partners-login {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 10px; }
  .partners-top__questions:after {
    bottom: -40px; }
  .partners-features__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .partners-features__item {
    width: 50%;
    text-align: center;
    margin-bottom: 25px; }
  .partners-features__item-icon {
    margin: auto; }
  .partners-features {
    padding: 23px 0 18px; }
  .partners-banner {
    padding: 20px 0 40px;
    position: relative;
    margin-bottom: 25px; }
  .partners-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(4, 4, 4, 0.37); }
  .partners-banner__top {
    margin-bottom: 45px;
    position: relative;
    z-index: 2; }
  .partners-banner__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 2; }
  .partners-banner__item {
    width: 50%;
    margin-bottom: 35px; }
  .partners-banner__item span {
    margin: auto; }
  .partners-business__topleft {
    position: relative;
    top: auto;
    left: auto;
    z-index: 3; }
  .partners-business__top {
    height: auto;
    padding: 58px 18px 120px;
    background-position: 100% 0; }
  .partners-business__img {
    top: auto;
    left: auto;
    right: -100px;
    bottom: -150px;
    max-width: 500px; }
  .partners-business__wrapper {
    display: block;
    padding: 0 15px;
    margin-bottom: 0; }
  .partners-business__item {
    margin: 0 auto 20px;
    max-width: 390px; }
  .partners-business__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .partners-business__item {
    min-height: 200px; }
  .partners-business__item-img {
    margin-bottom: 0; }
  .partners-business__textblock p {
    font-size: 16px; }
  .partners-business__textblock {
    padding: 0 15px; }
  .partners-business__instruction {
    margin-top: 30px; }
  .partners-business__instruction p {
    font-size: 18px; }
  .partners-reviews {
    padding: 30px 15px; }
  .partners-carousel {
    margin-top: 30px; }
  .partners-carousel__item {
    padding: 25px 17px; }
  .partners-carousel__item-wr {
    display: block; }
  .partners-carousel__item-img {
    margin: 0 auto 15px;
    width: 100px;
    height: 100px; }
  .partners-carousel .slick-arrow {
    top: calc(100% + 30px); }
  .partners-carousel .slick-prev {
    left: 20px; }
  .partners-carousel .slick-next {
    right: 30px; }
  .partners-register {
    padding: 45px 15px; }
  .partners-register__form {
    max-width: 450px;
    margin: 0 auto; }
  .partners-register__form .popup-form__group {
    display: block; }
  .partners-register__form .popup-form__group > div {
    width: 100%; }
  .partners-top__phone {
    font-size: 18px; }
  .logo:after {
    top: 3px; }
  .partners-top {
    background-image: url(../images/partners-top-768.jpg) !important; }
  .popup-form__group .recapcha {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 300px;
    margin: 0 auto; }

  .checkbox-control  {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto 20px;
  }

}

@media only screen and (max-width: 639px) {
  .login__form {
    max-width: 490px;
    width: 100%;
    padding: 2em; } }

@media only screen and (max-width: 479px) {
  .login__form {
    padding: 2em 1em; }
  .partners-top {
    background-image: url(../images/partners-top-320.jpg) !important; } }

@media only screen and (orientation: landscape) and (max-width: 1023px) {
  .login__form {
    position: relative;
    margin: auto;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

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

/* notification */


.header__notice{
	display: flex;
	height: 100%;
  border-right: 1px solid #e7e7e7;
}

.notice{
	position: relative;
}


.notice{
	position: relative;
}

.notice.disabled {
	opacity: 0.4;
	pointer-events: none;
}


.notice__btn{
	position: relative;

	width: 85px;
	height: 100%;

	cursor: pointer;
	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;

	border-left: 1px solid #e7e7e7;
}

.notice__btn:hover{
	opacity: .7;
}

.notice__icon{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 22px;
	height: 22px;
	margin: auto;
}

.notice__num{
	font-size: 12px;
	font-weight: bold;
	line-height: 1;

	position: absolute;
	top: 0;
	right: -6px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	min-width: 20px;
	height: 14px;

	text-align: center;

	color: #fff;
	border-radius: 10px;
	background: var(--primary-color);

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.notice__dropdown{
	position: absolute;
	top: -999px;
	right: -3px;

	width: 435px;
	margin-top: 12px;

	-webkit-transition: top 0s .2s ease, opacity .2s ease, -webkit-transform .2s ease;
	     -o-transition: top 0s .2s ease, opacity .2s ease, transform .2s ease;
	        transition: top 0s .2s ease, opacity .2s ease, -webkit-transform .2s ease;
	        transition: top 0s .2s ease, opacity .2s ease, transform .2s ease;
	        transition: top 0s .2s ease, opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	        transform: translateY(20px);

	opacity: 0;
	border: 1px solid #cbc8c3;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 4px 10px rgba(217, 213, 209, .78);
	        box-shadow: 0 4px 10px rgba(217, 213, 209, .78);
}

.notice__dropdown.active{
	top: 100%;

	-webkit-transition: top 0s ease, opacity .2s ease, -webkit-transform .2s ease;
	     -o-transition: top 0s ease, opacity .2s ease, transform .2s ease;
	        transition: top 0s ease, opacity .2s ease, -webkit-transform .2s ease;
	        transition: top 0s ease, opacity .2s ease, transform .2s ease;
	        transition: top 0s ease, opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
	-webkit-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	        transform: translateY(0px);

	opacity: 1;
}

.notice__dropdown:after{
	position: absolute;
	top: -5px;
	right: 5px;

	width: 14px;
	height: 6px;

	content: '';

	background: url('/local/templates/merchant/images/icon-corner.svg') no-repeat;
}

.notice__formatted {
  padding: 5px 10px;
}
.notice__formatted a:hover {
  text-decoration: none;
}
.notice__formatted p {
  margin: 0;
}
.notice__formatted p.small {
  font-size: 12.5px;
  line-height: 1.1;
}
.notice__formatted ol,
.notice__formatted ul {
  padding-left: 20px;
  margin: 5px 0;
}

.notice__content {
  max-height: 500px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(95, 97, 113, .8) #ECECEE;
}
.notice__content::-webkit-scrollbar {
  -webkit-appearance: none;
}
.notice__content::-webkit-scrollbar,
.notice__content::-webkit-scrollbar-thumb {
  width: 20px;
  border-radius: 10px;
  border: 8px solid transparent;
}
.notice__content::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px rgba(95, 97, 113, .8);
}

.notice__header{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	padding: 13px 20px;

	border-bottom: 1px solid #cbc8c3;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.notice__title{
	font-size: 14px;
	font-weight: bold;

	color: #141517;
}

.notice__clear{
	font-size: 14px;

	cursor: pointer;
	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;

	color: var(--primary-color);
}

.notice__clear:hover{
	text-decoration: none;

	color: #227db9;
}

.notice__item{
	font-size: 14px;

	position: relative;

	padding: 15.5px 20px;
	padding-left: 60px;

	cursor: pointer;
	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;

	color: #141517;
	border-bottom: 1px solid #cbc8c3;
}

.notice__item:hover{
	background: #f9f8f7;
}

.notice__item:last-child{
	border-bottom: none;
}

.notice__item:before{
	position: absolute;
	top: 15px;
	left: 20px;

	display: block;

	width: 20px;
	height: 20px;

	content: '';

	background: url('/local/templates/merchant/images/icon-notice-calendar.svg') no-repeat;
}

.notice__item a{
	font-weight: bold;
	line-height: 1.3;

	-webkit-transition: all .2s ease;
	     -o-transition: all .2s ease;
	        transition: all .2s ease;
	text-decoration: none;

	color: var(--primary-color);
}

.notice__item a:hover{
	opacity: .7;
}


/* Форма настройки API */
.api-form{
  padding: 38px 35px;
}

.api-form__title{
font-weight: bold;
font-size: 16px;
margin-bottom: 12px;
}

.api-form__item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}

.api-form__item + .api-form__group{
  margin-top: 30px;
}

.api-form__name{
  font-weight: bold;
  font-size: 16px;
  margin-right: 8px;
  min-width: 28px;
}

.api-form__val{
  font-size: 16px;
  margin-right: 12px;
}

.api-form__copy{
  width: 13px;
  height: 15px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuODYzNjggMEgyLjIyNzMyQzEuNTI3MzIgMCAwLjk1NDU5IDAuNTcyNzI3IDAuOTU0NTkgMS4yNzI3M1YxMC4xODE4SDIuMjI3MzJWMS4yNzI3M0g5Ljg2MzY4VjBaTTExLjc3MjggMi41NDU0NUg0Ljc3Mjc3QzQuMDcyNzcgMi41NDU0NSAzLjUwMDA0IDMuMTE4MTggMy41MDAwNCAzLjgxODE4VjEyLjcyNzNDMy41MDAwNCAxMy40MjczIDQuMDcyNzcgMTQgNC43NzI3NyAxNEgxMS43NzI4QzEyLjQ3MjggMTQgMTMuMDQ1NSAxMy40MjczIDEzLjA0NTUgMTIuNzI3M1YzLjgxODE4QzEzLjA0NTUgMy4xMTgxOCAxMi40NzI4IDIuNTQ1NDUgMTEuNzcyOCAyLjU0NTQ1Wk0xMS43NzI4IDEyLjcyNzNINC43NzI3N1YzLjgxODE4SDExLjc3MjhWMTIuNzI3M1oiIGZpbGw9IiM2QzZENzkiLz4KPC9zdmc+Cg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  margin-right: 18px;
  position: relative;
}

.api-form__copy.active:before{
  display: block;
}

.api-form__copy:before {
  content: "Скопировано";
  position: absolute;
  top: -4px;
  left: 50%;
  background: var(--primary-color);
  color: #fff;
  font-size: 12px;
  padding: 3px;
  border-radius: 5px;
  transform: translate(-50%, -100%);
  display: none;
}

.api-form__btn{
  border: 1px solid var(--primary-color);
  border-radius: 5px;
  font-size: 14px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0px 12.5px;
  text-decoration: none;
  cursor: pointer;
  transition: all .2s ease;
}

.api-form__btn:hover{
  background-color: var(--primary-color);
  color: #fff;
}

.api-form__btn:active{
  background-color: #0e649e;
}

.api-form__group .api-form__title{
  margin-bottom: 17px;
  color: #b3b3b3;
}
.api-form__group .api-form__title.active{
  color: #000;
}
.api-form__group{
  margin-bottom: 27px;
}

.api-form__group + .api-form__item{
  margin-top: 41px;
}

.api-form__field{
  display: flex;
  align-items: center;
  justify-content: center;
}

.api-form__control{
  border: 1px solid #C6C9D0;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0px 25px;
  padding-right: 40px;
  margin-right: 17px;
  flex-grow: 1;
  position: relative;
}

.api-form__control.active{
  border-color: var(--primary-color);
}

.api-form__control.active:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 12px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNTk1MDIgOS40ODIwNkM0LjQ4MDQ3IDkuNTk3MjggNC4zMjQxOSA5LjY2MTU3IDQuMTYxODUgOS42NjE1N0MzLjk5OTUxIDkuNjYxNTcgMy44NDMyMiA5LjU5NzI4IDMuNzI4NjggOS40ODIwNkwwLjI2OTI1OSA2LjAyMjA5Qy0wLjA4OTc1MyA1LjY2MzA3IC0wLjA4OTc1MyA1LjA4MDkxIDAuMjY5MjU5IDQuNzIyNTdMMC43MDI0MjkgNC4yODkyOUMxLjA2MTU1IDMuOTMwMjggMS42NDMwNCAzLjkzMDI4IDIuMDAyMDUgNC4yODkyOUw0LjE2MTg1IDYuNDQ5Mkw5Ljk5NzkyIDAuNjEzMDA5QzEwLjM1NyAwLjI1Mzk5NyAxMC45MzkxIDAuMjUzOTk3IDExLjI5NzUgMC42MTMwMDlMMTEuNzMwNyAxLjA0NjI5QzEyLjA4OTcgMS40MDUzIDEyLjA4OTcgMS45ODczNSAxMS43MzA3IDIuMzQ1OEw0LjU5NTAyIDkuNDgyMDZaIiBmaWxsPSIjMkU4Qzg1Ii8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.api-form__path{
  color: #6C6D79;
  margin-right: 34px;
}

.api-form__input{
  flex-grow: 1;
  height: 50px;
  font-size: 16px;
  color: #b3b3b3;
  border: none;
  background: none;
  font-family: var(--font);
}
.api-form__input.active{
  color: #141517;
}




.enter_phone_select {
	width: 111px;
	flex-shrink: 0;
	margin-right: 5px;
	position: relative;
	z-index: 1;
}

.enter_phone_select_head {
	background: #fff;
	border-radius: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 25px;
	padding-top: 10px;
	color: #141517;
	font-size: 16px;
	position: relative;
	border: 1px solid #DBDDE1;
	cursor: pointer;
	transition: all .2s ease;
}

.enter_phone_select_head:after {content: "";background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjA0NDU2IDUuNzg0MTJMMTAuNzc0MiAxLjI1ODI3QzExLjA3NTMgMC45NzAzNjYgMTEuMDc1MyAwLjUwMzU4NyAxMC43NzQyIDAuMjE1ODI4QzEwLjQ3MzUgLTAuMDcxOTU0MSA5Ljk4NTY5IC0wLjA3MTk1MzcgOS42ODQ5NyAwLjIxNTgyOUw1LjQ5OTkyIDQuMjIwNTFMMS4zMTUwMiAwLjIxNTk1MkMxLjAxNDE1IC0wLjA3MTgzIDAuNTI2NDA4IC0wLjA3MTgyOTYgMC4yMjU2NTUgMC4yMTU5NTNDLTAuMDc1MjE4NSAwLjUwMzczNiAtMC4wNzUyMTg1IDAuOTcwNDkxIDAuMjI1NjU1IDEuMjU4MzlMNC45NTU0MSA1Ljc4NDI0QzUuMTA1ODYgNS45MjgxMyA1LjMwMjgzIDYgNS40OTk5IDZDNS42OTcwNiA2IDUuODk0MTggNS45Mjc5OSA2LjA0NDU2IDUuNzg0MTJaIiBmaWxsPSIjNkM2RDc5Ii8+Cjwvc3ZnPgo=);background-size: contain;background-repeat: no-repeat;background-position: center;width: 11px;height: 11px;position: absolute;top: 5px;bottom: 0px;right: 14px;margin: auto;}

.enter_phone_select_dropdown {
	position: absolute;
	top: -9999px;
	opacity: 0;
	border-radius: 20px;
	border: 1px solid var(--primary-color);
	height: 135px;
	overflow: hidden;
	margin-top: 5px;
	width: 100%;
	background: #fff;
	padding: 9px 0;
	padding-right: 8px;
	transition: top 0s .2s ease, opacity .2s ease;
}

.enter_phone_select.active .enter_phone_select_head {
	border-color: var(--primary-color);
}

.enter_phone_select.active .enter_phone_select_head:after{
	transform: rotate(180deg);
}

.enter_phone_select.active .enter_phone_select_dropdown {
	top: 100%;
	opacity: 1;
	transition: top 0s ease, opacity .2s ease;
}

.enter_phone_select_item {
	color: #141517;
	font-size: 16px;
	padding: 7px 26px;
	cursor: pointer;
	transition: all .2s ease;
}

.enter_phone_select_item:hover {
	background-color: #eee;
}

.enter_phone_select_item.selected{
	background: var(--primary-color);
	color: #fff;
}

.enter_phone_select_list {
	overflow: auto;
	height: 116px;
}

.enter_phone_select_list::-webkit-scrollbar {
	-webkit-appearance: none;
}
.enter_phone_select_list::-webkit-scrollbar:vertical {
	width: 3px;
}
.enter_phone_select_list::-webkit-scrollbar:horizontal {
	height: 3px;
}
.enter_phone_select_list::-webkit-scrollbar-track {
	background-color: #ECECEE;
	border-radius: 10px;
}
.enter_phone_select_list::-webkit-scrollbar-thumb {
	background-color: #908F9D;
	border-radius: 10px;
}

.popup-form__input-flex {
    display: flex;
    position: relative;
    margin-bottom: 40px;
}

.popup-form__input-flex .popup-form__input{
	margin-bottom: 0;
	height: 50px;
	padding-left: 15px;
}

.popup-form__input-flex .popup-form__input-name{
	z-index: 10;
	font-size: 12px;
	top: 13px;
  left: 26px;
  transform: translateY(-50%);
}

.popup-form__input-flex .popup-form__input-name.enter_phone_select-placeholder{
  top: 10px;
  left: 102px;
}

.popup-form__input-flex.popup-form__input_type3 .popup-form__input-name{
  position: absolute;
  font-size: 12px !important;
  top: 5px !important;
}

.popup-form__input-flex.popup-form__input_type3{
  padding-left: 0;
}

.popup-form__input-flex.popup-form__input_type3 .enter_phone_select_head{
  padding-top: 17px;
  font-size: 14px;
  padding-left: 27px;
  border: none;
  height: 48px;
}

.popup-form__input-flex.popup-form__input_type3 .enter_phone_select_head:after{
  top: 15px;
  height: 48px;
}

.popup-form__input-flex.popup-form__input_type3 .enter_phone_select_dropdown{
  width: 92%;
}

.popup-form__input-flex.popup-form__input_type3 .enter_phone_select{
  width: 98px;
}

.edit-popup__wrapper .enter_phone_select.active {
  z-index: 11;
}
.edit-popup__wrapper .enter_phone_select_head {
  background-color: transparent;
}

.popup-form__input-flex.popup-form__input_type3 .popup-form__input-field{
  padding-top: 15px;
}

.c-select {
  position: relative;
}
.c-select__head {
  width: 100%;
  height: 35px;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  border: 1px solid #C6C9D0;
  border-radius: 5px;
  padding-right: 37px;
  padding-left: 20px;
  color: #141517;
  font-size: 15px;
}
.c-select__head:after {
  content: "";
  background-image: url(/local/templates/merchant/images/arrow-grey-dropdown.svg);
  width: 10px;
  height: 10px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  background-repeat: no-repeat;
  background-position: center;
  user-select: none;
  pointer-events: none;
  -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
}
.c-select__list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  font-size: 15px;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(.75) translateY(-21px);
  -ms-transform: scale(.75) translateY(-21px);
  transform: scale(.75) translateY(-21px);
  -webkit-transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
  z-index: 9;
  width: 100%;
  overflow: auto;
}
/*niceselect multiple*/
.c-select__list::-webkit-scrollbar {
  width: 10px;
}

.c-select__list::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 0;
}

.c-select__list::-webkit-scrollbar-thumb {
  background:#8f91a3;
  border-radius: 16px;
  border: 1px solid #ECECEE;
  transition: background .2s ease;
}
.c-select__list::-webkit-scrollbar-thumb:hover{
  background:var(--primary-color);
}
.c-select.open .c-select__list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
  max-height: 210px;
}
.c-select.open .c-select__list.no-mcustom{
  overflow: auto;
  scrollbar-color: #8F91A3 #ECECEE;
  scrollbar-width: thin;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar {
  -webkit-appearance: none;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar:vertical {
  width: 3px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar:horizontal {
  height: 3px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 10px;
}
.c-select.open .c-select__list.no-mcustom::-webkit-scrollbar-thumb {
  background-color: #908F9D;
  border-radius: 10px;
}
.c-select.open .c-select__head:after {
  transform: rotate(180deg);
}
.c-select__item {
  cursor: pointer;
  font-weight: 400;
  height: 40px;
  display: flex;
  align-items: center;
  list-style: none;
  outline: 0;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  -webkit-transition: all .2s;
  transition: all .2s;
  color: #141517;
}
.c-select__item:hover {
  background-color: #F2F3F5;
}
.btn--border{
  border: 2px solid var(--primary-color);
  background-color: #fff;
  color: var(--primary-color);
}

.btn--border:hover{
  background-color: var(--primary-color);
  color: #fff;
}

.login__form .in_site_auth {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-top: 25px;
  text-align: center;
}
.login__form .in_site_auth_or {
  color: #6C6D79;
  margin-bottom: 25px;
}
.login__form .in_site_auth_body a {
  color: var(--primary-color);
  /*border-bottom: 1px solid var(--primary-color);*/
  transition: color .2s ease, border .2s ease;
  text-decoration: none;
}
.login__form .in_site_auth_body a:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}

.popup_auth {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,.7);
  z-index: 200;
  /* width: 400px; */
  /* height: 500px; */
  display: none;
  z-index: 1000022;
}
.popup_auth_outer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  background: #fff;
  padding: 94px 100px 50px;
  border: 1px solid #DADADA;
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.popup_auth .card_auth {
  margin-top: 7px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  background-color: var(--primary-color);
  text-transform: lowercase;
  display: inline-block;
  padding: 0 0px;
  border-radius: 50px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  height: 62px;
  width: 100%;
  line-height: 62px;
}

.auth_bottom {
  padding-top: 5px;
  padding-left: 11px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.popup_v.in_vosstanovlenie {
  float: right;
  /* border-bottom: 1px dotted var(--primary-color); */
  border-bottom: none;
  padding: 0px;
  font-weight: 100;
  width: unset;
  font-size: 16px;
  color: var(--primary-color);
  position: relative;
}

.popup_v.in_vosstanovlenie:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 1px;
  width: 98%;
  border-bottom: 1px dashed var(--primary-color);
}

.popup_auth_wraper {
  width: 388px;
  margin: 0 auto;
}
.err_auth {
  padding: 10px;
  text-align: center;
  color: #c71f1f;
}
.popup_v {
  width: 50%;
  cursor: pointer;
  float: left;
  text-align: center;
  font-size: 24px;
  padding: 12px 0;
  font-weight: bold;
  border-bottom: 1px solid #8F91A3;
  color: #8F91A3;
  /*color: 3px solid #8F91A3;*/
}
.popup_v.active{
  border-color: #141517;
  color: #141517;
  /*color: 3px solid #000;*/
  box-shadow: none;
}


.popup_auth input[type="password"] {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100%;
  max-width: 98%;
  height: 100%;
  padding-left: 0;
}
.popup_auth .popup_content{
  display: none;
}
.hide_class {
  display: none!important;
}

.popup_auth .popup_content.active {
  box-shadow: none;
  display: inline-block;
  width: 100%;
  margin-top: 22px;
}

.popup_auth .popup_content._vosstanovlenie.active,
.popup_auth .popup_content.register_.active {
  margin-top: 19px;
}

.popup_content.active .auth_chb_text {
  margin-top: 1px;
}

.popup_auth_close {
  width: 15px;
  height: 15px;
  background-image: url(/bitrix/templates/empty/images/close.svg);
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  z-index: 2;
}

div.bx-auth {
  width: 100%;
  margin: 0 auto 20px !important;
  display: flex;
  justify-content: center;

}

.bx-system-auth-form {
  margin-left: 0 !important;
}

.soc_seti_auth {
  margin-bottom: 4px;
  margin-left: 24px;
}

.main-checkout * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.auth_chb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.auth_remember {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.auth_chb_input {
  display: none;
}
.auth_chb_input:checked + .auth_chb_pseudo {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.auth_chb_input:checked + .auth_chb_pseudo:after {
  opacity: 1;
}
.auth_chb_pseudo {
  position: relative;
  border: 1px solid #B6B0AC;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  transition: all .2s ease;
}
.auth_chb_pseudo:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/local/components/bitrix/sale.order.ajax/templates/new/images/check-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px;
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
}
.auth_chb_text {
  margin-left: 12px;
  font-size: 15px;
  color: #8F91A3;
}
.auth_registr_chb {
  margin-bottom: 20px;
}

.auth_registr_chb .auth_chb_text {
  font-size: 14px;
}

.auth_registr_chb a {
  color: var(--primary-color);
  text-decoration: underline;
}
.auth_restore_back {
  font-size: 14px !important;
  margin-bottom: 30px;
  float: none;
  border: none;
  padding: 0;
  width: 100%;
  color: var(--primary-color);
  font-weight: normal;
  display: flex;
  align-items: center;
  height: 15px;
  justify-content: center;
}

.auth_restore_back img, .auth_restore_back span {
  display: inline-block;
  vertical-align: middle;
}
.auth_restore_back span {
  margin-left: 9px;
}
.auth_restore_title {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #141517;
  margin-bottom: 20px;
}
.auth_restore_text {
  font-size: 15px;
  color: #8F91A3;
  margin-bottom: 27px;
}

.auth_restore_back_text {
  position: relative;
}

.auth_restore_back_text:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 1px;
  width: 98%;
  border-bottom: 1px dashed var(--primary-color);
}

.auth_restore_question {
  margin-top: 30px;
  text-align: center;
}

.auth_restore_question .auth_restore_title {
  margin-bottom: 12px;
}

.auth_restore_question .auth_restore_text {
  text-align: center;
}
.auth_restore_phone {
  font-size: 17px;
  color: #79A151;
  position: relative;
  font-weight: 400;
}

.auth_restore_phone:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 1px;
  width: 98%;
  border-bottom: 1px dashed var(--primary-color);
}

.ch-input__outer.ch-input__name-inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 23px;
  height: 49px;
  margin-bottom: 18px;
  position: relative;
  background: #f2f3f5;
}
.ch-input__outer.error {
  border-color: red;
}
.ch-input__outer.error .ch-input input[type='text'],
.ch-input__outer.error .ch-input input[type='tel'],
.ch-input__outer .ch-input input.error{
  border-color: red !important;
  box-shadow: inset 0 0 0 1px red;
}
.ch-input__outer.error .enter_phone_select_head,
.ch-input__outer .enter_phone_select.error .enter_phone_select_head{
  border-color: red;
}

.ch-input__outer.ch-input__name-inside .ch-input__name {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #828282;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
}
.ch-input__outer.ch-input__name-inside .ch-input {
  width: 100%;
  height: 100%;
}
.ch-input__outer.ch-input__name-inside .ch-input input[type='text'],
.ch-input__outer.ch-input__name-inside .ch-input input[type='tel'] {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 100%;
  max-width: 98%;
  height: 100%;
  background-color: transparent !important;
  padding-left: 15px;
}
.ch-input input[type='text'],
.ch-input input[type='tel'] {
  height: 50px;
  border-radius: 70px !important;
  border: 1px solid #8F91A3 !important;
  max-width: 100% !important;
  /*font-size: 16px;*/
}

@-webkit-keyframes autofill {
  to {
    background: transparent;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}
.ch-input__outer.ch-input__name-inside .ch-input__name.focus {
  font-size: 12px;
  top: 4px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.popup_auth_topline {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  padding: 19px 23px 21px;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popup_auth_topline > img {
  max-width: 75px;
}
.popup_auth_topline_title {
  font-size: 24px;
  font-weight: bold;
  color: #6C6D79;
  margin-left: -50px;
}


/*NEW POPUP STYLES*/

.reg-popup .popup_auth_outer {
  padding: 40px 48.5px 0;
  overflow: auto;
  max-height: 100%;
}
.authpopup .popup_auth_wraper {
  width: 389px;
}
.authpopup .popup_auth_close{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjM2NjI5OCAxNC42MzM3QzAuNjEwMzYzIDE0Ljg3OCAwLjkyOTk5NyAxNS4wMDAxIDEuMjQ5OSAxNS4wMDAxQzEuNTY5OCAxNS4wMDAxIDEuODg5NyAxNC44NzggMi4xMzM3NyAxNC42MzM3TDcuNTAwMDQgOS4yNjc0MkwxMi44NjYyIDE0LjYzMzZDMTMuMTEwMyAxNC44Nzc5IDEzLjQzMDIgMTUgMTMuNzUwMSAxNUMxNC4wNyAxNSAxNC4zODk2IDE0Ljg3NzkgMTQuNjMzNyAxNC42MzM2QzE1LjEyMjEgMTQuMTQ1NSAxNS4xMjIxIDEzLjM1NDUgMTQuNjMzNyAxMi44NjYxTDkuMjY3NTEgNy40OTk5NEwxNC42MzM3IDIuMTMzNzdDMTUuMTIyMSAxLjY0NTY0IDE1LjEyMTggMC44NTQ0MjggMTQuNjMzNyAwLjM2NjI5OEMxNC4xNDU2IC0wLjEyMjA5OSAxMy4zNTQ2IC0wLjEyMjA5OSAxMi44NjYyIDAuMzY2Mjk4TDcuNTAwMDUgNS43MzI0OEwyLjEzMzc3IDAuMzY2MTk4QzEuNjQ1NjQgLTAuMTIyMTk5IDAuODU0NDI5IC0wLjEyMTkzMiAwLjM2NjI5OCAwLjM2NjE5OEMtMC4xMjIwOTkgMC44NTQzMjkgLTAuMTIyMDk5IDEuNjQ1MjcgMC4zNjYyOTggMi4xMzM2N0w1LjczMjU4IDcuNDk5OTVMMC4zNjYyOTggMTIuODY2MkMtMC4xMjIwOTkgMTMuMzU0NCAtMC4xMjIwOTkgMTQuMTQ1NiAwLjM2NjI5OCAxNC42MzM3WiIgZmlsbD0iIzZDNkQ3OSIvPgo8L3N2Zz4K);
  transition: all .2s ease;
}
.authpopup .popup_auth_close:hover{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjM2NjI5OCAxNC42MzM3QzAuNjEwMzYzIDE0Ljg3OCAwLjkyOTk5NyAxNS4wMDAxIDEuMjQ5OSAxNS4wMDAxQzEuNTY5OCAxNS4wMDAxIDEuODg5NyAxNC44NzggMi4xMzM3NyAxNC42MzM3TDcuNTAwMDQgOS4yNjc0MkwxMi44NjYyIDE0LjYzMzZDMTMuMTEwMyAxNC44Nzc5IDEzLjQzMDIgMTUgMTMuNzUwMSAxNUMxNC4wNyAxNSAxNC4zODk2IDE0Ljg3NzkgMTQuNjMzNyAxNC42MzM2QzE1LjEyMjEgMTQuMTQ1NSAxNS4xMjIxIDEzLjM1NDUgMTQuNjMzNyAxMi44NjYxTDkuMjY3NTEgNy40OTk5NEwxNC42MzM3IDIuMTMzNzdDMTUuMTIyMSAxLjY0NTY0IDE1LjEyMTggMC44NTQ0MjggMTQuNjMzNyAwLjM2NjI5OEMxNC4xNDU2IC0wLjEyMjA5OSAxMy4zNTQ2IC0wLjEyMjA5OSAxMi44NjYyIDAuMzY2Mjk4TDcuNTAwMDUgNS43MzI0OEwyLjEzMzc3IDAuMzY2MTk4QzEuNjQ1NjQgLTAuMTIyMTk5IDAuODU0NDI5IC0wLjEyMTkzMiAwLjM2NjI5OCAwLjM2NjE5OEMtMC4xMjIwOTkgMC44NTQzMjkgLTAuMTIyMDk5IDEuNjQ1MjcgMC4zNjYyOTggMi4xMzM2N0w1LjczMjU4IDcuNDk5OTVMMC4zNjYyOTggMTIuODY2MkMtMC4xMjIwOTkgMTMuMzU0NCAtMC4xMjIwOTkgMTQuMTQ1NiAwLjM2NjI5OCAxNC42MzM3WiIgZmlsbD0iIzhmYmM2MiIvPgo8L3N2Zz4K);
  filter: none;
}
.authpopup .enter-sms_title {
  font-size: 22px;
}
.authpopup__inside {
  max-width: 100%;
  margin: 0 auto;
}
.authpopup .ch-input__name-phone {
  max-width: 100%;
  margin: 0 auto;
}
.authpopup__input .ch-input__name {
  font-size: 14px;
  color: #141517;
  margin-bottom: 8px;
  text-align: left;
}
.authpopup .authpopup__input .ch-input input{
  transition: all .2s ease;
}
.authpopup .authpopup__input .ch-input input:focus,
.authpopup .ch-input.authpopup__input-phone.focus input{
  border-color: var(--primary-color) !important;
}
.authpopup .authpopup__input-name span {
  font-size: 14px !important;
}
.authpopup .authpopup__input-name.focus span {
  font-size: 14px !important;
  color: #141517;
}
.authpopup__input .ch-input input[type='text'], .authpopup__input .ch-input input[type='tel'], .authpopup__input .ch-input input[type='password'] {
  height: 50px;
  background: #F2F3F5;
  border: none !important;
  border-radius: 5px !important;
  color: #141517;
  width: 100%;
  box-sizing: border-box !important;
  padding-top: 0;
  font-size: 16px;
}
.authpopup__input .ch-input input[type='password']{

}

.authpopup__input .ch-input input[type='text'].phone-prefix,
.authpopup__input .ch-input input[type='tel'].phone-prefix {
  width: 46px;
  border-right: 1px solid #DADADA !important;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 12px;
  border-radius: 5px 0 0 5px !important;
}
.authpopup__input-phone--prefix {
  position: relative;
  display: flex;
}
.authpopup.popup_auth .card_auth_new, .authpopup.popup_auth .card_auth {
  height: 40px;
  max-width: 100%;
  border-radius: 5px;
  color: #fff;
  line-height: 40px;
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
  transition: background .2s ease;
}
.authpopup.popup_auth .card_auth:hover,
.authpopup.popup_auth .card_auth:focus,
.authpopup.popup_auth .card_auth_new:hover,
.authpopup.popup_auth .card_auth_new:focus{
  background-color: #7fa955;
}
.authpopup.popup_auth .card_auth:active,
.authpopup.popup_auth .card_auth_new:active{
  background-color: #69933f;
}
.authpopup .auth_chb_pseudo {
  width: 20px;
  height: 20px;
}
.authpopup .auth_chb_pseudo:after {
  background-size: 12px;
}
.authpopup .auth_chb_text {
  font-size: 13px;
  color: #141517;
}
.authpopup .auth_chb {
  margin-bottom: 10px;
}
.authpopup .in_site_auth {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  margin-top: 25px;
  text-align: center;
}
.authpopup .in_site_auth_or {
  color: #6C6D79;
  margin-bottom: 25px;
}
.authpopup .in_site_auth_body a {
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  transition: color .2s ease, border .2s ease;
}
.authpopup .in_site_auth_body a:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}
.authpopup .in_site_auth_body a:before, .authpopup .in_site_auth_body a:after {
  display: none;
}
.authpopup .auth_bottom {
  padding: 0;
  max-width: 308px;
  margin: 0 auto;
}
.authpopup__input .ch-input input {
  padding-left: 12px;
}
.authpopup__input {
  margin-bottom: 20px;
}
.authpopup .popup_v.in_vosstanovlenie {
  display: inline-block;
  float: right;
  margin-bottom: 10px;
  margin-top: 14px;
  clear: both;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #000;
  transition: color .2s ease, border .2s ease;
}
.authpopup .popup_v.in_vosstanovlenie:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}
.authpopup .popup_v.in_vosstanovlenie:before {
  display: none;
}
.authpopup-reg {
  max-width: 300px;
  margin: 50px auto 20px;
  color: #000;
  text-align: center;
}
.authpopup-reg .popup_v {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  border-bottom: 1px solid;
  padding: 0;
  transition: color .2s ease, border .2s ease;
}
.authpopup-reg .popup_v:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}
.authpopup .auth_chb_text a {
  color: #000;
  text-decoration: underline;
  transition: color .2s ease;
}
.authpopup .auth_chb_text a:hover{
  color: var(--primary-color);
  text-decoration: none;
}
.authpopup .auth_email {
  text-align: center;
  font-size: 14px;
  margin: 37px 0;
  cursor: pointer;
}
.authpopup .auth_email span {
  display: inline-block;
  border-bottom: 1px solid #000;
  transition: color .2s ease, border .2s ease;
}
.authpopup .auth_email span:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}
.authpopup .enter_email .card_auth {
  margin-bottom: 15px;
}
.authpopup .auth_restore_back {
  font-size: 12px !important;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #6C6D79;
  font-weight: normal;
}
.authpopup .auth_restore_back:hover .auth_restore_back_text{
  color: var(--primary-color);
}
.authpopup .auth_restore_back_text:before {
  display: none;
}
.authpopup .auth_restore_back_arrow {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 22px;
  height: 17px;
  border: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxNCA3LjY4MzQxIC0wLjA5NzYzMTUgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzFMNi42NTY4NSAxNS4wNzExQzcuMDQ3MzggMTUuNDYxNiA3LjY4MDU0IDE1LjQ2MTYgOC4wNzEwNyAxNS4wNzExQzguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE0LjA0NzQgOC4wNzEwNyAxMy42NTY5TDIuNDE0MjEgOEw4LjA3MTA3IDIuMzQzMTRDOC40NjE1OSAxLjk1MjYyIDguNDYxNTkgMS4zMTk0NSA4LjA3MTA3IDAuOTI4OTNDNy42ODA1NCAwLjUzODQwNSA3LjA0NzM4IDAuNTM4NDA1IDYuNjU2ODYgMC45Mjg5M0wwLjI5Mjg5MyA3LjI5Mjg5Wk0yMSA3TDEgN0wxIDlMMjEgOUwyMSA3WiIgZmlsbD0iIzZDNkQ3OSIvPgo8L3N2Zz4K);
  transition: color .2s ease, border .2s ease, background .2s ease, opacity .2s ease, transform .2s ease;
}
.authpopup .auth_restore_back:hover .auth_restore_back_arrow{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjkyODkzIDcuMjkyODlDLTAuMDk3NjMxNCA3LjY4MzQxIC0wLjA5NzYzMTUgOC4zMTY1OCAwLjI5Mjg5MiA4LjcwNzFMNi42NTY4NSAxNS4wNzExQzcuMDQ3MzggMTUuNDYxNiA3LjY4MDU0IDE1LjQ2MTYgOC4wNzEwNyAxNS4wNzExQzguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE0LjA0NzQgOC4wNzEwNyAxMy42NTY5TDIuNDE0MjEgOEw4LjA3MTA3IDIuMzQzMTRDOC40NjE1OSAxLjk1MjYyIDguNDYxNTkgMS4zMTk0NSA4LjA3MTA3IDAuOTI4OTNDNy42ODA1NCAwLjUzODQwNSA3LjA0NzM4IDAuNTM4NDA1IDYuNjU2ODYgMC45Mjg5M0wwLjI5Mjg5MyA3LjI5Mjg5Wk0yMSA3TDEgN0wxIDlMMjEgOUwyMSA3WiIgZmlsbD0iIzhmYmM2MiIvPgo8L3N2Zz4K);
}
.authpopup .auth_restore_back_arrow:before {
  display: none;
}
.authpopup .auth_restore_text {
  font-size: 14px;
  color: #141517;
  margin-bottom: 40px;
}
.enter-sms_change {
  display: inline-block;
  color: var(--primary-color);
  border-bottom: 1px solid var(--primary-color);
  /*float: left;*/
  margin-left: 20px;
  line-height: 1;
  cursor: pointer;
  transition: color .2s ease, border .2s ease;
}
.enter-sms_change:hover{
  color: var(--primary-color);
  border-bottom-color: transparent;
}
.authpopup .error-code_sms {
  text-align: center;
  color: #000;
  margin-bottom: 30px;
  margin-top: 30px;
}
.authpopup .error-code_sms span {
  display: inline-block;
  border-bottom: 1px solid #000;
}
.authpopup .enter-phone_sms {
  margin-bottom: 45px;
}
.authpopup .enter-sms_subtitle-new {
  font-size: 14px;
  color: #141517;
}
.authpopup .enter-sms_title {
  margin-bottom: 14px;
}
.authpopup .ch-input__outer.ch-input__name-inside.ch-input__name-outside.authpopup__input.code_sms {
  border: none;
  border-radius: 0;
  display: block;
  padding: 0;
  height: auto;
}
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text'],
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel'] {
  height: 50px;
  background: #F2F3F5 !important;
  text-align: center;
  border-radius: 5px !important;
  color: #141517;
  width: 100%;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding-top: 0;
  font-size: 14px;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 767px){
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input.sms-code-input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: none;
  }
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input.sms-code-input:-webkit-autofill,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input.sms-code-input:-webkit-autofill:hover,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input.sms-code-input:-webkit-autofill:focus,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input.sms-code-input:-webkit-autofill:active{
    background-color: #F2F3F5 !important;
    box-shadow: 0 0 0 50px #f2f3f5 inset !important;
  }
}
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']:-moz-placeholder,
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']:-moz-placeholder {
  font-size: 14px;
  font-weight: normal;
  top: -4px;
  position: relative;
  color: #908F9D;
}
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-moz-placeholder,
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']::-moz-placeholder {
  font-size: 14px;
  font-weight: normal;
  top: -4px;
  position: relative;
  color: #908F9D;
}
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']:-ms-input-placeholder,
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']:-ms-input-placeholder {
  font-size: 14px;
  font-weight: normal;
  top: -4px;
  position: relative;
  color: #908F9D;
}
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-webkit-input-placeholder,
.authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: normal;
  top: -4px;
  position: relative;
  color: #908F9D;
}
@media (max-width: 767px){
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']:-moz-placeholder,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']:-moz-placeholder {
    top: 0px;
  }
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-moz-placeholder,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']::-moz-placeholder {
    top: 0px;
  }
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']:-ms-input-placeholder,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']:-ms-input-placeholder {
    top: 0px;
  }
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='text']::-webkit-input-placeholder,
  .authpopup.popup_auth .ch-input__outer.ch-input__name-inside.authpopup__input.code_sms .ch-input input[type='tel']::-webkit-input-placeholder {
    top: 0px;
  }
}
.timer_sms {
  font-size: 13px;
  text-align: center;
  color: #6C6D79;
}
.popup_content.register_ .enter_phone_title, .popup_content._vosstanovlenie .auth_restore_title {
  max-width: 300px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.in_site_auth_body a {
  margin-left: 0;
}
.card_auth_new.inactive_check {
  background-color: #DADADA !important;
  pointer-events: none;
  box-shadow: none !important;
}
.popup_auth input[type="password"] {
  max-width: 100% !important;
}
.popup_auth .card_auth_new {
  margin-top: 14px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
  background-color: var(--primary-color);
  text-transform: lowercase;
  display: inline-block;
  padding: 0 0px;
  border-radius: 50px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  height: 62px;
  width: 100%;
  line-height: 62px;
  transition: all .2s ease;
}
.popup_auth{
  background: none !important;
}
.popup_auth:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
}
@media (min-width: 768px){
  .popup_auth:before{
    animation: popupIn .3s ease forwards;
    opacity: 0;
  }
  .popup_auth.anim-out:before{
    animation: popupOut .3s ease forwards;
  }
}

@keyframes popupIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes popupOut{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

@media (min-width: 768px){
  .popup_auth_outer{
    animation: popupInOuter .3s ease;
    opacity: 1;
  }

  .anim-out .popup_auth_outer{
    animation: popupOutOuter .3s ease forwards;
  }
}

@keyframes popupInOuter{
  0%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(.8);
  }
  100%{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes popupOutOuter{
  0%{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100%{
    opacity: 0;
    transform: translate(-50%, -50%) scale(.8);
  }
}

.card_auth_new.deactive {
  /*background-color: #DADADA;
  color: #908F9D !important;
  pointer-events: none;
  box-shadow: none;*/
}
.auth_bottom {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popup_auth_close {
  position: absolute;
  right: 15px;
  top: 13px;
}
/* .enter-soc {
	display: none;
} */
.reg-popup .email_auth {
  margin-top: 44px;
}
.reg-popup .enter_phone_title {
  margin-bottom: 47px;
}
.reg-popup .enter_email .card_auth {
  margin-top: 0;
}
.reg-popup .enter_email .authpopup__input:nth-child(2) {
  margin-bottom: 5px;
}
.reg-popup .authpopup__input {
  margin-bottom: 15px;
}
.reg-popup .authpopup-reg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px auto;
}
.reg-popup .authpopup-reg span {
  width: auto;
  margin-left: 5px;
}
.enter-soc {
  position: relative;
  padding-top: 5px;
}
.enter-soc:before {
  content: '';
  position: absolute;
  width: calc(100% + 62px);
  left: -31px;
  height: 1px;
  background-color: #ECECEE;
  top: -5px;
}
.enter-soc .soc_seti_auth, .enter-soc .bx-system-auth-form {
  max-width: 300px;
  margin: 0 auto !important;
}
.enter-soc .bx-system-auth-form {
  -webkit-transform: translateX(-14px);
  -ms-transform: translateX(-14px);
  transform: translateX(-14px);
}
.reg-popup .popup_auth_wraper {
  min-height: 0;
}
.reg-popup .auth_bottom_main {
  display: none !important;
}
.auth_bottom_main.hide_checkboxes {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
}
.reg-popup ._site .email_auth {
  margin-bottom: 26px;
}
.reg-popup ._site .phone_auth {
  margin-bottom: 30px;
}
.reg-popup ._site .in_site_auth {
  margin-top: 0;
}
.reg-popup .register_ .phone_auth {
  margin-bottom: 50px;
}
.reg-popup ._vosstanovlenie {
  margin-bottom: 60px;
}
.reg-popup .enter-sms_subtitle-new{
  line-height: 1.5;
}
.reg-popup .timer_sms {
  margin-bottom: 0;
  font-size: 14px;
}
.reg-popup .enter-sms_change {
  float: none;
  margin-left: 7px;
}
.reg-popup .auth_restore_back {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 30px;
  margin: 0;
  height: 30px;
}
.reg-popup .auth_restore_back_text {
  display: none;
}
._vosstanovlenie .authpopup__inside {
  position: relative;
}
.auth_restore_back.register-back {
  position: relative;
  left: auto;
  top: auto;
  margin-right: 17px;
  display: inline-block;
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.auth_restore_back.register-back span {
  border: none !important;
}
.reg-popup .in_site_auth_body a {
  margin-left: 0px;
}
.reg-popup .ch-input input[type='password'] {
  padding-left: 15px !important;
}
.reg-popup .popup_v.in_vosstanovlenie {
  font-weight: 400;
}
.enter-soc .bx-ss-button {
  width: 100% !important;
  height: 100% !important;
}

@media all and (max-width: 1023px) {
  .popup_auth_outer {
    padding: 60px 25px 40px;
  }
  .popup_v {
    font-size: 20px;
  }
  .popup_auth_topline {
    padding: 15px;
  }
  .popup_auth_topline > img {
    width: 65px;
  }
  .popup_auth_topline_title {
    font-size: 18px;
    margin-left: -20px;
  }
}
@media all and (max-width: 767px) {
  .popup_auth {
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: auto;
  }
  .popup_auth_outer {
    border: none;
    /*width: 100%;*/
    height: 100%;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    min-height: 0;
    justify-content: center;
    flex-direction: column;
    /*overflow: auto;*/
    padding: 40px 15px;
    border-radius: 0;
  }
  .popup_auth_wraper {
    min-height: 0;
  }
  .reg-popup .enter_phone_title{
    margin-bottom: 40px;
  }
}

@media all and (max-width: 767px) {
  .authpopup .enter_phone_title {
    font-size: 18px;
  }
  .authpopup .enter-phone_sms {
    width: 100%;
    margin-left: 0;
    text-align: left;
    margin-bottom: 30px;
  }
  .authpopup .enter-sms_title {
    font-size: 18px;
  }
  .authpopup .enter-sms_change {
    float: none;
  }
  input:not([type=checkbox]):not([type=radio]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .header .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .header__top {
    /* display: none !important; */
  }
  /* .footer__wrapper {
       display: none !important;
   }*/
  /* .footer__top {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      border-bottom: none !important;
  }
  .footer__bot-text {
      padding: 0 10px;
      max-width: calc(100% - 80px);
  } */
  .header-scroll.fixed {
    position: relative !important;
    top: auto !important;
  }
  /* .footer__bot .container {
      padding: 0 !important;
  } */
  .footer__bot-text span {
    display: block;
  }
  .popup_content._site .enter_phone_title {
    max-width: 300px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .authpopup .popup_auth_wraper {
    width: 100%;
  }
  .popup_content._site .enter_phone_title {
    max-width: 308px;
  }
  .authpopup__inside {
    max-width: 308px;
  }
  .enter-soc {
    width: 100%;
  }
  .enter-soc:before {
    width: calc(100% + 30px);
    left: -15px;
  }

  .enter-soc div.bx-auth {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .reg-popup .authpopup__input .ch-input input[type=password] {
    padding-left: 15px !important;
  }
  .reg-popup .enter-sms_subtitle-new {
    max-width: 100%;
    text-align: left;
  }
  .authpopup.popup_auth .card_auth {
    max-width: 100%;
    width: 100%;
  }
  .reg-popup .auth_restore_title {
    margin-left: 0 !important;
  }
}



@media all and (min-width: 1024px) and (max-height: 750px) {
  .popup_content .ch-input__outer {
    margin-bottom: 15px;
  }
  .auth_registr_chb {
    margin-bottom: 5px;
  }
  .auth_restore_back {
    margin-bottom: 10px;
  }
  .auth_restore_question {
    margin-top: 0;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px) {
  .popup_auth input[type="text"], .popup_auth input[type="tel"], .popup_auth input[type="password"]{
    font-size: 16px !important;
  }
}

@media only screen and (max-device-width: 1023px) and (orientation: landscape) {
  .popup_auth_outer {
    padding: 50px 0;
  }
  .popup_auth .popup_content.active {
    padding: 30px 0;
  }
}

.in_site_auth {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
}


.in_site_auth_body {
  text-align: center;
}

.in_site_auth_body a {
  display: inline-block;
  font-size: 14px;
  color: var(--primary-color);
  position: relative;
  margin-left: 15px;
}

.in_site_auth_body a:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 1px;
  width: 98%;
  border-bottom: 1px dashed var(--primary-color);
}

.in_site_auth_body .phone_auth:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -19px;
  width: 13px;
  height: 13px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjExLjUiIGN5PSIxLjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iNi41IiBjeT0iMS41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjxjaXJjbGUgY3g9IjEuNSIgY3k9IjEuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxMS41IiBjeT0iNi41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjxjaXJjbGUgY3g9IjYuNSIgY3k9IjYuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxLjUiIGN5PSI2LjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iMTEuNSIgY3k9IjExLjUiIHI9IjEuNSIgZmlsbD0iIzhGOTFBMyIvPg0KPGNpcmNsZSBjeD0iNi41IiBjeT0iMTEuNSIgcj0iMS41IiBmaWxsPSIjOEY5MUEzIi8+DQo8Y2lyY2xlIGN4PSIxLjUiIGN5PSIxMS41IiByPSIxLjUiIGZpbGw9IiM4RjkxQTMiLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
}

.in_site_auth_body .email_auth:after {
  content: "@";
  position: absolute;
  top: 0;
  left: -23px;
  width: 13px;
  height: 15px;
  color: #8F91A3;
  font-weight: bold;
  line-height: 15px;
  font-size: 16px;
}


.enter_phone {
  margin-top: -10px;
}

.enter_phone_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 25px;
  color: #141517;
  margin-bottom: 45px;
}

.popup_auth .ch-input__outer.ch-input__name-inside .ch-input__name.focus {
  top: 8px;
}

.popup_auth .ch-input__outer.ch-input__name-inside .ch-input input[type='text'],
.popup_auth .ch-input__outer.ch-input__name-inside .ch-input input[type='tel'],
.popup_auth input[type="password"] {
  padding-left: 0px;
  line-height: 20px;
  padding-top: 22px;
  height: 22px;
  border-radius: 0 !important;
  font-size: 16px;
  color: #141517;
  box-sizing: content-box;
}

.popup_auth input::placeholder {
  color: #141517;
}

.popup_auth input::placeholder {color: #141517;}
.popup_auth input::placeholder {color: #141517;}
.popup_auth input::placeholder {color: #141517;}
.popup_auth input::placeholder {color: #141517;}


.card_auth.deactive {
  background-color: #DADADA;
  pointer-events: none;
  box-shadow: none;
}

.popup_auth_wraper {
  min-height: 468px;
  position: relative;
}

.enter-sms_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 25px;
  color: #141517;
  margin-bottom: 9px;
}

.enter-sms_subtitle {
  font-size: 16px;
  line-height: 20px;
  color: #141517;
}

.enter-phone_sms {
  margin-bottom: 21px;
}

.timer_sms {
  margin-bottom: 35px;
  color:  #6C6D79;
  font-size: 16px;
  line-height: 20px;
}

.enter-sms_value {
  font-weight: 500;
}

.popup_v.register_site.active ~ .in_site_auth {
  display: none !important;
}

/*.popup_auth .bx_block span {
	font-size: 15px !important;
	transition: .2s ease-in-out;
	color: #141517;
}*/

/*.popup_auth .bx_block.focus span {
	font-size: 13px !important;
	color: #79A151;
}*/

.auth_restore_back_arrow {
  transform: rotate(-135deg);
  width: 8px;
  height: 8px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  margin: 0 !important;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: var(--primary-color);
}

.auth_restore_back_arrow:before {
  content: "";
  right: 0px;
  top: -1px;
  position: absolute;
  height: 1px;
  box-shadow: inset 0 0 0 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 13px;
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

body.newFont .popup_auth {
  z-index: 1000022;
}

.ch-input__name-phone {
  position: relative;
}

.ch-input__name-phone.complete .ch-input__name-inside {
  border-color: var(--primary-color);
}

.ch-input__name-phone.complete:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzc2NTcgMTAuNzQ4MUM2Ljc0NzE3IDExLjM4ODIgNS43MTczIDExLjM5NjggNS4wNzc1NyAxMC43Njc0TDEuNDg1NzMgNy4yMzUxOUMwLjg0NTY5OSA2LjYwNjA5IDAuODM3MDY2IDUuNTc2MTkgMS40NjY0NiA0LjkzNjQ1QzIuMDk1NTUgNC4yOTY0MSAzLjEyNTQyIDQuMjg3NzggMy43NjU0NSA0LjkxNzE4TDUuOTA1NDggNy4wMjEzOEM2LjA2NzAzIDcuMTc5OTQgNi4zMjcxMSA3LjE3Nzc2IDYuNDg2MjggNy4wMTY1MUwxMi4xODQ1IDEuMjIxOEMxMi44MTM2IDAuNTgxNzYgMTMuODQzNSAwLjU3MzEyNyAxNC40ODM1IDEuMjAyNTNDMTQuNzkwOSAxLjUwNDc4IDE0Ljk2NTYgMS45MTY5IDE0Ljk2OTIgMi4zNDc5MUMxNC45NzI4IDIuNzc4OTIgMTQuODA1IDMuMTkzOTEgMTQuNTAyOCAzLjUwMTI3TDcuMzc2NTcgMTAuNzQ4MVoiIGZpbGw9IiM4RkJDNjIiLz4KPC9zdmc+Cg==);
}


@media all and (max-width: 767px)  {
  .popup_auth .popup_content.active {
    margin-top: 12px;
  }

  div.bx-auth {
    margin: 0 auto 16px !important;
  }

  .popup_auth .card_auth {
    margin-top: 0;
  }

  .in_site_auth {
    bottom: -35px;
  }

  .popup_auth_wraper {
    min-height: 450px;
  }

  .popup_v {
    padding: 16px 0;
  }

  .popup_auth_outer {
    padding: 60px 15px !important;
  }

  .in_site_auth_body a {
    font-size: 15px;
  }

  .enter_phone_title {
    font-size: 22px;
    margin-bottom: 25px;
  }

  .enter_phone {
    margin-top: 0;
  }
}

.popup_v_wrap {
  width: 100%;
}

@media all and (max-width: 479px) {


  .popup_auth_wraper {
    margin-top: 45px;
    width: 100%;
    min-height: 598px;
    padding: 0 15px;
    padding-top: 0px;
    padding-bottom: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .popup_auth_wraper * {
    box-sizing: border-box;
  }

  .popup_auth_close {
    width: 15px;
    height: 15px;
    right: 21px;
    top: 15px;
  }

  .reg-popup .email_auth{
    margin-top: 116px;
  }

  .bx_auth_serv_info {
    margin: 10px 7px !important;
  }

  .popup_auth_outer {
    justify-content: flex-start;
    padding: 0 0 20px !important;
  }

  .popup_auth_topline {
    position: relative;
  }

  .in_site_auth {
    bottom: 16px;
  }

  .popup_auth .popup_content._vosstanovlenie.active,
  .popup_auth .popup_content.register_.active {
    margin-top: 18px;
  }

  .popup_auth .popup_content.active {
    margin-top: 18px;
  }

  .popup_v_wrap {
    display: flex;
  }

  .popup_v {
    float: none;
  }

  .reg-popup .popup_auth_wraper {
    display: block;
  }
  .reg-popup .auth_restore_back {
    left: 0;
    top: -50px;
  }
  .reg-popup .auth_email.auth_restore_back {
    top: 0;
  }
  .reg-popup ._vosstanovlenie .authpopup__inside {
    position: static;
  }
  .reg-popup ._vosstanovlenie .auth_restore_back {
    left: 15px;
    top: -34px;
  }
  .reg-popup .auth_email.auth_restore_back {
    position: absolute;
    top: -25px;
    left: 7px;
  }
  .reg-popup .popup_content.register_ .enter_phone_title {
    margin-left: auto;
    max-width: 308px;
  }

}

.card_submit{
  position: relative;
  background: var(--primary-color);
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 40px;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: all .2s ease;
}
.card_submit span{
  transition: all .3s .3s ease;
}
.card_submit .spinner{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 24px;
  height: 24px;
  margin: auto;

  transition: all .3s ease;
  transform: scale(0);

  opacity: 0;
}
.card_submit .spinner:before{
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;

  content: '';
  animation: rotating 1s linear infinite;

  border: 2px solid #fff;
  border-top-color: #435d28;
  border-radius: 50%;
}
.card_submit .check{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 10px;
  height: 10px;
  margin: auto;

  transition: transform .3s .3s ease, opacity .3s ease;
  transform: scale(0);

  opacity: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44NTU0OSAxLjc4MDVMNy4xNTM1NiAxLjA3ODU4QzcuMDU3MzIgMC45ODIyNTkgNi45NDAyNiAwLjkzNDA4MiA2LjgwMjY3IDAuOTM0MDgyQzYuNjY0OTYgMC45MzQwODIgNi41NDc5IDAuOTgyMjU5IDYuNDUxNjYgMS4wNzg1OEwzLjA2NTgxIDQuNDY5NTVMMS41NDgzOCAyLjk0Njk1QzEuNDUyMDIgMi44NTA1OSAxLjMzNTA0IDIuODAyNDcgMS4xOTc0NSAyLjgwMjQ3QzEuMDU5NzcgMi44MDI0NyAwLjk0Mjc5MSAyLjg1MDU5IDAuODQ2NDM2IDIuOTQ2OTVMMC4xNDQ1MTQgMy42NDg4OUMwLjA0ODE1OTEgMy43NDUyMyAwIDMuODYyMjQgMCAzLjk5OTkxQzAgNC4xMzc0NiAwLjA0ODE1OTEgNC4yNTQ1OCAwLjE0NDUxNCA0LjM1MDlMMi4wMTI4NyA2LjIxOTIyTDIuNzE0ODQgNi45MjExNEMyLjgxMTE0IDcuMDE3NTMgMi45MjgxNiA3LjA2NTY2IDMuMDY1ODEgNy4wNjU2NkMzLjIwMzM5IDcuMDY1NjYgMy4zMjA0MSA3LjAxNzQxIDMuNDE2NzcgNi45MjExNEw0LjExODczIDYuMjE5MjJMNy44NTU0OSAyLjQ4MjQ4QzcuOTUxNzUgMi4zODYxMiA4IDIuMjY5MTIgOCAyLjEzMTQ2QzguMDAwMDcgMS45OTM4NyA3Ljk1MTc1IDEuODc2ODUgNy44NTU0OSAxLjc4MDVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.card_submit.error-state .check{
  width: 12px;
  height: 12px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQ5MiA0OTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MiA0OTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzAwLjE4OCwyNDZMNDg0LjE0LDYyLjA0YzUuMDYtNS4wNjQsNy44NTItMTEuODIsNy44Ni0xOS4wMjRjMC03LjIwOC0yLjc5Mi0xMy45NzItNy44Ni0xOS4wMjhMNDY4LjAyLDcuODcyDQoJCQljLTUuMDY4LTUuMDc2LTExLjgyNC03Ljg1Ni0xOS4wMzYtNy44NTZjLTcuMiwwLTEzLjk1NiwyLjc4LTE5LjAyNCw3Ljg1NkwyNDYuMDA4LDE5MS44Mkw2Mi4wNDgsNy44NzINCgkJCWMtNS4wNi01LjA3Ni0xMS44Mi03Ljg1Ni0xOS4wMjgtNy44NTZjLTcuMiwwLTEzLjk2LDIuNzgtMTkuMDIsNy44NTZMNy44NzIsMjMuOTg4Yy0xMC40OTYsMTAuNDk2LTEwLjQ5NiwyNy41NjgsMCwzOC4wNTINCgkJCUwxOTEuODI4LDI0Nkw3Ljg3Miw0MjkuOTUyYy01LjA2NCw1LjA3Mi03Ljg1MiwxMS44MjgtNy44NTIsMTkuMDMyYzAsNy4yMDQsMi43ODgsMTMuOTYsNy44NTIsMTkuMDI4bDE2LjEyNCwxNi4xMTYNCgkJCWM1LjA2LDUuMDcyLDExLjgyNCw3Ljg1NiwxOS4wMiw3Ljg1NmM3LjIwOCwwLDEzLjk2OC0yLjc4NCwxOS4wMjgtNy44NTZsMTgzLjk2LTE4My45NTJsMTgzLjk1MiwxODMuOTUyDQoJCQljNS4wNjgsNS4wNzIsMTEuODI0LDcuODU2LDE5LjAyNCw3Ljg1NmgwLjAwOGM3LjIwNCwwLDEzLjk2LTIuNzg0LDE5LjAyOC03Ljg1NmwxNi4xMi0xNi4xMTYNCgkJCWM1LjA2LTUuMDY0LDcuODUyLTExLjgyNCw3Ljg1Mi0xOS4wMjhjMC03LjIwNC0yLjc5Mi0xMy45Ni03Ljg1Mi0xOS4wMjhMMzAwLjE4OCwyNDZ6IiBmaWxsPSJ3aGl0ZSIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K);
}
.card_submit.anim span{
  opacity: 0;
  transition: all .3s ease;
}
.card_submit.anim .spinner{
  transform: scale(1);

  opacity: 1;
}
.card_submit.anim-out span{
  opacity: 0;
}
.card_submit.anim-out .spinner{
  transition: all .5s ease;
  transform: scale(0);

  opacity: 0;
}
.card_submit.anim-out .check{
  transition: transform .5s ease, opacity .5s ease;
  transform: scale(1);

  opacity: 1;
}
.card_submit.disabled{
  background: #ececee;
}
@-webkit-keyframes rotating{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

@keyframes rotating{
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}

/*фикс страницы регистрации*/

.popup_left_col .popup_auth_outer {
  transform: none !important;
  animation: none;
  opacity: 1;
}
.popup_left_col .popup_auth:before {
  opacity: 0;
  animation: none;
}

.enter_phone_select {
  width: 78px;
  flex-shrink: 0;
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.enter_phone_select_head {
  background: #F2F3F5;
  border-radius: 5px;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #141517;
  font-size: 16px;
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .2s ease;
}

.enter_phone_select_head:after {content: "";background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDExIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjA0NDU2IDUuNzg0MTJMMTAuNzc0MiAxLjI1ODI3QzExLjA3NTMgMC45NzAzNjYgMTEuMDc1MyAwLjUwMzU4NyAxMC43NzQyIDAuMjE1ODI4QzEwLjQ3MzUgLTAuMDcxOTU0MSA5Ljk4NTY5IC0wLjA3MTk1MzcgOS42ODQ5NyAwLjIxNTgyOUw1LjQ5OTkyIDQuMjIwNTFMMS4zMTUwMiAwLjIxNTk1MkMxLjAxNDE1IC0wLjA3MTgzIDAuNTI2NDA4IC0wLjA3MTgyOTYgMC4yMjU2NTUgMC4yMTU5NTNDLTAuMDc1MjE4NSAwLjUwMzczNiAtMC4wNzUyMTg1IDAuOTcwNDkxIDAuMjI1NjU1IDEuMjU4MzlMNC45NTU0MSA1Ljc4NDI0QzUuMTA1ODYgNS45MjgxMyA1LjMwMjgzIDYgNS40OTk5IDZDNS42OTcwNiA2IDUuODk0MTggNS45Mjc5OSA2LjA0NDU2IDUuNzg0MTJaIiBmaWxsPSIjNkM2RDc5Ii8+Cjwvc3ZnPgo=);background-size: contain;background-repeat: no-repeat;background-position: center;width: 11px;height: 11px;position: absolute;top: 0px;bottom: 0;right: 11px;margin: auto;}

.enter_phone_select_dropdown {
  position: absolute;
  top: -9999px;
  opacity: 0;
  border-radius: 5px;
  border: 1px solid var(--primary-color);
  height: 135px;
  overflow: auto;
  margin-top: 5px;
  width: 100%;
  background: #fff;
  padding: 2px 0;
  padding-right: 4px;
  transition: top 0s .2s ease, opacity .2s ease;
}

.enter_phone_select.active .enter_phone_select_head {
  border-color: var(--primary-color);
}

.enter_phone_select.active .enter_phone_select_head:after{
  transform: rotate(180deg);
}

.enter_phone_select.active .enter_phone_select_dropdown {
  top: 100%;
  opacity: 1;
  transition: top 0s ease, opacity .2s ease;
}

.enter_phone_select_item {
  color: #141517;
  font-size: 16px;
  padding: 7px 9px;
  cursor: pointer;
  transition: all .2s ease;
}

.enter_phone_select_item:hover {
  background-color: #eee;
}

.enter_phone_select_item.selected{
  background: var(--primary-color);
  color: #fff;
}

.enter_phone_select_list {
  overflow: auto;
  height: 129px;
}

.enter_phone_select_list::-webkit-scrollbar {
  -webkit-appearance: none;
}
.enter_phone_select_list::-webkit-scrollbar:vertical {
  width: 3px;
}
.enter_phone_select_list::-webkit-scrollbar:horizontal {
  height: 3px;
}
.enter_phone_select_list::-webkit-scrollbar-track {
  background-color: #ECECEE;
  border-radius: 10px;
}
.enter_phone_select_list::-webkit-scrollbar-thumb {
  background-color: #908F9D;
  border-radius: 10px;
}

.card_auth_agreements{
  color: #908F9D;
  font-size: 12px;
  margin-top: 26px;
  line-height: 1.35;
  margin-bottom: 18px;
}

@media (max-width: 767px){
  .card_auth_agreements{
    margin-top: 22px;
    margin-bottom: 8px;
  }
}

.card_auth_agreements.mt-0{
  margin-top: 0;
}

@media (max-width: 767px){
  .card_auth_agreements.mt-0{
    margin-bottom: 12px;
  }
  .card_auth_agreements.in-reg{
    margin-top: 0;
    margin-bottom: 12px;
  }
}

.card_auth_agreements a{
  color: #908F9D;
  border-bottom: 1px dotted #908F9D;
  transition: all .2s ease;
}

.card_auth_agreements a:hover{
  border-bottom-color: transparent;
  color: var(--primary-color);
}

.error-msg{
  color: #F8664A;
  font-size: 12px;
  margin-top: 5px;
}

@media (max-width: 767px){
  .sms-code-input{
    padding-left: 0 !important;
  }
}

.sms-code-input{
  height: 50px;
  background: #f2f3f5;
  border-radius: 5px;
  border: none;
  width: 100%;
  color: #141517;
  transition: all .2s ease;
  text-align: center;
  font-weight: 700;
  font-size: 24px!important;
  letter-spacing: 4px;
  padding: 0 15px;
}
.popup__input-sms-placeholder {
  font-size: 14px;
  color: #908f9d;
  opacity: .5;
  text-align: center;
  pointer-events: none;
  top: 16px;
  position: absolute;
  width: 100%;
  margin-left: -21px;
}
.error{
  color: red;
}