@import 'DatePickerX.min.css';

@font-face {
  font-style: normal;
  font-weight: normal;
  font-family: "rouble";
  src: url("./rouble.otf") format("opentype");
}

.rub {
  font-family: "rouble", Arial, sans-serif;
}

html {
  /* ВЗ делаем футер внизу*/
  height: 100%;
  min-height: 100vh;
  /* ВЗ */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  /* ВЗ делаем футер внизу*/
  min-height: 100vh;
  /* ВЗ */
  margin: 0;
  padding: 0;

  font-family: tahoma, arial, helvetica, verdana, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  font-weight: 400;

  background-color: #e4e9f1;
  display: flex;
  flex-direction: column;
}

a {

  text-decoration: none;
}


img {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

fieldset {
  border: none;
}

select::-ms-expand {
  display: none;
}

select:active,
select:hover,
select:focus,
.input-date:active,
.input-date:hover,
.input-date:focus,
input[type=text]:active,
input[type=text]:hover,
input[type=text]:focus,
input[type=button]:active,
input[type=button]:hover,
input[type=button]:focus,
button:active,
button:hover,
button:focus,
a:active,
a:hover,
a:focus,
div:active,
div:hover,
div:focus,
span:active,
span:hover,
span:focus {
  /* ВЗ для #TOP-187*/
  /*outline: 3px solid #5496bd;*/
  outline: none;
}

.input-date-wrap {
  position: relative;
  display: inline-block;
}

.input-date {
  padding-bottom: 0;
  width: 95px;
  height: 31px;
  background-image: url(../img/icon-calendar.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 3px center;
  font-size: 13px !important;
  cursor: pointer;
}

.input-date:disabled {
  cursor: auto;
  background: none;
}


/* ВЗ стилизуем в мозилле для достижения кроссбраузерности*/

@-moz-document url-prefix() {

  .search-nights select {
    padding-left: 2px !important;
  }

  .accommodation-parameters-children-age1 input#birthday1,
  .accommodation-parameters-children-age2 input#birthday2,
  .accommodation-parameters-children-age3 input#birthday3,
  input#accm_birthday1,
  input#accm_birthday2,
  input#accm_birthday3 {
    font-size: 13px;
  }

  input:not(:disabled) + .child-bithday::after {
    right: 0px;
  }

  input:not(:disabled) + .child-bithday-popup::after {
    right: 28px;
  }

  td.selection-night {
    padding-left: 2px;
  }

  td.selection-chout {
    padding-left: 4px;
  }

  .selection-text-add button:first-child {
    padding-left: 6px;
    padding-right: 5px;
  }

  .selection-text-add button:last-child {
    top: -2px;
  }


}

/* Закончились стили для мозиллы*/


#begdate::-webkit-calendar-picker-indicator,
#enddate::-webkit-calendar-picker-indicator {
  opacity: 1;
}

.visually-hidden:not(:focus):not(:active),
input[type="checkbox"].visually-hidden,
input[type="radio"].visually-hidden,
.accm_list_checkbox:not(:focus):not(:active),
input[type="checkbox"].accm_list_checkbox {
  position: absolute;

  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;

  white-space: nowrap;

  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.logo-div {
  font-size: 17px;
  font-weight: 400;
  color: white;
}

.logo-div span:first-child {
  /*opacity: 0.8;*/
  font-weight: 700;
}

.button {
  font: inherit;
  padding: 0 20px;

  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  color: #1067fc;
  vertical-align: middle;

  border: 2px solid #1067fc;
  border-radius: 18px;
  background-color: #ffffff;
  cursor: pointer;
}

.button_on_click,
.button:active:not(:disabled) {
  color: #ffffff;
  background-color: #1067fc;
}

.button:disabled {
  opacity: 0.5;
  /* color: #9ab8e2; */
  /* border: 2px solid #9ab8e2; */
  cursor: default;
}

.result-buttons {
  padding-bottom: 33px;
  text-align: center;
}

/*
.btn-disabled {
  padding: 0 25px 2px;
  font-weight: 400;
  color: #9ab8e2;
  border: 1px solid #9ab8e2;
}
*/

.btn-search-load {
  padding: 0 25px 2px;
  font-weight: 400;
  color: #1067fc;
  border: 1px solid #1067fc;
}

.border-effect {
  -webkit-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.2);
}

.modal-border-effect {
  -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
}

.main-header {
  /* ВЗ убрал самолетик, перенес его в header-plane убрал рисунок фона и заменил его на градиент
оставил пока весь мусор. когда все утвердит заказчик можно весь мусор убрать.*/
  position: relative;
  width: 100%;
  height: 60px;
  -webkit-box-shadow: 1px 8px 18px 0 rgba(76, 159, 232, 0.36);
  box-shadow: 1px 8px 18px 0 rgba(76, 159, 232, 0.36);
  /*background: linear-gradient(to right, rgb(101, 220, 252), rgba(44, 121, 252, 1));*/
  /*background: linear-gradient(to right, rgb(101, 220, 255), #1965ff);*/
  /*background: linear-gradient(45deg, rgb(101, 220, 255), #1965ff);*/
  background: -webkit-linear-gradient(315deg, #43adff 30%, #1965ff 80%);
  background: -o-linear-gradient(315deg, #43adff 30%, #1965ff 80%);
  background: linear-gradient(135deg, #43adff 30%, #1965ff 80%);

  overflow: hidden;
}

.header-plane {
  width: 100%;
  background: url("../img/header-plane.png") no-repeat calc(50% - 190px);
}

.main-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto;
  /*padding: 41px 13px 33px 16px;*/
  /* ВЗ Заужаем шапку*/
  padding: 19px 13px 15px 16px;

  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.06em;
  color: #ffffff;
  text-transform: uppercase;
}

.site-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*-webkit-box-pack: justify;*/
  /*-ms-flex-pack: justify;*/
  /*justify-content: space-between;*/
  /*justify-content: flex-end;*/
  /*width: 330px; !* 380 *!*/
  padding-top: 8px;
}

.site-navigation a {
  color: #ffffff;
}

.site-navigation li {
  margin-left: 20px;
}


.site-navigation li:nth-child(3) {
  margin-right: 5px;
}

.site-navigation-submenu {
  position: absolute;
  top: 33px;
  left: -99px; /* 105 */
  width: 160px;
  z-index: 5;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  background-color: #1965ff;
  padding: 20px 20px 20px 20px;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;
}

.submenu-element {
  padding-bottom: 16px;
}

.subscribe-wrap {
  height: 58px;
  margin-top: -18px;
  margin-right: -20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 4px;
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.subscribe-wrap .buy-button {
  padding: 0 0 4px;
  margin: 0;
  background: none;
  border: none;
  color: #ffffff;
  text-transform: uppercase;
  font: inherit;
  cursor: pointer;
  position: relative;
  border-bottom: 1px dashed #ffffff;
}

/*.subscribe-wrap .buy-button-content {*/
/*  */
/*  padding-bottom: 1px;*/
/*}*/

.subscribe-more-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: -13px;
}

.subscribe-more-wrap button {
  outline: none;
  background: none;
  border: none;
  color: #1067fc;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  border-bottom: 1px dashed #1067fc;
  padding: 0;
}

.subscribe-more-wrap button:first-child {
  margin-bottom: 20px;
}

/*.submenu-element-exit {*/
/*    padding-top: 16px;*/
/*}*/

/*.submenu-element-exit::before {*/
/*    content:'';*/
/*    position: absolute;*/
/*    bottom: 48px;*/
/*    right: 20px;*/
/*    width: 120px;*/
/*    height: 1px;*/
/*    background-color: #e4e9f1;*/
/*}*/

.top-menu {
  display: inline-block;
  position: relative;
}

.top-menu-select {
  border: 1px solid #cecece;
}

.main-wrapper {
  flex-grow: 1;
  /*min-height: calc(100% - 138px);*/
  /*вз для главной страницы, чтобы нижний блок был 100% */
  /*overflow: hidden;*/
}

.main-wrapper.main-page {
  height: calc(100% - 138px);
  overflow: auto;
}

.container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  background-color: #fff;

  transition: width 0.6s;
}

.search-form {
  background-color: #fff;
  z-index: 1;
  position: relative;
}

.search-container {
  position: relative;
  background: none;
}

.search-container {
  display: flex;
  flex-direction: column-reverse;
}

.main-page ~ footer.main-footer {
  margin-top: 0;
}

.main-shadow {
  width: 960px;
}

#searchContainer .main-shadow {
  width: 100%;
}

.my-location {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0 15px;
  width: 960px;
  z-index: 1;
  transition: width 0.6s;
}

#searchContainer .my-location {
  width: 100%;
  z-index: 2;
}

#search {
  width: 960px;
}

.pinch::before {
  left: -4px;
}

.pinch::after {
  right: -4px;
}

.pinch::before,
.pinch::after {
  content: '';
  position: absolute;
  top: -4px;
  right: -5px;

  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e4e9f1;
  z-index: 1;

  transition: opacity 0.4s;
}

.pinch-bottom::before,
.pinch-bottom::after {
  bottom: -4px;
  top: auto;
}

.without-after-pinch::after {
  opacity: 0;
}

.city-select {
  position: relative;

  padding: 4px 0 0 46px;

  background: url("../img/pin.svg") no-repeat 22px 2px;
  color: #1067fc;
  font-weight: 700;
}

.city-select::after {
  content: "";

  position: absolute;
  top: 90%;
  left: 45px;

  width: calc(100% - 45px);
  border-bottom: 1px dashed #1067fc;
}

.city-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.city-wrap div {
  flex-grow: 1;
}

.city-wrap label {
  margin-right: 3px;
  position: relative;
  top: -1px;
}

.modal-search-city {
  z-index: 5;
  position: absolute;
  top: 170px;
  left: 550px;
  width: 245px;
  height: 225px;
  background-color: #ffffff;
}

.list-wrapper {
  width: 245px;
  background-color: #ffffff;
  padding: 15px 0 10px;
}

.city-list {
  position: relative;
  width: 237px;
  height: 170px;
}

.city-input {
  margin-left: 7px;
  width: 230px;
}

.city-list li {
  margin: 0 0 7px 23px;
}

.user-navigation {
  position: relative;
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  display: -ms-inline-flexbox;
  display: inline-flex;
  /*width: 132px;*/
  /*-ms-flex-pack: distribute;*/
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 34px;
  /*margin-right: 20px;*/
}

.user-navigation li:last-child {
  padding-left: 20px;
}

.user-navigation a:not(#toselection, #a-offer-prev, #a-offer-next) {
  color: #1067fc;
}

.report {
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  color: #1067fc;
}

.report-na {
  position: relative;
  pointer-events: none;
  cursor: default;
  color: #9ab8e2 !important;
}

.report::before {
  content: "";

  position: absolute;
  top: 3px;
  left: -10px;
  width: 10px;
  height: 10px;

  border-color: #1067fc;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.report-na::before {
  content: "";

  position: absolute;
  top: 3px;
  left: -10px;
  width: 10px;
  height: 10px;

  border-color: #9ab8e2;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.selection,
.selection--underline {
  position: relative;
  pointer-events: auto;
  cursor: pointer;
  color: #1067fc;
}

.selection--underline:disabled {
  opacity: 0.3;
  cursor: auto;
}

.selection--underline {
  text-decoration: underline;
  border: none;
  background: none;
  padding: 0;
}

.selection-na {
  position: relative;
  pointer-events: none;
  cursor: default;
  color: #9ab8e2 !important;
}

.selection::after {
  content: "";

  position: absolute;
  top: 3px;
  /*right: 2px;*/
  width: 10px;
  height: 10px;

  border-color: #1067fc;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selection-na::after {
  content: "";

  position: absolute;
  top: 3px;
  /*right: 2px;*/
  width: 10px;
  height: 10px;

  border-color: #9ab8e2;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#tariffs-modal {
  text-align: center;
}

.tariffs-modal,
.letter-modal {
  min-width: 530px;
  padding-bottom: 30px;
  background-color: #ffffff;
  margin: 5% auto;

  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  border-radius: 8px;
  border: 4px solid #d5d5d3;
  text-align: left;
  display: inline-block;
}

.tariffs-header {
  padding: 15px;
  margin-bottom: 35px;
  background-color: lightgray;
  font-size: 16px;
  text-align: center;
}

.tariffs-stock,
.heading-setting {
  text-align: center;
  font-weight: 400;
  margin: 0 auto 35px;
  color: #1067fc;
  padding: 0 42px;
  /*width: 80%;*/
  line-height: 30px;
  cursor: default;
}

.tariffs-modal p {
  margin: 0;
  padding: 0;
}

.tariffs-modal .agree-paragraph {
  margin-bottom: 25px;
  padding-left: 32px;
}

.tariffs-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 42px 30px;
  justify-content: space-between;
}

.tariff-item {
  width: 150px;
  margin-right: 42px;
}

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

.tariff-item label {
  background-color: #f2f2f2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 20px 0;
  cursor: pointer;
  border-radius: 8px;
}

.tariff-name {
  font-size: 16px;
  color: #1067fc;
  margin-bottom: 20px;
}

.tariff-inner-wrap {
  display: flex;
  flex-direction: column;
}

.tariff-price {
  line-height: 20px;
}

.tariff-price-old {
  position: relative;
  margin-right: 4px;
}

.tariff-price-old::before {
  position: absolute;
  content: '';
  width: 120%;
  height: 2px;
  background-color: #f00;
  transform: rotate(14deg);
  top: 11px;
  left: -5px;
  border-radius: 200px;
}

.tariff-price {
  margin-bottom: 10px;
}

.tariff-price:nth-child(2) {
  margin-bottom: 20px;
}

.tariff-price span {
  font-size: 18px;
}

.tariff-price-total span {
  font-size: 14px;
}

.tariffs-modal label,
.letter-modal .checkbox-wrapper label {
  user-select: none;
}

.tariffs-radio:checked + label {
  background: #639cff;
  color: #ffffff;
}

.tariffs-radio:checked + label .tariff-price-old::before {
  background-color: #ffffff;
}

.tariffs-radio:checked + label .tariff-name {
  color: #ffffff;
}

.tariffs-modal a {
  cursor: pointer;
  color: #1067fc;
  border-bottom: 1px dashed #1067fc;
  margin-left: 5px;
  margin-right: 5px;
}

.tariffs-buttons {
  text-align: center;
  padding-left: 36px;
}

.tariffs-buttons .button:first-child {
  margin-right: 30px;
}

.modal-accom-option {
  width: 458px;
  /*height: 421px;*/
  padding-bottom: 20px;
  background-color: #ffffff;
  margin: 5% auto;

  /*--CSS3 CSS3 Тени для Блока--*/
  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  /*--CSS3 Закругленные углы--*/
  border-radius: 8px;
  border: 4px solid #d5d5d3;
}

.accom-header {
  position: relative;
  padding: 22px 23px 9px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accom-group-title {
  display: inline-block;
  margin: 0;
  line-height: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #1067fc;
}

.accom-selects {
  display: flex;
}

.accom-group-adults,
.accom-group-children {
  position: relative;
  /*display: flex;*/
  /*justify-content: space-between;*/
}

.accom-group-adults select,
.accom-group-children select {
  padding-left: 7px;
  width: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 30px;
}

.accom-group-adults select {
  margin-left: 12px;
  padding-left: 7px;
}

.accom-group-children label {
  margin-left: 26px;
}

.select-triangle::after,
.select-triangle1::after,
.select-triangle2::after {
  content: "";
  position: absolute;

  top: 12px;

  pointer-events: none;

  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  border-top: 5px solid #1067fc;
}

.select-triangle::after {
  right: 4px;
}

.select-triangle1::after {
  left: 26px;
}

.select-triangle2::after {
  right: 98px;
}

.select-triangle-grey::after {
  content: "";
  position: absolute;

  top: 12px;

  pointer-events: none;

  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  border-top: 5px solid #c1c1c1;
  right: 4px;
}

.room-allocation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 242px;
  margin: 14px 0 0 23px;
}

.room-allocation-title {
  font-weight: 700;
}

.room-allocation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: -3px;
}

.room-allocation-list select,
.age-list select {
  padding-left: 7px;
  width: 35px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 30px;
}

.room-allocation-adults,
.room-allocation-children {
  position: relative;
}

.room-allocation-adults select,
.room-allocation-children select,
.age-list input {
  height: 28px;
}

.age-list input[type=date] {
  font: inherit;
}

.room-allocation-adults label,
.room-allocation-children label {
  margin: 0 13px 0 5px;
}


.room-allocation-adults {
  margin-left: 2px;
}

.room-allocation-age {
  margin-top: 25px;
}

.room-allocation-age-list {
  margin-top: 5px;
}

.room-allocation-age-list .input-date-wrap {
  position: relative;
  top: 2px;
}

.room-allocation-age-list .input-date {
  width: 98px;
}

.room-allocation-age-list .input-date {
  background-position: right 4px center;
}

.age-list {
  position: relative;
  margin-bottom: 7px;
}


.age-list select:disabled {
  z-index: 1;
  position: relative;
  background-color: #ffffff;
  color: #8c8c8c;
}

.age-list input {
  margin-left: 10px;
  padding-left: 5px;
}

.age-list input:disabled {
  background-color: transparent;
}

.age-list input::-webkit-input-placeholder {
  font: inherit;
  color: #000000;
}

.age-list input:-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.age-list input::-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.age-list input::placeholder {
  font: inherit;
  color: #000000;
}

.age-list input:disabled::-webkit-input-placeholder {
  font: inherit;
  color: #999999;
}

.age-list input:disabled:-ms-input-placeholder {
  font: inherit;
  color: #999999;
}

.age-list input:disabled::-ms-input-placeholder {
  font: inherit;
  color: #999999;
}

.age-list input:disabled::placeholder {
  font: inherit;
  color: #999999;
}

.groops-list {
  margin: 18px 10px 0 0;
  padding: 11px 0;
  width: 230px;
  background-color: #f2f2f2;
}

.groups {
  width: 220px;
  height: 186px;
}

.groups li {
  margin-bottom: 6px;
}

.groups label {
  margin-left: 5px;
}

.main-checkbox {
  font-weight: 700;
  color: #bb0202;
}

.accom-footer {
  margin: 5px 0 0 0;
  padding-left: 21px;
}

.accom-buttons {
  display: flex;
}

