@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@media (min-width: 1400px) and (max-width: 1599px) {
  :root {
    --fs: 16px;
  }
}

.car-form .fieldset__item {
  margin-bottom: 0px;
}

.header__controls .dropdown__content {
  transform: translate(-10px, -23px);
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.msg_field {
  background: none;
  color: red;
}

div#popup-scheme-external {
  border-radius: 16px;
}

.ord__date-range {
  width: 200px;
}

div#order-report-to-issue {
  padding: 24px;
  border-radius: 16px;
}

div#order-report-to-issue .ord-detail__block_head {
  padding: 0px;
}

label.ord-detail__report-issue-label {
  margin-bottom: 8px;
}

.place_issuing.suggestions-input,
.date_issuing {
  border-radius: 16px;
  height: 48px;
  padding-left: 16px;
}

div#issuing_submit {
  height: 3rem;
}

.select2-container--default {
  font-family: "Inter";
}

.section__body.documents-page blockquote,
.section__body.documents-page p {
  line-height: 1.5;
  padding-top: 12px;
  padding-bottom: 12px;
}

.review__buh small {
  font-size: 100%;
}

#user-detail .tabs_default::-webkit-scrollbar {
  height: 0.3rem;
}

.ord {
  min-height: 215px;
  padding: 24px 24px 24px 36px;
  display: flex;
}

.dropdown__content {
  border-radius: 16px;
  overflow: hidden;
}

#user-detail .tabs_default::-webkit-scrollbar-thumb {
  background-color: #e6e6e6;
  outline: none;
}

#user-detail .tabs_default::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.page {
  background-color: #f3f3f3;
  min-height: 100vh;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  box-shadow: none;
}

.top-bar {
  z-index: 99999999999 !important;
}

.control_default > input {
  font-family: "Inter";
}

.orders-grid__item {
  box-shadow: none !important;
  border-radius: 0px;
  background: #fff;
  border-bottom: solid 1px #e6e9ec82;
}

.g-search__loading.loading,
.g-search__loading.error {
  border-radius: 16px;
  overflow: hidden;
}

.ord__status.status_progress {
  border-radius: 0px;
}

.orders-grid.orders-grid_default {
  box-shadow: none;
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
}

.ord__cell.ord__cell_middle_section p {
  font-size: 16px;
  line-height: 140%;
}

.ord__cell_start_section {
  gap: 12px;
}

.ord__reports {
  display: inline-flex;
  align-items: center;
  margin-top: 12px;
  padding: 8px 16px;
  background: #e6e9ec82;
  border-radius: 100px;
  gap: 8px;
  padding-top: 7px;
  padding-right: 10px;
}

.ord__reports img {
  margin-right: 0px;
  width: 16px;
}

.car-form__item + .car-form__item,
.car-form__item {
  padding: 24px;
  background: #fff;
  border-radius: 16px;
}

.ord__reports a {
  margin-top: 2px;
}