.accom-button button:nth-child(2) {
  margin-right: 17px;
}

.btn-plus {
  position: relative;
  width: 30px;
  height: 3px;
}

.btn-plus-accm {
  position: relative;
  width: 30px;
  height: 30px;
}

.btn-form1 {
  margin-right: 26px;
  padding: 0 15px;
}

.btn-form2 {
  padding: 0 10px;
}

.btn-form3 {
  padding: 0 40px;
  /*padding: 0 25px;*/
  margin-left: 130px;
  margin-bottom: 6px;
}

.plus {
  background: #2c79fc;
  height: 16px;
  width: 2px;
  position: absolute;
  left: calc(50% - 2px);
  top: calc(50% - 14px);
}

.plus-accm {
  background: #2c79fc;
  height: 16px;
  width: 2px;
  position: absolute;
  left: calc(50% - 2px);
  top: calc(50% - 8px);
}

.plus::after, .plus-accm::after {
  content: "";

  position: absolute;
  left: -7px;
  top: 7px;

  height: 2px;
  width: 16px;
  background: #2c79fc;
}

.footer-text {
  margin: 24px 0 0 0;
  color: #bb0202;
}

.main-parameters {
  position: relative;
  margin: 0;
  padding-bottom: 17px;
}

.search-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 9px 0 24px 5px;
}

.modal-accom-option select,
.modal-accom-option input,
.main-parameters select,
.main-parameters input:not(.country-input),
.auth-popup-win input:not(.button),
.user-popup-win input,
.add-variable input {
  border: none;
  border-bottom: 1px solid #cecece;
}

.modal-accom-option select,
.modal-accom-option input,
.search-parameters select,
.search-parameters input:not(.country-input),
.accommodation-parameters select,
.accommodation-parameters input,
.auth-popup-win input:not(.user-popup-win) {
  height: 30px;
}

.modal-accom-option .btn-plus:active .plus,
.modal-accom-option .btn-plus:active .plus::after,
.modal-accom-option .btn-plus-accm:active .plus-accm,
.modal-accom-option .btn-plus-accm:active .plus-accm::after {
  background-color: #ffffff;
}

.search-tour-type {
  position: relative;
  margin-left: 4px;
}

.search-tour-type select {
  width: 101px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.search-tour-type select:disabled {
  z-index: 1;
  position: relative;
  background-color: #ffffff;
  color: #c1c1c1;
}

.search-city-from {
  position: relative;
  padding-left: 40px;

  background: url("../img/home-pin.svg") no-repeat 17px 10px;
}

#cityname {
  width: 134px;
}

#cityname,
#countryname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 10px;
}

/*
#countryname {
  width: 112px;
}*/

/* ВЗ я заметил, что этот селектор больше не используется так как вместо селекта теперь див
.search-city-from select {
  width: 135px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}*/

.search-date-begin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*padding-left: 11px;*/
  align-items: center;
  /*margin-left: 50px;*/
}

.search-date-begin label {
  margin-top: -3px;
}

.search-date-begin.desktop-order-date-begin label {
  padding-top: 0;
}

input#begdate,
input#enddate {
  margin-top: 0px;
}

.search-date-begin .date-begin1 {
  margin-left: 5px;
  font: inherit;
  margin-right: 10px;
}

.search-date-begin input::-webkit-input-placeholder {
  font: inherit;
  color: #000000;
}

.search-date-begin input:-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.search-date-begin input::-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.search-date-begin input::placeholder {
  font: inherit;
  color: #000000;
}

.input-calendar {
  margin-right: 9px;
  border: none;
  width: 21px;
  background: url("../img/icon-calendar.svg") no-repeat 3px 7px;

  margin-left: -17px;
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: 5px;
  border-left-style: solid;
  border-left-color: white;
  border-left-width: 3px;

  display: none;
}

#button_input_calendar_from {
  margin-right: 12px;
}

#button_input_calendar_to {
  margin-left: -7px;
}

.search-date-begin .date-begin2 {
  margin-left: 10px;
  font: inherit;
  margin-right: 8px;
}

.search-nights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.search-nights label {
  padding-top: 5px;
  margin-left: 6px;
  margin-right: 6px;
}

.search-nights input {
  margin-left: 6px;
  padding-left: 7px;
  width: 26px;
}

.search-country {
  position: relative;
  padding-left: 32px;
  margin-left: 6px;
  background: url("../img/globus-pin.svg") no-repeat 9px 12px;
}

/*
.search-country select {
  width: 99px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
}*/

/*
.modal-search-country {
  z-index: 2;
  position: absolute;
  top: 38px;
  left: 34px;
  width: 195px;
  height: 215px;

  background-color: #ffffff;
}
*/

.block {
  display: none;

  top: 38px;
  left: 34px;
  width: 195px;
  height: 215px;

  background-color: #ffffff;

  /* border: 1px;
   border-color: grey;
   border-style: solid;
   text-align: left;
   text-overflow: clip;
   cursor: pointer;
   width: 150px;
   white-space: nowrap;
   background-color: white;
   line-height: 13px; */

  -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);


}

.block.expand {
  z-index: 5;
  position: absolute;
  display: block;
}

.block.expand.fio {
  width: 250px;
  top: 48px;
  left: 145px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}

.block.expand.note {
  width: 250px;
  top: 48px;
  left: 525px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}

/*
.block.expand.fio div:first-child,
.block.expand.note div:first-child {
    height: 195px;
 }
*/

div#persons,
div#orders {
  width: 240px;
  height: auto;
  max-height: 150px;
}

.country-wrapper {
  width: 195px;
  background-color: #ffffff;
  padding: 10px 0 10px; /* 14px 0 10px; */
}

.country-list {
  position: relative;
  width: 186px;
  height: 170px;
  overflow-x: hidden;
}

.country-input {
  margin-left: 7px;
  width: 180px;
  padding-left: 3px;
}

.country-list li {
  margin-bottom: 7px;
  margin-left: 25px;
}

/* add */

#type_nom {
  margin-left: 8px;
  /*color: #e55154;*/
  /*color: #1067fc;*/
  color: #000000;
  cursor: default;
}

#popup_click {
  width: 350px;
  height: 220px;
}

.select-own-city-form {
  text-align: center;
}

.select-own-city-title {
  color: #1067fc;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 16px;
}

.select-own-city-load {
  /* ВЗ делаю ТОР-119*/
  position: relative;
  width: 197px;
  margin: auto;
  /* ВЗ конец блока */
  text-align: center;
}

.chb-w-opinion {
  margin-top: 16px;
  margin-bottom: 16px;
}

#cityresname {
  width: 200px;
  /*margin-left: 69px;*/
  padding-left: 12px;
  border: 1px solid #1762fa;
}

#cityresblock {
  /* ВЗ здесь надо изменить позиционирование*/
  /*top: 168px;*/
  /*left: 548px;*/
  position: absolute;
  top: 33px;
  left: 0px;
  /* ВЗ конец блока*/

  width: 200px;
}

#manualcityressearch {
  width: 185px;
  border: none;
  margin-left: 0px;
}

#cityres {
  width: 191px;
}

.f_fieldset_left {
  /*margin-top: -4px;
  width: 853px;  /* 13-3-1000-3-13 */
  /*float: left; */
}

.f_leg {
  display: none;
}

.selectsize1 {
  border-bottom: 1px solid #cecece;
  text-align: left;
  text-align-last: left;
  vertical-align: text-bottom;
  width: 118px;
  padding-left: 5px;
  padding-right: 2px;
  height: 30px;
  padding-top: 5px;
  cursor: default;
}

.optsel:hover, .opt:hover {
  background-color: lightblue;
  border: 1px solid lightblue;
  cursor: pointer;
  border-radius: 3px;

}

.opt {
  background-position: 2px -0px;

  border: 1px solid #ffffff;
  cursor: pointer;
  border-radius: 3px;
  /*
    height: 15px;
    line-height: 15px; */
  text-align: left;
  text-align-last: left;

  margin-bottom: 3px;
  margin-left: 16px;
  margin-right: 10px;
  user-select: none;
}

.city-block-list .opt,
.city-block-list .optsel {
  margin-right: 6px;
}

.opt.opt-disabled {
  color: #535353;
  background-color: rgba(242, 242, 242, 0.5);
  cursor: default;
}

.optsel {
  background-position: 2px -16px;
  background-color: #c0ecfa;
  border: 1px solid #71ccf3;
  cursor: pointer;
  border-radius: 3px;
  /*
    height: 15px;
    line-height: 15px; */
  text-align-last: left;

  margin-bottom: 3px;
  margin-left: 16px;
  margin-right: 10px;
  user-select: none;
}

#owncity .optsel {
  background: none;
  border: none;
  cursor: pointer;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.optdis {
  color: #cccccc;
  background: none;
  margin-left: 10px;
}

.load_data {
  padding-left: 10px;
}

#NONE {
  background-image: none;
}

#cityblock {
  left: 12px;
}

.tour-type {
  width: 103px;
  color: #c1c1c1;
}

/* курорты, отели, ТО */

.hotels:hover, .tourops:hover, .resorts:hover {
  border-color: blue;
}

.hotels, .tourops, .resorts, .attrs-list {
  /* font-family: tahoma, arial, helvetica, verdana;
  font-size: 10pt;
   border: 1px;
   border-color: grey;
   border-style: solid;
    width: 274px;
   height: 11em;
   background-color: white;
   padding-left: 2px;
   padding-right: 2px; */
  overflow-y: auto;
  text-align: left;

  cursor: pointer;


  /*  position: relative; */
  height: 148px;

  width: 248px;
  background-color: #f2f2f2;
  padding: 10px 0;

}

.hotels {
  width: calc(100% - 9px);
}

.hotels, .tourops {
  padding-left: 2px;
  /*width: 222px;*/
  height: 146px;
}

.tourops.list-list {
  width: 138px;
  /*width: 198px;*/
}

.resorts.list-list {
  /*width: 268px;*/
  /*width: 248px;*/
  width: calc(100% - 9px);
}

#hotels > div {
  margin-right: 3px;
}

#hotels div,
#tourops div {
  padding-left: 22px;
  margin-left: 10px;
}

#hotels > div,
#tourops div,
.resorts div,
.el_fil_hotels div,
.attrs-list div {
  overflow-x: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background-image: url("../img/checkbox.png");
  background-repeat: no-repeat;
  padding-right: 3px;
  white-space: nowrap;

  border: none;
  margin-bottom: 5px;
  background-size: 15px;
}

#hotels > div {
  display: flex;
  justify-content: space-between;
}

#hotels .hotel-name {
  padding-left: 0;
  margin-left: 2px;
  max-width: 278px;
  /*max-width: 178px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

#hotels .hotel-name:only-child {
  max-width: 198px;
}

.favorite-checkbox {
  cursor: pointer;
}

.inf-right .favorite-checkbox {
  position: absolute;
  right: 50px;
  /*right: 90px;*/
  transform: scale(1.1);
  top: -1px;
}

.favorite-checkbox span {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('../img/favorite.svg');
  background-size: 13px 16px;
  background-repeat: no-repeat;
}

.favorite-checkbox:hover span {
  opacity: 0.7;
}

.favorite-checkbox input:checked + span {
  background-image: url('../img/favorite-active.svg');
}

.favorite-checkbox input:disabled + span {
  opacity: 0.6;
}

.resorts div,
.el_fil_hotels div {
  margin-left: 20px;
}

.el_fil_hotels .region-node {
  margin-left: 0;
}

.node {
  padding-left: 22px;
  background-position: 2px -0px;
  height: 16px;
  line-height: 16px;
  margin-right: 10px;
  user-select: none;
}

.node:hover,
.branch:hover {
  background-color: lightblue;
  border-radius: 3px;
}


.node.par {
  padding-left: 22px;
  background-position: 2px -32px;
}

.node.allsel {
  padding-left: 22px;
  background-position: 2px -16px;
  /*margin-bottom: 0;*/
}

.tripple-checkbox.node {
  margin-bottom: 0;
}

.node.hide {
  display: none;
}

.branch {
  display: none;
  user-select: none;
}

.branch.hide {
  display: none;
}

.branch.on.hide {
  display: none;
}

.branch.on {
  padding-left: 44px;
  background-position: 24px -0px;
  display: block;

  /*border: 1px solid lightblue;*/
  border-radius: 3px;

  height: 16px;
  line-height: 16px;

  margin-right: 10px;
}

.branch.select {
  padding-left: 44px;
  background-position: 24px -16px;
}

.branch.root.on {
  padding-left: 22px;
  background-position: 2px -0px;
}

.branch.root.select {
  padding-left: 22px;
  background-position: 2px -16px;
}

.opthid {
  display: none !important;
}

.inf-wrapper {
  padding-top: 13px;
  padding-bottom: 17px;
  /*width: 255px;*/
}

.inf-wrapper-hotels {
  display: flex;
  justify-content: space-between;
}

/*.inf-wrapper-to {*/
/*  width: 229px;*/
/*}*/

.sort-star-radio + label {
  position: relative;
  left: -5px;
  /*left: -17px;*/
  /*top: -2px;*/
}

.inf-left {
  float: left;
  margin-left: -10px;
}

.inf-right {
  float: right;
  position: relative;
}


.accm_list_checkbox + label,
.accm_list_checkbox:checked + label {
  padding-left: 34px;
  cursor: pointer;
}

.accm_list_checkbox + label {
  background-position: 30px center;
  background: url("../img/checkbox-white.svg") no-repeat 10px center;
}

.accm_list_checkbox:checked + label {
  background-position: 30px center;
  background: url("../img/checkbox-white-checked.svg") no-repeat 10px center;
}

#accm_list div {
  margin-left: 0px;
  border: none;
}


/* Блок фильтры */


.selectsize_filter {
  background-color: white;
  border: 1px solid rgb(169, 169, 169);
  text-align: left;
  text-align-last: left;
  vertical-align: text-bottom;
  padding-left: 4px;
  padding-right: 2px;
  height: 22px;
}

.selectsize_filter:before {
  content: "";
  position: absolute;
  /*background: url('images/check_box.png');*/
  /*background: url('images/checkbox-gray-checked.svg');*/
  /*background: url('images/check_box.png');*/
  /*background: url("../img/checkbox-grey-checked.svg") no-repeat 10px center;*/
  background: url('../img/checkbox-gray-checked.svg') no-repeat 0 5px;
  background-repeat: no-repeat;

  width: 14px;
  /*height: 15px;*/
  height: 20px;
  margin-top: 4px;
  cursor: pointer;
}

/* ВЗ. Это старый сохранил, чтобы смотреть
.block_filter {
  display: none;
  border: 1px solid rgb(169, 169, 169);
  text-align: left;
  text-overflow: clip;
  cursor: pointer;
  !* width: 50px; *!
  white-space: nowrap;
  background-color: white;
  line-height: 13px;
  margin-top: -1px;
}*/
.block_filter {

  text-align: left;
  -o-text-overflow: clip;
  text-overflow: clip;

  white-space: nowrap;
  background-color: white;
  line-height: 13px;
  margin-top: 0px;

  -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
}

.block_filter.expand {
  z-index: 11;
  position: absolute;
  display: block;
}

.elements_filter {
  overflow-y: hidden;
  overflow-x: hidden;
  /* height: 11em;
  border: 1px; */
  padding-left: 5px;
  padding-right: 6px;
  /*    border-color: grey;
      border-style: solid; */
  text-align: left;
  text-align-last: left;
  margin-top: 2px;
  margin-bottom: 2px;
}

#filter_hotel_opt.el_fil_hotels {
  /* width: 234px; */
  max-height: 300px;
  max-width: 450px;
  min-width: 231px;
  -o-text-overflow: clip;
  text-overflow: clip;
  padding-right: 12px;
  /*padding-top: 5px;*/
  padding-left: 5px;
  margin-top: 2px;
  margin-right: 3px;
  margin-bottom: 2px;
}

.el_fil_begin {
  width: 170px;
}

.el_fil_night {
  width: 109px;
}

.el_fil_meals {
  width: 119px;
}

.el_fil_star {
  width: 89px;
}

.filter_span_all {
  margin-left: 17px;
}

.selnum_filter_span_all {
  margin-left: 17px;
}

.filter_checkbox_all {
  vertical-align: bottom;
  /*  margin-bottom: 1px; */
  margin-right: 3px;
}


.filter_meals, .filter_begin, .filter_hotel, .filter_star, .filter_night {
  line-height: 32px;
}

.selnum-filter-wrapper {
  line-height: 32px;
}

.long_text {
  white-space: nowrap; /* запрет перенос строк */
  overflow: hidden; /* Скрываем текст, который не помещается в блок */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; /* Уводим текст в многоточие */
  display: block; /* Элемент обязательно должен быть блочным */
  cursor: default;
}

.f_el_div {
  margin-top: 10px;
  /*margin-top: 4px;*/
  /*margin-bottom: 4px;*/
  margin-bottom: 10px;
  overflow: hidden;
}

.f_off {
  display: none;
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  border: solid;
  border-right-color: lightslategrey;
  border-bottom-color: lightslategrey;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  margin-left: 3px;
  visibility: hidden;
}

/*.fbut_off {
  background-color: #e7e7e7;
  !*  border: solid; *!
  border-width: 2px;
  border-right-color: lightslategrey;
  border-bottom-color: lightslategrey;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
}*/
.fbut_off {
  /*color: #8c8c8c;*/
  /*color: #b9b9b9;*/
  color: #949494; /* #e1e1e1; */
  /*    background-color: #e7e7e7;
      !*  border: solid; *!
      border-width: 2px;
      border-right-color: lightslategrey;
      border-bottom-color: lightslategrey;
      border-top-color: #cccccc;
      border-left-color: #cccccc;*/

}

.fbut_on {
  background-color: white;
  /*  border: solid; */
  border-width: 2px;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-top-color: lightslategrey;
  border-left-color: lightslategrey;
}

#select_filter {
  margin-top: 7px;
}

/* end */

.search-nights select {
  padding-left: 7px;
  padding-right: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 35px;
}

.sort-alphabet-radio + label {
  display: block;
  position: relative;
  cursor: pointer;
}

.sort-alphabet-radio:not(:checked) + label::before,
.sort-alphabet-radio:checked + label::after {
  content: "";

  position: absolute;
  top: 8px;
  left: -37px;
  width: 17px;
  height: 18px;
}

.sort-alphabet-radio:not(:checked) + label::before {
  background: url("../img/icon-alphabet-grey.svg") no-repeat;
}

.sort-alphabet-radio:checked + label::after {
  background: url("../img/icon-alphabet.svg") no-repeat;
}

.sort-popular-radio + label {
  display: block;
  position: relative;
  cursor: pointer;
}

.sort-popular-radio:not(:checked) + label::before,
.sort-popular-radio:checked + label::after {
  content: "";

  position: absolute;
  top: 9px;
  left: -13px;
  width: 17px;
  height: 17px;
}

.sort-popular-radio:not(:checked) + label::before {
  background: url("../img/icon-popular-grey.svg") no-repeat;
}

.sort-popular-radio:checked + label::after {
  background: url("../img/icon-popular.svg") no-repeat;
}


.sort-star-radio + label {
  display: block;
  position: relative;
  cursor: pointer;
}

.sort-star-radio:not(:checked) + label::before,
.sort-star-radio:checked + label::after {
  content: "";

  position: absolute;
  top: 9px;
  left: -13px;
  width: 17px;
  height: 17px;
}

.sort-star-radio:not(:checked) + label::before {
  background: url("../img/icon-star-grey.svg") no-repeat;
  background-size: contain;
}

.sort-star-radio:checked + label::after {
  background: url("../img/icon-star-blue.svg") no-repeat;
  background-size: contain;
}


.sort-country-alphabet {
  left: 50px;
}

.sort-country-popular {
  left: 50px;
}

.accommodation-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  margin-bottom: 12px;
  cursor: default;
}

.accommodation-parameters-adults,
.accommodation-parameters-children {
  position: relative;
}

.accommodation-parameters-adults select,
.accommodation-parameters-children select {
  padding-left: 6px;
  width: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 31px;
}

.accommodation-parameters-adults select {
  margin-left: 2px;
}

.accommodation-parameters-children {
  margin-left: 14px;
}

.accommodation-parameters-children select {
  padding-left: 6px;
}

.accommodation-parameters-label {
  margin-right: 2px;
}

.children-age-wrap {
  display: none;
}

.accommodation-parameters-children-age1 {
  position: relative;
  margin-left: 11px;
}

.accommodation-parameters-children-age1 select,
.accommodation-parameters-children-age2 select,
.accommodation-parameters-children-age3 select {
  width: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 31px;
  padding-left: 6px;
}

.accommodation-parameters-children-age1 select:disabled,
.accommodation-parameters-children-age2 select:disabled,
.accommodation-parameters-children-age3 select:disabled {
  /*z-index: 1;*/
  position: relative;
  background-color: #ffffff;
  color: #b9b9b9;
}

.accommodation-parameters-children-age1 input,
.accommodation-parameters-children-age2 input,
.accommodation-parameters-children-age3 input {
  width: 90px;
  background-color: #ffffff;
}

.accommodation-parameters-children-age1 input:not(:disabled)::-webkit-input-placeholder,
.accommodation-parameters-children-age2 input:not(:disabled)::-webkit-input-placeholder,
.accommodation-parameters-children-age3 input:not(:disabled)::-webkit-input-placeholder {
  font: inherit;
  color: #000000;
}

.accommodation-parameters-children-age1 input:not(:disabled):-ms-input-placeholder,
.accommodation-parameters-children-age2 input:not(:disabled):-ms-input-placeholder,
.accommodation-parameters-children-age3 input:not(:disabled):-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.accommodation-parameters-children-age1 input:not(:disabled)::-ms-input-placeholder,
.accommodation-parameters-children-age2 input:not(:disabled)::-ms-input-placeholder,
.accommodation-parameters-children-age3 input:not(:disabled)::-ms-input-placeholder {
  font: inherit;
  color: #000000;
}

.accommodation-parameters-children-age1 input:not(:disabled)::placeholder,
.accommodation-parameters-children-age2 input:not(:disabled)::placeholder,
.accommodation-parameters-children-age3 input:not(:disabled)::placeholder {
  font: inherit;
  color: #000000;
}

.accommodation-parameters-children-age1 input:disabled::-webkit-input-placeholder,
.accommodation-parameters-children-age2 input:disabled::-webkit-input-placeholder,
.accommodation-parameters-children-age3 input:disabled::-webkit-input-placeholder {
  font: inherit;
  color: #c8c8c8;
}

.accommodation-parameters-children-age1 input:disabled:-ms-input-placeholder,
.accommodation-parameters-children-age2 input:disabled:-ms-input-placeholder,
.accommodation-parameters-children-age3 input:disabled:-ms-input-placeholder {
  font: inherit;
  color: #c8c8c8;
}

.accommodation-parameters-children-age1 input:disabled::-ms-input-placeholder,
.accommodation-parameters-children-age2 input:disabled::-ms-input-placeholder,
.accommodation-parameters-children-age3 input:disabled::-ms-input-placeholder {
  font: inherit;
  color: #c8c8c8;
}

.accommodation-parameters-children-age1 input:disabled::placeholder,
.accommodation-parameters-children-age2 input:disabled::placeholder,
.accommodation-parameters-children-age3 input:disabled::placeholder {
  font: inherit;
  color: #c8c8c8;
}

.accommodation-parameters-children-age2 {
  position: relative;
  margin-left: 10px;
}

.accommodation-parameters-children-age3 {
  position: relative;
  margin-left: 10px;
}

.accommodation-parameters .input-date-wrap {
  position: relative;
  top: 1px;
  left: 4px;
}

#birthday1, #birthday2, #birthday3 {
  height: 31px;
  font: inherit;
}

.accommodation-parameters-budget {
  margin-left: 10px;
  position: relative;
  height: 33px;
}

.accommodation-parameters-budget input {
  width: 65px;
}

.accommodation-parameters-average-budget {
  margin-left: 17px;
  position: relative;
  height: 33px;
}

.accommodation-parameters-budget::after,
.accommodation-parameters-average-budget::after,
.budget-wrap::after {
  content: 'i';
  font-weight: normal;
  font-family: rouble, Arial, sans-serif;
  position: absolute;
  font-size: 17px;
  top: 6px;
  right: -16px;
}

.from-budget {
  margin-left: 2px;
  margin-right: 2px;
  /* padding-left: 44px; */
  text-align: right;
  padding-right: 6px;
  height: 31px;
}

.to-budget {
  margin-left: 2px;

  /*  padding-left: 44px; */
  text-align: right;
  padding-right: 6px;
  height: 31px;
}

.average-budget {
  width: 80px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: right;
  padding-right: 6px;
  height: 31px;
}


.accommodation-parameters-budget input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.accommodation-parameters-budget input:-ms-input-placeholder {
  color: #e1e1e1;
}

.accommodation-parameters-budget input::-ms-input-placeholder {
  color: #e1e1e1;
}

.accommodation-parameters-budget input::placeholder {
  color: #e1e1e1;
}

.accommodation-wrap {
  margin-bottom: 15px;
  padding: 0 12px;
}

.accommodation-option {
  pointer-events: auto;
  cursor: pointer;
  font-weight: 700;
  color: #1067fc;
  margin-left: 9px;
}

.accommodation-option-na {
  pointer-events: none;
  cursor: default;
  margin-left: 9px;
  font-weight: 700;
  color: #9ab8e2; /* #87939a */
}

.parameters {
  position: relative;
  margin: 0;
}

.resort-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 272px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 12px 0;
}

.selected-resorts {
  margin-top: 6px;
  /*width: 255px;*/
  width: 305px;
}

.selected-resorts-text {
  margin-left: 3px;
}

.selected-resorts-count {
  margin-left: 2px;
  font-weight: 700;
  color: #1067fc;
  display: none;
  cursor: pointer;
}

.resort-radio:not(:checked) + label::before,
.resort-radio:checked + label::after {
  top: -2px;
  /* left: 77px; */
}

.resort-popular-radio:not(:checked) + label::before,
.resort-popular-radio:checked + label::after {
  top: -2px;
  /*  left: 101px;  */
}

.parameters-input-wrapper {
  margin-bottom: 5px;
}

.parameters-input-wrapper-hotels {
  margin-top: -4px;
  margin-bottom: 5px;
}

.parameters-input {
  height: 24px;
  border: none;
  background: #f2f2f2 url("../img/icon-find.svg") no-repeat right center;
  padding-left: 6px;
}

.resort-input {
  margin-top: 2px;
  /*width: 255px;*/
  width: 100%;
}

.resorts-wrapper {
  /*width: 275px;*/
  /*width: 255px;*/
  background-color: #f2f2f2;
  padding: 10px 0;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: scroll;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  scrollbar-color: #1067fc white;
  scrollbar-width: thin;
}

.list-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: scroll;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  scrollbar-color: #1067fc white;
  scrollbar-width: thin;
}

.list::-webkit-scrollbar-track,
.list-list::-webkit-scrollbar-track {
  padding-right: 10px;
  background-color: #ffffff;
}

.list::-webkit-scrollbar-thumb,
.list-list::-webkit-scrollbar-thumb {
  padding-right: 10px;
  border-radius: 1.5px;
  background-color: #1067fc;
}

.list::-webkit-scrollbar,
.list-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.city-block-list.list::-webkit-scrollbar,
.city-block-list.list:hover::-webkit-scrollbar,
.resort-parameters .list-list::-webkit-scrollbar {
  width: 6px !important;
}

/* ВЗ TOP-338*/
.list:hover::-webkit-scrollbar,
.list-list:hover::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.resorts-zub {
  position: relative;
  height: 148px;

  width: 255px;
  background-color: #f2f2f2;
  padding: 10px 0;
}

.parameters-checkbox + label {
  padding-left: 30px;
  background: url("../img/checkbox-white.svg") no-repeat 10px center;
  cursor: pointer;
}

.parameters-checkbox:not(.level1) + label {
  padding-left: 50px;
  background-position: 30px center;
}

.parameters-checkbox:checked + label {
  padding-left: 30px;
  background: url("../img/checkbox-white-checked.svg") no-repeat 10px center;
  cursor: pointer;
}

.parameters-checkbox:not(.level1):checked + label {
  padding-left: 50px;
  background-position: 30px center;
}

.list-level1 {
  margin-bottom: 2px;
}

.all-categories {
  margin: 6px 0 0 60px;
  width: 136px;
}

.hotel-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 110px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hotel-categories li {
  margin: 0 20px 2px 0;
}

.parameters-checkbox-grey + label {
  padding-left: 30px;
  background: url("../img/checkbox-grey.svg") no-repeat 10px center;
  cursor: pointer;
}

.parameters-checkbox-grey:checked + label {
  padding-left: 30px;
  background: url("../img/checkbox-grey-checked.svg") no-repeat 10px center;
  cursor: pointer;
}

.parameters-checkbox-grey.par:checked + label {
  background: url("../img/checkbox-grey-checked-grey.svg") no-repeat 10px center;
}

.parameters-checkbox-grey.reg + label {
  padding-left: 20px;
  background-position-x: 0;
}

.star {
  padding-left: 20px;
  background: url("../img/icon-star.svg") no-repeat 5px 5px;
}

.all-pensiones {
  margin-top: -7px;
  margin-left: 60px;
  width: 136px;
}

.pensiones {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 65px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -4px;
}

.pensiones li {
  margin: 0 27px 2px 0;
}

.all-hotels {
  margin: 6px 0 0 60px;
  width: 356px;
  /*width: 255px;*/
}

.all-hotels-input,
.all-suppliers-input {
  margin-left: -9px;
}

.hotel-radio:not(:checked) + label::before,
.hotel-radio:checked + label::after {
  top: -2px;
  /*left: -55px;*/
  left: -45px;
}

.hotel-star-radio:not(:checked) + label::before,
.hotel-star-radio:checked + label::after {
  top: 1px;
  left: -17px;
  width: 12px;
  height: 12px;
}

.hotel-popular-radio:not(:checked) + label::before,
.hotel-popular-radio:checked + label::after {
  top: -2px;
  left: -15px;
}

.hotel-input,
.supplier-input {
  margin-top: 2px;
  width: 100%;
}

/*.hotels-wrapper {*/
/*  width: 229px;*/
/*}*/

.hotels-wrapper,
.suppliers-wrapper {
  background-color: #f2f2f2;
  padding: 12px 0;
}

.hotels-zub,
.suppliers {
  padding-left: 2px;
  width: 222px;
  height: 146px;
}

.hotels li,
.suppliers li {
  margin-bottom: 3px;
}

.all-suppliers {
  margin: 6px 0 0 10px;
  width: 145px;
  /*width: 205px;*/
  overflow: hidden;
}

.supplier-radio:not(:checked) + label::before,
.supplier-radio:checked + label::after {
  top: -2px;
}

.supplier-popular-radio:not(:checked) + label::before,
.supplier-popular-radio:checked + label::after {
  top: -2px;
}

.additional-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: 11px;
  cursor: default;
  margin-bottom: 10px;
}

.additional-parameters__filters {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 60%;
}

.additional-filter-block__left {
  display: flex;
}

.additional-filter-block label {
  user-select: none;
  margin-left: 7px;
}

.additional-filter-block__inner {
  margin-right: 35px;
}

.additional-parameters-checkbox + label {
  padding-left: 23px;
  background: url("../img/checkbox-grey.svg") no-repeat 5px 0;
  cursor: pointer;
}

.additional-parameters-checkbox:checked + label {
  padding-left: 23px;
  background: url("../img/checkbox-grey-checked.svg") no-repeat 5px 0;
  cursor: pointer;
}

.additional-parameters-checkbox:disabled + label {
  color: #676666;
  cursor: auto;
  opacity: 0.5;
}

/*.additional-parameters-checkbox-transport {*/
/*  padding-left: 23px;*/
/*}*/

.additional-parameters__inner {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.additional-parameters__inner:nth-child(1) {
  width: 365px;
}

.additional-parameters__inner:nth-child(3) {
  margin-right: 25px;
}

.package-tour-label {
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}

.package-tour-toggle {
  background-image: url("../img/toggle.svg");
  background-repeat: no-repeat;
  background-size: 20px 28px;
  width: 20px;
  height: 15px;
  overflow: hidden;
  background-position: center;

  cursor: pointer;
  margin: 0 8px;
}

.package-tour:checked ~ .package-tour-toggle {
  transform: rotateY(180deg);
}

.additional-parameters__inner span {
  text-transform: uppercase;
}

.additional-parameters-buttons {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
}

.additional-parameters-buttons button:not(:last-child) {
  margin-right: 10px;
}

.search-progress-wrap {
  background: #fff;
}

.progress-bar-wrap {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.progress-bar-wrap .progress-progressbar-back {
  flex-grow: 1;
  margin-right: 15px;
  width: auto;
}

.progress-information, .progress-information-selnum {
  position: relative;
  margin: 0;
  padding: 30px 60px 26px 40px;
  cursor: default;
}

.ul_search_param {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: none;
}

.filter-input-checkbox + label {
  display: block;
  padding: 0 3px 36px 20px;
  cursor: pointer;
  border: none;
}

.checkbox-off + label {
  background: url("../img/checkbox-off.svg") no-repeat -3px 0;
  transform: rotate(180deg);
  cursor: not-allowed;
}

.checkbox-up + label {
  background: url("../img/checkbox-on.svg") no-repeat -3px 0;
}

.checkbox-down + label {
  background: url("../img/checkbox-on.svg") no-repeat -3px 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}


/* ВЗ следующие два класса для чекбокса с двумя состояниями на странице подбора*/

.filter-selection-checkbox + label {
  padding: 0 3px 26px 20px;
  background: url("../img/checkbox-off.svg") no-repeat -3px 0;
  cursor: pointer;
  border: none;
}

.filter-selection-checkbox:checked + label {
  background: url("../img/checkbox-on.svg") no-repeat -3px 0;
  border: none;
}


#fdates,
#fnights,
#filter_meals,
#filter_star,
#filter_hotel {
  height: 37px;
  border: 1px solid #1762fa;
  border-radius: 4px;
}

#fdates {
  width: 180px;
  transition: width 0.6s;
}

#fnights {
  width: calc(89px + 22px);
  transition: width 0.6s;
}

#filter_meals, .fmeals {
  width: calc(99px + 22px);
  transition: width 0.6s;
}

#filter_star, .fstar {
  width: calc(69px + 22px);
  transition: width 0.6s;
}

#filter_hotel, .fhotel {
  width: 256px;
  transition: width 0.6s;
}

.process {
  /*margin-top: 5px;*/
  padding: 0 13px;
  font-size: 13px;
}

.complex-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 21px 12px 17px 22px;
  cursor: default;
  position: relative;
}

.complex-sort-count {
  margin-left: 12px;
  color: #1067fc;
  cursor: pointer;
}

.complex-description span {
  color: #656565;
}

.complex-description span::before {
  content: '';
  display: inline-block;
  position: relative;
  margin-right: 4px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  top: 2px;
}

.complex-description span:nth-child(1) {
  margin-right: 20px;
}

.complex-description span:nth-child(1)::before {
  background-color: #009a5d;
}

.complex-description span:nth-child(2) {
  margin-right: 24px;
}

.complex-description span:nth-child(2)::before {
  background-color: #e4c300;
}

.complex-description span:nth-child(3)::before {
  background-color: #e55154;
}

.complex-sel-wrap {
  position: absolute;
  right: 17px;
}

.table-wrapper {
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}

.result-table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;

  font-weight: 700;
}

.result-table-thead {
  height: 27px;
  background-color: #f2f2f2;
  color: #535353;
  font-family: Arial, sans-serif;
  font-weight: 400;
  line-height: 13px;
}

.result-table-thead td {
  border-right: 2px solid #ffffff;
  cursor: default;
}

table:not(.offer-table) .result-table-thead td:not(#transfer_tour):not(#end_tour):not(.selection-add):hover {
  background-color: #e4e9f1;
}

#filterpanel #tezcntrarea .table-wrapper .result-table .result-table-thead td.checkbox-all.disable:hover {
  background-color: #f2f2f2;
}

.result-table td {
  text-align: center;
  vertical-align: middle;
}

.result-table tbody .selection-text-add {
  padding-left: 5px;
  width: 42px;
}

.result-table .add-button {
  padding: 0;
}

.result-table .btn-plus {
  margin-left: -3px;
  padding-top: 5px;
  padding-bottom: 40px;
}