.control_m input,
.control_m select {
  height: 3rem;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.review__info {
  min-width: 14.2rem;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.review__name {
  margin-bottom: 0px;
}
.review__buh {
  margin-bottom: 0px;
}

.review__fulllname {
  margin-top: 0px;
  display: flex;
  align-items: center;
}

.review_order__filial {
  margin-top: 0px;
  display: flex;
  align-items: center;
}

.review_order__filial > * {
  font-size: 1rem;
  line-height: 1.3rem;
  /* margin-top: 12px; */
}

.review__raiting__row {
  margin-bottom: 12px;
}

.review__msg p {
  margin: 0px;
  font-size: 1rem;
  line-height: 150%;
  color: #000000;
  font-weight: 300;
  padding: 16px;
  background: #e6e9ec82;
  border-radius: 16px;
}

.car__body {
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  padding-top: 8px;
  justify-content: center;
}

.btn_white {
  box-shadow: none;
  border-radius: 2px;
  padding: 0 1.5em;
  color: #000;
  fill: #000;
  background-color: #fff;
  border-radius: 16px;
}

.ord__payment_status {
  min-width: 125px;
  padding: 5px 2px;
  color: white;
  text-align: center;
  font-size: var(--fs_xs);
  font-weight: 400;
  border-radius: 100px;
}

a.left-bar-user__thumb {
  margin-bottom: 4px;
}

.left-bar-user__info {
  padding: 0px;
}

.bar-nav__item_title a,
.bar-nav__item_title span {
  height: 40px;
  padding: 0 3.5em 0 0;
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: color 0.25s ease;
  cursor: pointer;
  font-weight: 600;
}

.car__body {
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  padding-top: 8px;
}

.ord__date-range ul {
  background: #e6e9ec82;
  border-radius: 50px;
}

.user_inline .user__thumb {
  grid-area: thumb;
  /* border-radius: 50%; */
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bar-nav__item.child .bar-nav__item_title a {
  padding: 0.9em 1em 0.9em 3.5em;
  padding-left: 56px;
  font-weight: 300;
}

.left-bar-user__info {
  padding: 0px;
  width: 100%;
}

.user__controls {
  padding: 0px !important;
}
.left-bar__user.left-bar-user {
  padding: 16px;
  background: #000;
  border-radius: 16px;
}

.ord__id small {
  font-size: 100%;
}

.btn_primary {
  border-radius: 16px;
  box-shadow: none;
  -webkit-transition: background-color 0.25s ease, box-shadow 0.25s ease;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  padding: 0 1.5em;
  color: #000;
  fill: #000;
  background-color: #ffce1b;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: Inter;
  font-weight: 600;
  line-height: 120%;
  color: #000;
}

.report__thumb img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  /* object-fit: cover; */
  overflow-clip-margin: unset;
  /* overflow: visible; */
  border-radius: 8px;
}

.btn_white {
  box-shadow: none;
  border-radius: 2px;
  padding: 0 1.5em;
  color: #000;
  fill: #000;
  background-color: #fff;
  border-radius: 16px;
  border: solid 1px #ccc;
}

div#reviews_list_user div#reviews {
  border-radius: 16px;
  overflow: hidden;
}

body {
  color: var(--c-text);
  font-family: "Inter", sans-serif;
}

.ord-detail {
  background: transparent;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.ord-detail__block.ord-detail__block--twise {
  background: #fff;
  padding: 0px;
  padding-top: 0px;
  border-radius: 16px;
  gap: 16px;
}

.control_default > input,
.control_default > select,
.control_default > textarea {
  border-radius: 2px;
  box-shadow: none;
  color: #000;
  border-radius: 16px;
  border: solid 1px #ccc;
}

.ord-detail__row.ord-detail__row--had-twise {
  gap: 8px;
}

.ord-detail__row {
  margin-bottom: 8px;
}

.ord-detail__block_head {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  border: none;
}

.ord-detail__block--twise
  .ord-detail__block_head.ord-detail__block_head--without-border {
  padding-bottom: 16px;
}

.ord-detail__block.ord-detail__block--popup {
  background: #fff;
  border-radius: 16px;
}

.ord-detail__block_body {
  padding: 24px;
  padding-top: 48px;
  margin-top: -24px;
  border-radius: 16px;
  background: #fff;
}

.ord-detail__status {
  border-radius: 8px;
  padding: 4px 8px;
}

.order_report .orders-grid_default {
  background-color: transparent;
  min-height: auto !important;
  margin-bottom: 24px;
}

.orders-grid__item .dropdown__content {
  top: 0px;
  transform: translate(0px, 8px);
}

.ord-detail__proven-cars_item-holder {
  box-shadow: none;
  border-radius: 16px;
  overflow: hidden;
}

.ord__cell.ord__cell_middle_section {
  padding: 16px;
  background: #e6e9ec82;
  border-radius: 16px;
  margin-right: 24px;
}

.ord__title {
  margin-bottom: 8px;
}

.ord-detail__body {
  padding-top: 16px;
  position: relative;
}

.ord-detail__title_date {
  font-size: var(--fs_s);
  margin: 16px 0px;
  width: 100%;
}

.ord-detail__proven-cars_item-holder {
  display: flex;
  flex-direction: column;
  background: none;
  margin: 0 15px 18px;
  min-height: 410px;
  border: solid 1px #e6e9ec82;
}

.cars-grid.cars-grid_default {
  border-radius: 16px;
  border: none;
  box-shadow: none;
}

.event-log__item {
  padding: 16px;
  border-bottom: solid 1px #f3f3f3;
  margin: 0px !important;
  font-size: 16px !important;
}

.user-detail__header.section.section_default .box_card {
  background-color: #fff;
  box-shadow: none;
  padding: 0px;
  border-radius: 16px;
  padding-bottom: 40px;
}

.car.car_inline img {
  border-radius: 8px;
  overflow: hidden;
  background: none;
}

a.car__thumb.photo-item {
  border-radius: 8px;
}

.form__block-list {
  background-color: #ffffff;
  border-radius: 4px;
  margin-top: 5px;
  box-shadow: тщту;
  display: none;
  position: absolute;
  z-index: 4;
  width: 100%;
  border: solid 1px #ccc;
  border-radius: 16px;
  padding-top: 36px;
  margin-top: -29px;
  z-index: -1;
}

.car-specs__item {
  /* background: #ccc; */
}

.car__specs {
  background: #e6e9ec82;
  border-radius: 16px;
  padding: 16px;
}

.btn_paginator.btn_active {
  background-color: #ffce1b;
  color: #000;
  border-radius: 16px;
}

.ord__cell.ord__cell_middle_section p {
  font-size: 16px;
  line-height: 120%;
}

.ord__payment_status {
  min-width: unset;
  padding: 4px 8px;
  color: white;
  text-align: center;
  font-size: var(--fs_xs);
  font-weight: 400;
  border-radius: 100px;
  width: auto;
  margin-top: 8px;
}

.ord__performers_title {
  margin-bottom: 3px;
  font-weight: 300;
  position: relative;
  display: flex;
  color: #4a4a4a;
}

.ord__criteria b {
  font-weight: 500;
  color: black;
  margin-bottom: 10px;
}

.section__count {
  font-size: 50%;
  color: #898989;
  vertical-align: top;
  display: inline-block;
  font-weight: 300;
  margin-left: 4px;
  margin-top: -4px;
}

.ord__performers_users small {
  font-size: 100%;
  font-weight: 500;
  color: #000;
}

.ord__performers_item {
  margin-bottom: 12px;
}

.header_listing .header__controls {
  grid-area: controls;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  grid-gap: 8px;
}

.section_default {
  padding: var(--spacing_content);
  padding: var(--spacing_xl) var(--spacing_m);
  max-width: 1250px;
  margin: auto;
}

.section_default .section__content {
  max-width: unset;
  margin-left: auto;
  margin-right: auto;
}

section,
div,
ul,
li,
a,
i,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
cite,
span {
  position: relative;
  box-sizing: border-box;
  line-height: 120%;
}

.cars-grid.cars-grid_default {
  border-radius: 16px;
  border: none;
  box-shadow: none;
  overflow: hidden;
}

.table_default {
  background-color: #fff;
  box-shadow: none;
  border-radius: 16px;
}

.table_default .table__item {
  padding: var(--spacing_s);
}

.photo-item {
  background: url(../img/no-photo.jpeg) no-repeat center;
  background-size: cover;
  position: relative;
  height: 100px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.status {
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 8px;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-weight: normal;
  border-radius: 100px;
  padding-top: 4px;
}

.inline_recommended .car__specs {
  background: none;
  border-radius: none;
  padding: 0px;
}

a.car__thumb {
  border-radius: 8px;
  overflow: hidden;
}

.inline_recommended {
  padding: var(--spacing_s);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 7rem 1.7fr 4fr 2fr;
  grid-template-columns: 7rem 1.7fr 5fr 1fr;
  grid-template-areas: "thumb body specs footer";
  grid-gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  min-height: 150px;
  padding-left: 40px !important;
}

a.car__thumb {
  border-radius: 8px;
  overflow: hidden;
}

.car-specs__item.comment {
  padding: 16px;
  background: #e6e9ec82;
  border-radius: 16px;
  min-height: 100% !important;
  height: 100%;
  max-height: unset;
  display: inline-flex;
}

.car__body {
  height: 100%;
  width: 100%;
  display: grid;
}

.select2-container--default .select2-selection {
  border-radius: 16px;
  box-shadow: none;
}

a.con.swiper-slide.from-local.swiper-slide-active {
  border-radius: 16px;
}

.options-row .bottom-list-slides .con {
  border-radius: 8px;
}

.options-row .bottom-list-slides {
  padding-top: 4px;
}

.options-row .siders {
  width: 100%;
  display: flex;
  justify-content: start;
}

.text-named-style {
  font-size: 13px;
  font-style: normal;
  color: #c0c0c0;
}

.orders-grid.orders-grid_default {
  box-shadow: none;
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
  min-height: 100vh;
}

.orders-grid__item:last-of-type {
  border-radius: 0px 0px 16px 16px;
  /* overflow: hidden; */
}

a.con.swiper-slide.from-local.swiper-slide-active {
  border-radius: 16px;
}

.options-row .bottom-list-slides .con {
  border-radius: 8px;
}

.options-row .bottom-list-slides {
  padding-top: 4px;
}

.download-data-right-side .btn_primary {
  height: 36px;
  border-radius: 8px !important;
  width: 36px;
}

.download-data-msg {
  border-radius: 8px;
  width: auto;
  max-width: unset !important;
  width: fit-content;
  display: flex;
  margin-right: 0px;
  flex-shrink: 0;
}

.title-row .infos {
  gap: 16px;
  margin-top: 24px;
}

.title-row .infos .date {
  width: auto;
  flex-shrink: 0;
}

.controller-status > div {
  font-size: 0.6rem;
  line-height: 0.7rem;
  padding: 0.3rem 0.5rem;
  border-radius: 8px;
}

a.con.swiper-slide.from-local.swiper-slide-active {
  border-radius: 16px;
}

.options-row .bottom-list-slides .con {
  border-radius: 8px;
}

.options-row .bottom-list-slides {
  padding-top: 4px;
}

.download-data-right-side .btn_primary {
  height: 36px;
  border-radius: 8px !important;
  width: 36px;
}

.download-data-msg {
  border-radius: 8px;
  width: auto;
  max-width: unset !important;
  width: fit-content;
  display: flex;
  margin-right: 0px;
  flex-shrink: 0;
}

.infos {
  gap: 16px;
}

.title-row .infos .date {
  width: auto;
  flex-shrink: 0;
}

.infos.infos-controller {
  margin-top: 8px;
  padding-top: 8px;
}

.options-row {
  padding: 24px;
  border-radius: 16px;
  background: #fff;
}

.conteiner-all {
  background: none;
}

.grouped-elements {
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  margin-top: 16px;
}

hr {
  display: none;
}

.text-named-style {
  font-size: 13px;
  font-style: normal;
  color: #000000;
}

.ord-detail__analytics_badge_transparent {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 19px;
  color: #000;
  font-weight: normal;
}

.ad-detail__analytics_item_comment {
  background: #fff;
  padding: 24px;
  padding-left: 52px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  margin-bottom: var(--spacing_s);
  color: #000000;
  border-radius: 16px;
}

.ad-detail__center_content_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 16px;
}

.ad-detail__center_content_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 24px;
  border-radius: 16px;
  background: #fff;
  margin-bottom: 16px;
}

.ad-detail__center_content_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ad-detail__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  padding: 24px;
  margin-top: -24px;
}