#tezcntrarea td:nth-child(1) {
  width: 116px;
}

#tezcntrarea td:nth-child(2) {
  width: 43px;
}

#tezcntrarea td:nth-child(4),
#tezcntrarea td:nth-child(10) {
  width: 37px;
  text-align: center;
}

#tezcntrarea td:nth-child(5) {
  width: 35px;
}

#tezcntrarea td:nth-child(6) {
  width: 131px;
}

#tezcntrarea td:nth-child(7) {
  width: 47px;
}

#tezcntrarea td:nth-child(8) {
  width: 96px;
}

#tezcntrarea td:nth-child(9) {
  width: 82px;
}

#tezcntrarea .table-checkbox-grey:not(.table-checkbox-grey-div) {
  display: inline-block;
}

#tezcntrarea .table-checkbox-grey-div {
  width: 13px;
  left: 0;
}

.table-checkbox-grey {
  cursor: pointer;
  padding: 8px;
}

.begintour {
  width: 116px;
}

.table-text {
  vertical-align: middle;
  margin-right: 0px;
  padding-left: 0px;
}

.table-text-hotel {
  margin-right: 0px;
  padding-left: 0px;
}

.begintour .arrow,
.nighttour .arrow,
.hoteltour .arrow,
.accmtour .arrow,
.pricetour .arrow {
  margin-bottom: -3px;
}

.arrow {
  display: inline-block;

  fill: #b6b9bb;
}

.arrow-active {
  fill: #78a8d4;
}

.arrow-main {
  fill: blue;
}

.arrow-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nighttour {
  width: 47px;
}

.hoteltour {
  width: 295px;
}

.kattour {
  width: 42px;
}

.kattour-star {
  margin-left: 7px;
  margin-bottom: 2px;
}

.kattour .arrow,
.ratingtour .arrow {
  margin-left: 3px;
}

.ratingtour {
  padding-left: 6px;
  padding-top: 3px;
  width: 38px;
}

.accmtour {
  width: 131px;
}

.mealtour {
  width: 51px;
  padding-top: 5px;
}

.mealtour-cup {
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 2px;
  margin-right: 2px;
}

.mealtour .arrow {
  margin-left: 4px;
}

.gray-day-text {
  font-weight: 400;
  color: #949494;
}

.transfertour {
  padding-top: 3px;
  width: 100px;
}

.pricetour {
  width: 86px;
}

.result-offer-table .table-text {
  margin-right: 0;
}

.result-offer-table .selection-text-add {
  padding-left: 0 !important;
}

.result-offer-table .selection-text-add button {
  padding-left: 6px;
}

.result-offer-table .selection-text-add button:first-child {
  padding-right: 0;
}

.table-checkbox-all + label {
  padding-left: 30px;
  background: url("../img/checkbox-white.svg") no-repeat 7px center;
  cursor: pointer;
}

#select_tour.table-checkbox-all + label {
  cursor: default;
}

.table-checkbox-all:checked + label {
  padding-left: 30px;
  background: url("../img/checkbox-white-checked.svg") no-repeat 7px center;
  cursor: pointer;
}

.rezult_table_select_box + div {
  content: "";
  position: relative;
  left: 10px;
  width: 20px;
  height: 13px;
  background: url("../img/checkbox-grey.svg") no-repeat -2px center;
}

.table-checkbox-grey-div {
  display: block;
  content: "";
  position: relative;
  left: 10px;
  width: 20px;
  height: 13px;
  background-color: #e7e7e7;
  /*background: url("../img/checkbox-grey.svg") no-repeat -2px center;*/
}

/*Переделал на span ели работет, то этот селектор можно убрать*/
.rezult_table_select_box:checked + div {
  background: url("../img/checkbox-grey-checked.svg") no-repeat -2px center;
}

.rezult_table_select_box:checked + span::before {
  /*background: url("../img/checkbox-grey-checked.svg") no-repeat -2px center;*/
  content: "";
  display: block;
  width: 10px;
  height: 5px;
  transform: rotate(
    -45deg
  );
  border-left: 1.5px solid #1067fc;
  border-bottom: 1.5px solid #1067fc;
  position: absolute;
  top: 3px;
  left: 2px;
}

.gray-rating-text {
  font-weight: 400;
  color: #535353;
}

.gray {
  color: #737373;
}

.blue-hotel-text {
  color: #1067fc;
  line-height: 16px;
  font-size: 12px;
  cursor: pointer;
}

.regular-hotel-text,
.regular-meal-text {
  color: #000000;
  font-weight: 700;
}

.green-accm-text {
  font-weight: 400;
  text-transform: uppercase;
  color: #00ac68;
}

.green-accm-text div {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 40px;
}

.red-accm-text {
  font-weight: 400;
  text-transform: uppercase;
  color: #e55154;
}


.transfer svg {
  vertical-align: middle;
}

.result-table-tbody tr {
  border: none;
  border-bottom: 1px solid #afb3b4;
  cursor: default;
}

.result-table-tbody td {
  padding: 6px 0 6px;
}

.departure-svg,
.arrival-svg {
  display: inline-block;
}

.result-pages-counter {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  margin-left: -7px;
  text-align: center;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 700;
  cursor: default;
}

.main-footer {
  /* ВЗ убрал самолетик, перенес его в footer-plane убрал рисунок фона и заменил его на градиент
  оставил пока весь мусор. когда все утвердит заказчик можно весь мусор убрать.*/
  width: 100%;
  height: 78px;
  display: flex;

  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  background: -webkit-linear-gradient(315deg, #43adff 30%, #1965ff 80%);
  background: -o-linear-gradient(315deg, #43adff 30%, #1965ff 80%);
  background: linear-gradient(135deg, #43adff 30%, #1965ff 80%);
  -webkit-box-shadow: 1px -8px 18px 0 rgba(76, 159, 232, 0.36);
  box-shadow: 1px -8px 18px 0 rgba(76, 159, 232, 0.36);
}

.footer-plane {
  display: flex;
  margin: 0 auto;
  background: url("../img/footer-plane.png") no-repeat calc(50% + 385px);
}

.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 960px;
  margin: 0 auto;
  padding: 0;
}

.footer-logo {
  margin-top: 15px;
  margin-left: 10px;
}


.footer-partner {
  margin-right: 30px;
}

.footer-partner span {
  -ms-flex-item-align: end;
  align-self: flex-end;
}


.footer-partner a {
  margin-top: 6px;
  color: white;
}

.footer-contacts {
  margin-left: 30px;
}

.footer-contacts a {
  color: #ffffff;
  position: relative;
  margin-right: 30px;
}

.footer-contacts .mail-link {
  padding-left: 47px;
}

.footer-contacts .phone-link {
  padding-left: 34px;
}

.footer-contacts svg {
  position: absolute;
  fill: #ffffff;
  left: 0;
}

.footer-contacts .mail-svg {
  top: -6px;
  width: 31px;
  height: 31px;
}

.footer-contacts .phone-svg {
  top: -1px;
  width: 20px;
  height: 20px;
}

.footer-copyright {
  margin-top: 15px;
  margin-right: 18px;
}

/* классы для страницы "рабочий стол" - desktop */

.desktop-user {
  position: relative;
  padding: 4px 0 0 6px;
  color: #1067fc;
  font-weight: 700;
}

.desktop-user-na {
  position: relative;
  padding: 4px 0 0 6px;
  color: #9ab8e2;
  font-weight: 700;
  cursor: default;
}

/*.desktop-user::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 90%;*/
/*  left: 5px;*/
/*  width: calc(100% - 5px);*/
/*  border-bottom: 1px dashed #1067fc;*/
/*}*/

/* ВЗ это лишние классы все работает через .user-navigation
.desktop-user-navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 68px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-right: 20px;
}

.desktop-user-navigation a {
  color: #1067fc;
}*/

.desktop-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0px 0px 8px;
  margin-left: 20px;
}

.desktop-control-balance {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
}

.desktop-control-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 21px;
}

.desktopTableCalc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.desktop-table-calc-pay {
  color: #ff8144;
}

.desktop-table-calc-paid {
  color: #009a5d;
}

.desktop-table-calc-overpayment {
  color: #1067fc;
}

.desktop-table-calc-span {
  text-align: right;
  display: block;
  padding-right: 10px;
  margin-bottom: 4px;
}

/*.desktop-search-order {
  margin-left: 12px;
}*/


.desktop-search-order input {
  width: 150px;
  margin-right: 20px;
}

.desktop-search-order-text {
  margin-left: 4px;
  padding-left: 0px;
}

.desktop-search-order input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.desktop-search-order input:-ms-input-placeholder {
  color: #e1e1e1;
}

.desktop-search-order input::-ms-input-placeholder {
  color: #e1e1e1;
}

.desktop-search-order input::placeholder {
  color: #e1e1e1;
}

.desktop-search-parameters {
  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: 14px 11px 4px 11px;
  height: 30px;
}

.desktop-search-parameters .input-date {
  height: 20px;
}

.desktop-search-parameters li:nth-child(3) {
  /*margin-left: 20px;*/
  margin-left: auto;
}

.desktop-search-parameters li:nth-child(2) {
  /*margin-left: 20px;*/
  margin-left: 15px;
  /*margin-bottom: -1px;*/
  margin-top: 1px;
}

.desktop-search-parameters li:nth-of-type(n+4) {
  /*margin-left: 20px;*/
  margin-left: 10px;
}

.desktop-request-tabe {
  position: relative;
}

.desktop-table-wrapper {
  width: 100%;
  padding: 26px 10px 53px 10px;
  /*margin-bottom: 20px; ВЗ Это лишний маргин при 20 появляется вертикальная полоса прокрутки */
  margin-bottom: 14px;
}

/* ВЗ #TO-136.desktop-order-date-begin {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 6px;
}*/

.desktop-order-result-table {
  border-collapse: collapse;
  width: 100%;

  /*  font-family: Roboto, Arial, sans-serif;*/
  font-weight: 700;
}

/* ВЗ TO-132 выровнять наименования колонок со стрелочками*/
.desktop-order-result-table thead td {
  text-align: center;
  padding-left: 0px;
}

.desktop-order-result-table td {
  text-align: left;
  padding-left: 8px;
}

.desktop-order-result-table tbody tr {
  font-weight: 400;
  color: #535353;
}

/*
.desktop-order-result-table tbody tr td,
.desktop-order-result-table tbody tr td select {
    background-color: inherit;
}
*/

.desktop-order-made {
  /*padding-left: 4px;*/
  width: 76px;
}

.desktop-order-made .arrow,
.desktop-order-client .arrow,
.desktop-order-comment .arrow,
.desktop-order-route .arrow,
.desktop-order-begin .arrow,
.desktop-order-pricetour .arrow,
.desktop-order-state .arrow,
.desktop-order-provider .arrow,
.desktop-order-manager .arrow {
  /*margin-left: 8px;*/
  margin-bottom: -3px;
}

.desktop-order-client {
  /*padding-left: 5px;*/
  width: 112px;
}

/*.desktop-order-client .arrow {
  margin-left: 8px;
}*/

.desktop-order-comment {
  /*padding-left: 31px;*/
  width: 170px;
}

/*.desktop-order-comment .arrow {
  margin-left: 11px;
}*/


.desktop-order-route {
  width: 60px;
}

/*.desktop-order-route .arrow {
  margin-left: 3px;
}*/

.desktop-order-begin {
  /*padding-left: 6px;*/
  width: 80px;
}

/*.desktop-order-begin .arrow {
  margin-left: 4px;
}*/

.desktop-order-pricetour {
  /*padding-left: 0px;*/
  width: 68px;
}

/*.desktop-order-pricetour .arrow {
  margin-left: 4px;
}*/

.desktop-order-state {
  width: 100px;
}

/*.desktop-order-state .arrow {
  margin-left: 4px;
}*/

.desktop-order-provider {
  /*padding-left: 13px;*/
  width: 86px;
  pointer-events: none;
}

.desktop-order-manager {
  /*padding-left: 13px;*/
  width: 86px;
  pointer-events: none;
}

/*.desktop-order-provider .arrow {
  margin-left: 6px;
}*/

/*.desktop-order-state-sel {
  position: relative;

}*/

.desktop-order-state-sel select {
  width: 118px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding-left: 4px;
}

.desktop-select-triangle::after {
  content: "";
  position: relative;
  top: 10px;
  right: 15px;
  pointer-events: none;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  border-top: 5px solid #1067fc;
}

/*
.desktop-select-triangle::after {

}*/

/* классы для страницы "главная" - main*/
.container.main-page {
  /*height: 100%;*/
  overflow: hidden;
  /*top: -15px;*/
  /*height: 100%;*/
  background-color: #ffffff;
  min-height: 100%;
}

.main-section {
  position: relative;
  padding: 20px 68px 30px;

}

/*.main-section:last-child {
    overflow: hidden;
    !*height: 100%;*!
}*/

.main-page-section-title {
  color: #1067fc;
  font-size: 24px;
  text-transform: uppercase;
}

.main-section-title {
  position: relative;
  padding: 4px 0 0 68px;
  color: #1067fc;
  font-weight: 900;
  font-size: 24px;
}

.main-section-title-reg {
  color: #1067fc;
  font-size: 24px;
  margin: 15px 0 0 0;
}


/*.main-section-title-news {
    padding: 4px 0 0 0px;
    margin-bottom: 22px;
}*/

.main-section-subtitle {
  position: relative;
  padding: 4px 0 0 0px;
  color: #1067fc;
  font-weight: 900;
  font-size: 20px;
}

.main-about-command {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 0 30px;
}

.main-inform-block {
  width: 830px;
  margin-left: 58px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.main-page-about-text {
  margin-top: 14px;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
  text-indent: 25px;
  font-style: inherit;
}

.main-about-text {
  margin-top: 14px;
  font-size: 14px;
  line-height: 18px;
  text-align: justify;
  text-indent: 25px;
}

.main-text-abzac1 {
  margin-top: 22px;
}

.main-news-date {
  /*    display: -webkit-box;
      display: -ms-flexbox;
      display: flex;*/
  color: #1067fc;
  font-size: 12px;
}

.main-news-text {
  margin-bottom: 14px;
  font-size: 13px;
  line-height: 18px;
  text-align: justify;
}

/* общие классы для всех модальных окон */

.auth-popup, .alert-wrapper {
  background-color: rgba(0, 0, 0, .2);
  position: fixed;
  z-index: 12;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.alert-wrapper {
  z-index: 15;
}

.modal-center {
  text-align: center;
}

#auth_popup_id,
#user_popup_id,
#provider_open_page_id,
#submenu_office,
#parent_popup_click,
#parent_popup,
.alert-wrapper,
#tariffs-modal {
  display: none;
}

.auth-popup-win, .alert-window {
  width: 286px;
  /*height: 252px; ВЗ TOP-130 чтобы окно увеличивалось при ошибке*/
  /*min-height: 252px; ВЗ а лучше вообще убрать. теперь высота окна задается контентом*/
  background-color: #ffffff;
  margin: 5% auto;

  /*--CSS3 CSS3 Тени для Блока--*/
  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  /*--CSS3 Закругленные углы--*/
  border-radius: 8px;
  border: 4px solid #d5d5d3;
}

.alert-window {
  width: 420px;

}

.alert-searching {
  position: absolute;
  width: 100%;
  height: 622px;
}

.alert-message {
  color: black;
  text-align: center;
  font-size: 14px;
  /*font-weight: 700;*/
  padding: 10px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.alert-button {
  display: inline-block;
}

/*
.alert-message input:last-child {
    margin-left: 20px;
}*/

.alert-message input:nth-child(n+3) {
  margin-left: 20px;
}

.auth-popup-win.smtp-popup-win.wide-popup {
  width: 960px;
}

.auth-popup-win.smtp-popup-win.middle-popup {
  width: 420px;
}

.auth-popup-win.user-popup-win {
  /*margin: calc((100% - 700) / 2) auto;*/
  margin: 5% auto 3%;
}

.btn-close {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 30px;
  height: 30px;
}

.btn-close:before, .btn-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 14px;
  width: 1px;
  background-color: #000;
}

.btn-close:before,
.letter-btn-close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-close:after,
.letter-btn-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* классы для модального окна "авторизация" */


.auth-header {
  position: relative;
  padding: 10px 30px 10px 30px;
  background-color: #d5d5d3;
}

.auth-title {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  cursor: default;
}

.auth-input {
  margin: 14px 30px 0px 30px;
}

.auth-input input {
  width: 210px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 4px;
}

.auth-input input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.auth-input input:-ms-input-placeholder {
  color: #e1e1e1;
}

.auth-input input::-ms-input-placeholder {
  color: #e1e1e1;
}

.auth-input input::placeholder {
  color: #e1e1e1;
}

.auth-input-password {
  margin: 10px 30px 0px 30px;
}

.server-response {
  text-align: center;
}

.auth-button {
  margin: 26px 30px 0px 30px;
}

.auth-button button:nth-child(2) {
  margin-right: 27px;
}

.auth-link-div {
  /*margin: 18px 30px 0px 30px; ВЗ*/
  margin: 18px 30px;
}

.sendoffer-popup-win .auth-link-div {
  margin-bottom: 0;
}

/*.sendoffer-popup-win .link-to-email {*/
/*  margin-top: 11px*/
/*}*/

.auth-link-span {
  font-size: 14px;
  color: #1067fc;
  cursor: pointer;
}

.auth-link-span-reg {
  margin-left: 36px;
}


.smtp-popup-win {
  width: 350px;
  /* height: 200px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.smtp-popup-win form {
  width: 100%;
}

.smtp-div {
  margin: 18px 30px;
  text-align: center;
}

/* ВЗ Если надо убрать блок инпутов
.smtp-div:nth-child(3) {
  display: none;
}
*/

.smtp-input {
  margin: 14px 30px 0px 30px;
  /*text-align: end;*/
}

.smtp-input input {
  width: 130px;
}

.smtp-ok-cancel {
  margin: 26px 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.smtp-ok-cancel button:first-of-type {
  min-width: 99px;
  margin-right: 20px;
}

.smtp-ok-cancel button:only-child {
  margin-right: 0;
}

#smtp-first-string.red-string {
  color: red;
}

.smtp-answer {
  font-size: 15px;
}

.red-string {
  color: red;
}

.to-clipboard {
  max-height: 300px;
  margin-top: 30px;
  padding: 7px;
  text-align: left;
  /*background-color: #f2f2f2;*/
  border: 2px solid #f2f2f2;
  line-height: 20px;
}

.discount-text {
  font-size: 14px;
}

/*.discount-text input {*/
/*text-align: right;*/
/*}*/

/* классы для формы "Регистрация" */

.registration-simple {
  width: 510px;
}

.registration-simple .reg-block-title:first-child {
  margin-bottom: 30px;
}

.registration-simple .reg-block-title:nth-child(2),
.registration-simple .reg-block-title:nth-child(3) {
  margin-bottom: 28px;
}

.registration-simple .input-name {
  width: 320px;
}

.reg-block-login {
  display: flex;
  margin-left: 64px;
  font-size: 13px;
  color: #949494;
}

.reg-block-label {
  position: relative;
}

.reg-block-label input {
  margin-left: 10px;
  outline: none;
}

.reg-block-label .reg-block-span {
  font-size: 11px;
  position: absolute;
  left: 167px;
  top: 24px;
  color: #949494;
}

.registration-simple .agree-paragraph {
  margin: 27px -9px 25px;
  user-select: none;
}

.registration-simple .agree-link {
  color: #1067fc;
}

.registration-simple .reg-button {
  margin: 20px 0 25px 0;
  text-align: center;
}

.registration-simple .need-help {
  display: flex;
  justify-content: center;
}

.registration-simple .phone-link {
  color: #1067fc;
  margin-left: 6px;
}

.registration-simple .button {
  line-height: 36px;
}


.reg-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  font-size: 16px;
  margin-bottom: 14px;
  margin-top: 15px;
}

.reg-block-title-administrator {
  margin-top: 20px;
}

.reg-line {
  position: relative;
  line-height: 18px;
}

.reg-line-input,
.variable-input {
  margin: 0 0 10px 8px;
  width: 400px;
}

.reg-line-input input {
  line-height: 30px;
}

.reg-line-input-inn {
  width: 200px;
}

.reg-line-input-telefon {
  width: 174px;
}

.reg-line-input-admin-surname {
  width: 172px;
}

.reg-line-input-admin-name {
  width: 202px;
}

.reg-line-input-admin-middle-name {
  width: 171px;
}

.reg-line-input-admin-name {
  width: 202px;
}

.reg-line-input-email {
  width: 190px;
}

.reg-line-input-login {
  width: 190px;
}

.reg-line-input-password {
  width: 182px;
}

.reg-line-input-repeat-password {
  width: 117px;
}

.reg-line-input-info {
  width: 342px;
  margin-left: 0px;
  padding-left: 2px;
}

.reg-line-input-cname {
  width: 268px;
  margin-left: 0px;
  padding-left: 2px;
}

.reg-line-input-sendemail {
  width: 278px;
}

.reg-line-input-sendemail-user {
  width: 249px;
}

.reg-line-input-smtp {
  width: 200px;
}

.reg-line-input-smtplogin {
  width: 243px;
}

.reg-line-input-smtppassword {
  width: 235px;
}

/*ВЗ #TOP-155 сдвинуть влево три последних поля в регистраации*/
label[for="reg_admin_mail_smtp"],
label[for="reg_admin_mail_smtp_login"],
label[for="reg_admin_mail_smtp_password"],
label[for="reg_user_mail_smtp"],
label[for="reg_user_mail_smtp_login"],
label[for="reg_user_mail_smtp_password"] {
  padding-left: 30px;
}

.reg-button {
  margin: 20px 30px 0px 80px;
}

.reg-button-btn {
  padding: 0 26px;
}

.update-button {
  margin: 20px 30px 0;
}

.update-button-btn {
  width: 110px;
  padding: 0;
}

.update-button-btn:last-child {
  margin-left: 67px;
}

/* классы для модального окна "сброс пароля" */

#reset_psw_id {
  display: none;
}