.ord-detail__analytics_item_badge {
  border-radius: 8px;
}

.ord-detail__analytics_item_link {
  display: flex;
  flex-direction: row;
  width: 100%;
  background-color: #f2f2f3;
  font-size: 16px;
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
}

.ord-detail__analytics_item_badge {
  border-radius: 8px;
}

.btn.btn_primary.btn_gray.btn_m {
  background: #ccc !important;
}

.ad-detail__center_content_photo {
  border-radius: 16px;
  overflow: hidden;
}

.grouped-elements .list-item .list-item-big {
  width: 32%;
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  border: solid 1px #e6e9ec82;
  border-radius: 16px;
  min-height: max-content;
  align-self: stretch;
  gap: 16px;
  margin-bottom: 0px !important;
}

.list-item {
  gap: 16px;
}

.grouped-elements .list-item .item {
  width: 32%;
  margin-bottom: 0px;
  gap: 16px;
}

.list-item {
  gap: 16px;
  padding: 0px !important;
}

.options-row .topper-slider .con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grouped-elements {
}

div[data-anchor="body"] .list-item .item,
div[data-anchor="engine"] .list-item .item,
div[data-anchor="rpt"] .list-item .item,
div[data-anchor="diagnostic"] .list-item .item,
div[data-anchor="electrick"] .list-item .item,
div[data-anchor="salon"] .list-item .item,
div[data-anchor="vin"] .list-item .item,
div[data-anchor="looking"] .list-item .item {
  padding: 16px;
  border: solid 1px #e6e9ec82;
  border-radius: 16px;
  justify-self: stretch;
  align-self: stretch;
}