.reset-psw-input {
  margin: 22px 30px 0 30px;
}

.reset-psw-btn {
  /*ВЗ margin: 46px 0 0 0;*/
  margin: 46px 0;
  text-align: center;
}

.reset-psw-input-password {
  width: 141px;
}

/* классы для окна "Настройки" */

.settings-user-navigation {
  width: 110px;
}

.settings-link {
  color: #1067fc;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  font-size: 14px;
  margin: 0;
}

/* классы для окна "Пользователи" */

.user-user-navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 92px;
  justify-content: space-around;
  margin-right: 20px;
}

.user-user-navigation a {
  color: #1067fc;
}

.main-section-title-user {
  padding: 4px 0 0 14px;
}

.user-search-parameters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 14px 0 4px 0px;
  height: 20px;
}

.user-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px;
  margin-left: 0px;
}

.user-search-order {
  margin-left: 12px;
}

.user-search-order input {
  width: 220px;
  margin-right: 0px;
}

.user-search-order-text {
  margin-left: 0px;
  padding-left: 2px;
}

.user-search-order input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.user-search-order input:-ms-input-placeholder {
  color: #e1e1e1;
}

.user-search-order input::-ms-input-placeholder {
  color: #e1e1e1;
}

.user-search-order input::placeholder {
  color: #e1e1e1;
}

.user-search-order-first {
  margin-left: 530px;
}

.users-link {
  margin-left: 9px;
  font-weight: 700;
  color: #1067fc;
  cursor: pointer;
}

.user-table-soname {
  padding-left: 4px;
  width: 110px;
}

.user-table-soname .arrow {
  /*margin-left: 8px;*/
  margin-bottom: -3px;
}

.user-table-name {
  padding-left: 5px;
  width: 110px;
}

.user-table-name .arrow {
  /*margin-left: 8px;*/
  margin-bottom: -3px;
}

.user-table-second-name {
  padding-left: 31px;
  width: 110px;
}

.user-table-second-name .arrow {
  /*margin-left: 11px;*/
  margin-bottom: -3px;
}

.user-table-login {
  width: 110px;
}

.user-table-login .arrow {
  /*margin-left: 3px;*/
  margin-bottom: -3px;
}

.user-table-email {
  padding-left: 6px;
  width: 90px;
}

.user-table-email .arrow {
  /*margin-left: 4px;*/
  margin-bottom: -3px;
}

.user-table-state {
  width: 90px;
}

.user-table-state .arrow {
  margin-bottom: -3px;
  /*margin-left: 4px;*/
}

.user-table-comment {
  padding-left: 13px;
  width: 110px;
}

.user-table-comment .arrow {
  /*margin-left: 6px;*/
  margin-bottom: -3px;
}

.user-table-state-sel {
  position: relative;

}

.user-table-state-sel select {
  width: 118px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding-left: 4px;
}

.user-select-triangle::after {
  content: "";
  position: absolute;
  top: 16px;
  pointer-events: none;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  border-top: 5px solid #1067fc;
}

.user-select-triangle::after {
  right: 20px;
}

/* классы для модального окна "ввод / редактирование данных пользователя" */

.user-popup-win {
  width: 510px;
  /* ВЗ height: 540px;*/
  /*height: 100%;*/
}

.user-header {
  position: relative;
  padding: 10px 30px 10px 30px;
  background-color: #d5d5d3;
}

.user-inform-block {
  width: 470px;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.user-title {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  cursor: default;
}

.user-line-input-comment {
  width: 152px;
}

.user-line-input-info {
  width: 312px;
  margin-left: 0px;
  padding-left: 2px;
}

.user-line-input input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.user-line-input input:-ms-input-placeholder {
  color: #e1e1e1;
}

.user-line-input input::-ms-input-placeholder {
  color: #e1e1e1;
}

.user-line-input input::placeholder {
  color: #e1e1e1;
}

.user-link-span-enabled {
  font-size: 13px;
  color: #1067fc;
  cursor: pointer;
  margin-left: 30px;
}

.user-link-span-disabled {
  font-size: 13px;
  color: #9ab8e2;
  cursor: pointer;
  margin-left: 30px;
  cursor: default;
}

.user-inf-span {
  line-height: 40px;
  cursor: pointer;
  color: #1067fc;
  font-weight: 700;
  border-bottom: 1px dashed #1067fc;
}

.user-line-1 {
  margin-bottom: 2px;
}

.user-line-2 {
  margin-top: 12px;
  margin-bottom: 2px;
}

.user-button {
  margin: 32px;
  text-align: center;
}

.user-button button:nth-child(1) {
  padding-left: 14px;
  padding-right: 14px;
}

.user-button button:nth-child(2) {
  margin-right: 27px;
  margin-left: 16px;
  padding-left: 26px;
  padding-right: 26px;
}

.link-disabled {
  color: #9ab8e2;
  cursor: default;
}


/* классы для окна "Поставщики" */
.provider-main-inform-block {
  width: 830px;
  margin-left: 58px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.provider-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}

.provider-search-order {
  margin-left: 0px;
}

.provider-search-order input {
  width: 180px;
  margin-right: 0px;
}

.provider-search-order-text {
  margin-left: 0px;
  padding-left: 2px;
}

.provider-search-order input::-webkit-input-placeholder {
  color: #e1e1e1;
}

.provider-search-order input:-ms-input-placeholder {
  color: #e1e1e1;
}

.provider-search-order input::-ms-input-placeholder {
  color: #e1e1e1;
}

.provider-search-order input::placeholder {
  color: #e1e1e1;
}

.provider-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45vh;
  padding: 0;
  margin: 0;
}

.provider-string {
  font-size: 14px;
  color: #1067fc;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 4%;
  flex: 1 0 4%;
  margin-bottom: 6px;
}

.provider-string-last {
  font-size: 14px;
  color: #1067fc;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 4%;
  flex: 1 0 4%;
  margin-bottom: 10px;
}

.provider-span_link {
  cursor: pointer;
}

.provider-repository-link {
  display: none;
}

.provider_alphabet {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 4%;
  flex: 1 0 4%;
  margin-bottom: 6px;
  font-size: 18px;
  text-transform: uppercase;
  cursor: default;
}

.reset-btn {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  background: none;
}

.reset-btn__svg {
  fill: none;
  stroke: #1762fa;
}

.reset-btn:disabled {
  cursor: not-allowed;
}

.reset-btn:disabled .reset-btn__svg {
  stroke: #949494;
}


/* всплывающее окно в форме "Поставщики" */

.provider-popup {
  position: absolute;
  z-index: 3;
  width: 286px;
  height: 50px;
  background-color: #ffffff;
  margin: 5% auto;
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  border: 4px solid #d5d5d3;
}

.provider-popup-menu {
  margin-top: 10px;
  margin-left: 12px;
  text-align: center;
}

#progresspanel {
  display: none;
}

.progress-provider-name {
  color: #1067fc;
  font-weight: bold;
  margin-left: 20px;
}

.progress-progressbar-back {
  background-color: #e1e1e1;
  height: 3px;
  margin-left: 20px;
  width: 792px;
  float: left;
  line-height: 0px;
}

.progress-progressbar {
  background-color: #1067fc;
  height: 100%;
  width: 0%;
}

.progress-procent {
  float: right;
  line-height: 0px;
}

.progress-view-offers {
  width: 100%;
  text-align: center;
  font-size: 14px;
}

.progress-view {
  color: #1067fc;
  cursor: pointer;
  display: none;
}

.search-results {
  position: relative;
  background-color: #fff;
}

.search-filters-wrap {
  border-bottom: 3px solid #e4e9f1;
  position: relative;
  padding: 18px 20px;
}

.search-filters-wrap::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
  opacity: 0.6;
}

.search-filters-wrap__group {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.search-filter-wrap__next-wrap {
  flex-grow: 1;
  justify-content: flex-end;
  display: flex;
}

.search-filters-wrap > ul {
  /*width: 960px;*/
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.search-filters-wrap > ul li:not(:last-child) {
  margin-right: 10px;
}

.search-filters-wrap.expanded #fdates {
  width: 250px;
}

.search-filters-wrap.expanded #filter_meals {
  width: 150px;
}

.search-filters-wrap.expanded #filter_star {
  width: 130px;
}

.search-filters-wrap.expanded #filter_hotel {
  width: 410px;
}

.search-filters-wrap__title {
  font-size: 13px;
  margin: 0;
  font-weight: 400;
  text-transform: uppercase;
}

.search-filters-wrap__next-btn {
  width: 89px;
}

.search-filters-group-set {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.search-filters-group-set__item {
  margin-right: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.search-filters-group-set__item:first-of-type {
  margin-left: 20px;
}

.search-filters-group-set__radio {
  margin: 0 10px 0 0;
  cursor: pointer;
  outline: none;
}

/* Если к селектору есть комментарий, то поставить этот селектор, как указано в комментарии
   Все остальные сеолекторы добавить к конец style.css
 */
.my-accommodation {
  /*поставить этот селектор через запятую с my-location основном css*/
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0 15px;
}

/* ВЗ комментируем .my-accommodation::before .my-accommodation::after так как выщипы будем делать классом pinch
.my-accommodation::before {
  !*поставить этот селектор через запятую с my-location основном css*!
  content:'';
  position: absolute;
  bottom: -5px;
  left: -4px;

  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e4e9f1;
}

.my-accommodation::after {
  !*поставить этот селектор через запятую с my-location основном css*!
  content:'';
  position: absolute;
  bottom: -5px;
  right: -4px;

  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e4e9f1;
}*/

.object-select {
  position: relative;
  padding-left: 20px;

  font-size: 13px;
  line-height: 18px;
  color: #000000;
  font-weight: 700;
}

.select-triangle3::after {
  content: "";
  position: absolute;

  top: 7px;

  pointer-events: none;

  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
  border-top: 5px solid #1067fc;
}

.select-triangle3::after {
  /*left: 634px; */
  left: 712px;
}

.selection-wrapper {
  position: relative;
  width: 100%;
  padding: 0 10px;
  padding-bottom: 35px;
  /*margin-bottom: 20px;*/
}

.offer-filter {
  border-bottom: 0;
  padding: 31px 0 16px 0;
  display: flex;
  align-items: center;
}

.offer-filter li:first-child {
  margin-right: 6px;
}

.offer-filter__reset-wrap {
  display: flex;
  align-items: center;
}

.empty-tours-message {
  display: none;
  font-size: 18px;
  padding: 25px 0;
  text-align: center;
  color: #1067fc;
}

.foperator,
.fdeparture,
.fdeptime,
.fnight,
.faccm,
.froom,
.fmeal,
.fbegin {
  height: 37px;
  border: 1px solid #1762fa;
  border-radius: 4px;
}

.foperator {
  width: 130px;
}

.fbegin {
  width: 130px;
}

.fdeparture {
  width: calc(60px + 22px);
}

.fdeptime {
  width: 85px;
}

.fnight {
  width: calc(50px + 22px);
}

.faccm {
  width: calc(80px + 22px);
}

.froom {
  width: 130px;
}

.fmeal {
  width: calc(50px + 22px);
}

.accommodation-filter [data-filter-type="airport"],
.accommodation-filter [data-filter-type="dep-time"] {
  display: none;
}

.accommodation-filter .fnight {
  width: 90px;
}

.accommodation-filter .foperator,
.accommodation-filter .fbegin {
  width: 180px;
}

.accommodation-filter .froom {
  width: 230px;
}

.additional-filter-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
  border: none;
}

.with-scroll table td {
  /*border: solid 1px black;*/
}

.with-scroll table thead,
.with-scroll .result-table-tbody {
  display: block;
}

.with-scroll table tbody,
.editor,
.letter-setting {
  overflow: auto;
  scrollbar-color: #1067fc white;
  scrollbar-width: thin;
}

.with-scroll .result-table-tbody {
  /*height: 235px;  ВЗ лучше поставить max-height если строк мало то таблица не будет длинной*/
  /*  max-height: 235px; */
  margin-top: 2px;
}

.with-scroll .selection-result-tbody {
  /*height: 270px; ВЗ лучше поставить max-height если строк мало то таблица не будет длинной*/
  /*  max-height: 270px; */
}


.with-scroll table thead td:last-child {
  border: none;
}

.with-scroll table tbody::-webkit-scrollbar-track,
.editor::-webkit-scrollbar-track,
.letter-setting::-webkit-scrollbar-track,
.tour-info .to-clipboard::-webkit-scrollbar-track {
  padding-right: 10px;
  background-color: #ffffff;
}

.with-scroll table tbody::-webkit-scrollbar-thumb,
.editor::-webkit-scrollbar-thumb,
.letter-setting::-webkit-scrollbar-thumb,
.tour-info .to-clipboard::-webkit-scrollbar-thumb {
  padding-right: 10px;
  border-radius: 1.5px;
  background-color: #1067fc;
}

.with-scroll table tbody::-webkit-scrollbar {
  width: 4px;
}

/* ВЗ TOP-338 */
.with-scroll table tbody:hover::-webkit-scrollbar,
.editor::-webkit-scrollbar,
.letter-setting::-webkit-scrollbar,
.tour-info .to-clipboard::-webkit-scrollbar {
  width: 8px;
}

.editor::-webkit-scrollbar {
  height: 8px;
}

.with-scroll table tbody::-webkit-scrollbar-track-piece,
.editor::-webkit-scrollbar-track-piece,
.letter-setting::-webkit-scrollbar-track-piece {
  background-color: #f2f2f2;
}

.selection-begintour {
  padding-left: 0px;
  width: 140px;
}

.selection-tarifhotel {
  padding-left: 0px;
  width: 213px;
}

td.selection-text.selection-begintour {
  /*text-align: left;*/
  /*padding-left: 5px;*/
}

.selection-chin {
  padding-left: 0px;
  width: 61px;
}

.selection-night {
  /*padding-left: 5px;*/
  width: 41px;
}

.selection-night .table-text,
.selection-chout .table-text {
  padding-left: 7px;
}

.selection-chout {
  /*padding-left: 5px;*/
  width: 75px;
}

.selection-end {
  padding-left: 0px;
  padding-top: 2px;
  width: 140px;
}

.selection-accm {
  padding-left: 0px;
  width: 302px;
}

.selection-room {
  padding-left: 0px;
  width: 268px;
}

.selection-meal {
  padding-left: 0px;
  width: 120px;
}

.selection-price {
  padding-left: 0px;
  width: 90px;
}

.selection-price-not-select {
  padding-left: 0px;
  /*width: 80px;*/
  width: 123px;
  /*width: 90px;*/
}

#sectionbasket .selection-price-not-select {
  width: 90px;
}

.width-80 {
  width: 80px !important;
}

.text-align-right {
  text-align: right !important;
  padding-right: 8px !important;
}

.selection-rooms-available {
  padding-left: 0px;
  width: 85px;
}

.selection-text-rooms-available {
  width: 85px;
}

.selection-tourop {
  padding-left: 0px;
  width: 92px;
}

.selection-tourop-not-select {
  padding-left: 0px;
  width: 92px;
  display: none;
}

.width-92 {
  width: 92px !important;
}

.selection-quantity-rooms {
  padding-left: 0px;
  width: 126px;
}

.selection-quantity-guests {
  padding-left: 0px;
  width: 60px;
}

.selection-summ-all-rooms {
  padding-left: 0px;
  width: 110px;
}

.selection-calc-all-rooms {
  padding-left: 0px;
  width: 110px;
  display: table-cell;
  /*display: flex;*/
  /*flex-direction: column;*/
  /*justify-content: space-between;*/
}

.basketTableCalc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.basket-table-calc-price {
  color: #000000;
}

.basket-table-calc-pay {
  color: #ff8144;
  cursor: pointer;
  text-decoration: underline;
}

.basket-table-calc-paid {
  color: #009a5d;
  cursor: pointer;
  text-decoration: underline;
}

.basket-table-calc-overpayment {
  color: #1067fc;
  cursor: pointer;
  text-decoration: underline;
}

.basketForPayInfo {
  border: 1px solid;
  border-radius: 50%;
  width: 16px;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #1067fc;
}

.basket-table-calc-span {
  text-align: right;
  display: block;
  padding-right: 10px;
  margin-bottom: 4px;
  cursor: default;
  text-decoration: none;
}

.room-allocation-select {
  margin-top: 24px;
}

#bcancelbyid {
  display: none;
}

.alert-message p {
  white-space: pre-line;
}

.chain {
  position: absolute;
  top: -7px;
  width: 0.5em;
  height: 1.1em;
  background-color: #1067fc;
  display: block;
  border: white 2px solid;
  border-radius: 25%;
}

.chain span {
  content: "";
  position: absolute;
  left: -0.15em;
  width: 0.51em;
  height: 0.6em;
  border: #1067fc 1.3px solid;
  border-radius: 50%;
}

.chain span:first-child {
  top: -4px;
}

.chain span:last-child {
  top: 6px;
}


.selection-add {
  padding-left: 0px;
  padding-right: 8px;
  padding-top: 5px;
  width: 85px;
  background: url("../img/cart.svg") no-repeat center;
}

.selection-description {
  padding-left: 0px;
  width: 572px;
}

.selection-description-table {
  width: 572px;
}

.selection-begintour .arrow,
.selection-chin .arrow,
.selection-night .arrow,
.selection-chout .arrow,
.selection-end .arrow,
.selection-accm .arrow,
.selection-room .arrow,
  /*.selection-meal .arrow,*/
.selection-price .arrow,
.selection-tourop .arrow,
.selection-description .arrow {
  /*margin-left: 2px;*/
  margin-bottom: -3px;
}

.selection-text {
  font-weight: 400;
}


.selection-text-begin {
  padding-left: 0px;
  width: 140px;
}

.hotel-img {
  width: 16px;
  height: 23px;
  margin-left: 15px;
}

.flex-inner-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.block-inner-cell {
  display: block;
  position: relative;
  padding-left: 4px;
  padding-right: 4px;
}

.lineheight {
  line-height: 25px;
}

.flex-inner-cell--with-img::after {
  content: '';
  width: 16px;
  height: 23px;
  background-image: url("../img/hotel.svg");
  background-repeat: no-repeat;
  background-size: 16px 23px;
  margin-left: 15px;
}

.inverse .flex-inner-cell--with-img::after {
  background-image: url("../img/hotel-white.svg");
}

.selection-text-chin {
  padding-left: 0;
  width: 61px;
}

.selection-text-night {
  padding-left: 5px;
  width: 41px;
}

.selection-text-tarifhotel {
  width: 213px;
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: 3px !important;
}

.selection-text-chout {
  padding-left: 5px;
  width: 75px;
}

.selection-text-end {
  padding-left: 0;
  padding-top: 4px;
  width: 140px;
}

.selection-text-accm {
  padding-left: 6px!important;
  padding-right: 3px!important;
  width: 302px;
}

.selection-text-room {
  padding-left: 0px;
  width: 268px;
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*text-overflow: ellipsis;*/
}

.accommodation-table .selection-room,
.accommodation-table .selection-text-room {
  width: 268px;
}

.accommodation-table .selection-meal,
.accommodation-table .selection-text-meal {
  width: 120px;
}

.accommodation-table .selection-price,
.accommodation-table .selection-text-price {
  width: 65px;
}

.accommodation-table .selection-tourop,
.accommodation-table .selection-text-tourop {
  width: 112px;
}

.accommodation-table .selection-add {
  width: 42px;
}

.result-offer-table .selection-add {
  width: 42px;
}

/*
.accommodation-table .selection-text-add {
    padding-left: 10px !important;
} */

.result-offer-table .selection-text-add {
  width: 32px;
}

.selection-text-room div {
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  white-space: nowrap;
  padding: 0 10px;
}

.selection-text-meal {
  padding-left: 0;
  width: 120px;
  padding-left: 3px!important;
}

.selection-text-price {
  padding-left: 6px!important;
  padding-right: 3px!important;
  width: 65px;
}

.selection-text-tourop {
  padding-left: 0;
  width: 92px;
}

.selection-tourop:not(#tourrop_tour):not(#tourop_tour),
.selection-price:not(#price_tour_cart):not(#price_tour),
.selection-text-tourop:not(#tourop_tour),
.selection-text-price:not(#price_tour) {
  cursor: pointer;
  color: #1067fc;
  position: relative;
}

.selection-quantity-rooms:not(#quantity_rooms) {
  position: relative;
}

#price_tour_cart {
  width: 90px;
}

.selection-text-add {
  padding-left: 0;
  padding-right: 8px;
  padding-top: 5px;
}

/*td.selection-tourop ~ td.selection-text-add {
    padding-right: 3px;
}*/

.internal-table {
  border-collapse: collapse;
  width: 100%;

  font-weight: 700;
}

.internal-table-tbody tr {
  border: none;
}


.internal-table-tbody tr {
  border: none;
}

.internal-table-tbody td {
  padding: 2px 0 2px;
}

.internal-table-tbody td:first-child {
  width: 28%;
}

.internal-table-tbody td:nth-child(2) {
  width: 25%;
}

.table-href {
  display: inline-block;
  color: #1067fc;
}

.grey-border {
  border-right: 2px solid #e1e1e1;
  cursor: default;
}

.selection-text.grey-border {
  padding-right: 5px;
}

.selection-text.grey-border ~ td.selection-text {
  padding-left: 5px;
  padding-right: 5px;
}

/* Дополнительные классы для отображения цены в таблице предложений*/

.price-blue {
  color: #1067fc;
  cursor: pointer;
}

.price-blue-bold {
  color: #1067fc;
  font-weight: 700;
  cursor: pointer;
}

.price-red {
  color: red;
  cursor: pointer;
}

.price-small {
  font-size: 11px;
}


.add-button {
  color: #1067fc;
  border: none;
  background-color: #ffffff;
  cursor: pointer;
  padding-right: 5px;
}

.add-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.del-button {
  font-size: 25px;
}

.booking-button,
.booking-button-na {
  font-size: 15px;
  position: relative;
  top: -4px;
  /*margin-left: 3px;*/
  padding: 0;
  width: 20px;
  height: 20px;
}

.booking-button-na {
  /*    font-size: 15px;
      position: relative;
      top: -4px;
      margin-left: 3px;
      padding: 0;
      width: 20px;
      height: 20px;*/
  cursor: default;
}

.booking-button-hotel,
.booking-button-hotel-na {
  font-size: 15px;
  position: relative;
  /* top: -1px; */
  margin-left: 1px; /*5px; */
  padding: 0;
  width: 20px;
  height: 20px;
}

.booking-button-hotel-na {
  /*    font-size: 15px;
    position: relative;
    top: -4px;
    margin-left: 3px;
    padding: 0;
    width: 20px;
    height: 20px;*/
  cursor: default;
}

.selection-basket {
  position: relative;
  padding-top: 20px;
}

.selection-send {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.selection-send label {
  margin-right: 5px;
  font-size: 14px;

}

.selection-send input {
  width: 250px;
  border: none;
  border-bottom: 1px solid #afb3b4;
}

.arrow-in-round {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  border: 0.1em solid #1067fc;
  border-radius: 50%;
  line-height: 0.9em;
}

.arrow-in-round::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.1em;
  right: 0.05em;
  width: 0.5em;
  height: 0.5em;

  border-color: #1067fc;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-right-style: solid;
  border-right-width: 0.1em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow-in-round.back::after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arrow-in-round-na {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  border: 0.1em solid #9ab8e2;
  border-radius: 50%;
  line-height: 0.9em;
  cursor: default;
}

.arrow-in-round-na::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.1em;
  right: 0.05em;
  width: 0.5em;
  height: 0.5em;
  cursor: default;

  border-color: #9ab8e2;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-right-style: solid;
  border-right-width: 0.1em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.selection-report {
  padding-bottom: 50px;
  padding-top: 10px;
  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;
}

.selection-report li:last-child {
  margin-left: 20px;
  margin-right: 10px;
}

/* вставка из sm_st2 */


.block_hotel {
  display: none;
  text-align: left;
  -o-text-overflow: clip;
  text-overflow: clip;
  cursor: pointer;
  /*width: 644px;*/
  width: 750px;
  white-space: nowrap;
  background-color: white;
  border-top: none;
  margin-top: 0px;
  margin-left: 20px;

  -webkit-box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.4),
  7px 0 15px -5px rgba(0, 0, 0, 0.2),
  -4px 0 15px -5px rgba(0, 0, 0, 0.2);
}

.block_hotel.expand {
  z-index: 11;
  position: absolute;
  display: block;
}

.elements_hotel {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  text-align: left;
  text-align-last: left;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
  max-height: 312px;
}

.selectsize_hotel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

  background-color: white;
  border-bottom: 1px solid #cecece;
  text-align: left;
  text-align-last: left;
  /*width: 640px;*/
  width: 720px;
  margin-left: 15px;
  padding-left: 5px;
  padding-right: 16px;
  height: 24px;
  cursor: default;
  position: relative;
  color: #000000;
  font-weight: 700;
}

#hotelname > div:first-of-type {
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.process-info {
  width: 600px;
  margin-left: 25px;
  cursor: default;
  min-height: 23.9px;
}


.optsel_hotel:hover, .opt_hotel:hover {
  background-color: lightblue;
  border: 1px solid lightblue;
  cursor: pointer;
  border-radius: 3px;

}

.opt_hotel {
  background-position: 2px 5px;
  border: 1px solid #ffffff;
  cursor: pointer;
  border-radius: 3px;
  text-align: left;
  text-align-last: left;
}

.optsel_hotel {
  background-position: 2px -12px;
  background-color: #c0ecfa;
  border: 1px solid #71ccf3;
  cursor: pointer;
  border-radius: 3px;
  text-align: left;
  text-align-last: left;
}

/* end sm_st2 */

#progresspanelselnum {
  display: none;
}