div[data-anchor="body"] .list-item .item:nth-of-type(1) {
  margin-left: -16px;
  /* display: none!important; */
}

div[data-anchor="body"] .list-item > div:nth-of-type(1) {
  /* display: none; */
}

.top-tabs {
  padding: 0px;
  margin-bottom: 24px;
}

.grouped-elements .show-scheme {
  padding: 0px;
  margin-top: 24px;
}

a.btn.btn_s.btn_default.btn_inline {
  border-radius: 8px;
}

.grouped-elements .titled .after-text {
  font-weight: 400;
  line-height: 1.2;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0.02em;
  padding: 0px;
  /* padding-left: 56px; */
  margin-top: 16px;
  margin-bottom: 16px;
  bakcground-image: url("https://авто-подбор.рф/wp-content/uploads/2020/11/appeal-us-img-8.svg");
}

.grouped-elements .titled .after-text p::before {
  display: none;
}

.grouped-elements .titled .after-text p::after {
  display: none;
}

.after-text p:empty {
  display: none !important;
  /* padding: 100px; */
}

.row-percenter {
  gap: 16px;
}

.expert-row .named {
  padding-bottom: 10px;
  color: #515151;
  /*font-size: 20px;*/
  margin-bottom: 4px;
  font-weight: bold;
  color: #000;
}

.options-row .topper-slider .con {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 16px;
}

.btn_report_edit > * {
  font-size: 16px;
  line-height: 1rem;
  color: #494949;
}

#reviews .section__body {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
}

.review__block {
  box-shadow: none;
  border-bottom: solid 1px #f3f3f3;
}

.filial_inline .filial__manager {
  font-size: var(--fs_s);
  padding: 16px;
  background: #f3f3f3;
  border-radius: 16px;
}

.filial_inline {
  padding: var(--spacing_s);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "location manager contacts";
  grid-auto-flow: column;
  grid-gap: 1rem;
}

.filials-grid.filials-grid_default {
  box-shadow: none;
  border-radius: 16px;
}

#reports .ord-detail__block_body,
#analytics .ord-detail__block_body {
  padding: 24px;
  padding-top: 48px;
  margin-top: -24px;
  border-radius: 16px;
  background: #fff;
  padding-bottom: 48px;
}

.ord-detail__proven-cars_item-holder {
  display: flex;
  flex-direction: column;
  background: none;
  margin: 0 8px 18px;
  min-height: 410px;
  border: solid 1px #e6e9ec82;
}

@media (max-width: 1280px) {
  .left-bar.hidden .left-bar__user.left-bar-user {
    padding: 16px;
    background: #313131;
    border-radius: 16px;
  }
  .ad-detail__center_content_wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    margin-bottom: 16px;
  }
}

@media (max-width: 500px) {
  .ord {
    padding: 15px 13px 15px 30px;
    font-size: var(--fs_s);
  }

  .ord-detail__block--popup .ord-detail__block_body {
    top: 40px;
  }

  .ord-detail__block_show-mobile .ord-detail__block_head {
    border: none;
    padding: 0px;
    margin-bottom: 16px;
  }

  .ord__cell_middle_section {
    width: 100%;
    margin-bottom: 16px;
    border-bottom: none;
    padding-bottom: 10px;
    margin-right: 0px;
  }

  .section_default {
    padding: var(--spacing_content);
    padding: var(--spacing_xl) var(--spacing_xs);
    max-width: 1250px;
    margin: auto;
  }

  #analytics .ord-detail__block_body,
  #reports .ord-detail__block_body {
    padding: 0px;
    padding-top: 16px !important;
    margin-top: -16px !important;
    border-radius: 16px;
    background: #fff;
  }

  .ord-detail__proven-cars_item-holder {
    margin: 0px;
    margin-bottom: 16px;
    margin-left: 8px;
  }
}

web-chat *::-webkit-scrollbar {
  display: none;
}

.left-bar-user__rating-text {
  font-size: var(--fs_h4);
  color: #000000;
  font-weight: 500;
  line-height: normal;
  display: block;
  margin-left: 0px;
}

.ord-detail__analytics_item_container > *:not(:last-child) {
  margin-bottom: 16px;
  border-radius: 8px;
}

.msg_warning {
  color: rgba(0, 0, 0, 0.8);
  background-color: #e9e9e9;
  border-radius: 16px;
}