.el_fil_to {
  min-width: 137px;
  max-width: 220px;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 12px;
  margin-right: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.el_fil_accms {
  min-width: 100px;
}

.el_fil_rooms {
  min-width: 137px;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 12px;
  margin-right: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.el_fil_begin_selnum {
  width: 140px;
}

.el_fil_deps {
  max-height: 300px;
  overflow-y: auto;
  margin-right: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.el_fil_deptimes {
  width: 97px;
  max-height: 300px;
  overflow-y: auto;
  margin-right: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.el_fil_night_selnum {
  width: 70px;
}

.el_fil_meals_selnum {
  width: 70px;
}

/*ВЗ начало блока стилизации при верстке offer.css */

.report-send {
  text-align: right;
  position: relative;
  padding-top: 20px;
}

/* ВЗ Выщипы делаем через pinch
 .report-send::before {
  content:'';
  position: absolute;
  bottom: -5px;
  left: -4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e4e9f1;
}
.report-send::after {
  content:'';
  position: absolute;
  bottom: -5px;
  right: -4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e4e9f1;
}*/

.right {
  /*display: inline-flex;*/
  /*!*align-self: self-end;*!*/
  /*margin-bottom: 30px;*/
  /*margin-left: auto;*/
  /*margin-right: 10px;*/
  position: absolute;
  left: calc(100% - 118px);
}

.offer-parameters {
  padding-bottom: 20px;
  padding-top: 20px;
  margin-right: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*.offer-parameters li:nth-child(1) {*/
/*  margin-right: 20px;*/
/*}*/

/*.offer-parameters li:nth-child(2) {*/
/*  margin-left: 20px;*/
/*}*/

/*.offer-parameters li:nth-child(6) {*/
/*  margin-right: 30px;*/
/*}*/

.report-title {
  padding-left: 5px;
  padding-right: 5px;
  width: 370px;
  border: none;
  border-bottom: 1px solid #cecece;
}

/*.offer-send-button {
  margin-left: 50px;
  margin-right: 10px;

}*/

.report-header {
  position: relative;
  /*text-align: right;*/
}

.ul-headers,
.ul-report,
.ul-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: default;
}

.ul-total-hotel {
  margin-top: 20px;
  cursor: default;
}

.ul-report-hotel {
  cursor: default;
}

.ul-headers li:last-child {
  margin-right: 25px;
}

.ul-report li:first-child,
.ul-report-hotel li:first-child {
  color: #1067fc;
}

.ul-report li:last-child,
.ul-report-hotel li:last-child {
  margin-right: 10px;
  margin-bottom: 10px;
}

.report-info {
  /*  margin-top: 10px;
    margin-right: 539px;*/
  display: inline-block;
  width: 800px;
}

.report-info-second-str {
  margin-top: 8px;
}

.report-header-table {
  border-spacing: 0 10px;
  width: 100%;
  font-weight: 400;
  margin-top: 12px;
  border-top: solid 1px #afb3b4;
  border-bottom: solid 1px #afb3b4;
}

.report-first-cell {
  width: 45px;
}

.report-header-table td:first-child {
  text-align: center;
}

.report-header-table td:nth-child(2) {
  padding-left: 5px;
}

.report-header-table td:last-child {
  text-align: right;
  padding-right: 10px;
}

.report-variant {
  margin-top: 20px;
}

.offer-table {
  border-collapse: collapse;
  width: 100%;
  font-weight: 700;
  text-align: center;
}

/*.offer-table thead td {
    padding-top: 5px;
}*/

.offer-table thead td:nth-child(1) {
  width: 5%;
}

.offer-table thead td:nth-child(2) {
  width: 10%;
}

.offer-table thead td:nth-child(3) {
  width: 25%;
}

.offer-table thead td:nth-child(4) {
  width: 10%;
}

.offer-table thead td:nth-child(5) {
  width: 10%;
}

.offer-table thead td:nth-child(6) {
  width: 10%;
}

.offer-table thead td:nth-child(7) {
  width: 10%;
}

.offer-table thead td:nth-child(8) {
  width: 30px;
}

.offer-table tbody tr {
  height: 10px;
}

.offer-table tbody tr:nth-child(3n) {
  border-bottom: solid 1px #afb3b4;
}

.offer-table tbody td {
  padding: 0 5px;
}

/*
.offer-table tbody td:nth-child(6) {
    cursor: pointer;
    color: #1067fc;
} */

.offer-table + .ul-report,
.offer-table + .ul-report-hotel {
  margin-top: 10px;
}

.offer-note {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #cecece;
}


.tripple-checkbox {
  background-image: url("../img/checkbox.png");
  background-repeat: no-repeat;
  width: 0;
  /*margin-left: 5px;*/
  margin: auto;
  border: none;
  margin-bottom: 5px;
}

.description {
  text-align: left;
}

.unselected-offer,
.unselected-offer span {
  background-color: rgba(242, 242, 242, 0.5);
  color: #535353;
}

.ul-total {
  margin-top: 20px;
}

.ul-total li:last-child {
  font-size: 15px;
}

/*ВЗ окончание блока стилизации при верстке offer.css */

.sendoffer-popup-win {
  width: 350px;
  /*height: 200px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sendoffer-popup-win form {
  width: 100%;
}

.sendoffer-cancel {
  margin-top: 26px;
  margin-bottom: 26px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.sendoffer-input {
  display: inline-block;
  /*width: 160px;*/
  width: 50%;
  /*margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;*/
  margin: 0;
}


.sendoffer-popup-win .auth-input input {
  width: 150px;
  /*height: 20px;*/
}

/*ВЗ для того, чтобы поменять содержимое на элементе 3
 найти по id элемент #a-sent-pdf задать ему textContent "Отправить в агентство"
 найти элемент по селектору ".auth-input.sendoffer-input" и добавить ему класс in-agency
 найти элемент по селектору ".sendoffer-cancel" и добавить ему класс in-agency

 Дя того чтобы поменять цвет элементу 3 поставить элементу #a-send-pdf класс .not-active
 */

.sendoffer-input.in-agency {
  width: 100%;
}

.sendoffer-input.in-agency input {
  width: 100%;
}

.sendoffer-cancel.in-agency {
  margin-top: 9px;
}

.sendoffer-popup-win .sendoffer-email span {
  margin-right: 5px;
}

.sendoffer-email {
  /*justify-content: space-between;*/
  display: inline-block;
}

#a-send-pdf.not-active {
  color: #9ab8e2 !important;
  cursor: default;
}

.tr_selected {
  background-color: #afd7f3;
}

.text-usual {
  color: #000000;
}

.text-neutral {
  color: #e4c300;
}

.text-good {
  color: #009a5d;
}

.text-bad {
  color: #e55154;
}

.text-orange {
  color: #ff8144;
}


.discount-popup-win {
  width: 360px;
  /*height: 200px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.discount-popup-win form {
  width: 100%;
}

.discount-header {
  display: flex;
  justify-content: space-between;
  padding: 10px 30px 10px 30px;
  margin-bottom: 25px;
  background-color: lightgray;
  font-size: 14px;
}

.discount-header-close {
  width: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.discount-text {
  margin: 10px 30px 10px 30px;
}

.discount-text input {
  width: 100px;
  font-size: 14px;
  padding-left: 3px;
}

.discount-text label {
  /*margin-left: -5px;*/
}

.discount-text span {
  margin-right: 3px;
}

.discount-control {
  display: flex;
  margin: 30px 30px 35px;
  /*margin-top: 26px;*/
  /*margin-bottom: 26px;*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-around;
  text-align: center;
}

.additional-parameters-checkbox.discount-checkbox + label {
  /*margin-right: 3px;*/
  background-position: 0 0;
}

/* Здесь идут селекторы для выявления активных элементов*/

/*input:focus {
    outline: 3px solid #5496bd;
}

.sort-alphabet-radio:focus + label::after,
.sort-alphabet-radio:focus + label::before {
  outline: 3px solid #5496bd;
}

.sort-popular-radio:focus + label::after,
.sort-popular-radio:focus + label::before {
  outline: 3px solid #5496bd;
}

input[type="checkbox"].visually-hidden:focus + label,
input[type="radio"].visually-hidden:focus + label {
  outline: 3px solid #5496bd;
}

div:focus,
span:focus {
  outline: 3px solid #5496bd;
}*/


/* Селекторы для вывода отчета на печать */

body.body-prn {
  height: auto;
  min-height: auto;
  font-family: tahoma, arial, helvetica, verdana, sans-serif;
  background-color: white;
  font-size: 11px;
}

body.body-pdf {
  zoom: 0.7;
  height: 300px;
  /*min-height: auto;*/
  background-color: white;
  /*background-color: lightgray;*/
  /*font-family: sans-serif;*/
  font-size: 10pt;
}

.container-prn {
  position: relative;
  width: 750px;
  margin: 0 auto;
  background-color: #ffffff;
}

h2.h2-print {
  text-align: left;
  -webkit-margin-before: 0.415em;
  margin-block-start: 0.415em;
  -webkit-margin-after: 0.415em;
  margin-block-end: 0.415em;
  padding-left: 10px;
}

.selection-wrapper-prn {
  width: 100%;
  padding: 0 10px;
  /*padding-bottom: 35px;*/
  /*margin-bottom: 20px;*/
}

.report-item {
  font-weight: 700;
}

.report-note {
  padding-left: 15px;
  font-size: 9px;
}

.report-variant-text {
  font-size: 9px;
}


.offer-item {
  display: block;
  margin-top: 1.2em;
  text-align: start;
  font-weight: 700;
}

.offer-info {
  text-align: right;
  margin-bottom: 5px;
}

.offer-info-left {
  text-align: left;
  margin-bottom: 5px;
}

.offer-group {
  text-align: left;
  margin-bottom: 5px;
}

.report-comment {
  display: inline-block;
  /*margin-top: 5px;*/
}

.offer-table-prn tbody tr {
  height: 5px;
}

/*.offer-table-prn thead td:nth-child(1) {*/
/*    width: 25%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(2) {*/
/*    width: 40%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(3) {*/
/*    width: 25%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(4) {*/
/*    width: 10%;*/
/*}*/

/*Это для Аэропульса - HC*/

/*                     .offer-table-prn thead td:nth-child(1) {*/
/*                       width: 5%;*/
/*                     }*/

/*.offer-table-prn thead td:nth-child(2) {*/
/*  width: 10%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(3) {*/
/*  width: 25%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(4) {*/
/*  width: 10%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(5) {*/
/*  width: 10%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(6) {*/
/*  width: 10%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(7) {*/
/*  width: 10%;*/
/*}*/

/*.offer-table-prn thead td:nth-child(8) {*/
/*  width: 30px;*/
/*}*/

/*Это для BookHotels*/

.offer-table-prn thead td:nth-child(1) {
  width: 5%;
}

.offer-table-prn thead td:nth-child(2) {
  width: 20%;
}

.offer-table-prn thead td:nth-child(3) {
  width: 55%;
}

.offer-table-prn thead td:nth-child(4) {
  width: 10%;
}

.inverse {
  color: white;
  background-color: #1067fc;
}

tr.inverse button,
tr.inverse a,
tr.inverse td {
  color: white !important;
  background-color: #43adff !important; /* #1067fc */
}

.inverse .arrow-in-round {
  border: 0.1em solid white;
}

.inverse .arrow-in-round::after {
  content: "";
  border-color: white;
  border-top-style: solid;
  border-top-width: 0.1em;
  border-right-style: solid;
  border-right-width: 0.1em;
  -webkit-transform: rotate(45deg);
}

a.back-to-selnum {
  margin-left: 5px;
}

/*
.ul-total-prn li:last-child {
  font-size: 13px;
}*/

.report-spacer {
  margin-top: 5px;
}

.offer-total-prn {
  text-align: right;
  font-size: 13px;
}

.offer-total-prn-left {
  text-align: left;
  font-size: 13px;
}

.success-add {
  position: absolute;
  right: -130px;
  width: 130px;
  background-color: #ffffff;

  /*--CSS3 CSS3 Тени для Блока--*/
  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  /*--CSS3 Закругленные углы--*/
  border-radius: 8px;
  border: 2px solid #d5d5d3;

  animation: adding 0.1s;
}

.disappearance {
  opacity: 0;
  transition: 3s;
}

.success-message {
  color: limegreen;
  text-align: center;
  padding: 5px;
}

.check-mark {
  font-size: 16px;
}

.hotelresort_span {
  margin-right: 5px;
}

@keyframes adding {
  0% {
    transform: translateX(200px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.chart {
  width: 15px;
}

.top-hotel-name {
  margin: 0;
  padding: 10px;
  color: #1067fc;
}

.about-service {
  margin-left: 25px;
}

.sevices {
  margin-bottom: 10px;
}

.result-info {
  display: inline-block;
}

.out-range-info {
  display: inline-block;
  width: 15px;
  height: 15px;
}

.interface-button-svg {
  position: relative;
  top: 4px;
  fill: #1067fc;
}

.local-hidden {
  visibility: hidden;
}

.local-none {
  display: none;
}

.chart-wrapper {
  margin-left: 10px;
  margin-top: 2px;
  display: flex;
}

.chart-wrapper a {
  cursor: pointer;
  margin-right: 8px;
}

.receive-leads-field {
  position: relative;
  margin-top: 10px;
}

.reg-items-wrapper.block {
  width: 500px;
  height: inherit;
  top: 20px;
  left: 96px;
}

.reg-item.reg-item-placeholder {
  /*color: #535353;*/
  /*color: #43adff;*/
  color: lightgray;
  cursor: inherit;
}

.reg-item {
  height: 20px;
  padding-left: 5px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.receive-leads-wrapper .receive-leads-field,
.receive-leads-wrapper .reg-line {
  padding-left: 10px;
}

.hotels-and-chart {
  display: flex;
}

.send-offer-location {
  padding: 0;
  width: fit-content;
  height: fit-content;
  margin-left: 5px;
  color: #1067fc;
  background-color: white;
  font-weight: 700;
  border: none;
  border-bottom: 1px dashed #1067fc;
  cursor: pointer;
}

.send-offer-location:disabled {
  color: #8c8c8c;
  border-color: #8c8c8c;
}

.location-container {
  display: flex;
  width: 50%;
  position: relative;
}

.send-offer-agency-location {
  display: flex;
  margin-bottom: 10px;
}

.send-to-agency {
  width: 400px;
  padding: 20px;
}

.agency-input {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.agency-input label {
  margin-left: 10px;
}

.reg-line.button-group {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}

.auth-popup.send-offer-agency {
  display: block;
  z-index: 14;
  position: fixed;
}

.block.agency-location {
  height: inherit;
  left: 35px;
  top: 20px;
}

.block.agency-location .country-list {
  height: inherit;
}

.send-offer-agency-location .location-container:last-child {
  margin-left: 20px;
}

.attrs-wrap {
  position: absolute;
  top: 53px;
  right: 0;
  background: #fff;
  padding: 10px;
  width: 273px;
  z-index: 0;
  display: flex;
  flex-direction: column;
}

.attrs-wrap .parameters-input-wrapper {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.attrs-wrap .parameters-input {
  width: 100%;
}

.attr-top {
  display: flex;
  justify-content: space-between;
  padding: 11px 0 8px;
  margin-left: -10px;
}

.attrs-block {
  background-color: #f2f2f2;
  padding: 10px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.attrs-list {
  width: 100%;
  cursor: pointer;
  flex-grow: 1;
}

.attrs-close {
  background-color: transparent;
  cursor: pointer;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: none;
  background-image: url("../img/close.svg");
}

.attrs-close svg {
  position: relative;
  top: -1px;
  left: -6px;
}

.hotels-attrs-checkbox + label {
  position: absolute;
  background-image: url("../img/filters-gray.svg");
  background-size: 21px 17px;
  background-repeat: no-repeat;
  width: 21px;
  height: 17px;
  right: 63px;
  top: -2px;
  cursor: pointer;
}

.hotels-attrs-checkbox:checked + label {
  background-image: url("../img/filters.svg");
}

.custom-title-wrap {
  position: relative;
  display: inline-block;
}

.custom-title {
  text-align: left;
  position: fixed;
  border: 1px solid black;

  font-size: 12px;
  background-color: #fff;
  z-index: 1;
  white-space: nowrap;
  padding: 2px 5px;
  font-weight: normal;
  user-select: none;
}

.hotel-info-modal {
  display: none;
  z-index: 15;
}

.hotel-info-modal .to-clipboard {
  max-height: 430px;
  padding: 10px;
}

.hotel-info-modal .list-list {
  overflow-y: auto;
}

.hotel-info-modal .auth-popup-win {
  width: auto;
  max-width: 500px;
  min-width: 300px;
}

.hotel-info-modal h2 {
  font-size: 18px;
  margin: 15px 0 15px;
  color: #1067fc;
  line-height: 25px;
}

.hotel-info-modal a {
  color: #1067fc;
  text-decoration: underline;
}

.hotel-info-modal p {
  margin: 10px 0;
}

.hotel-info-modal .min-price {
  margin-top: 25px;
}

.hotel-info-modal .tourop-name {
  color: #1067fc;
}

.hotel-info-modal button {
  width: auto !important;
}

.loading-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.loading-overlay .spinner {
  height: 170px;
  width: 170px;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loading-overlay .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #1067fc;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

span.price-edit {
  margin-left: 7px;
}

button.btn-price-edit {
  border: none;
  background: url(../img/pencil.svg) no-repeat;
  width: 8px;
  height: 12px;
}

button.btn-price-disabled {
  border: none;
  background: url(../img/pencil-disabled.svg) no-repeat;
  width: 8px;
  height: 12px;
}


button.btn-price-edit:hover,
a.back-to-selnum:hover {
  cursor: pointer;
}


button.btn-price-edit.btn-price-disabled:hover {
  cursor: default;
}

.window-edit-price {
  width: 385px;
  height: 200px;
  position: fixed;
  z-index: 12;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;

  background-color: #ffffff;
  margin: 5% auto;
  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  border-radius: 8px;
  border: 4px solid #d5d5d3;

  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
}

.window-edit-price label[type=number] {
  border: none;
  border-bottom: 1px solid #cecece;
  width: 310px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 4px;
}


.window-edit-price .price-inp-wrp {
  width: 310px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}


.window-edit-price label {
  padding-top: 10px;
}

.window-edit-price input[type=number] {
  border: none;
  border-bottom: 1px solid #cecece;

  font-size: 14px;
  line-height: 30px;
  padding-left: 4px;
}

.group-btn {
  width: 310px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.price-edit-header {
  display: flex;
  padding: 10px 30px 10px 30px;
  width: 100%;
  justify-content: space-between;
  background-color: lightgray;
  font-size: 14px;
  border: none;
}

.price-edit-header-close {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  width: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.letter-modal {
  min-width: 460px;
  padding-bottom: 0;
}

.letter-modal input {
  font: inherit;
}

.letter-headers {
  position: relative;
  padding: 15px;
  background-color: lightgray;
  font-size: 16px;
}

.letter-title {
  cursor: default;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
}

.letter-btn-close {
  position: absolute;
  right: 15px;
  top: 8px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.letter-btn-close:before, .letter-btn-close:after {
  position: absolute;
  top: 6px;
  content: ' ';
  height: 18px;
  width: 1px;
  background-color: #000;
}

.letter-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
}

.template-letter {
  margin: 0 10px;
}

.template-topic input[type="text"] {
  box-sizing: border-box;
  padding: 10px;
  width: 500px;
  border: 1px solid lightgray;
  border-radius: 2px;
}

.editor-wrapper {
  width: 500px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  border: 1px solid lightgray;
}

.editor {
  box-sizing: border-box;

  height: 315px;
  overflow-y: auto;

  padding-left: 10px;
  padding-right: 10px;
}

.editor span {
  padding: 0 2px;
  white-space: break-spaces;
}

.heading-setting {
  margin-bottom: 5px;
}

.button-variables .heading-setting {
  padding: 0;
}

.checkbox-wrapper .parameters-checkbox-grey:disabled + label,
.btn-plus-var:disabled {
  opacity: 0.5;
  cursor: auto;
}

.letter {
  display: flex;
  flex-direction: column;
}

.letter-setting {
  width: 355px;
  text-align: center;
  padding: 0;
  margin-bottom: 10px;
  height: 400px;
  overflow-y: auto;
}

.checkbox-wrapper {
  text-align: left;
  margin: -5px 0 5px;
}

.btn-var,
.btn-own-var {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.btn-system-var {
  margin-bottom: 4px;
  margin-right: 2px;
  padding: 3px 8px 3px 8px;
  background-color: #ff5a00;
  color: #ffffff;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}

.button-variables {
  display: flex;
}

.btn-plus-var {
  position: relative;
  width: 22px;
  height: 22px;
  top: 5px;
  background-color: #1067fc;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #1067fc;
}

.btn-plus-var:active {
  background-color: #fff;
}

.btn-plus-var::after,
.btn-plus-var::before {
  position: absolute;
  left: calc(50% - 7px);
  top: calc(50% - 1px);
  content: ' ';
  width: 14px;
  height: 2px;
  background-color: #ffffff;
}

.btn-plus-var::after {
  transform: rotate(90deg);
}

.btn-plus-var:active::after,
.btn-plus-var:active::before {
  background-color: #1067fc;
}

.btn-cancel {
  margin-bottom: 20px;
}

.btn-cancel-save {
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}

.template-editor .btn-cancel-save button:not(:last-child) {
  margin-right: 10px;
}

.available-templates,
.add-variable {
  display: flex;
  flex-direction: column;
  margin: 20px 15px 20px 10px;
}


.available-templates .template-btn-wrapper:first-of-type {
  margin-right: 5px;
}

/*хак для разделителя кнопок (хром)*/
.available-templates .template-btn-wrapper {
  position: relative;
  left: -0.3px;
}

.template-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}

.letter-wrapper svg,
.template-wrapper svg {
  position: relative;
  top: 2px;
}

.template-wrapper .edit-svg {
  top: 4px;
}

.template-btn-wrapper button {
  word-break: break-all;
}

.template-btn-wrapper {
  display: inline-flex;
}

.template-btn-wrapper button,
button.template-btn-wrapper {
  background-color: transparent;
  cursor: pointer;
  line-height: 25px;

  border: 2px solid #1067fc;
  color: #1067fc;
  padding: 0 8px;
  display: block;
  margin-left: -2px;
}

.editor .template-btn-wrapper button,
.editor button.template-btn-wrapper,
.letter-setting .template-btn-wrapper button {
  margin-bottom: 5px;
  line-height: normal;
}

.letter-setting .template-btn-wrapper button:last-child {
  margin-right: 5px;
}

/*.editor .template-btn-wrapper button:last-child {*/
/*  margin-right: 2px;*/
/*}*/

.editor .template-btn-wrapper button,
.letter-setting .template-btn-wrapper.orange button {
  line-height: 20px;
}

.template-btn-wrapper.default-wrap-btn {
  margin-right: 8px;
}

.template-btn-wrapper button:disabled {
  cursor: default;
  color: #87B3FD;
  border-color: #87B3FD;
}

.template-btn-wrapper button:disabled svg {
  opacity: 0.5;
}

.template-btn-wrapper.filled button:disabled {
  background-color: #87B3FD !important;
  border-color: transparent;
  color: #fff;
}

.template-btn-wrapper.filled.orange button:disabled {
  color: #fff;
  border-color: transparent;
  background-color: #FFC0A1 !important;
}

.template-btn-wrapper button:active:not(:disabled) {
  background-color: #1067fc;
  color: #fff;
}

.template-btn-wrapper button:first-child {
  border-radius: 20px 0 0 20px;
  margin-left: 0;
}

.template-btn-wrapper button:last-child {
  border-radius: 0 20px 20px 0;
}

.template-btn-wrapper button:only-child {
  border-radius: 20px;
}

.template-btn-wrapper.filled button {
  color: #fff;
}

.template-btn-wrapper.filled:not(.orange) button:active:not(:disabled) {
  color: #1067fc;
  background-color: #fff;
}

.template-btn-wrapper.filled .fill,
.template-btn-wrapper button:active:not(:disabled) .fill {
  fill: #fff;
}

.template-btn-wrapper.filled .stroke,
.template-btn-wrapper button:active .stroke {
  stroke: #fff;
}

.template-btn-wrapper .fill,
.template-btn-wrapper.filled button:active:not(:disabled) .fill {
  fill: #1067fc;
}

.template-btn-wrapper .stroke,
.template-btn-wrapper.filled button:active:not(:disabled) .stroke {
  stroke: #1067fc;
}

.template-btn-wrapper.orange button {
  background-color: #FF8144;
  border-color: #FF8144;
  color: #fff;
}

.template-btn-wrapper.orange button:active:not(:disabled) .fill {
  fill: #FF8144;
}

.template-btn-wrapper.orange button:active:not(:disabled) {
  color: #FF8144;
  background-color: #fff;
}

.template-btn-wrapper .with-delimiter {
  position: relative;
  border-left: none;
}

.template-btn-wrapper.filled .with-delimiter::before {
  content: '';
  width: 2px;
  height: calc(100% + 4px);
  position: absolute;
  top: -2px;
  left: -2px;

  background-color: #fff;
}

.template-btn-wrapper.filled .with-delimiter::before {
  width: 2px;
}

.template-btn-wrapper.filled:not(.orange) button {
  background-color: #1067fc;
}


.template-btn-wrapper button:active:not(:disabled) {
  z-index: 2;
  position: relative;
}

.template-btn-wrapper .with-delimiter:active:not(:disabled)::before {
  display: none;
}

.text-crossed-out {
  text-decoration: line-through;
}


.variable-input-modal {
  min-width: 430px;
}

.add-variable {
  margin: 20px 10px 20px 15px;
}

.variable-input {
  width: 180px;
}

.add-variable-modal {
  margin: 0 10px 20px 10px;
  justify-content: space-around;
}

.add-variable-wrapp label {
  display: flex;
  justify-content: space-between;
}

.not-valid {
  border-color: #f00 !important;
}

.message-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 25px 20px 15px;
}

.template-topic label,
.message-preview label {
  display: flex;
  flex-direction: column;
}

.template-topic span,
.template-letter-label,
.message-preview span {
  font-weight: bold;
  margin: 0 0 5px;
}

.template-letter-label {
  margin-top: 17px;
}

.message-preview input {
  width: 100%;
  margin-bottom: 15px;
  padding: 5px;
  outline: none;
}

.message-preview textarea {
  width: 580px;
  height: 240px;
  resize: none;
  outline: none;
  font: inherit;
  padding: 10px;
}

.tour-info .to-clipboard {
  max-height: 350px;
  overflow: auto;
}

.tour-info__additional-message {
  margin-top: 25px;
  margin-bottom: -10px;
  padding: 0 30px;
}

.flights-capture {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 20px;
}

.flights-capture__item {
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  flex-grow: 1;
  text-align: center;
}

.flights-capture__item:last-child {
  padding-right: 45px;
}

.flight-card {
  display: flex;
  align-items: center;
}

.flight-card:not(:last-child) {
  margin-bottom: 15px;
}

.flight-card__radio {
  outline: none;
}

.flight-card__label {
  flex-grow: 1;
  display: flex;
  border-radius: 5px;
  margin-left: 10px;
  user-select: none;
  cursor: pointer;
}

.flight-card__flight-item,
.flight-card__price-diff {
  border: 1px solid #c9c9c9;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}

.flight-card__flight-item {
  padding: 10px;
  width: 360px;
  margin-right: 15px;
}

.flight-card__radio:checked + .flight-card__label .flight-card__flight-item,
.flight-card__radio:checked + .flight-card__label .flight-card__price-diff {
  background-color: #639cff;
  box-shadow: 0 0 6px rgba(65, 101, 163, 0.5);
  color: #ffffff;
  border-color: #969696;
}

.flight-card__info {
  display: inline-block;
}

.flight-card__info:not(:last-child) {
  margin-bottom: 5px;
}

.flight-card__price-diff {
  flex-basis: 80px;
  text-align: center;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-message {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 78px;
  background-color: #43adff;
  background-image: linear-gradient(135deg, #43adff 30%, #1965ff 80%);
  z-index: 100;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
}

.cookie-message__inner-wrap {
  display: flex;
  align-items: center;
}

.cookie-message__text {
  font-size: 14px;
  margin: 20px;
}

.cookie-message__btn {
  border: none;
  user-select: none;
}

.cookie-message__link {
  color: #ffffff;
  text-decoration: underline;
}

.cookie-container {
  padding: 40px;
}

.cookie-title {
  margin: 0 0 35px;
  font-size: 20px;
}

.cookie-container__paragraph {
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
}

.uppercase {
  text-transform: uppercase;
}

.budget-modal {
  text-align: center;
  width: 300px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}

.budget-wrap {
  display: inline-block;
  position: relative;
  left: -9px;
}

.budget-wrap input {
  width: 70px;
}

.type_search {
  padding-top: 5px;
  margin-bottom: 0px;
}

#begtime, #endtime {
  width: 60px;
}

.crew-margin {
  margin-bottom: 0px;
  margin-left: 15px;
  visibility: hidden;
}

.date-begin-margin {
  margin-left: 5px;
}

.begtime-margin-left {
  margin-left: -4px;
  /*margin-left: -12px;*/
  margin-right: 40px;
}

.endtime-margin {
  margin-left: -4px;
  /*margin-left: -12px;*/
  margin-right: 30px;
}

.margin-left-2px {
  margin-left: 2px;
}

.margin-left-4px {
  margin-left: 4px;
}

.margin-left-7px {
  margin-left: 7px;
}

.margin-left-10px {
  margin-left: 10px;
}

.padding-left0 {
  padding-left: 0px;
}

.tarif-in-table {
  width: 400px;
  text-align: left;
  padding-left: 8px;
}

.room-name-hotel-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.room-name-hotel {
  padding: 16px 0 16px 8px;
  display: flex;
  font-size: initial;
  color: #1067fc;
  cursor: pointer;
}

.room-name-hotel-available {
  display: inline-flex;
  -ms-flex-pack: distribute;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 20px;
  font-size: initial;
  padding: 16px 0 16px 8px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.hotel-room-available-span {
  margin-left: 20px;
}

.room-add-to-cart {
  margin-right: 6px;
  text-align: right;
  padding-right: 6px;
  width: 36px;
  border: none;
  border-bottom: 1px solid #cecece;
  display: none;
}

.room-in-cart {
  margin-right: 6px;
  text-align: right;
  padding-right: 6px;
  width: 34px;
  border: none;
  border-bottom: 1px solid #cecece;
  display: none;
}

.display-flex {
  display: flex;
}

.crew-ch-box {
  text-transform: none !important;
  color: darkgrey;
}

.color-darkgrey {
  color: darkgrey;
}

.success-book-room {
  color: #009a5d;
  text-decoration: underline;
  cursor: pointer;
}

.success-book-room-cancel {
  color: #1067fc;
  cursor: pointer;
  font-size: 17px;
}

.success-book-room-cancel-by-number {
  color: #1067fc;
  cursor: pointer;
  font-size: 17px;
}

.errors-book-room {
  color: #e55154;
}

.cancelled-book-room {
  color: #e4c300;
  text-decoration: underline;
  cursor: pointer;
}

.books-rooms-cart {
  font-weight: 600;
  font-size: 16px;
}

.itog-basket-text {
  line-height: 27px;
  margin-left: 24px;
  padding-top: 16px;
  display: none;
}

.cart-btn-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 10px;
  margin-top: 30px;
}

.cart-btn-container > button {
  margin-left: 10px;
}

.hotellist_display_flex {
  display: flex;
  justify-content: space-between;
}

.label_bold {
  font-weight: bold;
}

.summ-success-book-room {
  color: #009a5d;
}

.summ-errors-book-room {
  color: #e55154;
}

.summ-cancelled-book-room {
  color: #e4c300;
}

.aboutRoomBasket {
  color: #1067fc;
  cursor: pointer;
}

.acm-map-body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.acm-map-and-info-container {
  width: 99vw;
  height: 100vh;
  display: flex;
}

.acm-map-info {
  width: 300px;
  height: 100vh;
  display: none;
  flex-direction: column;
  background: white;
  border: 4px solid #d5d5d3;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1001;
}

.acm-map-info-btn {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 15px;
  width: 35px;
  height: 35px;
  background: white;
  border: 4px solid #d5d5d3;
  border-radius: 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  font-weight: bold;
  font-size: 20px;
  font-style: italic;
  color: #1067FC;
  font-family: 'Georgia', 'Times New Roman', serif;
  padding-top: 4px;
  padding-left: 9px;
}

.map-info-header {
  flex: 0 1 50px;
  border-bottom: 1px solid #cecece;
  display: flex;
  align-items: center;
}

.map-info-header > h2 {
  flex-grow: 1;
  text-align: center;
  margin: 0;
}

.map-info-header > button {
  cursor: pointer;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.map-info-header > button > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.map-info-body {
  flex: 1;
}

.map-info-hotel {
  padding: 5px;
}

.map-info-hotel-header {
  height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.map-info-hotel-header > h4 {
  font-size: 15px;
  flex-grow: 1;
  text-align: left;
  margin: 0;
  color: #1067FC;
}

.map-info-hotel-header > button {
  cursor: pointer;
  width: 25px;
  height: 25px;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.map-info-hotel-header > button > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.map-info-hotel-description, .map-info-hotel-geo {
  height: 20px;
  font-size: 14px;
}

.map-info-hotel-description::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url('../img/accommodation-people.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}

.map-info-hotel-geo::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url('../img/accommodation-bus.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  vertical-align: middle;
}


.map-info-delete-hotel {
  color: #1067FC;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.map-info-footer {
  border-top: 1px solid #cecece;
  flex: 0 1 80px;
}

.map-info-footer > h3 {
  margin: 5px 0 5px 5px;
}

.map-info-footer > section {
  margin: 0 0 0 5px;
}

.acm-map-total {
  font-weight: bold;
}

#acm-map-container {
  flex-grow: 1;
}


.marker-container {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  width: 200px;
  margin-left: -100px;
  margin-top: -50px;
  font-family: 'Tahoma', sans-serif;
}

.marker-image {
  text-align: center;
  line-height: 0;
}

.marker-accommodation {
  color: #1067FC;
}

.marker-airport {
  color: #ED4543;
}

.marker-header {
  text-shadow: -2px -2px 3px white, -2px 2px 3px white, 2px -2px 3px white, 2px 2px 3px white;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.marker-info {
  color: black;
  text-shadow: -2px -2px 3px white, -2px 2px 3px white, 2px -2px 3px white, 2px 2px 3px white;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.bwcag-window, .es-window, .mdf-window, .b-fin-window, .move-finances-window, .fp-awaiting-window {

  position: fixed;
  z-index: 12;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #ffffff;
  margin: 5% auto;
  -webkit-box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);

  border-radius: 8px;
  border: 4px solid #d5d5d3;

  display: flex;
  flex-direction: column;
  align-content: space-between;
}

.es-window {
  width: 700px;
  height: 550px;
}

.mdf-window {
  width: 700px;
  height: 585px;
}

.bwcag-window {
  width: 400px;
  height: 535px;
}

.bwcag-header, .es-header, .mdf-header, .b-fin-header, .move-finances-header, .fp-awaiting-header {
  padding: 12px;
  background: #7b7b7b;
  color: white;
  height: 45px;
  font-size: 20px;
  font-weight: bold;
}

.move-finances-header {
  font-size: 16px;
  height: 55px;
}

.tab-container {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.es-tab {
  padding: 10px 15px;
  background: none;
  border: none;
  font-weight: bold;
  color: #1067FC;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}

.es-tab.active {
  border-bottom: 3px solid #1067FC;
  background: white;
}

.es-tab-content {
  flex: 1;
  padding: 10px;
}

.es-items {
  flex-grow: 1;
  overflow: auto;
  max-height: 390px;
}

.es-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px;
}

.es-item:not(:last-child) {
  border-bottom: 1px solid darkgray;
}

.es-title {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #1067FC;
}

.es-title-disabled {
  color: darkgray;
}

.es-details {
  font-size: 12px;
  font-style: italic;
  color: dimgray;
  font-weight: normal;
}

.es-group {
  font-size: 12px;
  font-style: normal;
  color: black;
  font-weight: normal;
}

.es-counter {
  display: flex;
  align-items: center;
}

.es-price {
  margin-left: 10px;
  font-weight: bold;
  font-size: 14px;
  min-width: 115px;
  text-align: right;
}

.es-quantity {
  margin-left: 10px;
  display: flex;
  align-items: center;
  border-radius: 5px;
}

.es-counter-btn {
  background: #43adff;
  border: none;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: white;
}

.es-counter-value {
  padding: 5px 5px;
  font-size: 14px;
  font-weight: bold;
  color: #1067FC;
  min-width: 30px;
  text-align: center;
}

.es-counter-value-disabled {
  color: darkgray;
}

.es-counter-btn:hover {
  background: #1067FC;
}

.es-counter-btn:disabled {
  background: darkgray;
  cursor: default;
}

.es-checkbox {
  display: none; /* скрываем сам чекбокс */
}

.custom-checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #1067FC;
  border-radius: 5px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  margin-left: 10px;
}

.es-checkbox:checked + .custom-checkmark {
  background: #1067FC;
  border-color: #1067FC;
}

.es-checkbox:checked + .custom-checkmark::before {
  content: "✔";
  font-size: 14px;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.es-checkbox:disabled + .custom-checkmark {
  background: white;
  border-color: darkgray;
  cursor: default;
}

.es-checkbox:checked:disabled + .custom-checkmark {
  background: gray;
  border-color: darkgray;
}

.es-checkbox:checked:disabled + .custom-checkmark::before {
  color: lightgray;
}

.es-footer {
  padding: 10px;
  border-top: 1px solid #d5d5d3;
  display: flex;
  flex-direction: column;
}

.es-footer-summary {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}

.es-total-count, .es-total-sum {
  font-weight: bold;
  color: #1067FC;
}

.bwcag-footer-buttons, .es-footer-buttons, .mdf-footer-buttons, .move-finances-footer, .fp-awaiting-footer {
  margin: 15px;
  display: flex;
}

.bwcag-footer-buttons, .es-footer-buttons {
  justify-content: right;
}

.mdf-footer-buttons, .move-finances-footer {
  justify-content: space-between;
}

.fp-awaiting-footer {
  justify-content: center;
}

#price-dif {
  font-weight: bold;
  color: #1067FC;
}

.bwcag-window-btn, .es-window-btn:last-child, .mdf-window-btn:last-child {
  margin-left: 10px;
}

.booking-extra-services {
  cursor: pointer;
  font-size: 13px;
  background: white;
  padding: 0 3px 0 3px;
  font-weight: bold;
  color: #1067FC;
  border: 1px solid;
  border-radius: 50%;
  width: 17px;
}

.tab-content {
  height: 500px;
}

.info-tab-container {
  overflow: auto;
  max-height: 429px;
  width: 100%;
}

.modify-person-title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px;
  color: #1067FC;
}

.modify-person-content {
  display: flex;
  flex-direction: column;
  margin: 10px 15px 10px 15px;
}

.modify-person-description, .move-finances-description {
  color: gray;
  font-size: 11px;
}

.modify-person-input, .move-finances-amount {
  margin-right: 6px;
  padding-right: 6px;
  border: none;
  border-bottom: 1px solid #cecece;
  text-align: left;
  width: 100%;
}

.modify-person-select, .move-finances-options {
  border: none;
  border-bottom: 1px solid #cecece;
  width: 100%;
}

.move-finances-options {
  margin-bottom: 5px;
}

.modify-booking-dates {
  display: flex;
  align-items: center;
  margin: 15px;
  justify-content: normal;
}

.modify-dates-info {
  font-size: 12px;
  font-style: italic;
  margin-left: 10px;
}

.modify-booking-dates .input-date {
  width: 90px;
  border: none;
  margin-left: 10px;
  border-bottom: 1px solid #cecece;
  height: 30px;
}

.modify-booking-dates select {
  width: 65px;
  border: none;
  margin-left: 10px;
  border-bottom: 1px solid #cecece;
  height: 30px;
  padding-left: 7px;
  padding-right: 5px;
  margin-right: 15px;
}

.booking-with-name,
.booking-with-name-na {
  cursor: pointer;
  font-size: 13px;
  background: white;
  padding: 0 3px 0 3px;
  font-weight: bold;
  color: #1067FC;
  border: none;
  width: auto;
}

.booking-with-name-na {
  cursor: default;
}

.success-book-room-modify {
  cursor: pointer;
  font-size: 13px;
  background: white;
  padding: 0 1px 0 1px;
  font-weight: bold;
  color: #1067FC;
  border: 1px solid;
  border-radius: 50%;
  width: 17px;
  margin-left: 5px;
}

.b-fin-window {
  width: 700px;
  height: 600px;
}

.b-fin-container {
  overflow: auto;
  max-width: 690px;
  height: 485px;
  padding: 10px;
  margin: 0 auto;
  font-family: sans-serif;
}

.move-finances-container {
  height: 125px;
  padding: 5px;
  margin: 5px;
  font-family: sans-serif;
}

.fp-awaiting-container {
  text-align: center;
  font-size: 14px;
  padding: 5px;
  margin: 5px;
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.fp-awaiting-container > p {
  height: 55px;
}
.finances-href-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}

.finances-link {
  width: 208px;
  text-align: center;
  margin: 5px;
  padding: 1px;
  font-weight: bold;
  font-size: 14px;
  box-sizing: border-box;
  cursor: default;
}

#move-finances-btn {
  color: #1067FC;
  cursor: pointer;
  text-decoration: underline;
}

.b-fin-footer {
  margin: 15px;
  display: flex;
  justify-content: end;
}

.transaction-table-wrapper table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.transaction-table-wrapper th,
.transaction-table-wrapper td {
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.transaction-table-wrapper th:nth-child(1),
.transaction-table-wrapper td:nth-child(1) {
  width: 15%;
}

.transaction-table-wrapper th:nth-child(2),
.transaction-table-wrapper td:nth-child(2) {
  width: 25%;
}

.transaction-table-wrapper th:nth-child(3),
.my-table td:nth-child(3) {
  width: 20%;
}

.transaction-table-wrapper th:nth-child(4),
.transaction-table-wrapper td:nth-child(4) {
  width: 22%;
}

.transaction-table-wrapper th:nth-child(5),
.transaction-table-wrapper td:nth-child(5) {
  width: 18%;
}

.transaction-table-wrapper th {
  background-color: #f0f0f0;
}

.transaction-table-wrapper tfoot td {
  font-weight: bold;
}

.move-finances-window {
  width: 300px;
  height: 255px;
}

.fp-awaiting-window {
  width: 300px;
  height: 495px;
}

.move-finances-text {
  font-size: 14px;
  margin-bottom: 10px;
}

.regTelHelpText {
  margin-top: -8px;
  margin-bottom: 8px;
  margin-left: 72px;
  color: gray;
  font-size: 12px;
}

.regEmailHelpText {
  margin-top: -8px;
  margin-bottom: 8px;
  margin-left: 54px;
  color: gray;
  font-size: 12px;
}

#reg_company_email {
  width: 296px;
}

.desktopTableTourOp {
  display: none;
}

.fp-qrc-image {
  width: 250px;
  height: 250px;
  border: 1px solid #000;
  margin-bottom: 20px;
}