.btn_default {
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  border-radius: 8px;
  padding: 0 1.5em;
  color: #000;
  fill: #000;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.report-nav__progress {
  position: absolute;
  top: 0.25rem;
  bottom: 0.25rem;
  left: 0;
  width: 100%;
  opacity: 0.25;
  border-radius: 8px;
}

.client-support-page .form__item {
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.label_l {
  font-size: 0.8em;
}

.control_m input,
.control_m select {
  height: 3rem;
  border-radius: 16px;
  box-shadow: none;
  border: solid 1px #ccc;
}

.client-support-page__side textarea {
  text-align: left;
  box-shadow: none;
  border: solid 1px #ccc;
  border-radius: 16px;
  font-size: 0.8rem;
}

.btn_primary .btn__title {
  font-family: "Inter";
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.avtocod-form__body {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 24px;
  border-radius: 16px;
}

input.avtocod-form__toggle-btn {
  width: fit-content;
  margin: 0px;
  padding: 0px;
  width: 47%;
  background: #222222;
  margin-bottom: 16px;
  color: #fff;
}

.avtocod-form__body > span:first-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

input.avtocod-form__submit-btn.btn.btn_s.btn_default.mt_xs {
  background: #ffce1b;
  width: 100%;
  font-size: 1em !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  height: 3em;
  margin-top: 16px;
  border-radius: 16px;
  font-family: "Inter";
}

.users-grid.users-grid_default {
  border-radius: 16px;
  box-shadow: none;
}

.left-bar-user__rating-text {
  margin-left: 4px;
}

.btn_default {
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  border-radius: 16px;
  padding: 0 1.5em;
  color: #000;
  fill: #000;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-family: "Inter";
  letter-spacing: 1px;
}

.btn_default .btn__title {
  font-family: "Inter";
  font-size: 100%;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.password-show__checkbox {
  margin-right: 4px;
}

.user-login {
  max-width: 100%;
  width: 18rem;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  box-sizing: content-box;
}

.page_main .page__header {
  text-align: center;
  min-height: 0;
  background-color: #f3f3f3;
  padding-left: var(--spacing_content_x);
  padding-right: var(--spacing_content_x);
  padding-top: 10vh;
  padding-bottom: 0px;
}

.page_main .page__footer {
  text-align: center;
  min-height: 0;
  background-color: #f3f3f3;
}

.check_default .check__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 1.2em;
  height: 1.2em;
  margin: -0.3em 0.6em -0.3em 0;
  background-color: #f3f3f3;
  box-shadow: none;
  border: solid 1px #ccc;
  border-radius: 4px;
}

.check_default .check__icon:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: none;
  box-sizing: border-box;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #eef3fd inset !important;
  -webkit-text-fill-color: #000 !important;
}

.login #id_password {
  padding: 0px;
  text-align: left;
  padding-left: 24px;
  padding-top: 2px;
}

.label_float.label_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  display: none;
}

input#id_login {
  text-align: left !important;
  padding: 0px !important;
  padding-left: 62px !important;
  padding-top: 2px !important;
}

.form__block-select-icon {
  width: 28px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  z-index: 4;
  cursor: pointer;
  border: solid 1px #ccc;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form__block-select-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

input#id_login {
  text-align: left !important;
  padding: 0px !important;
  padding-left: 53px !important;
  padding-top: 1px !important;
}

.msg_info {
  color: rgba(0, 0, 0, 0.8);
  background-color: #adceed;
  border-radius: 16px;
}

.left-bar.hidden .left-bar__user.left-bar-user {
  padding: 16px;
  background: none;
  border-radius: 16px;
}

.left-bar .left-bar-user__rating-text {
  font-size: var(--fs_xs);
  color: #ffce1b;
  position: relative;
  top: 1px;
  margin-left: 0px;
  margin-right: 4px !important;
  margin-top: -1px;
}

.left-bar-user__rol.left-bar-user__rating svg {
  margin-right: 4px;
}

.user-controls {
  margin-top: 12px;
}

a.user-controls__link[href*="accounts/logout"] > .icon svg {
  margin-left: 4px;
}

.left-bar__user.left-bar-user {
  padding: 16px;
  background: #313131;
  border-radius: 16px;
  color: #fff;
}

.report-edit__content {
  background: #fff;
  padding: 24px;
  border-radius: 16px;
}

.report-edit__content .row > * {
  padding: 0px !important;
}

.report-edit__content .row {
  margin: 0px !important;
  gap: 16px;
}

.report-edit__content input {
  border-radius: 16px;
  border: solid 1px #ccc;
  box-shadow: none;
}

.report-edit__content .btn.btn_m.btn_primary.btn-fit {
  border-radius: 16px;
  box-shadow: none;
  font-family: "Inter" !important;
  font-weight: 600 !important;
}
.report-edit__content .row > * {
  padding: 0px !important;
  margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: "Inter" !important;
  font-weight: 500;
  line-height: 1.125;
  color: #000;
}

.report-nav__item {
  border-radius: 8px;
  padding-left: 16px !important;
  font-weight: 400;
}

.back-button.visible {
  display: block;
  background: #222222;
  padding: 8px 16px;
  border-radius: 8px;
  font-family: "Inter";
  color: #ffce1b;
}

.report-edit__content input {
  border-radius: 16px !important;
  box-shadow: none !important;
  border: solid 1px #ccc !important;
}

.left-bar-user__thumb {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  overflow: hidden;
  background: #222222;
}

a.left-bar-user__thumb::after {
  content: url(/static/img/assets/left-bar/left_bar_img_5.svg);
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 800;
  z-index: 1;
  opacity: 0.3;
}

.left-bar-user__thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* display: none; */
  z-index: 2;
  position: relative;
}

.select2-container--default .select2-selection {
  border-radius: 16px;
  box-shadow: none;
  border: solid 1px #ccc;
}

.top-bar__mobile-menu {
  position: relative !important;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.top-bar {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  background-color: #222222 !important;
  box-shadow: none !important;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.top-bar__report-btn-menu {
  background: #313131;
  border-radius: 8px;
  flex-shrink: 0;
  margin-right: 16px;
}

.btn.btn_s.btn_default.btn_inline.right-bar-toggle {
  border: none;
  color: #fff !important;
}

.top-bar__mobile-menu::before {
  content: url(/static/img/logo-mobile.png);
  margin-top: 5px;
}

.top-bar .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  filter: invert(1);
}

.select2-container--open .select2-dropdown--below {
  border-radius: 16px;
  box-shadow: none;
}

.ad-detail__spec__value {
  font-weight: 400;
  font-size: 16px !important;
  line-height: 19px;
  font-weight: 400 !important;
}

.ad-detail__center_content_specs
  .ad-detail__center_content_specs_item:nth-child(3) {
  margin-bottom: 0px;
}

.ad-detail__spec__color {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #ccc;
}

.ad-detail__center_content_specs
  .ad-detail__center_content_specs_item:nth-child(5) {
  margin-bottom: 0px;
}

.ad-detail__center_content_specs
  .ad-detail__center_content_specs_item:nth-child(6) {
  margin-bottom: 0px;
}

.single-pop {
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 16px;
  padding: 15px;
}

.user__orders .icon {
  flex-direction: row-reverse;
}

.variable__icon.icon.icon_m span {
  font-weight: 600;
}

@media (max-width: 767px) {
  .report__actions {
    position: absolute;
    top: -20px;
    right: -20px;
  }

  .documents-page ul,
  .documents-page ol {
    margin: revert;
    padding: revert;
    padding-left: 24px;
  }

  .g-search__empty-search {
    min-height: fit-content;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 16px;
  }

  .tabs_default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    gap: 16px;
  }

  .variable__icon.icon.icon_m span {
    font-weight: 800;
  }

  .user_inline .user__orders {
    position: absolute;
    right: 8px;
    bottom: 16px;
    top: auto;
  }

  .ord__status {
    width: 20px;
  }

  .ord__status span {
    line-height: 20px;
  }

  .grouped-elements[data-anchor="final"] {
    margin-bottom: 36px;
  }

  .texter {
    font-size: 16px;
  }

  .grouped-elements .row-percenter .progress-bar {
    width: 100%;
    max-width: unset;
    background: rgba(193, 193, 193, 0.5);
    height: 4px;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
  }

  .single-pop {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 16px;
    padding: 15px;
  }

  .ad-detail__spec__value {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 19px;
    font-weight: 400 !important;
  }

  .ad-detail__center_content_specs
    .ad-detail__center_content_specs_item:nth-child(3) {
    margin-bottom: 0px;
  }

  .ad-detail__spec__color {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #ccc;
  }

  .ad-detail__center_content_specs
    .ad-detail__center_content_specs_item:nth-child(5) {
    margin-bottom: 0px;
  }

  .ad-detail__center_content_specs
    .ad-detail__center_content_specs_item:nth-child(6) {
    margin-bottom: 0px;
  }

  .ad-detail__center_content_specs {
    margin-top: 20px;
    width: 100%;
  }

  .ord-detail__analytics_item_comment {
    height: 99px;
    width: inherit;
    background: #f2f2f3;
    padding: 8px;
    padding-left: 44px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding: 16px 16px 16px 44px;
  }

  .ord-detail__holder .btn_primary {
    border-radius: 16px;
    box-shadow: none;
    -webkit-transition: background-color 0.25s ease, box-shadow 0.25s ease;
    transition: background-color 0.25s ease, box-shadow 0.25s ease;
    padding: 0 1.5em;
    color: #000;
    fill: #000;
    background-color: #ffce1b;
    font-size: 1rem !important;
    font-weight: 500;
    font-family: "Inter";
  }

  .ord__cell.ord__cell_middle_section {
    margin-right: 0px !important;
    background: #e6e9ec82;
  }

  .ord {
    padding: 24px 24px 24px 36px;
  }

  .vdp-datepicker {
    border-radius: 0px 0px 16px 16px;
    overflow: hidden;
  }

  .datepicker-open__title {
    padding: 16px !important;
    border-radius: 16px 16px 0px 0px;
  }

  .select2-container--open .select2-dropdown--below {
    border-radius: 16px;
    box-shadow: none;
  }

  .filter-btn__mob .filter-btn {
    text-transform: uppercase;
    width: 48%;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    user-select: none;
    font-family: "Inter";
    font-size: 1rem !important;
    font-weight: 500;
    cursor: pointer;
    border-radius: 16px;
    border: none !important;
    color: #000;
  }

  .mob .openCalendar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 16px;
    border: solid 1px #ccc;
  }

  .slick-slider .slick-dots {
    display: none !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .slick-slider .slick-dots li {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }

  .grouped-elements .list-item .list-item-big {
    width: 100%;
  }

  .ord-detail__block_head_left {
    height: 40px;
  }

  .photo-item {
    background: url(../img/no-photo.jpeg) no-repeat center;
    background-size: cover;
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 8px;
    overflow: hidden;
  }

  .grouped-elements .list-item .item {
    width: 100%;
    margin-bottom: 0px;
    gap: 16px;
  }

  .top-tabs ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    text-align: center;
    margin-top: 16px;
  }

  .grouped-elements {
    padding: 16px;
    background: #fff;
    border-radius: 16px;
    margin-top: 16px;
  }

  div#popup-scheme-external {
    border-radius: 16px;
  }

  .download-data {
    width: 100%;
    /* margin-top: 1.2rem; */
    /* order: 3; */
    flex: auto;
    margin-bottom: 1.2rem;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 16px;
    margin-top: 16px;
  }

  .title-row .infos {
    gap: 16px;
    margin-top: 8px;
  }

  .hideHR .hidden-go-back .btn {
    bottom: 20px;
    z-index: 10;
    pointer-events: all;
    opacity: 1;
    visibility: visible;
    height: 3em;
    font-size: 1rem !important;
    font-weight: 600;
    font-family: "Inter";
  }

  .ord-detail__block_button-back-popup {
    position: fixed !important;
    display: flex;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    font-size: 15px;
    margin-bottom: 0;
    min-height: 36px;
    z-index: 100000;
    height: 3rem;
    font-size: 1rem !important;
    font-weight: 600;
    font-family: "Inter";
  }

  .ord-detail__block_head {
    background: #fff;
    border-radius: 16px;
    padding: 16px;
    border: none;
  }

  .ord-detail__block_body {
    padding: 16px;
    padding-top: 48px;
    margin-top: -16px;
    border-radius: 16px;
    background: #fff;
  }

  .ord-detail__block_body {
    padding: 16px;
    padding-top: 16px !important;
    margin-top: -16px;
    border-radius: 16px;
    background: #fff;
  }

  .ord-detail__holder {
    padding: 16px !important;
    padding-top: 48px !important;
  }
}
.orders-grid__item:last-of-type .ord__status.status_progress {
  border-radius: 0px 0px 0px 16px;
}

.slick-slider .slick-dots li {
  width: 12px;
  height: 12px;
}
